skybridge 0.0.0-dev.ff4b4a2 → 0.0.0-dev.fff2bae

package/dist/web/bridges/mcp-app/adaptor.js

@@ -1,16 +1,30 @@
 import { dequal } from "dequal/lite";
 import { McpAppBridge } from "./bridge.js";
+const STORAGE_PREFIX = "sb:";
+const MAX_STORAGE_ENTRIES = 200;
+function findStorageKey(viewUUID) {
+    const suffix = `:${viewUUID}`;
+    for (let i = 0; i < localStorage.length; i++) {
+        const key = localStorage.key(i);
+        if (key?.startsWith(STORAGE_PREFIX) && key.endsWith(suffix)) {
+            return key;
+        }
+    }
+    return undefined;
+}
 export class McpAppAdaptor {
     static instance = null;
     stores;
-    _widgetState = null;
-    widgetStateListeners = new Set();
-    _viewState = {
+    _viewState = null;
+    viewStateListeners = new Set();
+    _viewUUID = null;
+    _displayState = {
         mode: "inline",
     };
-    viewListeners = new Set();
+    displayListeners = new Set();
     constructor() {
         this.stores = this.initializeStores();
+        this.subscribeToViewUUID();
     }
     static getInstance() {
         if (!McpAppAdaptor.instance) {
@@ -25,56 +39,43 @@ export class McpAppAdaptor {
         return this.stores[key];
     }
     callTool = async (name, args) => {
-        const bridge = McpAppBridge.getInstance();
-        const response = await bridge.request({
-            method: "tools/call",
-            params: {
-                name,
-                arguments: args ?? undefined,
-            },
+        const app = await McpAppBridge.getInstance().getApp();
+        const response = await app.callServerTool({
+            name,
+            arguments: args ?? undefined,
         });
-        const result = response.content
-            .filter((content) => content.type === "text")
-            .map(({ text }) => text)
-            .join("\n");
         return {
             content: response.content,
             structuredContent: response.structuredContent ?? {},
             isError: response.isError ?? false,
-            result,
             meta: response._meta ?? {},
         };
     };
-    requestDisplayMode = (mode) => {
-        const bridge = McpAppBridge.getInstance();
-        if (mode !== "modal") {
-            return bridge.request({
-                method: "ui/request-display-mode",
-                params: { mode },
-            });
-        }
-        throw new Error("Modal display mode is not accessible in MCP App.");
+    requestDisplayMode = async (mode) => {
+        const app = await McpAppBridge.getInstance().getApp();
+        return app.requestDisplayMode({ mode });
     };
-    sendFollowUpMessage = async (prompt) => {
-        const bridge = McpAppBridge.getInstance();
-        await bridge.request({
-            method: "ui/message",
-            params: {
-                role: "user",
-                content: [
-                    {
-                        type: "text",
-                        text: prompt,
-                    },
-                ],
-            },
+    sendFollowUpMessage = async (prompt, _options) => {
+        const app = await McpAppBridge.getInstance().getApp();
+        await app.sendMessage({
+            role: "user",
+            content: [
+                {
+                    type: "text",
+                    text: prompt,
+                },
+            ],
         });
     };
-    openExternal(href) {
-        const bridge = McpAppBridge.getInstance();
-        bridge.request({
-            method: "ui/open-link",
-            params: { url: href },
+    openExternal(href, options) {
+        if (options?.redirectUrl === false) {
+            console.warn("[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.");
+        }
+        McpAppBridge.getInstance()
+            .getApp()
+            .then((app) => app.openLink({ url: href }))
+            .catch((err) => {
+            console.error("Failed to open external link:", err);
         });
     }
     initializeStores() {
@@ -104,39 +105,47 @@ export class McpAppAdaptor {
             toolInput: this.createHostContextStore(["toolInput"], ({ toolInput }) => toolInput ?? null),
             toolOutput: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?.structuredContent ?? null),
             toolResponseMetadata: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?._meta ?? null),
-            view: {
+            display: {
                 subscribe: (onChange) => {
-                    this.viewListeners.add(onChange);
+                    this.displayListeners.add(onChange);
                     return () => {
-                        this.viewListeners.delete(onChange);
+                        this.displayListeners.delete(onChange);
                     };
                 },
-                getSnapshot: () => this._viewState,
+                getSnapshot: () => this._displayState,
             },
-            widgetState: {
+            viewState: {
                 subscribe: (onChange) => {
-                    this.widgetStateListeners.add(onChange);
+                    this.viewStateListeners.add(onChange);
                     return () => {
-                        this.widgetStateListeners.delete(onChange);
+                        this.viewStateListeners.delete(onChange);
                     };
                 },
-                getSnapshot: () => this._widgetState,
+                getSnapshot: () => this._viewState,
             },
         };
     }
-    setWidgetState = async (stateOrUpdater) => {
+    setViewState = async (stateOrUpdater) => {
         const newState = typeof stateOrUpdater === "function"
-            ? stateOrUpdater(this._widgetState)
+            ? stateOrUpdater(this._viewState)
             : stateOrUpdater;
-        const bridge = McpAppBridge.getInstance();
-        await bridge.request({
-            method: "ui/update-model-context",
-            params: { structuredContent: newState },
-        });
-        this._widgetState = newState;
-        this.widgetStateListeners.forEach((listener) => {
+        // must happen before the async bridge call to ensure the state is updated immediately for the UI,
+        // otherwise successive calls to setViewState may have stale state
+        this._viewState = newState;
+        this.viewStateListeners.forEach((listener) => {
             listener();
         });
+        this.persistToLocalStorage(newState);
+        try {
+            const app = await McpAppBridge.getInstance().getApp();
+            await app.updateModelContext({
+                structuredContent: newState,
+                content: [{ type: "text", text: JSON.stringify(newState) }],
+            });
+        }
+        catch (error) {
+            console.error("Failed to update view state in MCP App.", error);
+        }
     };
     /**
      * @throws File upload is not supported in MCP App.
@@ -150,21 +159,90 @@ export class McpAppAdaptor {
     getFileDownloadUrl() {
         throw new Error("File download is not supported in MCP App.");
     }
+    /**
+     * @throws File selection is not supported in MCP App.
+     */
+    selectFiles() {
+        throw new Error("File selection is not supported in MCP App.");
+    }
     openModal(options) {
-        this._viewState = { mode: "modal", params: options.params };
-        this.viewListeners.forEach((listener) => {
+        this._displayState = { mode: "modal", params: options.params };
+        this.displayListeners.forEach((listener) => {
             listener();
         });
     }
     closeModal() {
-        this._viewState = { mode: "inline" };
-        this.viewListeners.forEach((listener) => {
+        this._displayState = { mode: "inline" };
+        this.displayListeners.forEach((listener) => {
             listener();
         });
     }
     setOpenInAppUrl(_href) {
         throw new Error("setOpenInAppUrl is not implemented in MCP App.");
     }
+    subscribeToViewUUID() {
+        const bridge = McpAppBridge.getInstance();
+        bridge.subscribe("toolResult")(() => {
+            const toolResult = bridge.getSnapshot("toolResult");
+            const viewUUID = toolResult?._meta?.viewUUID;
+            if (viewUUID && viewUUID !== this._viewUUID) {
+                this._viewUUID = viewUUID;
+                this.restoreFromLocalStorage(viewUUID);
+            }
+        });
+    }
+    // localStorage keys: sb:{unix_ms}:{viewUUID}
+    // Timestamp is updated on every write (LRU); eviction drops the least recently used entries.
+    restoreFromLocalStorage(viewUUID) {
+        try {
+            const existingKey = findStorageKey(viewUUID);
+            if (existingKey) {
+                const stored = localStorage.getItem(existingKey);
+                if (stored !== null) {
+                    this._viewState = JSON.parse(stored);
+                    this.viewStateListeners.forEach((listener) => {
+                        listener();
+                    });
+                }
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    persistToLocalStorage(state) {
+        if (!this._viewUUID || state === null) {
+            return;
+        }
+        try {
+            // Remove old key for this view, write with fresh timestamp (LRU)
+            const oldKey = findStorageKey(this._viewUUID);
+            if (oldKey) {
+                localStorage.removeItem(oldKey);
+            }
+            const newKey = `${STORAGE_PREFIX}${Date.now()}:${this._viewUUID}`;
+            localStorage.setItem(newKey, JSON.stringify(state));
+            // lru cleanup
+            const keys = [];
+            for (let i = 0; i < localStorage.length; i++) {
+                const key = localStorage.key(i);
+                if (key?.startsWith(STORAGE_PREFIX)) {
+                    keys.push(key);
+                }
+            }
+            if (keys.length <= MAX_STORAGE_ENTRIES) {
+                return;
+            }
+            keys.sort();
+            const toRemove = keys.slice(0, keys.length - MAX_STORAGE_ENTRIES);
+            for (const key of toRemove) {
+                localStorage.removeItem(key);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
     createHostContextStore(keys, computeSnapshot) {
         const bridge = McpAppBridge.getInstance();
         let cachedValue;

package/dist/web/bridges/mcp-app/adaptor.js.map

@@ -1 +1 @@
-{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAYrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,cAAc,GAAG,KAAK,CAAC;AAC7B,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,SAAS,cAAc,CAAC,QAAgB;IACtC,MAAM,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7C,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,GAAG,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5D,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,OAAO,aAAa;IAChB,MAAM,CAAC,QAAQ,GAAyB,IAAI,CAAC;IAC7C,MAAM,CAEZ;IACM,UAAU,GAA6B,IAAI,CAAC;IAC5C,kBAAkB,GAAG,IAAI,GAAG,EAAc,CAAC;IAC3C,SAAS,GAAkB,IAAI,CAAC;IAEhC,aAAa,GAA2B;QAC9C,IAAI,EAAE,QAAQ;KACf,CAAC;IACM,gBAAgB,GAAG,IAAI,GAAG,EAAc,CAAC;IAEjD;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC5B,aAAa,CAAC,QAAQ,GAAG,IAAI,aAAa,EAAE,CAAC;QAC/C,CAAC;QACD,OAAO,aAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,aAAa;QACzB,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;IAChC,CAAC;IAEM,mBAAmB,CACxB,GAAM;QAEN,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEM,QAAQ,GAAG,KAAK,EAIrB,IAAY,EACZ,IAAc,EACS,EAAE;QACzB,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,cAAc,CAAC;YACxC,IAAI;YACJ,SAAS,EAAE,IAAI,IAAI,SAAS;SAC7B,CAAC,CAAC;QAEH,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,IAAI,EAAE;YACnD,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,KAAK;YAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE;SACX,CAAC;IACpB,CAAC,CAAC;IAEK,kBAAkB,GAAG,KAAK,EAAE,IAAwB,EAAE,EAAE;QAC7D,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,OAAO,GAAG,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEK,mBAAmB,GAAG,KAAK,EAChC,MAAc,EACd,QAAqC,EACrC,EAAE;QACF,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,GAAG,CAAC,WAAW,CAAC;YACpB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,MAAM;iBACb;aACF;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEK,YAAY,CAAC,IAAY,EAAE,OAA6B;QAC7D,IAAI,OAAO,EAAE,WAAW,KAAK,KAAK,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CACV,uGAAuG,CACxG,CAAC;QACJ,CAAC;QAED,YAAY,CAAC,WAAW,EAAE;aACvB,MAAM,EAAE;aACR,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;aAC1C,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,gBAAgB;QAGtB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAChC,CAAC,OAAO,CAAC,EACT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,OAAO,CAChC;YACD,MAAM,EAAE,IAAI,CAAC,sBAAsB,CACjC,CAAC,QAAQ,CAAC,EACV,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,OAAO,CAClC;YACD,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CACnC,CAAC,gBAAgB,CAAC,EAClB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,MAAM,EAAE,cAAc,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;aACnE,CAAC,CACH;YACD,WAAW,EAAE,IAAI,CAAC,sBAAsB,CACtC,CAAC,aAAa,CAAC,EACf,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,QAAQ,CAC7C;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,qBAAqB,CAAC,EACvB,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE;gBAC1B,IAAI,mBAAmB,IAAI,WAAW,IAAI,mBAAmB,EAAE,CAAC;oBAC9D,OAAO,mBAAmB,CAAC,SAAS,CAAC;gBACvC,CAAC;gBAED,OAAO,SAAS,CAAC;YACnB,CAAC,CACF;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,UAAU,EAAE,oBAAoB,CAAC,EAClC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;gBACrC,MAAM,EAAE;oBACN,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC;iBAC/D;gBACD,YAAY,EAAE;oBACZ,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAI;oBACX,GAAG,kBAAkB;iBACtB;aACF,CAAC,CACH;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,WAAW,CAAC,EACb,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,IAAI,CACrC;YACD,UAAU,EAAE,IAAI,CAAC,sBAAsB,CACrC,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,iBAAiB,IAAI,IAAI,CAC1D;YACD,oBAAoB,EAAE,IAAI,CAAC,sBAAsB,CAC/C,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAC9C;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACpC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBACzC,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa;aACtC;YACD,SAAS,EAAE;gBACT,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACtC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBAC3C,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU;aACnC;SACF,CAAC;IACJ,CAAC;IAEM,YAAY,GAAG,KAAK,EACzB,cAAkC,EACnB,EAAE;QACjB,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC;YACjC,CAAC,CAAC,cAAc,CAAC;QAErB,kGAAkG;QAClG,kEAAkE;QAClE,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC3B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC3C,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,GAAG,CAAC,kBAAkB,CAAC;gBAC3B,iBAAiB,EAAE,QAAQ;gBAC3B,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;aAC5D,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACI,UAAU;QACf,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IAED;;OAEG;IACI,kBAAkB;QACvB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACI,WAAW;QAChB,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAEM,SAAS,CAAC,OAA4B;QAC3C,IAAI,CAAC,aAAa,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACzC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,aAAa,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACzC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,eAAe,CAAC,KAAa;QAClC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAEO,mBAAmB;QACzB,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE;YAClC,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpD,MAAM,QAAQ,GACZ,UAAU,EAAE,KACb,EAAE,QAA8B,CAAC;YAElC,IAAI,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC1B,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,6CAA6C;IAC7C,6FAA6F;IACrF,uBAAuB,CAAC,QAAgB;QAC9C,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC7C,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACjD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;oBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBACrC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;wBAC3C,QAAQ,EAAE,CAAC;oBACb,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,KAAqC;QACjE,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,iEAAiE;YACjE,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,IAAI,MAAM,EAAE,CAAC;gBACX,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC;YACD,MAAM,MAAM,GAAG,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAClE,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAEpD,cAAc;YACd,MAAM,IAAI,GAAa,EAAE,CAAC;YAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC7C,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,GAAG,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;oBACpC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC;YACD,IAAI,IAAI,CAAC,MAAM,IAAI,mBAAmB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YACD,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,mBAAmB,CAAC,CAAC;YAClE,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC3B,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,sBAAsB,CAG5B,IAAU,EAAE,eAAkD;QAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,WAA0B,CAAC;QAE/B,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACjC,WAAW,EAAE,GAAG,EAAE;gBAChB,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC;gBACvB,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;gBAE1C,IAAI,WAAW,KAAK,SAAS,IAAI,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;oBAC/D,OAAO,WAAW,CAAC;gBACrB,CAAC;gBAED,WAAW,GAAG,QAAQ,CAAC;gBACvB,OAAO,QAAQ,CAAC;YAClB,CAAC;SACF,CAAC;IACJ,CAAC","sourcesContent":["import { dequal } from \"dequal/lite\";\nimport type {\n  Adaptor,\n  CallToolResponse,\n  HostContext,\n  HostContextStore,\n  OpenExternalOptions,\n  RequestDisplayMode,\n  RequestModalOptions,\n  SendFollowUpMessageOptions,\n  SetViewStateAction,\n} from \"../types.js\";\nimport { McpAppBridge } from \"./bridge.js\";\nimport type { McpAppContext, McpAppContextKey } from \"./types.js\";\n\ntype PickContext<K extends readonly McpAppContextKey[]> = {\n  [P in K[number]]: McpAppContext[P];\n};\n\nconst STORAGE_PREFIX = \"sb:\";\nconst MAX_STORAGE_ENTRIES = 200;\n\nfunction findStorageKey(viewUUID: string): string | undefined {\n  const suffix = `:${viewUUID}`;\n  for (let i = 0; i < localStorage.length; i++) {\n    const key = localStorage.key(i);\n    if (key?.startsWith(STORAGE_PREFIX) && key.endsWith(suffix)) {\n      return key;\n    }\n  }\n  return undefined;\n}\n\nexport class McpAppAdaptor implements Adaptor {\n  private static instance: McpAppAdaptor | null = null;\n  private stores: {\n    [K in keyof HostContext]: HostContextStore<K>;\n  };\n  private _viewState: HostContext[\"viewState\"] = null;\n  private viewStateListeners = new Set<() => void>();\n  private _viewUUID: string | null = null;\n\n  private _displayState: HostContext[\"display\"] = {\n    mode: \"inline\",\n  };\n  private displayListeners = new Set<() => void>();\n\n  private constructor() {\n    this.stores = this.initializeStores();\n    this.subscribeToViewUUID();\n  }\n\n  public static getInstance(): McpAppAdaptor {\n    if (!McpAppAdaptor.instance) {\n      McpAppAdaptor.instance = new McpAppAdaptor();\n    }\n    return McpAppAdaptor.instance;\n  }\n\n  public static resetInstance(): void {\n    McpAppAdaptor.instance = null;\n  }\n\n  public getHostContextStore<K extends keyof HostContext>(\n    key: K,\n  ): HostContextStore<K> {\n    return this.stores[key];\n  }\n\n  public callTool = async <\n    ToolArgs extends Record<string, unknown> | null = null,\n    ToolResponse extends CallToolResponse = CallToolResponse,\n  >(\n    name: string,\n    args: ToolArgs,\n  ): Promise<ToolResponse> => {\n    const app = await McpAppBridge.getInstance().getApp();\n    const response = await app.callServerTool({\n      name,\n      arguments: args ?? undefined,\n    });\n\n    return {\n      content: response.content,\n      structuredContent: response.structuredContent ?? {},\n      isError: response.isError ?? false,\n      meta: response._meta ?? {},\n    } as ToolResponse;\n  };\n\n  public requestDisplayMode = async (mode: RequestDisplayMode) => {\n    const app = await McpAppBridge.getInstance().getApp();\n    return app.requestDisplayMode({ mode });\n  };\n\n  public sendFollowUpMessage = async (\n    prompt: string,\n    _options?: SendFollowUpMessageOptions,\n  ) => {\n    const app = await McpAppBridge.getInstance().getApp();\n    await app.sendMessage({\n      role: \"user\",\n      content: [\n        {\n          type: \"text\",\n          text: prompt,\n        },\n      ],\n    });\n  };\n\n  public openExternal(href: string, options?: OpenExternalOptions): void {\n    if (options?.redirectUrl === false) {\n      console.warn(\n        \"[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.\",\n      );\n    }\n\n    McpAppBridge.getInstance()\n      .getApp()\n      .then((app) => app.openLink({ url: href }))\n      .catch((err) => {\n        console.error(\"Failed to open external link:\", err);\n      });\n  }\n\n  private initializeStores(): {\n    [K in keyof HostContext]: HostContextStore<K>;\n  } {\n    return {\n      theme: this.createHostContextStore(\n        [\"theme\"],\n        ({ theme }) => theme ?? \"light\",\n      ),\n      locale: this.createHostContextStore(\n        [\"locale\"],\n        ({ locale }) => locale ?? \"en-US\",\n      ),\n      safeArea: this.createHostContextStore(\n        [\"safeAreaInsets\"],\n        ({ safeAreaInsets }) => ({\n          insets: safeAreaInsets ?? { top: 0, right: 0, bottom: 0, left: 0 },\n        }),\n      ),\n      displayMode: this.createHostContextStore(\n        [\"displayMode\"],\n        ({ displayMode }) => displayMode ?? \"inline\",\n      ),\n      maxHeight: this.createHostContextStore(\n        [\"containerDimensions\"],\n        ({ containerDimensions }) => {\n          if (containerDimensions && \"maxHeight\" in containerDimensions) {\n            return containerDimensions.maxHeight;\n          }\n\n          return undefined;\n        },\n      ),\n      userAgent: this.createHostContextStore(\n        [\"platform\", \"deviceCapabilities\"],\n        ({ platform, deviceCapabilities }) => ({\n          device: {\n            type: platform === \"web\" ? \"desktop\" : (platform ?? \"unknown\"),\n          },\n          capabilities: {\n            hover: true,\n            touch: true,\n            ...deviceCapabilities,\n          },\n        }),\n      ),\n      toolInput: this.createHostContextStore(\n        [\"toolInput\"],\n        ({ toolInput }) => toolInput ?? null,\n      ),\n      toolOutput: this.createHostContextStore(\n        [\"toolResult\"],\n        ({ toolResult }) => toolResult?.structuredContent ?? null,\n      ),\n      toolResponseMetadata: this.createHostContextStore(\n        [\"toolResult\"],\n        ({ toolResult }) => toolResult?._meta ?? null,\n      ),\n      display: {\n        subscribe: (onChange: () => void) => {\n          this.displayListeners.add(onChange);\n          return () => {\n            this.displayListeners.delete(onChange);\n          };\n        },\n        getSnapshot: () => this._displayState,\n      },\n      viewState: {\n        subscribe: (onChange: () => void) => {\n          this.viewStateListeners.add(onChange);\n          return () => {\n            this.viewStateListeners.delete(onChange);\n          };\n        },\n        getSnapshot: () => this._viewState,\n      },\n    };\n  }\n\n  public setViewState = async (\n    stateOrUpdater: SetViewStateAction,\n  ): Promise<void> => {\n    const newState =\n      typeof stateOrUpdater === \"function\"\n        ? stateOrUpdater(this._viewState)\n        : stateOrUpdater;\n\n    // must happen before the async bridge call to ensure the state is updated immediately for the UI,\n    // otherwise successive calls to setViewState may have stale state\n    this._viewState = newState;\n    this.viewStateListeners.forEach((listener) => {\n      listener();\n    });\n\n    this.persistToLocalStorage(newState);\n\n    try {\n      const app = await McpAppBridge.getInstance().getApp();\n      await app.updateModelContext({\n        structuredContent: newState,\n        content: [{ type: \"text\", text: JSON.stringify(newState) }],\n      });\n    } catch (error) {\n      console.error(\"Failed to update view state in MCP App.\", error);\n    }\n  };\n\n  /**\n   * @throws File upload is not supported in MCP App.\n   */\n  public uploadFile(): Promise<{ fileId: string }> {\n    throw new Error(\"File upload is not supported in MCP App.\");\n  }\n\n  /**\n   * @throws File download is not supported in MCP App.\n   */\n  public getFileDownloadUrl(): Promise<{ downloadUrl: string }> {\n    throw new Error(\"File download is not supported in MCP App.\");\n  }\n\n  /**\n   * @throws File selection is not supported in MCP App.\n   */\n  public selectFiles(): Promise<{ fileId: string }[]> {\n    throw new Error(\"File selection is not supported in MCP App.\");\n  }\n\n  public openModal(options: RequestModalOptions) {\n    this._displayState = { mode: \"modal\", params: options.params };\n    this.displayListeners.forEach((listener) => {\n      listener();\n    });\n  }\n\n  public closeModal() {\n    this._displayState = { mode: \"inline\" };\n    this.displayListeners.forEach((listener) => {\n      listener();\n    });\n  }\n\n  public setOpenInAppUrl(_href: string): Promise<void> {\n    throw new Error(\"setOpenInAppUrl is not implemented in MCP App.\");\n  }\n\n  private subscribeToViewUUID(): void {\n    const bridge = McpAppBridge.getInstance();\n    bridge.subscribe(\"toolResult\")(() => {\n      const toolResult = bridge.getSnapshot(\"toolResult\");\n      const viewUUID = (\n        toolResult?._meta as Record<string, unknown> | undefined\n      )?.viewUUID as string | undefined;\n\n      if (viewUUID && viewUUID !== this._viewUUID) {\n        this._viewUUID = viewUUID;\n        this.restoreFromLocalStorage(viewUUID);\n      }\n    });\n  }\n\n  // localStorage keys: sb:{unix_ms}:{viewUUID}\n  // Timestamp is updated on every write (LRU); eviction drops the least recently used entries.\n  private restoreFromLocalStorage(viewUUID: string): void {\n    try {\n      const existingKey = findStorageKey(viewUUID);\n      if (existingKey) {\n        const stored = localStorage.getItem(existingKey);\n        if (stored !== null) {\n          this._viewState = JSON.parse(stored);\n          this.viewStateListeners.forEach((listener) => {\n            listener();\n          });\n        }\n      }\n    } catch (err) {\n      console.error(err);\n    }\n  }\n\n  private persistToLocalStorage(state: Record<string, unknown> | null): void {\n    if (!this._viewUUID || state === null) {\n      return;\n    }\n    try {\n      // Remove old key for this view, write with fresh timestamp (LRU)\n      const oldKey = findStorageKey(this._viewUUID);\n      if (oldKey) {\n        localStorage.removeItem(oldKey);\n      }\n      const newKey = `${STORAGE_PREFIX}${Date.now()}:${this._viewUUID}`;\n      localStorage.setItem(newKey, JSON.stringify(state));\n\n      // lru cleanup\n      const keys: string[] = [];\n      for (let i = 0; i < localStorage.length; i++) {\n        const key = localStorage.key(i);\n        if (key?.startsWith(STORAGE_PREFIX)) {\n          keys.push(key);\n        }\n      }\n      if (keys.length <= MAX_STORAGE_ENTRIES) {\n        return;\n      }\n      keys.sort();\n      const toRemove = keys.slice(0, keys.length - MAX_STORAGE_ENTRIES);\n      for (const key of toRemove) {\n        localStorage.removeItem(key);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n  }\n\n  private createHostContextStore<\n    const Keys extends readonly McpAppContextKey[],\n    R,\n  >(keys: Keys, computeSnapshot: (context: PickContext<Keys>) => R) {\n    const bridge = McpAppBridge.getInstance();\n    let cachedValue: R | undefined;\n\n    return {\n      subscribe: bridge.subscribe(keys),\n      getSnapshot: () => {\n        const context = Object.fromEntries(\n          keys.map((k) => [k, bridge.getSnapshot(k)]),\n        ) as PickContext<Keys>;\n        const newValue = computeSnapshot(context);\n\n        if (cachedValue !== undefined && dequal(cachedValue, newValue)) {\n          return cachedValue;\n        }\n\n        cachedValue = newValue;\n        return newValue;\n      },\n    };\n  }\n}\n"]}

package/dist/web/bridges/mcp-app/bridge.d.ts

@@ -1,43 +1,26 @@
-import type { McpUiHostContext, McpUiInitializeRequest } from "@modelcontextprotocol/ext-apps";
+import { App } from "@modelcontextprotocol/ext-apps";
+import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
 import type { Bridge, Subscribe } from "../types.js";
 import type { McpAppContext, McpAppContextKey } from "./types.js";
-type McpAppInitializationOptions = Pick<McpUiInitializeRequest["params"], "appInfo">;
-export declare class McpAppBridge implements Bridge<McpUiHostContext> {
+export declare class McpAppBridge implements Bridge<McpAppContext> {
     private static instance;
     context: McpAppContext;
     private listeners;
-    private pendingRequests;
-    private nextId;
-    private initialized;
-    private appInitializationOptions;
-    private requestTimeout;
-    private cleanupSizeObserver;
-    constructor(options: McpAppInitializationOptions, requestTimeout?: number);
-    static getInstance(options?: Partial<McpAppInitializationOptions>, requestTimeout?: number): McpAppBridge;
+    private app;
+    private connectPromise;
+    constructor(options: {
+        appInfo: Implementation;
+    });
+    private connect;
+    getApp(): Promise<App>;
+    static getInstance(options?: Partial<{
+        appInfo: Implementation;
+    }>): McpAppBridge;
     subscribe(key: McpAppContextKey): Subscribe;
     subscribe(keys: readonly McpAppContextKey[]): Subscribe;
     getSnapshot<K extends keyof McpAppContext>(key: K): McpAppContext[K];
     cleanup: () => void;
     static resetInstance(): void;
-    request<R extends {
-        method: string;
-        params?: unknown;
-    }, T>({ method, params, }: R): Promise<T>;
     private emit;
     private updateContext;
-    private init;
-    private handleMessage;
-    private handleResponse;
-    private handleNotification;
-    private handleRequest;
-    private connect;
-    private notify;
-    private sendSizeChanged;
-    /**
-     * Set up automatic size change notifications using ResizeObserver.
-     * Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
-     * @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
-     */
-    private setupSizeChangedNotifications;
 }
-export {};

package/dist/web/bridges/mcp-app/bridge.js

@@ -1,12 +1,4 @@
-const LATEST_PROTOCOL_VERSION = "2025-11-21";
-var JsonRpcErrorCode;
-(function (JsonRpcErrorCode) {
-    JsonRpcErrorCode[JsonRpcErrorCode["ParseError"] = -32700] = "ParseError";
-    JsonRpcErrorCode[JsonRpcErrorCode["InvalidRequest"] = -32600] = "InvalidRequest";
-    JsonRpcErrorCode[JsonRpcErrorCode["MethodNotFound"] = -32601] = "MethodNotFound";
-    JsonRpcErrorCode[JsonRpcErrorCode["InvalidParams"] = -32602] = "InvalidParams";
-    JsonRpcErrorCode[JsonRpcErrorCode["InternalError"] = -32603] = "InternalError";
-})(JsonRpcErrorCode || (JsonRpcErrorCode = {}));
+import { App } from "@modelcontextprotocol/ext-apps";
 export class McpAppBridge {
     static instance = null;
     context = {
@@ -15,34 +7,58 @@ export class McpAppBridge {
         toolResult: null,
     };
     listeners = new Map();
-    pendingRequests = new Map();
-    nextId = 1;
-    initialized;
-    appInitializationOptions;
-    requestTimeout;
-    cleanupSizeObserver = null;
-    constructor(options, requestTimeout = 10_000) {
-        this.requestTimeout = requestTimeout;
-        this.initialized = false;
-        this.appInitializationOptions = {
-            appInfo: options.appInfo,
-            appCapabilities: {},
-            protocolVersion: LATEST_PROTOCOL_VERSION,
+    app;
+    connectPromise;
+    constructor(options) {
+        this.app = new App(options.appInfo);
+        this.app.ontoolinput = (params) => {
+            this.updateContext({ toolInput: params.arguments ?? {} });
         };
-        this.init();
+        this.app.ontoolinputpartial = (params) => {
+            this.updateContext({ toolInput: params.arguments ?? {} });
+        };
+        this.app.ontoolresult = (params) => {
+            this.updateContext({ toolResult: params });
+        };
+        this.app.ontoolcancelled = (params) => {
+            this.updateContext({ toolCancelled: params });
+        };
+        this.app.onhostcontextchanged = (params) => {
+            this.updateContext(params);
+        };
+        this.connectPromise = this.connect();
+    }
+    async connect() {
+        try {
+            await this.app.connect();
+            const hostContext = this.app.getHostContext();
+            if (hostContext) {
+                this.updateContext(hostContext);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
     }
-    static getInstance(options, requestTimeout) {
+    async getApp() {
+        await this.connectPromise;
+        return this.app;
+    }
+    static getInstance(options) {
         if (window.skybridge.hostType !== "mcp-app") {
             throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
         }
-        if (McpAppBridge.instance && (options || requestTimeout)) {
-            console.warn("McpAppBridge.getInstance: options and requestTimeout ignored, instance already exists");
+        if (McpAppBridge.instance && options) {
+            console.warn("McpAppBridge.getInstance: options ignored, instance already exists");
         }
         if (!McpAppBridge.instance) {
             const defaultOptions = {
                 appInfo: { name: "skybridge-app", version: "0.0.1" },
             };
-            McpAppBridge.instance = new McpAppBridge({ ...defaultOptions, ...options }, requestTimeout);
+            McpAppBridge.instance = new McpAppBridge({
+                ...defaultOptions,
+                ...options,
+            });
         }
         return McpAppBridge.instance;
     }
@@ -63,14 +79,7 @@ export class McpAppBridge {
         return this.context[key];
     }
     cleanup = () => {
-        window.removeEventListener("message", this.handleMessage);
-        this.pendingRequests.forEach((request) => {
-            clearTimeout(request.timeout);
-        });
-        this.pendingRequests.clear();
         this.listeners.clear();
-        this.cleanupSizeObserver?.();
-        this.cleanupSizeObserver = null;
     };
     static resetInstance() {
         if (McpAppBridge.instance) {
@@ -78,20 +87,6 @@ export class McpAppBridge {
             McpAppBridge.instance = null;
         }
     }
-    request({ method, params, }) {
-        const id = this.nextId++;
-        const { promise, resolve, reject } = Promise.withResolvers();
-        this.pendingRequests.set(id, {
-            resolve: resolve,
-            reject,
-            timeout: setTimeout(() => {
-                reject(new Error("Request timed out"));
-                this.pendingRequests.delete(id);
-            }, this.requestTimeout),
-        });
-        window.parent.postMessage({ jsonrpc: "2.0", id, method, params }, "*");
-        return promise;
-    }
     emit(key) {
         this.listeners.get(key)?.forEach((listener) => {
             listener();
@@ -103,153 +98,5 @@ export class McpAppBridge {
             this.emit(key);
         }
     }
-    init() {
-        if (this.initialized) {
-            return;
-        }
-        this.initialized = true;
-        if (typeof window === "undefined" || window.parent === window) {
-            return;
-        }
-        window.addEventListener("message", this.handleMessage);
-        this.connect();
-    }
-    handleMessage = (event) => {
-        const data = event.data;
-        if (data.jsonrpc !== "2.0") {
-            return;
-        }
-        if ("id" in data) {
-            if ("method" in data) {
-                this.handleRequest(data);
-                return;
-            }
-            this.handleResponse(data);
-            return;
-        }
-        this.handleNotification(data);
-    };
-    handleResponse(response) {
-        const request = this.pendingRequests.get(response.id);
-        if (request) {
-            clearTimeout(request.timeout);
-            this.pendingRequests.delete(response.id);
-            if ("error" in response) {
-                request.reject(new Error(response.error.message));
-                return;
-            }
-            request.resolve(response.result);
-        }
-    }
-    handleNotification = (notification) => {
-        switch (notification.method) {
-            case "ui/notifications/host-context-changed":
-                this.updateContext(notification.params);
-                return;
-            case "ui/notifications/tool-input":
-                this.updateContext({
-                    toolInput: notification.params.arguments ?? {},
-                });
-                return;
-            case "ui/notifications/tool-result":
-                this.updateContext({
-                    toolResult: notification.params,
-                });
-                return;
-            case "ui/notifications/tool-cancelled":
-                this.updateContext({
-                    toolCancelled: notification.params,
-                });
-                return;
-        }
-    };
-    handleRequest = (request) => {
-        switch (request.method) {
-            case "ui/resource-teardown":
-                this.cleanup();
-                window.parent.postMessage({
-                    jsonrpc: "2.0",
-                    id: request.id,
-                    result: {},
-                }, "*");
-                return;
-            default:
-                window.parent.postMessage({
-                    jsonrpc: "2.0",
-                    id: request.id,
-                    error: {
-                        code: JsonRpcErrorCode.MethodNotFound,
-                        message: "Unsupported Request",
-                    },
-                }, "*");
-        }
-    };
-    async connect() {
-        try {
-            const result = await this.request({
-                method: "ui/initialize",
-                params: this.appInitializationOptions,
-            });
-            this.updateContext(result.hostContext);
-            this.notify({ method: "ui/notifications/initialized" });
-            this.cleanupSizeObserver = this.setupSizeChangedNotifications();
-        }
-        catch (err) {
-            console.error(err);
-        }
-    }
-    notify(notification) {
-        window.parent.postMessage({ jsonrpc: "2.0", ...notification }, "*");
-    }
-    sendSizeChanged(params) {
-        this.notify({ method: "ui/notifications/size-changed", params });
-    }
-    /**
-     * Set up automatic size change notifications using ResizeObserver.
-     * Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
-     * @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
-     */
-    setupSizeChangedNotifications() {
-        let scheduled = false;
-        let lastWidth = 0;
-        let lastHeight = 0;
-        const sendBodySizeChanged = () => {
-            if (scheduled) {
-                return;
-            }
-            scheduled = true;
-            requestAnimationFrame(() => {
-                scheduled = false;
-                let width;
-                let height;
-                // In fullscreen mode, use viewport size since the widget should fill
-                // the entire available space provided by the host.
-                if (this.context.displayMode === "fullscreen") {
-                    width = window.innerWidth;
-                    height = window.innerHeight;
-                }
-                else {
-                    // Use scrollWidth/scrollHeight to measure actual rendered content size.
-                    // This works better than fit-content for viewport-based layouts (vw/vh)
-                    // and fluid elements like maps that want to fill available space.
-                    const body = document.body;
-                    width = Math.ceil(body.scrollWidth);
-                    height = Math.ceil(body.scrollHeight);
-                }
-                // Only send if size actually changed (prevents feedback loops from
-                // style changes)
-                if (width !== lastWidth || height !== lastHeight) {
-                    lastWidth = width;
-                    lastHeight = height;
-                    this.sendSizeChanged({ width, height });
-                }
-            });
-        };
-        sendBodySizeChanged();
-        const resizeObserver = new ResizeObserver(sendBodySizeChanged);
-        resizeObserver.observe(document.documentElement);
-        resizeObserver.observe(document.body);
-        return () => resizeObserver.disconnect();
-    }
 }
 //# sourceMappingURL=bridge.js.map