mcp-use 1.2.2-canary.0 → 1.2.2

package/dist/src/react/index.cjs

@@ -92,7 +92,15 @@ var SimpleConsoleLogger = class {
     this._level = level;
   }
   shouldLog(level) {
-    const levels = ["error", "warn", "info", "http", "verbose", "debug", "silly"];
+    const levels = [
+      "error",
+      "warn",
+      "info",
+      "http",
+      "verbose",
+      "debug",
+      "silly"
+    ];
     const currentIndex = levels.indexOf(this._level);
     const messageIndex = levels.indexOf(level);
     return messageIndex <= currentIndex;
@@ -176,7 +184,10 @@ var Logger = class {
     if (!isNodeJSEnvironment()) {
       if (!this.simpleInstances[name]) {
         const debugEnv = typeof process !== "undefined" && process.env?.DEBUG || void 0;
-        this.simpleInstances[name] = new SimpleConsoleLogger(name, resolveLevel(debugEnv));
+        this.simpleInstances[name] = new SimpleConsoleLogger(
+          name,
+          resolveLevel(debugEnv)
+        );
       }
       return this.simpleInstances[name];
     }
@@ -250,10 +261,8 @@ var Logger = class {
   }
   static setDebug(enabled) {
     let level;
-    if (enabled === 2 || enabled === true)
-      level = "debug";
-    else if (enabled === 1)
-      level = "info";
+    if (enabled === 2 || enabled === true) level = "debug";
+    else if (enabled === 1) level = "info";
     else level = "info";
     Object.values(this.simpleInstances).forEach((logger2) => {
       logger2.level = level;
@@ -368,7 +377,9 @@ var ConnectionManager = class {
         try {
           await this.closeConnection(this._connection);
         } catch (closeErr) {
-          logger.warn(`Error closing connection in ${this.constructor.name}: ${closeErr}`);
+          logger.warn(
+            `Error closing connection in ${this.constructor.name}: ${closeErr}`
+          );
         }
         this._connection = null;
       }
@@ -534,7 +545,10 @@ var BaseConnector = class {
     logger.debug("Caching server capabilities & tools");
     const capabilities = this.client.getServerCapabilities();
     this.capabilitiesCache = capabilities;
-    const listToolsRes = await this.client.listTools(void 0, defaultRequestOptions);
+    const listToolsRes = await this.client.listTools(
+      void 0,
+      defaultRequestOptions
+    );
     this.toolsCache = listToolsRes.tools ?? [];
     logger.debug(`Fetched ${this.toolsCache.length} tools from server`);
     logger.debug("Server capabilities:", capabilities);
@@ -553,7 +567,11 @@ var BaseConnector = class {
       throw new Error("MCP client is not connected");
     }
     logger.debug(`Calling tool '${name}' with args`, args);
-    const res = await this.client.callTool({ name, arguments: args }, void 0, options);
+    const res = await this.client.callTool(
+      { name, arguments: args },
+      void 0,
+      options
+    );
     logger.debug(`Tool '${name}' returned`, res);
     return res;
   }
@@ -683,7 +701,11 @@ var BaseConnector = class {
       throw new Error("MCP client is not connected");
     }
     logger.debug(`Sending raw request '${method}' with params`, params);
-    return await this.client.request({ method, params: params ?? {} }, void 0, options);
+    return await this.client.request(
+      { method, params: params ?? {} },
+      void 0,
+      options
+    );
   }
   /**
    * Helper to tear down the client & connection manager safely.
@@ -742,7 +764,10 @@ var HttpConnector = class extends BaseConnector {
     }
     this.timeout = opts.timeout ?? 3e4;
     this.sseReadTimeout = opts.sseReadTimeout ?? 3e5;
-    this.clientInfo = opts.clientInfo ?? { name: "http-connector", version: "1.0.0" };
+    this.clientInfo = opts.clientInfo ?? {
+      name: "http-connector",
+      version: "1.0.0"
+    };
     this.preferSse = opts.preferSse ?? false;
   }
   /** Establish connection to the MCP implementation via HTTP (streamable or SSE). */
@@ -813,29 +838,28 @@ var HttpConnector = class extends BaseConnector {
           authError.code = 401;
           throw authError;
         }
-        throw new Error("Could not connect to server with any available transport");
+        throw new Error(
+          "Could not connect to server with any available transport"
+        );
       }
     }
   }
   async connectWithStreamableHttp(baseUrl) {
     try {
-      this.connectionManager = new StreamableHttpConnectionManager(
-        baseUrl,
-        {
-          authProvider: this.opts.authProvider,
-          // ← Pass OAuth provider to SDK
-          requestInit: {
-            headers: this.headers
-          },
-          // Pass through timeout and other options
-          reconnectionOptions: {
-            maxReconnectionDelay: 3e4,
-            initialReconnectionDelay: 1e3,
-            reconnectionDelayGrowFactor: 1.5,
-            maxRetries: 2
-          }
+      this.connectionManager = new StreamableHttpConnectionManager(baseUrl, {
+        authProvider: this.opts.authProvider,
+        // ← Pass OAuth provider to SDK
+        requestInit: {
+          headers: this.headers
+        },
+        // Pass through timeout and other options
+        reconnectionOptions: {
+          maxReconnectionDelay: 3e4,
+          initialReconnectionDelay: 1e3,
+          reconnectionDelayGrowFactor: 1.5,
+          maxRetries: 2
         }
-      );
+      });
       const transport = await this.connectionManager.start();
       this.client = new import_client.Client(this.clientInfo, this.opts.clientOptions);
       try {
@@ -844,7 +868,9 @@ var HttpConnector = class extends BaseConnector {
         if (connectErr instanceof Error) {
           const errMsg = connectErr.message || connectErr.toString();
           if (errMsg.includes("Missing session ID") || errMsg.includes("Bad Request: Missing session ID")) {
-            const wrappedError = new Error(`FastMCP session ID error: ${errMsg}`);
+            const wrappedError = new Error(
+              `FastMCP session ID error: ${errMsg}`
+            );
             wrappedError.cause = connectErr;
             throw wrappedError;
           }
@@ -853,7 +879,9 @@ var HttpConnector = class extends BaseConnector {
       }
       this.connected = true;
       this.transportType = "streamable-http";
-      logger.debug(`Successfully connected to MCP implementation via streamable HTTP: ${baseUrl}`);
+      logger.debug(
+        `Successfully connected to MCP implementation via streamable HTTP: ${baseUrl}`
+      );
     } catch (err) {
       await this.cleanupResources();
       throw err;
@@ -861,20 +889,19 @@ var HttpConnector = class extends BaseConnector {
   }
   async connectWithSse(baseUrl) {
     try {
-      this.connectionManager = new SseConnectionManager(
-        baseUrl,
-        {
-          requestInit: {
-            headers: this.headers
-          }
+      this.connectionManager = new SseConnectionManager(baseUrl, {
+        requestInit: {
+          headers: this.headers
         }
-      );
+      });
       const transport = await this.connectionManager.start();
       this.client = new import_client.Client(this.clientInfo, this.opts.clientOptions);
       await this.client.connect(transport);
       this.connected = true;
       this.transportType = "sse";
-      logger.debug(`Successfully connected to MCP implementation via HTTP/SSE: ${baseUrl}`);
+      logger.debug(
+        `Successfully connected to MCP implementation via HTTP/SSE: ${baseUrl}`
+      );
     } catch (err) {
       await this.cleanupResources();
       throw err;
@@ -920,7 +947,9 @@ var WebSocketConnectionManager = class extends ConnectionManager {
   async establishConnection() {
     logger.debug(`Connecting to WebSocket: ${this.url}`);
     return new Promise((resolve, reject) => {
-      const ws = new import_ws.default(this.url, { headers: this.headers });
+      const ws = new import_ws.default(this.url, {
+        headers: this.headers
+      });
       this._ws = ws;
       const onOpen = /* @__PURE__ */ __name(() => {
         cleanup();
@@ -980,8 +1009,7 @@ var WebSocketConnector = class extends BaseConnector {
     super();
     this.url = url;
     this.headers = { ...opts.headers ?? {} };
-    if (opts.authToken)
-      this.headers.Authorization = `Bearer ${opts.authToken}`;
+    if (opts.authToken) this.headers.Authorization = `Bearer ${opts.authToken}`;
   }
   async connect() {
     if (this.connected) {
@@ -990,7 +1018,10 @@ var WebSocketConnector = class extends BaseConnector {
     }
     logger.debug(`Connecting via WebSocket: ${this.url}`);
     try {
-      this.connectionManager = new WebSocketConnectionManager(this.url, this.headers);
+      this.connectionManager = new WebSocketConnectionManager(
+        this.url,
+        this.headers
+      );
       this.ws = await this.connectionManager.start();
       this.receiverTask = this.receiveLoop();
       this.connected = true;
@@ -1011,8 +1042,7 @@ var WebSocketConnector = class extends BaseConnector {
     this.connected = false;
   }
   sendRequest(method, params = null) {
-    if (!this.ws)
-      throw new Error("WebSocket is not connected");
+    if (!this.ws) throw new Error("WebSocket is not connected");
     const id = (0, import_uuid.v4)();
     const payload = JSON.stringify({ id, method, params: params ?? {} });
     return new Promise((resolve, reject) => {
@@ -1026,8 +1056,7 @@ var WebSocketConnector = class extends BaseConnector {
     });
   }
   async receiveLoop() {
-    if (!this.ws)
-      return;
+    if (!this.ws) return;
     const socket = this.ws;
     const onMessage = /* @__PURE__ */ __name((msg) => {
       let data;
@@ -1041,10 +1070,8 @@ var WebSocketConnector = class extends BaseConnector {
       if (id && this.pending.has(id)) {
         const { resolve, reject } = this.pending.get(id);
         this.pending.delete(id);
-        if ("result" in data)
-          resolve(data.result);
-        else if ("error" in data)
-          reject(data.error);
+        if ("result" in data) resolve(data.result);
+        else if ("error" in data) reject(data.error);
       } else {
         logger.debug("Received unsolicited message", data);
       }
@@ -1102,14 +1129,12 @@ var WebSocketConnector = class extends BaseConnector {
     return await this.sendRequest(method, params);
   }
   get tools() {
-    if (!this.toolsCache)
-      throw new Error("MCP client is not initialized");
+    if (!this.toolsCache) throw new Error("MCP client is not initialized");
     return this.toolsCache;
   }
   async cleanupResources() {
-    if (this.receiverTask)
-      await this.receiverTask.catch(() => {
-      });
+    if (this.receiverTask) await this.receiverTask.catch(() => {
+    });
     this.receiverTask = null;
     this.rejectAll(new Error("WebSocket disconnected"));
     if (this.connectionManager) {
@@ -1234,7 +1259,9 @@ var BaseMCPClient = class {
   async closeSession(serverName) {
     const session = this.sessions[serverName];
     if (!session) {
-      logger.warn(`No session exists for server ${serverName}, nothing to close`);
+      logger.warn(
+        `No session exists for server ${serverName}, nothing to close`
+      );
       return;
     }
     try {
@@ -1261,7 +1288,9 @@ var BaseMCPClient = class {
       }
     }
     if (errors.length) {
-      logger.error(`Encountered ${errors.length} errors while closing sessions`);
+      logger.error(
+        `Encountered ${errors.length} errors while closing sessions`
+      );
     } else {
       logger.debug("All sessions closed successfully");
     }
@@ -1353,7 +1382,10 @@ var BrowserOAuthClientProvider = class {
     try {
       return JSON.parse(data);
     } catch (e) {
-      console.warn(`[${this.storageKeyPrefix}] Failed to parse client information:`, e);
+      console.warn(
+        `[${this.storageKeyPrefix}] Failed to parse client information:`,
+        e
+      );
       localStorage.removeItem(key);
       return void 0;
     }
@@ -1435,7 +1467,11 @@ var BrowserOAuthClientProvider = class {
     const sanitizedAuthUrl = await this.prepareAuthorizationUrl(authorizationUrl);
     const popupFeatures = "width=600,height=700,resizable=yes,scrollbars=yes,status=yes";
     try {
-      const popup = window.open(sanitizedAuthUrl, `mcp_auth_${this.serverUrlHash}`, popupFeatures);
+      const popup = window.open(
+        sanitizedAuthUrl,
+        `mcp_auth_${this.serverUrlHash}`,
+        popupFeatures
+      );
       if (this.onPopupWindow) {
         this.onPopupWindow(sanitizedAuthUrl, popupFeatures, popup);
       }
@@ -1445,10 +1481,15 @@ var BrowserOAuthClientProvider = class {
         );
       } else {
         popup.focus();
-        console.info(`[${this.storageKeyPrefix}] Redirecting to authorization URL in popup.`);
+        console.info(
+          `[${this.storageKeyPrefix}] Redirecting to authorization URL in popup.`
+        );
       }
     } catch (e) {
-      console.error(`[${this.storageKeyPrefix}] Error opening popup window:`, e);
+      console.error(
+        `[${this.storageKeyPrefix}] Error opening popup window:`,
+        e
+      );
     }
   }
   // --- Helper Methods ---
@@ -1479,7 +1520,10 @@ var BrowserOAuthClientProvider = class {
             }
           }
         } catch (e) {
-          console.warn(`[${this.storageKeyPrefix}] Error parsing state key ${key} during clearStorage:`, e);
+          console.warn(
+            `[${this.storageKeyPrefix}] Error parsing state key ${key} during clearStorage:`,
+            e
+          );
         }
       }
     }
@@ -1522,7 +1566,9 @@ function useMcp(options) {
     enabled = true,
     clientName,
     clientUri,
-    callbackUrl = typeof window !== "undefined" ? (0, import_strict_url_sanitise2.sanitizeUrl)(new URL("/oauth/callback", window.location.origin).toString()) : "/oauth/callback",
+    callbackUrl = typeof window !== "undefined" ? (0, import_strict_url_sanitise2.sanitizeUrl)(
+      new URL("/oauth/callback", window.location.origin).toString()
+    ) : "/oauth/callback",
     storageKeyPrefix = "mcp:auth",
     clientConfig = {},
     customHeaders = {},
@@ -1563,7 +1609,10 @@ function useMcp(options) {
       const fullMessage = args.length > 0 ? `${message} ${args.map((arg) => JSON.stringify(arg)).join(" ")}` : message;
       console[level](`[useMcp] ${fullMessage}`);
       if (isMountedRef.current) {
-        setLog((prevLog) => [...prevLog.slice(-100), { level, message: fullMessage, timestamp: Date.now() }]);
+        setLog((prevLog) => [
+          ...prevLog.slice(-100),
+          { level, message: fullMessage, timestamp: Date.now() }
+        ]);
       }
     },
     []
@@ -1604,7 +1653,11 @@ function useMcp(options) {
         const manualUrl = authProviderRef.current?.getLastAttemptedAuthUrl();
         if (manualUrl) {
           setAuthUrl(manualUrl);
-          addLog("info", "Manual authentication URL may be available.", manualUrl);
+          addLog(
+            "info",
+            "Manual authentication URL may be available.",
+            manualUrl
+          );
         }
       }
       connectingRef.current = false;
@@ -1613,7 +1666,10 @@ function useMcp(options) {
   );
   const connect = (0, import_react.useCallback)(async () => {
     if (!enabled || !url) {
-      addLog("debug", enabled ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag.");
+      addLog(
+        "debug",
+        enabled ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag."
+      );
       return;
     }
     if (connectingRef.current) {
@@ -1630,7 +1686,10 @@ function useMcp(options) {
     setAuthUrl(void 0);
     successfulTransportRef.current = null;
     setState("discovering");
-    addLog("info", `Connecting attempt #${connectAttemptRef.current} to ${url}...`);
+    addLog(
+      "info",
+      `Connecting attempt #${connectAttemptRef.current} to ${url}...`
+    );
     if (!authProviderRef.current) {
       authProviderRef.current = new BrowserOAuthClientProvider(url, {
         storageKeyPrefix,
@@ -1647,7 +1706,10 @@ function useMcp(options) {
       addLog("debug", "BrowserMCPClient initialized in connect.");
     }
     const tryConnectWithTransport = /* @__PURE__ */ __name(async (transportTypeParam, isAuthRetry = false) => {
-      addLog("info", `Attempting connection with transport: ${transportTypeParam}`);
+      addLog(
+        "info",
+        `Attempting connection with transport: ${transportTypeParam}`
+      );
       try {
         const serverName = "inspector-server";
         const serverConfig = {
@@ -1744,7 +1806,9 @@ function useMcp(options) {
   const callTool = (0, import_react.useCallback)(
     async (name, args) => {
       if (stateRef.current !== "ready" || !clientRef.current) {
-        throw new Error(`MCP client is not ready (current state: ${state}). Cannot call tool "${name}".`);
+        throw new Error(
+          `MCP client is not ready (current state: ${state}). Cannot call tool "${name}".`
+        );
       }
       addLog("info", `Calling tool: ${name}`, args);
       try {
@@ -1768,7 +1832,10 @@ function useMcp(options) {
       addLog("info", "Retry requested...");
       connect();
     } else {
-      addLog("warn", `Retry called but state is not 'failed' (state: ${stateRef.current}). Ignoring.`);
+      addLog(
+        "warn",
+        `Retry called but state is not 'failed' (state: ${stateRef.current}). Ignoring.`
+      );
     }
   }, [addLog, connect]);
   const authenticate = (0, import_react.useCallback)(async () => {
@@ -1790,9 +1857,15 @@ function useMcp(options) {
         }
       }, AUTH_TIMEOUT);
       try {
-        assert(authProviderRef.current, "Auth Provider not available for manual auth");
+        assert(
+          authProviderRef.current,
+          "Auth Provider not available for manual auth"
+        );
         assert(url, "Server URL is required for authentication");
-        addLog("info", "Redirecting for manual authentication. Waiting for callback...");
+        addLog(
+          "info",
+          "Redirecting for manual authentication. Waiting for callback..."
+        );
       } catch (authError) {
         if (!isMountedRef.current) return;
         if (authTimeoutRef.current) clearTimeout(authTimeoutRef.current);
@@ -1802,7 +1875,10 @@ function useMcp(options) {
         );
       }
     } else if (currentState === "authenticating") {
-      addLog("warn", "Already attempting authentication. Check for blocked popups or wait for timeout.");
+      addLog(
+        "warn",
+        "Already attempting authentication. Check for blocked popups or wait for timeout."
+      );
       const manualUrl = authProviderRef.current?.getLastAttemptedAuthUrl();
       if (manualUrl && !authUrl) {
         setAuthUrl(manualUrl);
@@ -1825,32 +1901,33 @@ function useMcp(options) {
       addLog("warn", "Auth provider not initialized, cannot clear storage.");
     }
   }, [url, addLog, disconnect]);
-  const listResources = (0, import_react.useCallback)(
-    async () => {
-      if (stateRef.current !== "ready" || !clientRef.current) {
-        throw new Error(`MCP client is not ready (current state: ${state}). Cannot list resources.`);
-      }
-      addLog("info", "Listing resources");
-      try {
-        const serverName = "inspector-server";
-        const session = clientRef.current.getSession(serverName);
-        if (!session) {
-          throw new Error("No active session found");
-        }
-        const resourcesResult = await session.connector.listAllResources();
-        setResources(resourcesResult.resources || []);
-        addLog("info", "Resources listed successfully");
-      } catch (err) {
-        addLog("error", "List resources failed:", err);
-        throw err;
+  const listResources = (0, import_react.useCallback)(async () => {
+    if (stateRef.current !== "ready" || !clientRef.current) {
+      throw new Error(
+        `MCP client is not ready (current state: ${state}). Cannot list resources.`
+      );
+    }
+    addLog("info", "Listing resources");
+    try {
+      const serverName = "inspector-server";
+      const session = clientRef.current.getSession(serverName);
+      if (!session) {
+        throw new Error("No active session found");
       }
-    },
-    [state]
-  );
+      const resourcesResult = await session.connector.listAllResources();
+      setResources(resourcesResult.resources || []);
+      addLog("info", "Resources listed successfully");
+    } catch (err) {
+      addLog("error", "List resources failed:", err);
+      throw err;
+    }
+  }, [state]);
   const readResource = (0, import_react.useCallback)(
     async (uri) => {
       if (stateRef.current !== "ready" || !clientRef.current) {
-        throw new Error(`MCP client is not ready (current state: ${state}). Cannot read resource.`);
+        throw new Error(
+          `MCP client is not ready (current state: ${state}). Cannot read resource.`
+        );
       }
       addLog("info", `Reading resource: ${uri}`);
       try {
@@ -1869,32 +1946,33 @@ function useMcp(options) {
     },
     [state]
   );
-  const listPrompts = (0, import_react.useCallback)(
-    async () => {
-      if (stateRef.current !== "ready" || !clientRef.current) {
-        throw new Error(`MCP client is not ready (current state: ${state}). Cannot list prompts.`);
-      }
-      addLog("info", "Listing prompts");
-      try {
-        const serverName = "inspector-server";
-        const session = clientRef.current.getSession(serverName);
-        if (!session) {
-          throw new Error("No active session found");
-        }
-        const promptsResult = await session.connector.listPrompts();
-        setPrompts(promptsResult.prompts || []);
-        addLog("info", "Prompts listed successfully");
-      } catch (err) {
-        addLog("error", "List prompts failed:", err);
-        throw err;
+  const listPrompts = (0, import_react.useCallback)(async () => {
+    if (stateRef.current !== "ready" || !clientRef.current) {
+      throw new Error(
+        `MCP client is not ready (current state: ${state}). Cannot list prompts.`
+      );
+    }
+    addLog("info", "Listing prompts");
+    try {
+      const serverName = "inspector-server";
+      const session = clientRef.current.getSession(serverName);
+      if (!session) {
+        throw new Error("No active session found");
       }
-    },
-    [state]
-  );
+      const promptsResult = await session.connector.listPrompts();
+      setPrompts(promptsResult.prompts || []);
+      addLog("info", "Prompts listed successfully");
+    } catch (err) {
+      addLog("error", "List prompts failed:", err);
+      throw err;
+    }
+  }, [state]);
   const getPrompt = (0, import_react.useCallback)(
     async (name, args) => {
       if (stateRef.current !== "ready" || !clientRef.current) {
-        throw new Error(`MCP client is not ready (current state: ${state}). Cannot get prompt.`);
+        throw new Error(
+          `MCP client is not ready (current state: ${state}). Cannot get prompt.`
+        );
       }
       addLog("info", `Getting prompt: ${name}`, args);
       try {
@@ -1927,19 +2005,30 @@ function useMcp(options) {
         if (authTimeoutRef.current) clearTimeout(authTimeoutRef.current);
         authTimeoutRef.current = null;
         if (event.data.success) {
-          addLog("info", "Authentication successful via popup. Reconnecting client...");
+          addLog(
+            "info",
+            "Authentication successful via popup. Reconnecting client..."
+          );
           if (connectingRef.current) {
-            addLog("debug", "Connection attempt already in progress, resetting flag to allow reconnection.");
+            addLog(
+              "debug",
+              "Connection attempt already in progress, resetting flag to allow reconnection."
+            );
           }
           connectingRef.current = false;
           setTimeout(() => {
             if (isMountedRef.current) {
-              addLog("debug", "Initiating reconnection after successful auth callback.");
+              addLog(
+                "debug",
+                "Initiating reconnection after successful auth callback."
+              );
               connectRef.current();
             }
           }, 100);
         } else {
-          failConnectionRef.current(`Authentication failed in callback: ${event.data.error || "Unknown reason."}`);
+          failConnectionRef.current(
+            `Authentication failed in callback: ${event.data.error || "Unknown reason."}`
+          );
         }
       }
     }, "messageHandler");
@@ -1954,7 +2043,10 @@ function useMcp(options) {
   (0, import_react.useEffect)(() => {
     isMountedRef.current = true;
     if (!enabled || !url) {
-      addLog("debug", enabled ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag.");
+      addLog(
+        "debug",
+        enabled ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag."
+      );
       setState("discovering");
       return () => {
         isMountedRef.current = false;
@@ -1971,7 +2063,10 @@ function useMcp(options) {
         preventAutoAuth,
         onPopupWindow
       });
-      addLog("debug", "BrowserOAuthClientProvider initialized/updated on mount/option change.");
+      addLog(
+        "debug",
+        "BrowserOAuthClientProvider initialized/updated on mount/option change."
+      );
     }
     connect();
     return () => {
@@ -1979,7 +2074,16 @@ function useMcp(options) {
       addLog("debug", "useMcp unmounting, disconnecting.");
       disconnect(true);
     };
-  }, [url, enabled, storageKeyPrefix, callbackUrl, clientName, clientUri, clientConfig.name, clientConfig.version]);
+  }, [
+    url,
+    enabled,
+    storageKeyPrefix,
+    callbackUrl,
+    clientName,
+    clientUri,
+    clientConfig.name,
+    clientConfig.version
+  ]);
   (0, import_react.useEffect)(() => {
     let retryTimeoutId = null;
     if (state === "failed" && autoRetry && connectAttemptRef.current > 0) {
@@ -2027,23 +2131,36 @@ async function onMcpAuthorization() {
   const error = queryParams.get("error");
   const errorDescription = queryParams.get("error_description");
   const logPrefix = "[mcp-callback]";
-  console.log(`${logPrefix} Handling callback...`, { code, state, error, errorDescription });
+  console.log(`${logPrefix} Handling callback...`, {
+    code,
+    state,
+    error,
+    errorDescription
+  });
   let provider = null;
   let storedStateData = null;
   const stateKey = state ? `mcp:auth:state_${state}` : null;
   try {
     if (error) {
-      throw new Error(`OAuth error: ${error} - ${errorDescription || "No description provided."}`);
+      throw new Error(
+        `OAuth error: ${error} - ${errorDescription || "No description provided."}`
+      );
     }
     if (!code) {
-      throw new Error("Authorization code not found in callback query parameters.");
+      throw new Error(
+        "Authorization code not found in callback query parameters."
+      );
     }
     if (!state || !stateKey) {
-      throw new Error("State parameter not found or invalid in callback query parameters.");
+      throw new Error(
+        "State parameter not found or invalid in callback query parameters."
+      );
     }
     const storedStateJSON = localStorage.getItem(stateKey);
     if (!storedStateJSON) {
-      throw new Error(`Invalid or expired state parameter "${state}". No matching state found in storage.`);
+      throw new Error(
+        `Invalid or expired state parameter "${state}". No matching state found in storage.`
+      );
     }
     try {
       storedStateData = JSON.parse(storedStateJSON);
@@ -2052,38 +2169,59 @@ async function onMcpAuthorization() {
     }
     if (!storedStateData.expiry || storedStateData.expiry < Date.now()) {
       localStorage.removeItem(stateKey);
-      throw new Error("OAuth state has expired. Please try initiating authentication again.");
+      throw new Error(
+        "OAuth state has expired. Please try initiating authentication again."
+      );
     }
     if (!storedStateData.providerOptions) {
       throw new Error("Stored state is missing required provider options.");
     }
     const { serverUrl, ...providerOptions } = storedStateData.providerOptions;
-    console.log(`${logPrefix} Re-instantiating provider for server: ${serverUrl}`);
+    console.log(
+      `${logPrefix} Re-instantiating provider for server: ${serverUrl}`
+    );
     provider = new BrowserOAuthClientProvider(serverUrl, providerOptions);
     console.log(`${logPrefix} Calling SDK auth() to exchange code...`);
     const baseUrl = new URL(serverUrl).origin;
-    const authResult = await (0, import_auth.auth)(provider, { serverUrl: baseUrl, authorizationCode: code });
+    const authResult = await (0, import_auth.auth)(provider, {
+      serverUrl: baseUrl,
+      authorizationCode: code
+    });
     if (authResult === "AUTHORIZED") {
-      console.log(`${logPrefix} Authorization successful via SDK auth(). Notifying opener...`);
+      console.log(
+        `${logPrefix} Authorization successful via SDK auth(). Notifying opener...`
+      );
       if (window.opener && !window.opener.closed) {
-        window.opener.postMessage({ type: "mcp_auth_callback", success: true }, window.location.origin);
+        window.opener.postMessage(
+          { type: "mcp_auth_callback", success: true },
+          window.location.origin
+        );
         window.close();
       } else {
-        console.warn(`${logPrefix} No opener window detected. Redirecting to root.`);
+        console.warn(
+          `${logPrefix} No opener window detected. Redirecting to root.`
+        );
         const pathParts = window.location.pathname.split("/").filter(Boolean);
         const basePath = pathParts.length > 0 && pathParts[pathParts.length - 1] === "callback" ? "/" + pathParts.slice(0, -2).join("/") : "/";
         window.location.href = basePath || "/";
       }
       localStorage.removeItem(stateKey);
     } else {
-      console.warn(`${logPrefix} SDK auth() returned unexpected status: ${authResult}`);
-      throw new Error(`Unexpected result from authentication library: ${authResult}`);
+      console.warn(
+        `${logPrefix} SDK auth() returned unexpected status: ${authResult}`
+      );
+      throw new Error(
+        `Unexpected result from authentication library: ${authResult}`
+      );
     }
   } catch (err) {
     console.error(`${logPrefix} Error during OAuth callback handling:`, err);
     const errorMessage = err instanceof Error ? err.message : String(err);
     if (window.opener && !window.opener.closed) {
-      window.opener.postMessage({ type: "mcp_auth_callback", success: false, error: errorMessage }, window.location.origin);
+      window.opener.postMessage(
+        { type: "mcp_auth_callback", success: false, error: errorMessage },
+        window.location.origin
+      );
     }
     try {
       document.body.innerHTML = `
@@ -2097,7 +2235,10 @@ async function onMcpAuthorization() {
             </div>
         `;
     } catch (displayError) {
-      console.error(`${logPrefix} Could not display error in callback window:`, displayError);
+      console.error(
+        `${logPrefix} Could not display error in callback window:`,
+        displayError
+      );
     }
     if (stateKey) {
       localStorage.removeItem(stateKey);
@@ -2129,17 +2270,11 @@ function useOpenAiGlobal(key) {
         onChange();
       }, "handleSetGlobal");
       if (typeof window !== "undefined") {
-        window.addEventListener(
-          SET_GLOBALS_EVENT_TYPE,
-          handleSetGlobal
-        );
+        window.addEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);
       }
       return () => {
         if (typeof window !== "undefined") {
-          window.removeEventListener(
-            SET_GLOBALS_EVENT_TYPE,
-            handleSetGlobal
-          );
+          window.removeEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);
         }
       };
     },
@@ -2149,7 +2284,10 @@ function useOpenAiGlobal(key) {
 __name(useOpenAiGlobal, "useOpenAiGlobal");
 function useWidget(defaultProps) {
   console.log(window?.location?.search, window.openai);
-  const isOpenAiAvailable = (0, import_react2.useMemo)(() => typeof window !== "undefined" && !!window.openai, []);
+  const isOpenAiAvailable = (0, import_react2.useMemo)(
+    () => typeof window !== "undefined" && !!window.openai,
+    []
+  );
   const provider = (0, import_react2.useMemo)(() => {
     return isOpenAiAvailable ? "openai" : "mcp-ui";
   }, [isOpenAiAvailable]);
@@ -2190,12 +2328,15 @@ function useWidget(defaultProps) {
     },
     []
   );
-  const sendFollowUpMessage = (0, import_react2.useCallback)(async (prompt) => {
-    if (!window.openai?.sendFollowUpMessage) {
-      throw new Error("window.openai.sendFollowUpMessage is not available");
-    }
-    return window.openai.sendFollowUpMessage({ prompt });
-  }, []);
+  const sendFollowUpMessage = (0, import_react2.useCallback)(
+    async (prompt) => {
+      if (!window.openai?.sendFollowUpMessage) {
+        throw new Error("window.openai.sendFollowUpMessage is not available");
+      }
+      return window.openai.sendFollowUpMessage({ prompt });
+    },
+    []
+  );
   const openExternal = (0, import_react2.useCallback)((href) => {
     if (!window.openai?.openExternal) {
       throw new Error("window.openai.openExternal is not available");