@mcp-use/inspector 2.2.0-canary.2 → 2.2.0-canary.3

package/dist/cdn/inspector.js

@@ -26923,7 +26923,7 @@ var Wd = class {
 //#region src/client/telemetry/utils.ts
 function of() {
 	try {
-		return "2.2.0-canary.2";
+		return "2.2.0-canary.3";
 	} catch {
 		return "0.0.0";
 	}
@@ -51227,7 +51227,7 @@ var Ck, wk, Nme, Pme, Fme, Tk, Ek, Dk, Ok, kk, Ime, Ak, jk, Mk, Lme, Rme, zme, N
 	}(), gve);
 }));
 //#endregion
-//#region ../mcp-use/dist/chunk-KPIFWECU.js
+//#region ../mcp-use/dist/chunk-ALSNFJPV.js
 function DM() {
 	return Ove;
 }
@@ -51352,7 +51352,7 @@ function Dve(e) {
 	FM.getInstance().setSource(e);
 }
 var Ove, MM, kve, Ave, jve, Mve, Nve, Pve, Fve, Ive, Lve, Rve, zve, Bve, NM, PM, FM, IM, Vve, LM = o((() => {
-	Xp(), Gp(), Ppe(), xw(), Ove = "1.24.2-canary.2", U(DM, "getPackageVersion"), MM = class {
+	Xp(), Gp(), Ppe(), xw(), Ove = "1.24.2-canary.3", U(DM, "getPackageVersion"), MM = class {
 		static {
 			U(this, "BaseTelemetryEvent");
 		}
@@ -58249,7 +58249,7 @@ var DN, ON, kN, AN, jN, MN, NN, PN, FN, IN, LN, RN, zN, BN, VN, HN, UN, WN, GN,
 	};
 }));
 //#endregion
-//#region ../mcp-use/dist/chunk-VDUR5PXK.js
+//#region ../mcp-use/dist/chunk-DGU2TCSM.js
 function rP(e, t) {
 	return {
 		onSampling: e?.onSampling ?? e?.samplingCallback ?? t?.onSampling ?? t?.samplingCallback,
@@ -58678,7 +58678,7 @@ var Ixe, aP, oP, Lxe, sP = o((() => {
 	};
 }));
 //#endregion
-//#region ../mcp-use/dist/chunk-GEOH7R4G.js
+//#region ../mcp-use/dist/chunk-TI4LUN24.js
 function Rxe(e) {
 	let t = Object.keys(e.mcpServers ?? {});
 	FM.getInstance().trackMCPClientInit({
@@ -60803,21 +60803,21 @@ function MSe(e) {
 	}, []), [t, n];
 }
 U(MSe, "useWidgetState");
-var NSe = /* @__PURE__ */ U(({ children: e }) => {
-	let { theme: t, isAvailable: n } = SP(), [r, i] = (0, j.useState)(() => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+var NSe = /* @__PURE__ */ U(({ children: e, colorScheme: t = !1 }) => {
+	let { theme: n, isAvailable: r } = SP(), [i, a] = (0, j.useState)(() => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 	(0, j.useEffect)(() => {
 		if (typeof window > "u") return;
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = /* @__PURE__ */ U((e) => {
-			i(e.matches ? "dark" : "light");
+			a(e.matches ? "dark" : "light");
 		}, "handleChange");
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let a = n ? t : r;
+	let o = r ? n : i;
 	return (0, j.useLayoutEffect)(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement;
-		e.classList.remove("light", "dark"), e.classList.add(a === "dark" ? "dark" : "light"), e.setAttribute("data-theme", a === "dark" ? "dark" : "light"), e.style.colorScheme = a === "dark" ? "dark" : "light";
-	}, [a]), /* @__PURE__ */ j.createElement(j.Fragment, null, e);
+		e.classList.remove("light", "dark"), e.classList.add(o === "dark" ? "dark" : "light"), e.setAttribute("data-theme", o === "dark" ? "dark" : "light"), t ? e.style.colorScheme = o === "dark" ? "dark" : "light" : e.style.colorScheme = "";
+	}, [o, t]), /* @__PURE__ */ j.createElement(j.Fragment, null, e);
 }, "ThemeProvider");
 function PSe({ children: e, className: t = "", position: n = "top-right", attachTo: r, showLabels: i = !0, debugger: a = !1, viewControls: o = !1 }) {
 	let { props: s, output: c, metadata: l, state: u, theme: d, displayMode: f, safeArea: p, maxHeight: m, userAgent: h, locale: g, isAvailable: _, callTool: v, sendFollowUpMessage: y, openExternal: b, requestDisplayMode: x, setState: S } = SP(), [C, w] = (0, j.useState)(!1), [T, E] = (0, j.useState)(!1), D = (0, j.useRef)(null), O = (0, j.useRef)(null), [k, A] = (0, j.useState)([]), [M, N] = (0, j.useState)(""), [P, F] = (0, j.useState)("get-my-city"), [I, L] = (0, j.useState)("{}"), [ee, te] = (0, j.useState)("Test follow-up message"), [ne, re] = (0, j.useState)("https://mcp-use.com/docs"), ie = f === "fullscreen" && _, ae = f === "pip" && _, oe = typeof window < "u" && window.location.pathname.includes("/inspector/api/");
@@ -61191,34 +61191,34 @@ function PSe({ children: e, className: t = "", position: n = "top-right", attach
 }
 U(PSe, "WidgetControls");
 var FSe = 150, ISe = 5;
-function LSe({ children: e, debugger: t = !1, viewControls: n = !1, autoSize: r = !0 }) {
-	let [i, a] = (0, j.useState)(null), o = (0, j.useRef)(0), s = (0, j.useRef)(null), c = (0, j.useRef)(!1), l = (0, j.useCallback)((e) => {
+function LSe({ children: e, debugger: t = !1, viewControls: n = !1, autoSize: r = !0, colorScheme: i = !1 }) {
+	let [a, o] = (0, j.useState)(null), s = (0, j.useRef)(0), c = (0, j.useRef)(null), l = (0, j.useRef)(!1), u = (0, j.useCallback)((e) => {
 		if (!(typeof window > "u")) {
-			if (c.current = !0, window.openai?.notifyIntrinsicHeight) {
+			if (l.current = !0, window.openai?.notifyIntrinsicHeight) {
 				window.openai.notifyIntrinsicHeight(e).then(() => {
-					c.current = !1;
+					l.current = !1;
 				}).catch((e) => {
-					c.current = !1, console.error("[McpUseProvider] Failed to notify intrinsic height (ChatGPT):", e);
+					l.current = !1, console.error("[McpUseProvider] Failed to notify intrinsic height (ChatGPT):", e);
 				});
 				return;
 			}
 			try {
-				vP().sendSizeChanged({ height: e }), console.log("[McpUseProvider] Sent size-changed notification:", e), c.current = !1;
+				vP().sendSizeChanged({ height: e }), console.log("[McpUseProvider] Sent size-changed notification:", e), l.current = !1;
 			} catch (e) {
-				c.current = !1, console.error("[McpUseProvider] Failed to notify size change (MCP Apps):", e);
+				l.current = !1, console.error("[McpUseProvider] Failed to notify size change (MCP Apps):", e);
 			}
 		}
-	}, []), u = (0, j.useCallback)((e) => {
-		s.current && clearTimeout(s.current), s.current = setTimeout(() => {
-			Math.abs(e - o.current) >= ISe && e > 0 && (o.current = e, l(e));
+	}, []), d = (0, j.useCallback)((e) => {
+		c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+			Math.abs(e - s.current) >= ISe && e > 0 && (s.current = e, u(e));
 		}, FSe);
-	}, [l]);
+	}, [u]);
 	(0, j.useEffect)(() => {
 		if (!r) {
 			console.log("[McpUseProvider] autoSize is disabled");
 			return;
 		}
-		if (!i) {
+		if (!a) {
 			console.log("[McpUseProvider] No container element found for autoSize");
 			return;
 		}
@@ -61228,7 +61228,7 @@ function LSe({ children: e, debugger: t = !1, viewControls: n = !1, autoSize: r
 		}
 		console.log("[McpUseProvider] Setting up ResizeObserver for autoSize");
 		let e = new ResizeObserver((e) => {
-			if (c.current) {
+			if (l.current) {
 				console.log("[McpUseProvider] Skipping resize - notification in progress");
 				return;
 			}
@@ -61238,30 +61238,30 @@ function LSe({ children: e, debugger: t = !1, viewControls: n = !1, autoSize: r
 					height: e,
 					scrollHeight: n,
 					intrinsicHeight: r
-				}), u(r);
+				}), d(r);
 			}
 		});
-		e.observe(i);
-		let t = Math.max(i.offsetHeight, i.scrollHeight);
-		return console.log("[McpUseProvider] Initial height measurement:", t), t > 0 && u(t), () => {
-			console.log("[McpUseProvider] Cleaning up ResizeObserver"), e.disconnect(), s.current &&= (clearTimeout(s.current), null), c.current = !1;
+		e.observe(a);
+		let t = Math.max(a.offsetHeight, a.scrollHeight);
+		return console.log("[McpUseProvider] Initial height measurement:", t), t > 0 && d(t), () => {
+			console.log("[McpUseProvider] Cleaning up ResizeObserver"), e.disconnect(), c.current &&= (clearTimeout(c.current), null), l.current = !1;
 		};
 	}, [
 		r,
-		i,
-		u
+		a,
+		d
 	]);
-	let d = e;
-	return d = /* @__PURE__ */ j.createElement(wSe, null, d), (t || n) && (d = /* @__PURE__ */ j.createElement(PSe, {
+	let f = e;
+	return f = /* @__PURE__ */ j.createElement(wSe, null, f), (t || n) && (f = /* @__PURE__ */ j.createElement(PSe, {
 		debugger: t,
 		viewControls: n
-	}, d)), d = /* @__PURE__ */ j.createElement(NSe, null, d), r && (d = /* @__PURE__ */ j.createElement("div", {
-		ref: a,
+	}, f)), f = /* @__PURE__ */ j.createElement(NSe, { colorScheme: i }, f), r && (f = /* @__PURE__ */ j.createElement("div", {
+		ref: o,
 		style: {
 			width: "100%",
 			minHeight: 0
 		}
-	}, d)), /* @__PURE__ */ j.createElement(j.StrictMode, null, d);
+	}, f)), /* @__PURE__ */ j.createElement(j.StrictMode, null, f);
 }
 U(LSe, "McpUseProvider");
 function RSe() {

package/dist/client/index.js

@@ -5177,7 +5177,7 @@ var init_module = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-KPIFWECU.js
+// ../mcp-use/dist/chunk-ALSNFJPV.js
 import { RESOURCE_MIME_TYPE } from "@modelcontextprotocol/ext-apps";
 import {
   CreateMessageRequestSchema,
@@ -5345,12 +5345,12 @@ function setTelemetrySource(source) {
   Tel.getInstance().setSource(source);
 }
 var VERSION, _a3, BaseTelemetryEvent, _a4, MCPAgentExecutionEvent, _a5, ServerRunEvent, _a6, ServerInitializeEvent, _a7, ServerToolCallEvent, _a8, ServerResourceCallEvent, _a9, ServerPromptCallEvent, _a10, ServerContextEvent, _a11, MCPClientInitEvent, _a12, ConnectorInitEvent, _a13, ClientAddServerEvent, _a14, ClientRemoveServerEvent, USER_ID_STORAGE_KEY, cachedEnvironment, _a15, Telemetry2, Tel, _a16, BaseConnector, _a17, ConnectionManager;
-var init_chunk_KPIFWECU = __esm({
-  "../mcp-use/dist/chunk-KPIFWECU.js"() {
+var init_chunk_ALSNFJPV = __esm({
+  "../mcp-use/dist/chunk-ALSNFJPV.js"() {
     "use strict";
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
-    VERSION = "1.24.2-canary.2";
+    VERSION = "1.24.2-canary.3";
     __name(getPackageVersion2, "getPackageVersion");
     BaseTelemetryEvent = (_a3 = class {
     }, __name(_a3, "BaseTelemetryEvent"), _a3);
@@ -6620,7 +6620,7 @@ var init_chunk_KPIFWECU = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-VDUR5PXK.js
+// ../mcp-use/dist/chunk-DGU2TCSM.js
 import {
   Client
 } from "@modelcontextprotocol/sdk/client/index.js";
@@ -6685,10 +6685,10 @@ function createConnectorFromConfig(serverConfig, connectorOptions) {
   throw new Error("Cannot determine connector type from config");
 }
 var _a18, SseConnectionManager, _a19, HttpConnector, _a20, MCPSession, _a21, BaseMCPClient;
-var init_chunk_VDUR5PXK = __esm({
-  "../mcp-use/dist/chunk-VDUR5PXK.js"() {
+var init_chunk_DGU2TCSM = __esm({
+  "../mcp-use/dist/chunk-DGU2TCSM.js"() {
     "use strict";
-    init_chunk_KPIFWECU();
+    init_chunk_ALSNFJPV();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     SseConnectionManager = (_a18 = class extends ConnectionManager {
@@ -7947,7 +7947,7 @@ var init_chunk_VDUR5PXK = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-GEOH7R4G.js
+// ../mcp-use/dist/chunk-TI4LUN24.js
 import {
   discoverOAuthProtectedResourceMetadata,
   discoverAuthorizationServerMetadata,
@@ -8257,11 +8257,11 @@ async function onMcpAuthorization() {
   }
 }
 var _a22, BrowserMCPClient, _a23, BrowserOAuthClientProvider;
-var init_chunk_GEOH7R4G = __esm({
-  "../mcp-use/dist/chunk-GEOH7R4G.js"() {
+var init_chunk_TI4LUN24 = __esm({
+  "../mcp-use/dist/chunk-TI4LUN24.js"() {
     "use strict";
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_DGU2TCSM();
+    init_chunk_ALSNFJPV();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     __name(trackBrowserClientInit, "trackBrowserClientInit");
@@ -27978,18 +27978,18 @@ var init_stdio_transport = __esm({
   }
 });
 
-// ../mcp-use/dist/stdio-CWIMXSHX.js
-var stdio_CWIMXSHX_exports = {};
-__export(stdio_CWIMXSHX_exports, {
+// ../mcp-use/dist/stdio-C7QPX3Z5.js
+var stdio_C7QPX3Z5_exports = {};
+__export(stdio_C7QPX3Z5_exports, {
   StdioConnector: () => StdioConnector
 });
 import { Client as Client2 } from "@modelcontextprotocol/sdk/client/index.js";
 import process2 from "process";
 var _a38, StdioConnectionManager, _a39, StdioConnector;
-var init_stdio_CWIMXSHX = __esm({
-  "../mcp-use/dist/stdio-CWIMXSHX.js"() {
+var init_stdio_C7QPX3Z5 = __esm({
+  "../mcp-use/dist/stdio-C7QPX3Z5.js"() {
     "use strict";
-    init_chunk_KPIFWECU();
+    init_chunk_ALSNFJPV();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_stdio_transport();
@@ -28133,9 +28133,9 @@ var init_stdio_CWIMXSHX = __esm({
   }
 });
 
-// ../mcp-use/dist/client-J4HPCNHM.js
-var client_J4HPCNHM_exports = {};
-__export(client_J4HPCNHM_exports, {
+// ../mcp-use/dist/client-5CR243EI.js
+var client_5CR243EI_exports = {};
+__export(client_5CR243EI_exports, {
   BaseCodeExecutor: () => BaseCodeExecutor,
   E2BCodeExecutor: () => E2BCodeExecutor,
   MCPClient: () => MCPClient,
@@ -28275,12 +28275,12 @@ function trackNodeClientInit(config, codeMode, callbacks) {
   }).catch((e2) => logger.debug(`Failed to track MCPClient init: ${e2}`));
 }
 var _a40, BaseCodeExecutor, _a41, E2BCodeExecutor, vm, vmCheckAttempted, _a42, VMCodeExecutor, _a43, CodeModeConnector, _a44, MCPClient;
-var init_client_J4HPCNHM = __esm({
-  "../mcp-use/dist/client-J4HPCNHM.js"() {
+var init_client_5CR243EI = __esm({
+  "../mcp-use/dist/client-5CR243EI.js"() {
     "use strict";
     init_chunk_LG5NSHEL();
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_DGU2TCSM();
+    init_chunk_ALSNFJPV();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_fs();
@@ -29217,7 +29217,7 @@ ${shim}
           clientInfo: serverConfig.clientInfo ?? this.config.clientInfo
         };
         if ("command" in merged && "args" in merged) {
-          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_CWIMXSHX(), stdio_CWIMXSHX_exports));
+          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_C7QPX3Z5(), stdio_C7QPX3Z5_exports));
           const stdioConfig = merged;
           return new StdioConnector2({
             command: stdioConfig.command,
@@ -74896,11 +74896,11 @@ var _a45, BaseAdapter, _a46, LangChainAdapter, _a47, MCPServerTool, PresentActiv
 var init_browser = __esm({
   "../mcp-use/dist/src/browser.js"() {
     "use strict";
-    init_chunk_GEOH7R4G();
+    init_chunk_TI4LUN24();
     init_chunk_UJPHRNQP();
     init_chunk_LG5NSHEL();
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_DGU2TCSM();
+    init_chunk_ALSNFJPV();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_dist3();
@@ -76247,7 +76247,7 @@ Raw error: ${result}`
             logger.debug(
               `Creating MCPClient with ${Object.keys(this.mcpServersConfig).length} server(s)...`
             );
-            const { MCPClient: MCPClient2 } = await Promise.resolve().then(() => (init_client_J4HPCNHM(), client_J4HPCNHM_exports));
+            const { MCPClient: MCPClient2 } = await Promise.resolve().then(() => (init_client_5CR243EI(), client_5CR243EI_exports));
             this.client = new MCPClient2({ mcpServers: this.mcpServersConfig });
             logger.debug("\u2705 MCPClient created successfully");
           }