Embed Widget Config fix

app-config.ts

@@ -1,6 +1,8 @@
 import type { AppConfig } from './lib/types';
 
 export const APP_CONFIG_DEFAULTS: AppConfig = {
+  sandboxId: undefined,
+  agentName: undefined,
   supportsChatInput: true,
   supportsVideoInput: true,
   supportsScreenShare: true,

lib/env.ts

@@ -38,8 +38,9 @@ export const getAppConfig = cache(
           if (entry === null) continue;
           if (
             key in config &&
-            typeof config[key as keyof AppConfig] === entry.type &&
-            typeof config[key as keyof AppConfig] === typeof entry.value
+            (config[key as keyof AppConfig] === undefined ||
+              typeof config[key as keyof AppConfig] === entry.type) &&
+            typeof entry.value === entry.type
           ) {
             // @ts-expect-error I'm not sure quite how to appease TypeScript, but we've thoroughly checked types above
             config[key as keyof AppConfig] = entry.value as AppConfig[keyof AppConfig];

next.config.ts

@@ -3,6 +3,13 @@ import type { NextConfig } from 'next';
 const nextConfig: NextConfig = {
   /* config options here */
   devIndicators: false,
+  async headers() {
+    const iframeHeaders = [
+      { key: 'X-Frame-Options', value: 'ALLOWALL' },
+      { key: 'Content-Security-Policy', value: 'frame-ancestors *' },
+    ];
+    return [{ source: '/embed', headers: iframeHeaders }];
+  },
 };
 
 export default nextConfig;

package.json

@@ -28,7 +28,7 @@
     "livekit-client": "^2.13.3",
     "livekit-server-sdk": "^2.13.0",
     "motion": "^12.16.0",
-    "next": "15.4.7",
+    "next": "15.5.14",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",