skybridge 0.0.0-dev.db8be9c → 0.0.0-dev.dbab7df

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "skybridge",
-  "version": "0.0.0-dev.db8be9c",
-  "description": "Skybridge is a framework for building ChatGPT apps",
+  "version": "0.0.0-dev.dbab7df",
+  "description": "Skybridge is a framework for building ChatGPT and MCP Apps",
   "repository": {
     "type": "git",
     "url": "https://github.com/alpic-ai/skybridge.git"
   },
   "type": "module",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=22.23.1"
+  },
   "files": [
-    "dist"
+    "dist",
+    "README.md",
+    "tsconfig.base.json"
   ],
   "exports": {
+    "./tsconfig": "./tsconfig.base.json",
+    "./tsconfig.json": "./tsconfig.base.json",
     "./server": {
       "types": "./dist/server/index.d.ts",
       "default": "./dist/server/index.js"
@@ -18,6 +26,10 @@
     "./web": {
       "types": "./dist/web/index.d.ts",
       "default": "./dist/web/index.js"
+    },
+    "./views": {
+      "types": "./dist/views/index.d.ts",
+      "default": "./dist/views/index.js"
     }
   },
   "keywords": [
@@ -29,45 +41,56 @@
   "author": "Frédéric Barthelet",
   "license": "ISC",
   "peerDependencies": {
-    "@modelcontextprotocol/sdk": ">=1.0.0",
+    "@skybridge/devtools": "^1.1.0 || ^2.0.0-alpha.0",
+    "nodemon": ">=3.0.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "vite": ">=7.3.1"
   },
   "dependencies": {
-    "@babel/core": "^7.28.6",
-    "@oclif/core": "^4.8.0",
-    "ci-info": "^4.3.1",
-    "cors": "^2.8.5",
+    "@modelcontextprotocol/core": "^2.0.0",
+    "@modelcontextprotocol/ext-apps": "^1.7.4",
+    "@modelcontextprotocol/express": "^2.0.0",
+    "@modelcontextprotocol/node": "^2.0.0",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@modelcontextprotocol/server": "^2.0.0",
+    "@oclif/core": "^4.11.14",
+    "ci-info": "^4.4.0",
+    "cors": "^2.8.6",
+    "cross-spawn": "^7.0.6",
     "dequal": "^2.0.3",
-    "es-toolkit": "^1.43.0",
+    "es-toolkit": "^1.49.0",
+    "esbuild": "^0.28.1",
     "express": "^5.2.1",
-    "handlebars": "^4.7.8",
-    "ink": "^6.6.0",
-    "posthog-node": "^5.21.0",
+    "handlebars": "^4.7.9",
+    "ink": "^7.1.1",
+    "jose": "^6.2.3",
+    "open": "^11.0.0",
+    "posthog-node": "^5.45.2",
     "superjson": "^2.2.6",
-    "vite": "^7.3.1",
-    "zustand": "^5.0.10"
+    "yaml": "^2.9.0",
+    "zod": "^4.4.3",
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@modelcontextprotocol/ext-apps": "^0.4.0",
-    "@modelcontextprotocol/sdk": "^1.25.2",
+    "@modelcontextprotocol/client": "^2.0.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@total-typescript/tsconfig": "^1.0.4",
-    "@types/babel__core": "^7.20.5",
     "@types/cors": "^2.8.19",
+    "@types/cross-spawn": "^6.0.6",
     "@types/express": "^5.0.6",
-    "@types/jsdom": "^27.0.0",
-    "@types/node": "^24.10.8",
-    "@types/react": "^19.2.8",
+    "@types/jsdom": "^28.0.3",
+    "@types/node": "^24.13.3",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitest/ui": "^4.0.17",
-    "jsdom": "^27.4.0",
+    "@vitest/ui": "^4.1.10",
+    "jsdom": "^29.1.1",
     "shx": "^0.4.0",
     "ts-node": "^10.9.2",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.17",
-    "zod": "^4.3.5"
+    "typescript": "^6.0.3",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10"
   },
   "bin": {
     "sb": "./bin/run.js",
@@ -78,17 +101,20 @@
     "commands": "./dist/commands",
     "dirname": "skybridge",
     "topicSeparator": " ",
+    "helpClass": {
+      "target": "./dist/commands/create",
+      "identifier": "SkybridgeHelp"
+    },
     "hooks": {
-      "finally": "./dist/hooks/telemetry"
+      "finally": "./dist/cli/telemetry"
     }
   },
   "scripts": {
-    "build": "shx rm -rf dist && tsc && pnpm run build:templates",
-    "build:templates": "cp -r src/server/templates dist/server/",
+    "build": "shx rm -rf dist && pnpm run build:templates && tsc",
+    "build:templates": "node scripts/precompile-templates.mjs",
     "format": "biome check --write --error-on-warnings",
-    "test": "pnpm run test:unit && pnpm run test:type && pnpm run test:format",
-    "test:unit": "vitest run",
-    "test:type": "tsc --noEmit",
+    "test": "pnpm run test:unit && pnpm run test:format",
+    "test:unit": "pnpm run build:templates && vitest run",
     "test:format": "biome ci"
   }
 }

package/tsconfig.base.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    // Module resolution options
+    "module": "NodeNext",
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+
+    // Output options
+    "rootDir": "${configDir}/src",
+    "outDir": "${configDir}/dist",
+    "noEmit": false,
+    "incremental": true,
+    "sourceMap": true,
+
+    // Language and environment options
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+
+    // Type declarations
+    "types": ["node", "vite/client"],
+
+    // Strictness and checking options
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+
+    // Code quality & diagnostics
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  }
+}

package/dist/commands/telemetry.d.ts

@@ -1,9 +0,0 @@
-import { Command } from "@oclif/core";
-export default class Telemetry extends Command {
-    static args: {
-        action: import("@oclif/core/interfaces").Arg<string | undefined, Record<string, unknown>>;
-    };
-    static description: string;
-    static examples: string[];
-    run(): Promise<void>;
-}

package/dist/commands/telemetry.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Args, Command } from "@oclif/core";
-import { Box, render, Text } from "ink";
-import { getMachineId, isEnabled, setEnabled, } from "../hooks/telemetry.js";
-export default class Telemetry extends Command {
-    static args = {
-        action: Args.string({
-            description: "Action to perform: status, enable, or disable",
-            options: ["status", "enable", "disable"],
-        }),
-    };
-    static description = "Manage Skybridge telemetry settings";
-    static examples = [
-        "skybridge telemetry status",
-        "skybridge telemetry enable",
-        "skybridge telemetry disable",
-    ];
-    async run() {
-        const { args } = await this.parse(Telemetry);
-        const action = args.action || "status";
-        if (action === "enable") {
-            setEnabled(true);
-            const App = () => (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { children: " Telemetry has been " }), _jsx(Text, { color: "green", bold: true, children: "enabled" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "Config saved to ~/.skybridge/config.json" }) })] }));
-            render(_jsx(App, {}));
-            return;
-        }
-        if (action === "disable") {
-            setEnabled(false);
-            const App = () => (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "\u2713" }), _jsx(Text, { children: " Telemetry has been " }), _jsx(Text, { color: "yellow", bold: true, children: "disabled" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "Config saved to ~/.skybridge/config.json" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "You can also set SKYBRIDGE_TELEMETRY_DISABLED=1 to disable telemetry via environment variable." }) })] }));
-            render(_jsx(App, {}));
-            return;
-        }
-        // Status (default)
-        const enabled = isEnabled();
-        const App = () => (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, underline: true, children: "Skybridge Telemetry" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { children: "Status: " }), enabled ? (_jsx(Text, { color: "green", bold: true, children: "Enabled" })) : (_jsx(Text, { color: "yellow", bold: true, children: "Disabled" }))] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Machine ID: " }), _jsx(Text, { children: getMachineId() })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "To opt out, run: skybridge telemetry disable" }), _jsx(Text, { color: "gray", children: "Or set: SKYBRIDGE_TELEMETRY_DISABLED=1" }), _jsx(Text, { color: "gray", children: "Debug mode: SKYBRIDGE_TELEMETRY_DEBUG=1" })] })] }));
-        render(_jsx(App, {}));
-    }
-}
-//# sourceMappingURL=telemetry.js.map

package/dist/commands/telemetry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../src/commands/telemetry.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/telemetry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../src/hooks/telemetry.ts"],"names":[],"mappings":"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"}

package/dist/server/templates/development.hbs

@@ -1,66 +0,0 @@
-<base href="{{serverUrl}}" />
-<script type="module">window.skybridge = { hostType: "{{hostType}}" };</script>
-<script type="module">
-  import { injectIntoGlobalHook } from "{{serverUrl}}/assets/@react-refresh";
-  injectIntoGlobalHook(window); window.$RefreshReg$ = () => {};
-  window.$RefreshSig$ = () => (type) => type;
-  window.__vite_plugin_react_preamble_installed__ = true;
-</script>
-<script type="module" src="{{serverUrl}}/@vite/client"></script>
-<script type="module">
-  // Checks for browser support and shows error if local network access is denied
-  (async () => {
-    if (!navigator.permissions?.query) {
-      return;
-    }
-
-    // Skip for non-http(s) protocols (file://, custom protocols in Electron, etc.)
-    const protocol = window.location.protocol;
-    const isNonHttpProtocol = protocol !== 'http:' && protocol !== 'https:'
-    if (isNonHttpProtocol) {
-      return;
-    }
-
-    const host = window.location.hostname;
-    const isLoopback = host === 'localhost'
-      || /^127\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/.test(host)
-      || host === '::1';
-    if (isLoopback) {
-      return;
-    }
-    
-    try {
-      const status = await navigator.permissions.query({ name: "local-network-access" });
-      if (status.state === "denied") {
-        const errorDiv = document.createElement("div");
-        errorDiv.style.cssText = "background: #fef2f2; border: 2px solid #ef4444; border-radius: 8px; padding: 16px; text-align: center; z-index: 10000; font-family: system-ui, sans-serif;";
-
-        const errorTitle = document.createElement("div");
-        errorTitle.style.cssText = "color: #ef4444; font-size: 18px; font-weight: 600; margin-bottom: 8px;";
-        errorTitle.textContent = "Error: Local network access permission is denied.";
-
-        const errorMessage = document.createElement("div");
-        errorMessage.style.cssText = "color: #ef4444; font-size: 14px;";
-        errorMessage.textContent = "Local network access is required for your widget to connect to the local dev server. Please enable it in your browser settings. ";
-
-        const link = document.createElement("a");
-        link.href = "https://developer.chrome.com/blog/local-network-access";
-        link.target = "_blank";
-        link.rel = "noopener noreferrer";
-        link.style.cssText = "color: #ef4444; text-decoration: underline;";
-        link.textContent = "Learn more";
-        errorMessage.appendChild(link);
-
-        errorDiv.appendChild(errorTitle);
-        errorDiv.appendChild(errorMessage);
-        document.body.appendChild(errorDiv);
-      }
-    } catch (e) {
-      // Permission API doesn't support local-network-access, ignore silently
-    }
-  })();
-</script>
-<div id="root"></div>
-<script type="module" id="dev-widget-entry">
-  import('{{serverUrl}}/src/widgets/{{widgetName}}');
-</script>

package/dist/server/templates/production.hbs

@@ -1,7 +0,0 @@
-<base href="{{serverUrl}}" />
-<script type="module">window.skybridge = { hostType: "{{hostType}}" };</script>
-<div id="root"></div>
-<script type="module">
-  import('{{serverUrl}}/assets/{{widgetFile}}');
-</script>
-<link rel="stylesheet" crossorigin href="{{serverUrl}}/assets/{{styleFile}}" />

package/dist/server/widgetsDevServer.d.ts

@@ -1,12 +0,0 @@
-import { type Router } from "express";
-/**
- * Install Vite dev server
- * This router MUST be installed at the application root, like so:
- *
- *  const app = express();
- *
- * if (env.NODE_ENV !== "production") {
- *   app.use(await widgetsRouter());
- * }
- */
-export declare const widgetsDevServer: () => Promise<Router>;

package/dist/server/widgetsDevServer.js

@@ -1,47 +0,0 @@
-import { existsSync } from "node:fs";
-import path from "node:path";
-import cors from "cors";
-import express, {} from "express";
-/**
- * Install Vite dev server
- * This router MUST be installed at the application root, like so:
- *
- *  const app = express();
- *
- * if (env.NODE_ENV !== "production") {
- *   app.use(await widgetsRouter());
- * }
- */
-export const widgetsDevServer = async () => {
-    const router = express.Router();
-    const { createServer, searchForWorkspaceRoot, loadConfigFromFile } = await import("vite");
-    // Since 0.16.0, the template is a single package that does not rely on workspace.
-    // It means that, when starting the server, the working dir is the template root
-    // hence we don't need to walk up the tree to find the workspace, which does not exist anymore.
-    let webAppRoot = path.join(process.cwd(), "web");
-    // fallback to the old behavior for backward compatibility
-    const hasWebAppRoot = existsSync(webAppRoot);
-    if (!hasWebAppRoot) {
-        const workspaceRoot = searchForWorkspaceRoot(process.cwd());
-        webAppRoot = path.join(workspaceRoot, "web");
-    }
-    const configResult = await loadConfigFromFile({ command: "serve", mode: "development" }, path.join(webAppRoot, "vite.config.ts"), webAppRoot);
-    const { build, preview, ...devConfig } = configResult?.config || {};
-    const vite = await createServer({
-        ...devConfig,
-        configFile: false, // Keep this to prevent vite from trying to resolve path in the target config file
-        appType: "custom",
-        server: {
-            allowedHosts: true,
-            middlewareMode: true,
-        },
-        root: webAppRoot,
-        optimizeDeps: {
-            include: ["react", "react-dom/client"],
-        },
-    });
-    router.use(cors());
-    router.use("/", vite.middlewares);
-    return router;
-};
-//# sourceMappingURL=widgetsDevServer.js.map

package/dist/server/widgetsDevServer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetsDevServer.js","sourceRoot":"","sources":["../../src/server/widgetsDevServer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,EAAE,EAAe,MAAM,SAAS,CAAC;AAC/C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAqB,EAAE;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEhC,MAAM,EAAE,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,GAChE,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC;IAEvB,kFAAkF;IAClF,gFAAgF;IAChF,+FAA+F;IAC/F,IAAI,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;IAEjD,0DAA0D;IAC1D,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5D,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,kBAAkB,CAC3C,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,EACzC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,EACvC,UAAU,CACX,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,MAAM,IAAI,EAAE,CAAC;IAEpE,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC;QAC9B,GAAG,SAAS;QACZ,UAAU,EAAE,KAAK,EAAE,kFAAkF;QACrG,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE;YACN,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,IAAI,EAAE,UAAU;QAChB,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC;SACvC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IACnB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/test/widget.test.js

@@ -1,255 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi, } from "vitest";
-import { createMockExtra, createMockMcpServer, resetTestEnv, setTestEnv, } from "./utils.js";
-const mockManifest = {
-    "src/widgets/my-widget.tsx": { file: "my-widget.js" },
-    "src/widgets/folder-widget/index.tsx": { file: "folder-widget.js" },
-    "style.css": { file: "style.css" },
-};
-const actual = vi.hoisted(() => require("node:fs"));
-vi.mock("node:fs", () => {
-    const readFileSyncImpl = (path, ...args) => {
-        if (typeof path === "string" && path.includes("manifest.json")) {
-            return JSON.stringify(mockManifest);
-        }
-        return actual.readFileSync(path, ...args);
-    };
-    const readFileSync = vi.fn(readFileSyncImpl);
-    return {
-        readFileSync,
-        default: {
-            readFileSync,
-        },
-    };
-});
-describe("McpServer.registerWidget", () => {
-    let server;
-    let mockRegisterResource;
-    let mockRegisterTool;
-    beforeEach(() => {
-        ({ server, mockRegisterResource, mockRegisterTool } =
-            createMockMcpServer());
-    });
-    afterEach(() => {
-        vi.clearAllMocks();
-        resetTestEnv();
-    });
-    it("should generate correct HTML for development mode", async () => {
-        setTestEnv({ NODE_ENV: "development" });
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = { description: "Test widget" };
-        const mockToolConfig = { description: "Test tool" };
-        server.registerWidget("my-widget", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        // Get the resource callback function
-        const appsSdkResourceCallback = mockRegisterResource.mock
-            .calls[0]?.[3];
-        expect(appsSdkResourceCallback).toBeDefined();
-        const serverUrl = "http://localhost:3000";
-        const mockExtra = createMockExtra("__not_used__");
-        const result = await appsSdkResourceCallback(new URL("ui://widgets/apps-sdk/my-widget.html"), mockExtra);
-        expect(mockRegisterTool).toHaveBeenCalled();
-        expect(result).toEqual({
-            contents: [
-                {
-                    uri: "ui://widgets/apps-sdk/my-widget.html",
-                    mimeType: "text/html+skybridge",
-                    text: expect.stringContaining('<div id="root"></div>'),
-                    _meta: {
-                        "openai/widgetCSP": {
-                            resource_domains: [serverUrl],
-                            connect_domains: ["ws://localhost:24678"],
-                        },
-                        "openai/widgetDomain": serverUrl,
-                        "openai/widgetDescription": "Test tool",
-                    },
-                },
-            ],
-        });
-        // Check development-specific content
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/assets/@react-refresh`);
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/@vite/client`);
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/src/widgets/my-widget`);
-        expect(result.contents[0]?.text).not.toContain(`${serverUrl}/src/widgets/my-widget.tsx`);
-    });
-    it("should generate correct HTML for production mode", async () => {
-        setTestEnv({ NODE_ENV: "production" });
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = { description: "Test widget" };
-        const mockToolConfig = { description: "Test tool" };
-        server.registerWidget("my-widget", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        // Get the resource callback function
-        const appsSdkResourceCallback = mockRegisterResource.mock
-            .calls[0]?.[3];
-        expect(appsSdkResourceCallback).toBeDefined();
-        const host = "myapp.com";
-        const serverUrl = `https://${host}`;
-        const mockExtra = createMockExtra(host);
-        const result = await appsSdkResourceCallback(new URL("ui://widgets/apps-sdk/my-widget.html"), mockExtra);
-        expect(result).toEqual({
-            contents: [
-                {
-                    uri: "ui://widgets/apps-sdk/my-widget.html",
-                    mimeType: "text/html+skybridge",
-                    text: expect.stringContaining('<div id="root"></div>'),
-                    _meta: {
-                        "openai/widgetCSP": {
-                            resource_domains: [serverUrl],
-                            connect_domains: [],
-                        },
-                        "openai/widgetDomain": serverUrl,
-                        "openai/widgetDescription": "Test tool",
-                    },
-                },
-            ],
-        });
-        // Check production-specific content
-        expect(result.contents[0]?.text).not.toContain(`${serverUrl}/assets/@react-refresh`);
-        expect(result.contents[0]?.text).not.toContain(`${serverUrl}@vite/client`);
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/assets/my-widget.js`);
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/assets/style.css`);
-    });
-    it("should resolve folder-based widgets (barrel files) in production mode", async () => {
-        setTestEnv({ NODE_ENV: "production" });
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = { description: "Folder widget" };
-        const mockToolConfig = { description: "Folder tool" };
-        server.registerWidget("folder-widget", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        const appsSdkResourceCallback = mockRegisterResource.mock
-            .calls[0]?.[3];
-        expect(appsSdkResourceCallback).toBeDefined();
-        const host = "myapp.com";
-        const serverUrl = `https://${host}`;
-        const mockExtra = createMockExtra(host);
-        const result = await appsSdkResourceCallback(new URL("ui://widgets/apps-sdk/folder-widget.html"), mockExtra);
-        // Should resolve to folder-widget.js from the manifest entry "src/widgets/folder-widget/index.tsx"
-        expect(result.contents[0]?.text).toContain(`${serverUrl}/assets/folder-widget.js`);
-    });
-    it("should register resources with correct hostType for both apps-sdk and ext-apps formats", async () => {
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = {
-            description: "Test widget",
-            _meta: { "openai/widgetPrefersBorder": true },
-        };
-        const mockToolConfig = { description: "Test tool" };
-        server.registerWidget("my-widget", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        expect(mockRegisterResource).toHaveBeenCalledTimes(2);
-        const appsSdkCallback = mockRegisterResource.mock
-            .calls[0]?.[3];
-        const appsSdkResult = await appsSdkCallback(new URL("ui://widgets/apps-sdk/my-widget.html"), createMockExtra("__not_used__"));
-        expect(appsSdkResult).toEqual({
-            contents: [
-                {
-                    uri: "ui://widgets/apps-sdk/my-widget.html",
-                    mimeType: "text/html+skybridge",
-                    text: expect.stringContaining('<div id="root"></div>'),
-                    _meta: {
-                        "openai/widgetCSP": {
-                            resource_domains: ["http://localhost:3000"],
-                            connect_domains: ["ws://localhost:24678"],
-                        },
-                        "openai/widgetDomain": "http://localhost:3000",
-                        "openai/widgetDescription": "Test tool",
-                        "openai/widgetPrefersBorder": true,
-                    },
-                },
-            ],
-        });
-        expect(appsSdkResult.contents[0]?.text).toContain('window.skybridge = { hostType: "apps-sdk" }');
-        const extAppsResourceCallback = mockRegisterResource.mock
-            .calls[1]?.[3];
-        expect(extAppsResourceCallback).toBeDefined();
-        const extAppsResult = await extAppsResourceCallback(new URL("ui://widgets/ext-apps/my-widget.html"), createMockExtra("__not_used__"));
-        expect(extAppsResult).toEqual({
-            contents: [
-                {
-                    uri: "ui://widgets/ext-apps/my-widget.html",
-                    mimeType: "text/html;profile=mcp-app",
-                    text: expect.stringContaining('<div id="root"></div>'),
-                    _meta: {
-                        ui: {
-                            csp: {
-                                resourceDomains: ["http://localhost:3000"],
-                                connectDomains: ["ws://localhost:24678"],
-                            },
-                            domain: "http://localhost:3000",
-                        },
-                    },
-                },
-            ],
-        });
-        expect(extAppsResult.contents[0]?.text).toContain('window.skybridge = { hostType: "mcp-app" }');
-    });
-    it("should register tool with ui.resourceUri metadata (not deprecated ui/resourceUri)", async () => {
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = { description: "Test widget" };
-        const mockToolConfig = { description: "Test tool" };
-        server.registerWidget("my-widget", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        expect(mockRegisterTool).toHaveBeenCalledTimes(1);
-        const toolCallArgs = mockRegisterTool.mock.calls[0];
-        const toolConfig = toolCallArgs?.[1];
-        expect(toolConfig._meta).toHaveProperty("ui");
-        expect(toolConfig._meta?.ui).toEqual({
-            resourceUri: "ui://widgets/ext-apps/my-widget.html",
-        });
-    });
-    it("should apply meta overrides in correct priority: defaults < ui.* < direct openai/* keys", async () => {
-        const mockToolCallback = vi.fn();
-        const mockRegisterResourceConfig = {
-            description: "Test widget",
-            _meta: {
-                // ui.csp overrides (middle priority)
-                ui: {
-                    csp: {
-                        resourceDomains: ["https://from-ui-csp.com"],
-                        connectDomains: ["https://from-ui-csp.com"],
-                    },
-                    domain: "https://from-ui-domain.com",
-                    prefersBorder: false,
-                },
-                // Direct openai/* keys (highest priority) - should override ui.*
-                "openai/widgetDomain": "https://direct-override.com",
-                "openai/widgetPrefersBorder": true,
-            },
-        };
-        const mockToolConfig = { description: "Test tool" };
-        server.registerWidget("override-test", mockRegisterResourceConfig, mockToolConfig, mockToolCallback);
-        const appsSdkCallback = mockRegisterResource.mock
-            .calls[0]?.[3];
-        const result = await appsSdkCallback(new URL("ui://widgets/apps-sdk/override-test.html"), createMockExtra("__not_used__"));
-        const meta = result.contents[0]?._meta;
-        // CSP arrays are merged with union - all unique domains from defaults and user config are preserved
-        expect(meta["openai/widgetCSP"]).toEqual({
-            resource_domains: ["http://localhost:3000", "https://from-ui-csp.com"],
-            connect_domains: ["ws://localhost:24678", "https://from-ui-csp.com"],
-            frame_domains: undefined,
-            redirect_domains: undefined,
-        });
-        // Domain should be overridden by direct openai/* key (highest priority)
-        expect(meta["openai/widgetDomain"]).toBe("https://direct-override.com");
-        // PrefersBorder should be overridden by direct openai/* key (highest priority)
-        expect(meta["openai/widgetPrefersBorder"]).toBe(true);
-        // Description should be from defaults (toolConfig.description)
-        expect(meta["openai/widgetDescription"]).toBe("Test tool");
-    });
-    it("should register tool with ui.resourceUri metadata only", async () => {
-        const mockToolCallback = vi.fn();
-        server.registerWidget("my-widget", { description: "Test widget", hosts: ["mcp-app"] }, { description: "Test tool" }, mockToolCallback);
-        expect(mockRegisterTool).toHaveBeenCalledTimes(1);
-        const toolCallArgs = mockRegisterTool.mock.calls[0];
-        const toolConfig = toolCallArgs?.[1];
-        expect(toolConfig._meta).toHaveProperty("ui");
-        expect(toolConfig._meta?.ui).toEqual({
-            resourceUri: "ui://widgets/ext-apps/my-widget.html",
-        });
-        expect(toolConfig._meta?.["openai/outputTemplate"]).to.be.undefined;
-    });
-    it("should register tool with uopenai/outputTemplate metadata only", async () => {
-        const mockToolCallback = vi.fn();
-        server.registerWidget("my-widget", { description: "Test widget", hosts: ["apps-sdk"] }, { description: "Test tool" }, mockToolCallback);
-        expect(mockRegisterTool).toHaveBeenCalledTimes(1);
-        const toolCallArgs = mockRegisterTool.mock.calls[0];
-        const toolConfig = toolCallArgs?.[1];
-        expect(toolConfig._meta).not.toHaveProperty("ui");
-        expect(toolConfig._meta?.["openai/outputTemplate"]).to.eq("ui://widgets/apps-sdk/my-widget.html");
-    });
-});
-//# sourceMappingURL=widget.test.js.map