@mcp-use/inspector 0.5.3-canary.3 → 0.5.3-canary.5

package/dist/server/{chunk-VOQ3DLXM.js → chunk-DGUMOD7P.js}

@@ -232,7 +232,9 @@ function storeWidgetData(data) {
     toolOutput,
     resourceData,
     toolId,
-    widgetCSP
+    widgetCSP,
+    devWidgetUrl,
+    devServerBaseUrl
   } = data;
   console.log("[Widget Store] Received request for toolId:", toolId);
   console.log("[Widget Store] Fields:", {
@@ -241,7 +243,9 @@ function storeWidgetData(data) {
     hasResourceData: !!resourceData,
     hasToolInput: !!toolInput,
     hasToolOutput: !!toolOutput,
-    hasWidgetCSP: !!widgetCSP
+    hasWidgetCSP: !!widgetCSP,
+    devWidgetUrl,
+    devServerBaseUrl
   });
   if (!serverId || !uri || !toolId || !resourceData) {
     const missingFields = [];
@@ -263,7 +267,9 @@ function storeWidgetData(data) {
     resourceData,
     toolId,
     timestamp: Date.now(),
-    widgetCSP
+    widgetCSP,
+    devWidgetUrl,
+    devServerBaseUrl
   });
   console.log("[Widget Store] Data stored successfully for toolId:", toolId);
   return { success: true };
@@ -470,6 +476,101 @@ function generateWidgetContentHtml(widgetData) {
           } catch (err) {}
         }, 0);
 
+        // Listen for globals changes from parent (for displayMode, theme, etc.)
+        window.addEventListener('message', (event) => {
+          // Handle new general globalsChanged message
+          if (event.data?.type === 'openai:globalsChanged') {
+            const updates = event.data.updates || {};
+            let hasChanges = false;
+
+            // Update displayMode
+            if (updates.displayMode && ['inline', 'pip', 'fullscreen'].includes(updates.displayMode)) {
+              openaiAPI.displayMode = updates.displayMode;
+              hasChanges = true;
+            }
+
+            // Update theme
+            if (updates.theme && ['light', 'dark'].includes(updates.theme)) {
+              openaiAPI.theme = updates.theme;
+              hasChanges = true;
+            }
+
+            // Update maxHeight
+            if (updates.maxHeight !== undefined && typeof updates.maxHeight === 'number') {
+              openaiAPI.maxHeight = updates.maxHeight;
+              hasChanges = true;
+            }
+
+            // Update locale
+            if (updates.locale && typeof updates.locale === 'string') {
+              openaiAPI.locale = updates.locale;
+              hasChanges = true;
+            }
+
+            // Update safeArea
+            if (updates.safeArea && typeof updates.safeArea === 'object') {
+              openaiAPI.safeArea = updates.safeArea;
+              hasChanges = true;
+            }
+
+            // Update userAgent
+            if (updates.userAgent !== undefined) {
+              openaiAPI.userAgent = updates.userAgent;
+              hasChanges = true;
+            }
+
+            // Dispatch set_globals event to notify React components if any changes occurred
+            if (hasChanges) {
+              try {
+                const globalsEvent = new CustomEvent('openai:set_globals', {
+                  detail: {
+                    globals: {
+                      toolInput: openaiAPI.toolInput,
+                      toolOutput: openaiAPI.toolOutput,
+                      toolResponseMetadata: openaiAPI.toolResponseMetadata || null,
+                      widgetState: openaiAPI.widgetState,
+                      displayMode: openaiAPI.displayMode,
+                      maxHeight: openaiAPI.maxHeight,
+                      theme: openaiAPI.theme,
+                      locale: openaiAPI.locale,
+                      safeArea: openaiAPI.safeArea,
+                      userAgent: openaiAPI.userAgent
+                    }
+                  }
+                });
+                window.dispatchEvent(globalsEvent);
+              } catch (err) {}
+            }
+          }
+          // Handle legacy displayModeChanged message for backward compatibility
+          else if (event.data?.type === 'openai:displayModeChanged') {
+            const newMode = event.data.mode;
+            if (newMode && ['inline', 'pip', 'fullscreen'].includes(newMode)) {
+              openaiAPI.displayMode = newMode;
+              // Dispatch set_globals event to notify React components
+              try {
+                const globalsEvent = new CustomEvent('openai:set_globals', {
+                  detail: {
+                    globals: {
+                      toolInput: openaiAPI.toolInput,
+                      toolOutput: openaiAPI.toolOutput,
+                      toolResponseMetadata: openaiAPI.toolResponseMetadata || null,
+                      widgetState: openaiAPI.widgetState,
+                      displayMode: newMode,
+                      maxHeight: openaiAPI.maxHeight,
+                      theme: openaiAPI.theme,
+                      locale: openaiAPI.locale,
+                      safeArea: openaiAPI.safeArea,
+                      userAgent: openaiAPI.userAgent
+                    }
+                  }
+                });
+                window.dispatchEvent(globalsEvent);
+              } catch (err) {}
+            }
+          }
+        });
+
         setTimeout(() => {
           try {
             const stored = localStorage.getItem(${safeWidgetStateKey});
@@ -481,7 +582,6 @@ function generateWidgetContentHtml(widgetData) {
       })();
     </script>
   `;
-  console.log("htmlContent", htmlContent);
   let modifiedHtml;
   if (htmlContent.includes("<html") && htmlContent.includes("<head")) {
     modifiedHtml = htmlContent.replace("<head>", `<head>${apiScript}`);

package/dist/server/{chunk-UZO6G7KA.js → chunk-PYGYQT2G.js}

@@ -1,6 +1,6 @@
 import {
   registerInspectorRoutes
-} from "./chunk-5OMSQNKB.js";
+} from "./chunk-555LGZ3I.js";
 import {
   registerStaticRoutes
 } from "./chunk-WYBXXYSP.js";

package/dist/server/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   registerInspectorRoutes
-} from "./chunk-5OMSQNKB.js";
+} from "./chunk-555LGZ3I.js";
 import {
   findAvailablePort,
   isValidUrl
@@ -9,7 +9,7 @@ import {
 import {
   registerStaticRoutes
 } from "./chunk-WYBXXYSP.js";
-import "./chunk-VOQ3DLXM.js";
+import "./chunk-DGUMOD7P.js";
 import "./chunk-37X7HLUV.js";
 
 // src/server/cli.ts

package/dist/server/index.js

@@ -1,13 +1,13 @@
 import {
   mountInspector
-} from "./chunk-UZO6G7KA.js";
-import "./chunk-5OMSQNKB.js";
+} from "./chunk-PYGYQT2G.js";
+import "./chunk-555LGZ3I.js";
 import "./chunk-JCLAFMDT.js";
 import "./chunk-WYBXXYSP.js";
 import {
   handleChatRequest,
   handleChatRequestStream
-} from "./chunk-VOQ3DLXM.js";
+} from "./chunk-DGUMOD7P.js";
 import "./chunk-37X7HLUV.js";
 export {
   handleChatRequest,

package/dist/server/middleware.js

@@ -1,10 +1,10 @@
 import {
   mountInspector
-} from "./chunk-UZO6G7KA.js";
-import "./chunk-5OMSQNKB.js";
+} from "./chunk-PYGYQT2G.js";
+import "./chunk-555LGZ3I.js";
 import "./chunk-JCLAFMDT.js";
 import "./chunk-WYBXXYSP.js";
-import "./chunk-VOQ3DLXM.js";
+import "./chunk-DGUMOD7P.js";
 import "./chunk-37X7HLUV.js";
 export {
   mountInspector

package/dist/server/server.js

@@ -1,13 +1,13 @@
 import {
   registerInspectorRoutes
-} from "./chunk-5OMSQNKB.js";
+} from "./chunk-555LGZ3I.js";
 import {
   isPortAvailable
 } from "./chunk-JCLAFMDT.js";
 import {
   registerStaticRoutesWithDevProxy
 } from "./chunk-WYBXXYSP.js";
-import "./chunk-VOQ3DLXM.js";
+import "./chunk-DGUMOD7P.js";
 import "./chunk-37X7HLUV.js";
 
 // src/server/server.ts

package/dist/server/shared-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared-routes.d.ts","sourceRoot":"","sources":["../../src/server/shared-routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAajC;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE;IAAE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,QA8S5C"}
+{"version":3,"file":"shared-routes.d.ts","sourceRoot":"","sources":["../../src/server/shared-routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAgBjC;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE;IAAE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,QAwd5C"}

package/dist/server/shared-routes.js

@@ -1,8 +1,8 @@
 import {
   registerInspectorRoutes
-} from "./chunk-5OMSQNKB.js";
+} from "./chunk-555LGZ3I.js";
 import "./chunk-JCLAFMDT.js";
-import "./chunk-VOQ3DLXM.js";
+import "./chunk-DGUMOD7P.js";
 export {
   registerInspectorRoutes
 };

package/dist/server/shared-utils-browser.d.ts

@@ -69,6 +69,8 @@ export interface WidgetData {
         connect_domains?: string[];
         resource_domains?: string[];
     };
+    devWidgetUrl?: string;
+    devServerBaseUrl?: string;
 }
 /**
  * Store widget data for rendering

package/dist/server/shared-utils-browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared-utils-browser.d.ts","sourceRoot":"","sources":["../../src/server/shared-utils-browser.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared-utils-browser.d.ts","sourceRoot":"","sources":["../../src/server/shared-utils-browser.ts"],"names":[],"mappings":"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"}

package/dist/server/shared-utils-browser.js

@@ -6,7 +6,7 @@ import {
   handleChatRequest,
   handleChatRequestStream,
   storeWidgetData
-} from "./chunk-VOQ3DLXM.js";
+} from "./chunk-DGUMOD7P.js";
 export {
   generateWidgetContainerHtml,
   generateWidgetContentHtml,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mcp-use/inspector",
   "type": "module",
-  "version": "0.5.3-canary.3",
+  "version": "0.5.3-canary.5",
   "description": "MCP Inspector - A tool for inspecting and debugging MCP servers",
   "author": "",
   "license": "MIT",
@@ -73,7 +73,7 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "vite-express": "^0.21.1",
-    "mcp-use": "1.3.3-canary.3"
+    "mcp-use": "1.3.3-canary.5"
   },
   "publishConfig": {
     "access": "public"