open-mcp-app 0.0.11 → 0.0.13

package/dist/react/index.js

@@ -116,6 +116,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;
@@ -143,10 +149,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);
@@ -189,21 +195,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.
@@ -305,6 +324,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`.
    */
@@ -316,10 +343,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 });
@@ -338,7 +376,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) {
@@ -349,6 +388,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 });
   }
@@ -9749,7 +9798,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;
@@ -10132,7 +10182,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;