open-mcp-app 0.0.11 → 0.0.13

package/dist/core/index.d.ts

@@ -745,6 +745,8 @@ declare class ClaudeDesktopHostClient extends Subscribable implements UnifiedHos
  * Available on `window.openai` when running inside ChatGPT.
  */
 interface OpenAIBridge {
+    theme?: string;
+    displayMode?: string;
     toolOutput?: Record<string, unknown>;
     widgetState?: WidgetState;
     setWidgetState?: (state: WidgetState) => void;
@@ -787,6 +789,7 @@ declare class ChatGptWebHostClient extends Subscribable implements UnifiedHostCl
     private globalsHandler;
     private lastToolOutputJson;
     private lastWidgetStateJson;
+    private hostContext;
     constructor(config: HostClientConfig);
     /**
      * Create a ChatGPT Web host client instance.
@@ -798,7 +801,7 @@ declare class ChatGptWebHostClient extends Subscribable implements UnifiedHostCl
     static detect(): boolean;
     getState(): HostClientState;
     /**
-     * Get host context - returns null for ChatGPT as it doesn't use MCP Apps protocol.
+     * Get host context synthesized from window.openai properties.
      */
     getHostContext(): HostContext | null;
     subscribe(listener: StateListener): () => void;
@@ -819,6 +822,11 @@ declare class ChatGptWebHostClient extends Subscribable implements UnifiedHostCl
     callTool<T = Record<string, unknown>>(toolName: string, args: Record<string, unknown>): Promise<ToolResult<T>>;
     /**
      * Request a display mode change from the ChatGPT host.
+     * Updates internal host context and triggers re-render on success.
+     *
+     * Note: ChatGPT requires this to be called from a synchronous user event
+     * (e.g. click handler). Calling it programmatically on mount will warn
+     * and may return undefined.
      */
     requestDisplayMode(params: {
         mode: DisplayMode;
@@ -847,6 +855,11 @@ declare class ChatGptWebHostClient extends Subscribable implements UnifiedHostCl
      * Update internal state and notify listeners.
      */
     private setState;
+    /**
+     * Merge new values into the tracked host context and trigger a re-render
+     * so React components see the updated displayMode / theme.
+     */
+    private updateHostContext;
     /**
      * Process initial data from `window.openai`.
      */

package/dist/core/index.js

@@ -113,6 +113,12 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
   globalsHandler = null;
   lastToolOutputJson = null;
   lastWidgetStateJson = null;
+  hostContext = {
+    theme: "light",
+    displayMode: "inline",
+    availableDisplayModes: ["inline", "pip", "fullscreen"],
+    platform: "web"
+  };
   constructor(config) {
     super();
     this.config = config;
@@ -140,10 +146,10 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
     return this.state;
   }
   /**
-   * Get host context - returns null for ChatGPT as it doesn't use MCP Apps protocol.
+   * Get host context synthesized from window.openai properties.
    */
   getHostContext() {
-    return null;
+    return this.hostContext;
   }
   subscribe(listener) {
     return this.subscribeToState(listener);
@@ -186,21 +192,34 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
         type: c2.type,
         text: c2.text || ""
       })),
-      source: "ui"
+      source: "ui",
+      toolName
     };
     this.emit("tool-result", result);
     return result;
   }
   /**
    * Request a display mode change from the ChatGPT host.
+   * Updates internal host context and triggers re-render on success.
+   *
+   * Note: ChatGPT requires this to be called from a synchronous user event
+   * (e.g. click handler). Calling it programmatically on mount will warn
+   * and may return undefined.
    */
   async requestDisplayMode(params) {
     const openai = window.openai;
+    let grantedMode = params.mode;
     if (openai?.requestDisplayMode) {
-      const result = await openai.requestDisplayMode({ mode: params.mode });
-      return { mode: result.mode };
+      try {
+        const result = await openai.requestDisplayMode({ mode: params.mode });
+        if (result?.mode) {
+          grantedMode = result.mode;
+        }
+      } catch {
+      }
     }
-    return { mode: params.mode };
+    this.updateHostContext({ displayMode: grantedMode });
+    return { mode: grantedMode };
   }
   /**
    * Log a message to the console.
@@ -302,6 +321,14 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
     this.state = { ...this.state, ...partial };
     this.notifyStateChange(this.state, prev);
   }
+  /**
+   * Merge new values into the tracked host context and trigger a re-render
+   * so React components see the updated displayMode / theme.
+   */
+  updateHostContext(patch) {
+    this.hostContext = { ...this.hostContext, ...patch };
+    this.setState({});
+  }
   /**
    * Process initial data from `window.openai`.
    */
@@ -313,10 +340,21 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
       return;
     }
     this.hasProcessedInitialData = true;
+    const contextPatch = {};
+    if (openai.displayMode) {
+      contextPatch.displayMode = openai.displayMode;
+    }
+    if (openai.theme) {
+      contextPatch.theme = openai.theme;
+    }
+    if (Object.keys(contextPatch).length > 0) {
+      this.hostContext = { ...this.hostContext, ...contextPatch };
+    }
     this.setState({ isReady: true });
     if (openai.toolOutput) {
       this.emit("tool-input", openai.toolOutput);
-      this.emit("tool-result", { structuredContent: openai.toolOutput });
+      const toolName = openai.toolOutput?._toolName;
+      this.emit("tool-result", { structuredContent: openai.toolOutput, ...toolName && { toolName } });
     }
     if (openai.widgetState) {
       this.setState({ widgetState: openai.widgetState });
@@ -335,7 +373,8 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
         if (toolOutputJson !== this.lastToolOutputJson) {
           this.lastToolOutputJson = toolOutputJson;
           this.emit("tool-input", globals.toolOutput);
-          this.emit("tool-result", { structuredContent: globals.toolOutput });
+          const toolName = globals.toolOutput?._toolName;
+          this.emit("tool-result", { structuredContent: globals.toolOutput, ...toolName && { toolName } });
         }
       }
       if (globals?.widgetState !== void 0) {
@@ -346,6 +385,16 @@ var ChatGptWebHostClient = class _ChatGptWebHostClient extends Subscribable {
           this.emit("widget-state-change", globals.widgetState);
         }
       }
+      const contextPatch = {};
+      if (globals?.displayMode && globals.displayMode !== this.hostContext.displayMode) {
+        contextPatch.displayMode = globals.displayMode;
+      }
+      if (globals?.theme && globals.theme !== this.hostContext.theme) {
+        contextPatch.theme = globals.theme;
+      }
+      if (Object.keys(contextPatch).length > 0) {
+        this.updateHostContext(contextPatch);
+      }
     };
     window.addEventListener("openai:set_globals", this.globalsHandler, { passive: true });
   }
@@ -9746,7 +9795,8 @@ var CreatureDesktopHostClient = class _CreatureDesktopHostClient extends Subscri
       content: this.extractTextContent(sdkResult.content),
       structuredContent: sdkResult.structuredContent,
       isError: sdkResult.isError,
-      source: "ui"
+      source: "ui",
+      toolName
     };
     if (sdkResult.structuredContent && typeof sdkResult.structuredContent === "object") {
       const sc = sdkResult.structuredContent;
@@ -10129,7 +10179,8 @@ var ClaudeDesktopHostClient = class _ClaudeDesktopHostClient extends Subscribabl
       content: this.extractTextContent(sdkResult.content),
       structuredContent: sdkResult.structuredContent,
       isError: sdkResult.isError,
-      source: "ui"
+      source: "ui",
+      toolName
     };
     this.emit("tool-result", result);
     return result;