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

package/dist/client/assets/{browser-DizuWstJ.js → browser-0QciJv93.js}

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/display-YIYC6WJE-kuKRtVk0.js","assets/index-jGfWX_CN.js","assets/index-C2qHJtN-.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/display-YIYC6WJE-Cn63UiXa.js","assets/index-Dxg-Tx_J.js","assets/index-CwF__a_n.css"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-import { _ as __name, c as ZodIssueCode, u as unionType, a as anyType, d as booleanType, n as numberType, s as stringType, e as arrayType, o as objectType, f as nullType, Z as ZodFirstPartyTypeKind, h as custom, i as ZodType$1, l as literalType, j as undefinedType, k as functionType, p as promiseType, m as enumType, r as recordType, q as instanceOfType, t as logger, w as __vitePreload, v as v4$1 } from "./index-jGfWX_CN.js";
-import { B, x, H, L, y, M, W, z } from "./index-jGfWX_CN.js";
-import { u as rng, w as unsafeStringify, x as parse$1, y as $constructor, z as $ZodError, A as flattenError, B as formatError, C as _parse, D as _safeParse, E as _parseAsync, F as _safeParseAsync, G as _any, H as $ZodAny, I as $ZodType, d as clone, J as _overwrite, g as globalRegistry, K as _refine, L as normalizeParams, M as _array, N as $ZodCheck, O as issue, h as $ZodOptional, Q as $ZodNullable, R as $ZodNonOptional, S as $ZodUnion, U as $ZodIntersection, W as $ZodPipe, X as $ZodTransform, Y as $ZodDefault, Z as $ZodPrefault, a0 as $ZodCatch, a1 as $ZodReadonly, a2 as $ZodArray, a3 as _minLength, a4 as _maxLength, a5 as _length, a6 as $ZodCustom, a7 as camelCase, s as snakeCase, v as v4, P as PQueueMod, p as pRetry, a as v5, b as styles, c as parseAsync$1, i as parse$2, j as extend, f as partial, _ as _never, $ as $ZodNever, e as _unknown, k as $ZodUnknown, t as toJSONSchema, l as deepCompareStrict, V as Validator, m as dereference, n as validate$1, o as getEncodingNameForModel, T as Tiktoken, q as prettifyError, r as validate$2, a8 as $ZodRegistry } from "./chunk-VL2OQCWN-DVIxKKkz.js";
+import { _ as __name, c as ZodIssueCode, u as unionType, a as anyType, d as booleanType, n as numberType, s as stringType, e as arrayType, o as objectType, f as nullType, Z as ZodFirstPartyTypeKind, h as custom, i as ZodType$1, l as literalType, j as undefinedType, k as functionType, p as promiseType, m as enumType, r as recordType, q as instanceOfType, t as logger, w as __vitePreload, v as v4$1 } from "./index-Dxg-Tx_J.js";
+import { B, x, H, L, y, M, W, z } from "./index-Dxg-Tx_J.js";
+import { u as rng, w as unsafeStringify, x as parse$1, y as $constructor, z as $ZodError, A as flattenError, B as formatError, C as _parse, D as _safeParse, E as _parseAsync, F as _safeParseAsync, G as _any, H as $ZodAny, I as $ZodType, d as clone, J as _overwrite, g as globalRegistry, K as _refine, L as normalizeParams, M as _array, N as $ZodCheck, O as issue, h as $ZodOptional, Q as $ZodNullable, R as $ZodNonOptional, S as $ZodUnion, U as $ZodIntersection, W as $ZodPipe, X as $ZodTransform, Y as $ZodDefault, Z as $ZodPrefault, a0 as $ZodCatch, a1 as $ZodReadonly, a2 as $ZodArray, a3 as _minLength, a4 as _maxLength, a5 as _length, a6 as $ZodCustom, a7 as camelCase, s as snakeCase, v as v4, P as PQueueMod, p as pRetry, a as v5, b as styles, c as parseAsync$1, i as parse$2, j as extend, f as partial, _ as _never, $ as $ZodNever, e as _unknown, k as $ZodUnknown, t as toJSONSchema, l as deepCompareStrict, V as Validator, m as dereference, n as validate$1, o as getEncodingNameForModel, T as Tiktoken, q as prettifyError, r as validate$2, a8 as $ZodRegistry } from "./chunk-VL2OQCWN-B3ULnk6R.js";
 import { o as os } from "./__vite-browser-external-CHS79mP1.js";
 import { j as join, d as dirname, i as isAbsolute } from "./path-QsnVvLoj.js";
 import "./index-DX0TIfSM.js";
@@ -37536,7 +37536,7 @@ var MCPAgent = (_p = class {
    */
   async *prettyStreamEvents(query, maxSteps, manageConnector = true, externalHistory, outputSchema) {
     const { prettyStreamEvents: prettyStream } = await __vitePreload(async () => {
-      const { prettyStreamEvents: prettyStream2 } = await import("./display-YIYC6WJE-kuKRtVk0.js");
+      const { prettyStreamEvents: prettyStream2 } = await import("./display-YIYC6WJE-Cn63UiXa.js");
       return { prettyStreamEvents: prettyStream2 };
     }, true ? __vite__mapDeps([0,1,2]) : void 0);
     const finalResponse = "";

package/dist/client/assets/{chunk-VL2OQCWN-DVIxKKkz.js → chunk-VL2OQCWN-B3ULnk6R.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-jGfWX_CN.js";
+import { g as getDefaultExportFromCjs } from "./index-Dxg-Tx_J.js";
 import { r as requireBase64Js } from "./index-DX0TIfSM.js";
 var decamelize;
 var hasRequiredDecamelize;

package/dist/client/assets/{display-YIYC6WJE-kuKRtVk0.js → display-YIYC6WJE-Cn63UiXa.js}

@@ -1,4 +1,4 @@
-import { _ as __name } from "./index-jGfWX_CN.js";
+import { _ as __name } from "./index-Dxg-Tx_J.js";
 var core;
 var hasRequiredCore;
 function requireCore() {

package/dist/client/assets/{embeddings-BAyPT62O.js → embeddings-CJvY7vou.js}

@@ -1,4 +1,4 @@
-import { _ as __export, A as AsyncCaller } from "./index-BQYvi9ex.js";
+import { _ as __export, A as AsyncCaller } from "./index-XlJUZuAw.js";
 var chunk_array_exports = {};
 __export(chunk_array_exports, { chunkArray: () => chunkArray });
 const chunkArray = (arr, chunkSize) => arr.reduce((chunks, elem, index) => {

package/dist/client/assets/{index-CL4rnBUJ.js → index-B1eWsGek.js}

@@ -1,6 +1,6 @@
-import { B as BaseLLMOutputParser, O as OutputParserException, l as interopSafeParseAsync, p as parseBase64DataUrl, f as isAIMessage, H as HumanMessage, j as isDataContentBlock, k as convertToProviderContentBlock, c as AIMessageChunk, b as AIMessage, m as BaseChatModel, n as getEnvironmentVariable, h as isOpenAITool, g as isLangChainTool, t as toJsonSchema, i as isInteropZodSchema, C as ChatGenerationChunk, R as RunnablePassthrough, o as RunnableSequence } from "./index-BQYvi9ex.js";
-import "./chunk-VL2OQCWN-DVIxKKkz.js";
-import "./index-jGfWX_CN.js";
+import { B as BaseLLMOutputParser, O as OutputParserException, l as interopSafeParseAsync, p as parseBase64DataUrl, f as isAIMessage, H as HumanMessage, j as isDataContentBlock, k as convertToProviderContentBlock, c as AIMessageChunk, b as AIMessage, m as BaseChatModel, n as getEnvironmentVariable, h as isOpenAITool, g as isLangChainTool, t as toJsonSchema, i as isInteropZodSchema, C as ChatGenerationChunk, R as RunnablePassthrough, o as RunnableSequence } from "./index-XlJUZuAw.js";
+import "./chunk-VL2OQCWN-B3ULnk6R.js";
+import "./index-Dxg-Tx_J.js";
 import "./index-DX0TIfSM.js";
 var AnthropicToolsOutputParser = class extends BaseLLMOutputParser {
   static lc_name() {

package/dist/client/assets/{index-DwBL9-ha.js → index-Ct8e-Us0.js}

@@ -1,7 +1,7 @@
-import { i as isInteropZodSchema, t as toJsonSchema, a as isBaseMessage, b as AIMessage, C as ChatGenerationChunk, c as AIMessageChunk, d as ChatMessage, e as isToolMessage, f as isAIMessage, g as isLangChainTool, h as isOpenAITool, j as isDataContentBlock, k as convertToProviderContentBlock, p as parseBase64DataUrl, B as BaseLLMOutputParser, l as interopSafeParseAsync, O as OutputParserException, m as BaseChatModel, n as getEnvironmentVariable, J as JsonOutputParser, R as RunnablePassthrough, o as RunnableSequence } from "./index-BQYvi9ex.js";
-import { v as v4 } from "./index-jGfWX_CN.js";
-import "./embeddings-BAyPT62O.js";
-import "./chunk-VL2OQCWN-DVIxKKkz.js";
+import { i as isInteropZodSchema, t as toJsonSchema, a as isBaseMessage, b as AIMessage, C as ChatGenerationChunk, c as AIMessageChunk, d as ChatMessage, e as isToolMessage, f as isAIMessage, g as isLangChainTool, h as isOpenAITool, j as isDataContentBlock, k as convertToProviderContentBlock, p as parseBase64DataUrl, B as BaseLLMOutputParser, l as interopSafeParseAsync, O as OutputParserException, m as BaseChatModel, n as getEnvironmentVariable, J as JsonOutputParser, R as RunnablePassthrough, o as RunnableSequence } from "./index-XlJUZuAw.js";
+import { v as v4 } from "./index-Dxg-Tx_J.js";
+import "./embeddings-CJvY7vou.js";
+import "./chunk-VL2OQCWN-B3ULnk6R.js";
 import "./index-DX0TIfSM.js";
 function removeAdditionalProperties(obj) {
   if (typeof obj === "object" && obj !== null) {

package/dist/client/assets/{index-C2qHJtN-.css → index-CwF__a_n.css}

@@ -4292,6 +4292,10 @@
       padding: calc(var(--spacing) * 4);
     }
 
+    .sm\:p-5 {
+      padding: calc(var(--spacing) * 5);
+    }
+
     .sm\:p-6 {
       padding: calc(var(--spacing) * 6);
     }
@@ -4320,6 +4324,10 @@
       padding-top: calc(var(--spacing) * 3);
     }
 
+    .sm\:pt-4 {
+      padding-top: calc(var(--spacing) * 4);
+    }
+
     .sm\:pt-\[100px\] {
       padding-top: 100px;
     }
@@ -4332,6 +4340,10 @@
       padding-right: calc(var(--spacing) * 3);
     }
 
+    .sm\:pr-4 {
+      padding-right: calc(var(--spacing) * 4);
+    }
+
     .sm\:pl-3 {
       padding-left: calc(var(--spacing) * 3);
     }

package/dist/client/assets/{index-jGfWX_CN.js → index-Dxg-Tx_J.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/winston-CHOg9Woa.js","assets/__vite-browser-external-CHS79mP1.js","assets/index-DX0TIfSM.js","assets/path-QsnVvLoj.js","assets/index-CPrsUZvp.js","assets/index-BQYvi9ex.js","assets/chunk-VL2OQCWN-DVIxKKkz.js","assets/embeddings-BAyPT62O.js","assets/index-CL4rnBUJ.js","assets/index-DwBL9-ha.js","assets/browser-DizuWstJ.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/winston-Cc6cNATZ.js","assets/__vite-browser-external-CHS79mP1.js","assets/index-DX0TIfSM.js","assets/path-QsnVvLoj.js","assets/index-rDDSqQpx.js","assets/index-XlJUZuAw.js","assets/chunk-VL2OQCWN-B3ULnk6R.js","assets/embeddings-CJvY7vou.js","assets/index-B1eWsGek.js","assets/index-Ct8e-Us0.js","assets/browser-0QciJv93.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -211,7 +211,7 @@ function loadWinstonSync() {
 __name(loadWinstonSync, "loadWinstonSync");
 async function getWinston() {
   if (!winston) {
-    winston = await __vitePreload(() => import("./winston-CHOg9Woa.js").then((n2) => n2.w), true ? __vite__mapDeps([0,1,2,3]) : void 0);
+    winston = await __vitePreload(() => import("./winston-Cc6cNATZ.js").then((n2) => n2.w), true ? __vite__mapDeps([0,1,2,3]) : void 0);
   }
   return winston;
 }
@@ -18223,7 +18223,7 @@ function useMcp(options) {
     sseReadTimeout
   ]);
   const callTool = reactExports.useCallback(
-    async (name, args) => {
+    async (name, args, options2) => {
       if (stateRef.current !== "ready" || !clientRef.current) {
         throw new Error(
           `MCP client is not ready (current state: ${state}). Cannot call tool "${name}".`
@@ -18236,7 +18236,11 @@ function useMcp(options) {
         if (!session) {
           throw new Error("No active session found");
         }
-        const result = await session.connector.callTool(name, args || {});
+        const result = await session.connector.callTool(
+          name,
+          args || {},
+          options2
+        );
         addLog("info", `Tool "${name}" call successful:`, result);
         return result;
       } catch (err) {
@@ -40669,7 +40673,7 @@ class MCPToolSavedEvent {
 function getPackageVersion() {
   try {
     if (true) {
-      return "0.7.1-canary.2";
+      return "0.7.1-canary.3";
     }
     return "0.0.0";
   } catch {
@@ -40915,6 +40919,7 @@ function McpConnectionWrapper({
   name,
   proxyConfig,
   transportType,
+  connectionId,
   onUpdate,
   onRemove: _onRemove
 }) {
@@ -40950,7 +40955,7 @@ function McpConnectionWrapper({
       return void 0;
     }
     return (transport, serverIdFromConnector) => {
-      const actualServerId = url;
+      const actualServerId = connectionId;
       console.log(
         "[McpContext] Applying transport wrapper, serverId:",
         actualServerId,
@@ -40959,8 +40964,8 @@ function McpConnectionWrapper({
       );
       return wrapTransportRef.current(transport, actualServerId);
     };
-  }, [wrapTransportReady, url]);
-  const NOTIFICATIONS_STORAGE_KEY = `mcp-inspector-notifications-${url}`;
+  }, [wrapTransportReady, connectionId]);
+  const NOTIFICATIONS_STORAGE_KEY = `mcp-inspector-notifications-${connectionId}`;
   const MAX_NOTIFICATIONS = 500;
   const [notifications, setNotifications] = reactExports.useState([]);
   reactExports.useEffect(() => {
@@ -41044,7 +41049,7 @@ function McpConnectionWrapper({
         }
         const unreadCount = notifications.filter((n2) => !n2.read).length;
         const connection = {
-          id: url,
+          id: connectionId,
           url,
           name: mcpHook.serverInfo?.name || name,
           // Use server-provided name if available
@@ -41082,7 +41087,7 @@ function McpConnectionWrapper({
     } else {
       const unreadCount = notifications.filter((n2) => !n2.read).length;
       const connection = {
-        id: url,
+        id: connectionId,
         url,
         name: mcpHook.serverInfo?.name || name,
         // Use server-provided name if available
@@ -41124,6 +41129,7 @@ function McpConnectionWrapper({
     proxyConfig,
     customHeaders,
     // Added to dependency array
+    connectionId,
     mcpHook.state,
     mcpHook.tools,
     mcpHook.resources,
@@ -41226,7 +41232,52 @@ function McpProvider({ children }) {
   }, [autoConnect, configLoaded]);
   const addConnection = reactExports.useCallback(
     (url, name, proxyConfig, transportType) => {
-      if (connectionConfigs.some((c2) => c2.url === url)) {
+      const existingConfig = connectionConfigs.find((c2) => c2.url === url);
+      const existingConnection = connections.find((c2) => c2.url === url);
+      if (existingConfig && existingConnection) {
+        return;
+      }
+      if (existingConfig && !existingConnection) {
+        setConnections((prev) => [
+          ...prev,
+          {
+            id: existingConfig.id || url,
+            url,
+            name: existingConfig.name || name || "MCP Server",
+            state: "connecting",
+            tools: [],
+            resources: [],
+            prompts: [],
+            error: null,
+            authUrl: null,
+            customHeaders: existingConfig.proxyConfig?.customHeaders || proxyConfig?.customHeaders,
+            transportType: existingConfig.transportType || transportType,
+            proxyConfig: existingConfig.proxyConfig || proxyConfig,
+            notifications: [],
+            unreadNotificationCount: 0,
+            markNotificationRead: () => {
+            },
+            markAllNotificationsRead: () => {
+            },
+            clearNotifications: () => {
+            },
+            callTool: async () => {
+            },
+            readResource: async () => {
+            },
+            listPrompts: async () => {
+            },
+            getPrompt: async () => {
+            },
+            authenticate: () => {
+            },
+            retry: () => {
+            },
+            clearStorage: () => {
+            },
+            client: null
+          }
+        ]);
         return;
       }
       const newConfig = {
@@ -41278,7 +41329,7 @@ function McpProvider({ children }) {
         }
       ]);
     },
-    [connectionConfigs]
+    [connectionConfigs, connections]
   );
   const removeConnection = reactExports.useCallback((id2) => {
     setConnectionConfigs((prev) => prev.filter((c2) => c2.id !== id2));
@@ -41355,7 +41406,8 @@ function McpProvider({ children }) {
       autoConnect,
       setAutoConnect,
       connectServer,
-      disconnectServer
+      disconnectServer,
+      configLoaded
     }),
     [
       connections,
@@ -41364,7 +41416,8 @@ function McpProvider({ children }) {
       updateConnectionConfig,
       autoConnect,
       connectServer,
-      disconnectServer
+      disconnectServer,
+      configLoaded
     ]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(McpContext.Provider, { value: contextValue, children: [
@@ -41376,6 +41429,7 @@ function McpProvider({ children }) {
         name: config.name,
         proxyConfig: config.proxyConfig,
         transportType: config.transportType,
+        connectionId: config.id || config.url,
         onUpdate: handleConnectionUpdate,
         onRemove: () => removeConnection(config.id || config.url)
       },
@@ -53846,7 +53900,8 @@ function parseAutoConnectParam(param) {
 function useAutoConnect({
   connections,
   addConnection,
-  removeConnection
+  removeConnection,
+  configLoaded: contextConfigLoaded
 }) {
   const navigate = useNavigate();
   const [isAutoConnecting, setIsAutoConnecting] = reactExports.useState(false);
@@ -53876,20 +53931,42 @@ function useAutoConnect({
     },
     [addConnection]
   );
+  const handleAutoConnectConfig = reactExports.useCallback(
+    (config) => {
+      const existing = connections.find((c2) => c2.url === config.url);
+      if (existing) {
+        if (existing.state === "ready") {
+          console.warn(
+            "[useAutoConnect] Connection already ready, navigating to server"
+          );
+          const urlParams2 = new URLSearchParams(window.location.search);
+          const tunnelUrl = urlParams2.get("tunnelUrl");
+          const newUrl = tunnelUrl ? `/?server=${encodeURIComponent(existing.id)}&tunnelUrl=${encodeURIComponent(tunnelUrl)}` : `/?server=${encodeURIComponent(existing.id)}`;
+          navigate(newUrl);
+        } else {
+          console.warn(
+            "[useAutoConnect] Connection exists, waiting for ready state"
+          );
+          setAutoConnectConfig(config);
+          setIsAutoConnecting(true);
+        }
+      } else {
+        setAutoConnectConfig(config);
+        setHasTriedBothModes(false);
+        setIsAutoConnecting(true);
+        attemptConnection(config);
+      }
+    },
+    [connections, navigate, attemptConnection]
+  );
   reactExports.useEffect(() => {
-    if (configLoaded) return;
+    if (configLoaded || !contextConfigLoaded) return;
     const urlParams2 = new URLSearchParams(window.location.search);
     const queryAutoConnectParam = urlParams2.get("autoConnect");
     if (queryAutoConnectParam) {
       const config = parseAutoConnectParam(queryAutoConnectParam);
       if (config) {
-        const existing = connections.find((c2) => c2.url === config.url);
-        if (!existing) {
-          setAutoConnectConfig(config);
-          setHasTriedBothModes(false);
-          setIsAutoConnecting(true);
-          attemptConnection(config);
-        }
+        handleAutoConnectConfig(config);
       }
       setConfigLoaded(true);
       return;
@@ -53899,17 +53976,11 @@ function useAutoConnect({
       if (configData.autoConnectUrl) {
         const config = parseAutoConnectParam(configData.autoConnectUrl);
         if (config) {
-          const existing = connections.find((c2) => c2.url === config.url);
-          if (!existing) {
-            setAutoConnectConfig(config);
-            setHasTriedBothModes(false);
-            setIsAutoConnecting(true);
-            attemptConnection(config);
-          }
+          handleAutoConnectConfig(config);
         }
       }
     }).catch(() => setConfigLoaded(true));
-  }, [configLoaded, connections, attemptConnection]);
+  }, [configLoaded, contextConfigLoaded, handleAutoConnectConfig]);
   reactExports.useEffect(() => {
     if (!autoConnectConfig || !autoSwitch || retryScheduledRef.current) {
       return;
@@ -53988,6 +54059,19 @@ function useAutoConnect({
       }
     }
   }, [isAutoConnecting, connections, autoConnectConfig]);
+  reactExports.useEffect(() => {
+    if (!isAutoConnecting) return;
+    const timeoutId = setTimeout(() => {
+      if (isAutoConnecting) {
+        console.warn(
+          "[useAutoConnect] Auto-connect timeout - clearing loading state"
+        );
+        setIsAutoConnecting(false);
+        setAutoConnectConfig(null);
+      }
+    }, 3e4);
+    return () => clearTimeout(timeoutId);
+  }, [isAutoConnecting]);
   return { isAutoConnecting, autoConnectUrl: autoConnectConfig?.url || null };
 }
 function useKeyboardShortcuts(handlers) {
@@ -83084,7 +83168,11 @@ function OpenAIComponentRendererBase({
               throw new Error("Server connection not available");
             }
             const { toolName: toolName2, params, requestId } = event.data;
-            const result = await server.callTool(toolName2, params || {});
+            const result = await server.callTool(toolName2, params || {}, {
+              timeout: 6e5,
+              // 10 minutes
+              resetTimeoutOnProgress: true
+            });
             let formattedResult;
             if (result && typeof result === "object") {
               if (Array.isArray(result.contents)) {
@@ -86833,7 +86921,7 @@ function useChatMessagesClientSide({
           let llm;
           if (llmConfig.provider === "openai") {
             const { ChatOpenAI } = await __vitePreload(async () => {
-              const { ChatOpenAI: ChatOpenAI2 } = await import("./index-CPrsUZvp.js");
+              const { ChatOpenAI: ChatOpenAI2 } = await import("./index-rDDSqQpx.js");
               return { ChatOpenAI: ChatOpenAI2 };
             }, true ? __vite__mapDeps([4,5,6,2,7]) : void 0);
             llm = new ChatOpenAI({
@@ -86842,7 +86930,7 @@ function useChatMessagesClientSide({
             });
           } else if (llmConfig.provider === "anthropic") {
             const { ChatAnthropic } = await __vitePreload(async () => {
-              const { ChatAnthropic: ChatAnthropic2 } = await import("./index-CL4rnBUJ.js");
+              const { ChatAnthropic: ChatAnthropic2 } = await import("./index-B1eWsGek.js");
               return { ChatAnthropic: ChatAnthropic2 };
             }, true ? __vite__mapDeps([8,5,6,2]) : void 0);
             llm = new ChatAnthropic({
@@ -86851,7 +86939,7 @@ function useChatMessagesClientSide({
             });
           } else if (llmConfig.provider === "google") {
             const { ChatGoogleGenerativeAI } = await __vitePreload(async () => {
-              const { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 } = await import("./index-DwBL9-ha.js");
+              const { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 } = await import("./index-Ct8e-Us0.js");
               return { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 };
             }, true ? __vite__mapDeps([9,5,6,2,7]) : void 0);
             llm = new ChatGoogleGenerativeAI({
@@ -86870,7 +86958,7 @@ function useChatMessagesClientSide({
         }
         if (!agentRef.current || agentRef.current.llm !== llmRef.current.instance) {
           const { MCPAgent } = await __vitePreload(async () => {
-            const { MCPAgent: MCPAgent2 } = await import("./browser-DizuWstJ.js");
+            const { MCPAgent: MCPAgent2 } = await import("./browser-0QciJv93.js");
             return { MCPAgent: MCPAgent2 };
           }, true ? __vite__mapDeps([10,6,2,1,3]) : void 0);
           agentRef.current = new MCPAgent({
@@ -89599,7 +89687,7 @@ function NotificationsTabHeader({
   onClearAll,
   searchInputRef
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between p-4 py-3", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between p-4 sm:p-4 py-3 gap-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 flex-1", children: !isSearchExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: "Notifications" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -89704,10 +89792,7 @@ function NotificationsList({
   listRef
 }) {
   if (notifications.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Bell, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No notifications yet" })
-    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col items-center justify-center h-full p-4 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(NotFound, { vertical: true, noBorder: true, message: "No notifications yet" }) });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: listRef, className: "overflow-y-auto flex-1 overscroll-contain", children: notifications.map((notification, index2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -91547,7 +91632,7 @@ function ResourcesTabHeader({
   onSearchBlur,
   searchInputRef
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between p-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 flex-1", children: !isSearchExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row items-center justify-between p-4 sm:p-4 py-3 gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 flex-1", children: !isSearchExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: "Resources" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Badge,
@@ -92254,7 +92339,7 @@ function ToolExecutionPanel({
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 p-3 sm:p-6 pt-3 pb-4 pr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 p-3 sm:p-5 pt-3 sm:pt-4 pb-4 sm:pr-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between mb-0 gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-base sm:text-lg font-semibold", children: selectedTool.name }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 flex-shrink-0", children: [
@@ -93111,7 +93196,12 @@ function ToolsTab({
           }
         );
       }
-      const result = await callTool(selectedTool.name, parsedArgs);
+      const result = await callTool(selectedTool.name, parsedArgs, {
+        timeout: 6e5,
+        // 10 minutes
+        resetTimeoutOnProgress: true
+        // Reset timeout when progress is received
+      });
       const duration = Date.now() - startTime;
       const telemetry = Telemetry.getInstance();
       telemetry.capture(
@@ -95099,7 +95189,8 @@ function Layout({ children }) {
     connections,
     addConnection,
     removeConnection,
-    updateConnectionConfig
+    updateConnectionConfig,
+    configLoaded
   } = useMcpContext();
   const {
     selectedServerId,
@@ -95125,7 +95216,8 @@ function Layout({ children }) {
   const { isAutoConnecting } = useAutoConnect({
     connections,
     addConnection,
-    removeConnection
+    removeConnection,
+    configLoaded
   });
   const handleCommandPaletteOpen = reactExports.useCallback(
     (trigger) => {

package/dist/client/assets/{index-BQYvi9ex.js → index-XlJUZuAw.js}

@@ -1,5 +1,5 @@
-import { s as snakeCase, v as v4, P as PQueueMod, p as pRetry, a as v5, b as styles, g as globalRegistry, c as parseAsync, d as clone, _ as _never, $ as $ZodNever, e as _unknown, f as partial, h as $ZodOptional, i as parse, j as extend, k as $ZodUnknown, t as toJSONSchema, l as deepCompareStrict, V as Validator, m as dereference, n as validate$1, o as getEncodingNameForModel, T as Tiktoken } from "./chunk-VL2OQCWN-DVIxKKkz.js";
-import { Z as ZodFirstPartyTypeKind, a as anyType, o as objectType, s as stringType } from "./index-jGfWX_CN.js";
+import { s as snakeCase, v as v4, P as PQueueMod, p as pRetry, a as v5, b as styles, g as globalRegistry, c as parseAsync, d as clone, _ as _never, $ as $ZodNever, e as _unknown, f as partial, h as $ZodOptional, i as parse, j as extend, k as $ZodUnknown, t as toJSONSchema, l as deepCompareStrict, V as Validator, m as dereference, n as validate$1, o as getEncodingNameForModel, T as Tiktoken } from "./chunk-VL2OQCWN-B3ULnk6R.js";
+import { Z as ZodFirstPartyTypeKind, a as anyType, o as objectType, s as stringType } from "./index-Dxg-Tx_J.js";
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {

package/dist/client/assets/{index-CPrsUZvp.js → index-rDDSqQpx.js}

@@ -1,7 +1,7 @@
-import { d as ChatMessage, g as isLangChainTool, q as convertToOpenAITool, r as isZodSchemaV3, s as isZodSchemaV4, l as interopSafeParseAsync, O as OutputParserException, u as BaseCumulativeTransformOutputParser, f as isAIMessage, v as parsePartialJson, _ as __export, m as BaseChatModel, n as getEnvironmentVariable, i as isInteropZodSchema, h as isOpenAITool, S as StructuredOutputParser, J as JsonOutputParser, t as toJsonSchema, w as getSchemaDescription, x as RunnableLambda, R as RunnablePassthrough, o as RunnableSequence, j as isDataContentBlock, k as convertToProviderContentBlock, b as AIMessage, T as ToolMessage, y as HumanMessageChunk, c as AIMessageChunk, z as SystemMessageChunk, F as FunctionMessageChunk, D as ToolMessageChunk, E as ChatMessageChunk, p as parseBase64DataUrl, G as parseMimeType, I as iife, C as ChatGenerationChunk, K as BaseLanguageModel, L as CallbackManager, M as GenerationChunk, N as callbackHandlerPrefersStreaming, P as concat, Q as RUN_KEY, U as isStructuredToolParams, V as isStructuredTool, W as isRunnableToolLike, X as ToolInputParsingException, Y as BaseLangChain, Z as ensureConfig, $ as mergeConfigs, a0 as _isToolCall, a1 as interopParseAsync, a2 as parseCallbackConfigArg, a3 as _configHasToolCallId, a4 as isSimpleStringZodSchema, a5 as validatesOnlyStrings, a6 as patchConfig, a7 as AsyncLocalStorageProviderSingleton, a8 as pickRunnableConfigKeys, a9 as isDirectToolOutput, aa as getAbortSignalError } from "./index-BQYvi9ex.js";
-import { Z as ZodFirstPartyTypeKind, o as objectType, s as stringType } from "./index-jGfWX_CN.js";
-import { t as toJSONSchema, i as parse, q as prettifyError, r as validate } from "./chunk-VL2OQCWN-DVIxKKkz.js";
-import "./embeddings-BAyPT62O.js";
+import { d as ChatMessage, g as isLangChainTool, q as convertToOpenAITool, r as isZodSchemaV3, s as isZodSchemaV4, l as interopSafeParseAsync, O as OutputParserException, u as BaseCumulativeTransformOutputParser, f as isAIMessage, v as parsePartialJson, _ as __export, m as BaseChatModel, n as getEnvironmentVariable, i as isInteropZodSchema, h as isOpenAITool, S as StructuredOutputParser, J as JsonOutputParser, t as toJsonSchema, w as getSchemaDescription, x as RunnableLambda, R as RunnablePassthrough, o as RunnableSequence, j as isDataContentBlock, k as convertToProviderContentBlock, b as AIMessage, T as ToolMessage, y as HumanMessageChunk, c as AIMessageChunk, z as SystemMessageChunk, F as FunctionMessageChunk, D as ToolMessageChunk, E as ChatMessageChunk, p as parseBase64DataUrl, G as parseMimeType, I as iife, C as ChatGenerationChunk, K as BaseLanguageModel, L as CallbackManager, M as GenerationChunk, N as callbackHandlerPrefersStreaming, P as concat, Q as RUN_KEY, U as isStructuredToolParams, V as isStructuredTool, W as isRunnableToolLike, X as ToolInputParsingException, Y as BaseLangChain, Z as ensureConfig, $ as mergeConfigs, a0 as _isToolCall, a1 as interopParseAsync, a2 as parseCallbackConfigArg, a3 as _configHasToolCallId, a4 as isSimpleStringZodSchema, a5 as validatesOnlyStrings, a6 as patchConfig, a7 as AsyncLocalStorageProviderSingleton, a8 as pickRunnableConfigKeys, a9 as isDirectToolOutput, aa as getAbortSignalError } from "./index-XlJUZuAw.js";
+import { Z as ZodFirstPartyTypeKind, o as objectType, s as stringType } from "./index-Dxg-Tx_J.js";
+import { t as toJSONSchema, i as parse, q as prettifyError, r as validate } from "./chunk-VL2OQCWN-B3ULnk6R.js";
+import "./embeddings-CJvY7vou.js";
 import "./index-DX0TIfSM.js";
 const iife$1 = (fn) => fn();
 function isReasoningModel(model) {

package/dist/client/assets/{winston-CHOg9Woa.js → winston-Cc6cNATZ.js}

@@ -1,4 +1,4 @@
-import { b as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./index-jGfWX_CN.js";
+import { b as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./index-Dxg-Tx_J.js";
 import { o as os } from "./__vite-browser-external-CHS79mP1.js";
 import { r as requireBase64Js } from "./index-DX0TIfSM.js";
 import { p as path } from "./path-QsnVvLoj.js";

package/dist/client/index.html

@@ -27,9 +27,9 @@
       rel="stylesheet"
     />
     <title>Inspector | mcp-use</title>
-    <script type="module" crossorigin src="/inspector/assets/index-jGfWX_CN.js"></script>
-    <link rel="stylesheet" crossorigin href="/inspector/assets/index-C2qHJtN-.css">
-    <script>window.__INSPECTOR_VERSION__ = "0.7.1-canary.2";</script>
+    <script type="module" crossorigin src="/inspector/assets/index-Dxg-Tx_J.js"></script>
+    <link rel="stylesheet" crossorigin href="/inspector/assets/index-CwF__a_n.css">
+    <script>window.__INSPECTOR_VERSION__ = "0.7.1-canary.3";</script>
   </head>
   <body>
     <script>

package/package.json

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