@mcp-use/inspector 0.8.2 → 0.9.0-canary.1

package/dist/client/assets/{index-BUncxtIr.js → index-B6TgCktd.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/winston-EZ7J9pWD.js","assets/__vite-browser-external-CHS79mP1.js","assets/index-DX0TIfSM.js","assets/path-QsnVvLoj.js","assets/index-7yA2hvxa.js","assets/index-Dh5c60Cf.js","assets/chunk-VL2OQCWN-BXe1iwaF.js","assets/embeddings-DoYT4G8J.js","assets/index-D_EM3lCY.js","assets/index-DaswSx18.js","assets/browser-DrFZpsDy.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/winston-BlqNOObA.js","assets/__vite-browser-external-CHS79mP1.js","assets/index-DX0TIfSM.js","assets/path-QsnVvLoj.js","assets/index-DsQI4y0R.js","assets/index-C74kq9On.js","assets/chunk-VL2OQCWN-CX6x4kxU.js","assets/embeddings-D88gGGgZ.js","assets/index-BHQ3xRbt.js","assets/index-DQq5OBLm.js","assets/browser-D1dhX_Kd.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-EZ7J9pWD.js").then((n2) => n2.w), true ? __vite__mapDeps([0,1,2,3]) : void 0);
+    winston = await __vitePreload(() => import("./winston-BlqNOObA.js").then((n2) => n2.w), true ? __vite__mapDeps([0,1,2,3]) : void 0);
   }
   return winston;
 }
@@ -9088,7 +9088,7 @@ function requireCompile() {
     }
   }
   compile.compileSchema = compileSchema;
-  function resolveRef(root, baseId, ref2) {
+  function resolveRef2(root, baseId, ref2) {
     var _a2;
     ref2 = (0, resolve_1.resolveUrl)(this.opts.uriResolver, baseId, ref2);
     const schOrFunc = root.refs[ref2];
@@ -9105,7 +9105,7 @@ function requireCompile() {
       return;
     return root.refs[ref2] = inlineOrCompile.call(this, _sch);
   }
-  compile.resolveRef = resolveRef;
+  compile.resolveRef = resolveRef2;
   function inlineOrCompile(sch) {
     if ((0, resolve_1.inlineRef)(sch.schema, this.opts.inlineRefs))
       return sch.schema;
@@ -13860,6 +13860,22 @@ async function registerClient(authorizationServerUrl, { metadata: metadata2, cli
   }
   return OAuthClientInformationFullSchema.parse(await response.json());
 }
+const auth$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  UnauthorizedError,
+  auth,
+  buildDiscoveryUrls,
+  discoverAuthorizationServerMetadata,
+  discoverOAuthProtectedResourceMetadata,
+  exchangeAuthorization,
+  extractWWWAuthenticateParams,
+  parseErrorResponse,
+  refreshAuthorization,
+  registerClient,
+  selectClientAuthMethod,
+  selectResourceURL,
+  startAuthorization
+}, Symbol.toStringTag, { value: "Module" }));
 class ParseError extends Error {
   constructor(message, options) {
     super(message), this.name = "ParseError", this.type = options.type, this.field = options.field, this.value = options.value, this.line = options.line;
@@ -14831,28 +14847,6 @@ function requireBrowser() {
 }
 var browserExports = requireBrowser();
 const WS = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
-function sanitizeUrl(raw) {
-  const abort = () => {
-    throw new Error(`Invalid url to pass to open(): ${raw}`);
-  };
-  let url;
-  try {
-    url = new URL(raw);
-  } catch (_2) {
-    abort();
-  }
-  if (url.protocol !== "https:" && url.protocol !== "http:") abort();
-  if (url.hostname !== encodeURIComponent(url.hostname)) abort();
-  if (url.username) url.username = encodeURIComponent(url.username);
-  if (url.password) url.password = encodeURIComponent(url.password);
-  url.pathname = url.pathname.slice(0, 1) + encodeURIComponent(url.pathname.slice(1)).replace(/%2f/ig, "/");
-  url.search = url.search.slice(0, 1) + Array.from(url.searchParams.entries()).map(sanitizeParam).join("&");
-  url.hash = url.hash.slice(0, 1) + encodeURIComponent(url.hash.slice(1));
-  return url.href;
-}
-function sanitizeParam([k2, v2]) {
-  return `${encodeURIComponent(k2)}${v2.length > 0 ? `=${encodeURIComponent(v2)}` : ""}`;
-}
 var MCPSession = (_d = class {
   connector;
   autoConnect;
@@ -15244,6 +15238,7 @@ var HttpConnector = (_g = class extends BaseConnector {
         stop: /* @__PURE__ */ __name(async () => {
           if (this.streamableTransport) {
             try {
+              await this.streamableTransport.terminateSession();
               await this.streamableTransport.close();
             } catch (e) {
               logger.warn(`Error closing Streamable HTTP transport: ${e}`);
@@ -15268,6 +15263,8 @@ var HttpConnector = (_g = class extends BaseConnector {
   async connectWithSse(baseUrl) {
     try {
       this.connectionManager = new SseConnectionManager(baseUrl, {
+        authProvider: this.opts.authProvider,
+        // ← Pass OAuth provider to SDK (same as streamable HTTP)
         requestInit: {
           headers: this.headers
         }
@@ -15581,7 +15578,197 @@ var WebSocketConnector = (_i = class extends BaseConnector {
     };
   }
 }, __name(_i, "WebSocketConnector"), _i);
-var BrowserOAuthClientProvider = (_j = class {
+var BaseMCPClient = (_j = class {
+  config = {};
+  sessions = {};
+  activeSessions = [];
+  constructor(config) {
+    if (config) {
+      this.config = config;
+    }
+  }
+  static fromDict(_cfg) {
+    throw new Error("fromDict must be implemented by concrete class");
+  }
+  addServer(name, serverConfig) {
+    this.config.mcpServers = this.config.mcpServers || {};
+    this.config.mcpServers[name] = serverConfig;
+  }
+  removeServer(name) {
+    if (this.config.mcpServers?.[name]) {
+      delete this.config.mcpServers[name];
+      this.activeSessions = this.activeSessions.filter((n2) => n2 !== name);
+    }
+  }
+  getServerNames() {
+    return Object.keys(this.config.mcpServers ?? {});
+  }
+  getServerConfig(name) {
+    return this.config.mcpServers?.[name];
+  }
+  getConfig() {
+    return this.config ?? {};
+  }
+  async createSession(serverName, autoInitialize = true) {
+    const servers = this.config.mcpServers ?? {};
+    if (Object.keys(servers).length === 0) {
+      logger.warn("No MCP servers defined in config");
+    }
+    if (!servers[serverName]) {
+      throw new Error(`Server '${serverName}' not found in config`);
+    }
+    const connector = this.createConnectorFromConfig(servers[serverName]);
+    const session = new MCPSession(connector);
+    if (autoInitialize) {
+      await session.initialize();
+    }
+    this.sessions[serverName] = session;
+    if (!this.activeSessions.includes(serverName)) {
+      this.activeSessions.push(serverName);
+    }
+    return session;
+  }
+  async createAllSessions(autoInitialize = true) {
+    const servers = this.config.mcpServers ?? {};
+    if (Object.keys(servers).length === 0) {
+      logger.warn("No MCP servers defined in config");
+    }
+    for (const name of Object.keys(servers)) {
+      await this.createSession(name, autoInitialize);
+    }
+    return this.sessions;
+  }
+  getSession(serverName) {
+    const session = this.sessions[serverName];
+    if (!session) {
+      return null;
+    }
+    return session;
+  }
+  getAllActiveSessions() {
+    return Object.fromEntries(
+      this.activeSessions.map((n2) => [n2, this.sessions[n2]])
+    );
+  }
+  async closeSession(serverName) {
+    const session = this.sessions[serverName];
+    if (!session) {
+      logger.warn(
+        `No session exists for server ${serverName}, nothing to close`
+      );
+      return;
+    }
+    try {
+      logger.debug(`Closing session for server ${serverName}`);
+      await session.disconnect();
+    } catch (e) {
+      logger.error(`Error closing session for server '${serverName}': ${e}`);
+    } finally {
+      delete this.sessions[serverName];
+      this.activeSessions = this.activeSessions.filter((n2) => n2 !== serverName);
+    }
+  }
+  async closeAllSessions() {
+    const serverNames = Object.keys(this.sessions);
+    const errors2 = [];
+    for (const serverName of serverNames) {
+      try {
+        logger.debug(`Closing session for server ${serverName}`);
+        await this.closeSession(serverName);
+      } catch (e) {
+        const errorMsg = `Failed to close session for server '${serverName}': ${e}`;
+        logger.error(errorMsg);
+        errors2.push(errorMsg);
+      }
+    }
+    if (errors2.length) {
+      logger.error(
+        `Encountered ${errors2.length} errors while closing sessions`
+      );
+    } else {
+      logger.debug("All sessions closed successfully");
+    }
+  }
+}, __name(_j, "BaseMCPClient"), _j);
+var BrowserMCPClient = (_k = class extends BaseMCPClient {
+  constructor(config) {
+    super(config);
+  }
+  static fromDict(cfg) {
+    return new _k(cfg);
+  }
+  /**
+   * Create a connector from server configuration (Browser version)
+   * Supports HTTP and WebSocket connectors only
+   */
+  createConnectorFromConfig(serverConfig) {
+    const {
+      url,
+      transport,
+      headers,
+      authToken,
+      authProvider,
+      wrapTransport,
+      clientOptions,
+      samplingCallback
+    } = serverConfig;
+    if (!url) {
+      throw new Error("Server URL is required");
+    }
+    const connectorOptions = {
+      headers,
+      authToken,
+      authProvider,
+      // ← Pass OAuth provider to connector
+      wrapTransport,
+      // ← Pass transport wrapper if provided
+      clientOptions,
+      // ← Pass client options (capabilities, etc.) to connector
+      samplingCallback
+      // ← Pass sampling callback to connector
+    };
+    if (clientOptions) {
+      console.log(
+        "[BrowserMCPClient] Passing clientOptions to connector:",
+        JSON.stringify(clientOptions, null, 2)
+      );
+    } else {
+      console.warn(
+        "[BrowserMCPClient] No clientOptions provided to connector!"
+      );
+    }
+    if (transport === "websocket" || url.startsWith("ws://") || url.startsWith("wss://")) {
+      return new WebSocketConnector(url, connectorOptions);
+    } else if (transport === "http" || url.startsWith("http://") || url.startsWith("https://")) {
+      return new HttpConnector(url, connectorOptions);
+    } else {
+      return new HttpConnector(url, connectorOptions);
+    }
+  }
+}, __name(_k, "BrowserMCPClient"), _k);
+function sanitizeUrl(raw) {
+  const abort = () => {
+    throw new Error(`Invalid url to pass to open(): ${raw}`);
+  };
+  let url;
+  try {
+    url = new URL(raw);
+  } catch (_2) {
+    abort();
+  }
+  if (url.protocol !== "https:" && url.protocol !== "http:") abort();
+  if (url.hostname !== encodeURIComponent(url.hostname)) abort();
+  if (url.username) url.username = encodeURIComponent(url.username);
+  if (url.password) url.password = encodeURIComponent(url.password);
+  url.pathname = url.pathname.slice(0, 1) + encodeURIComponent(url.pathname.slice(1)).replace(/%2f/ig, "/");
+  url.search = url.search.slice(0, 1) + Array.from(url.searchParams.entries()).map(sanitizeParam).join("&");
+  url.hash = url.hash.slice(0, 1) + encodeURIComponent(url.hash.slice(1));
+  return url.href;
+}
+function sanitizeParam([k2, v2]) {
+  return `${encodeURIComponent(k2)}${v2.length > 0 ? `=${encodeURIComponent(v2)}` : ""}`;
+}
+var BrowserOAuthClientProvider = (_l = class {
   serverUrl;
   storageKeyPrefix;
   serverUrlHash;
@@ -15589,6 +15776,7 @@ var BrowserOAuthClientProvider = (_j = class {
   clientUri;
   callbackUrl;
   preventAutoAuth;
+  useRedirectFlow;
   onPopupWindow;
   constructor(serverUrl, options = {}) {
     this.serverUrl = serverUrl;
@@ -15600,6 +15788,7 @@ var BrowserOAuthClientProvider = (_j = class {
       options.callbackUrl || (typeof window !== "undefined" ? new URL("/oauth/callback", window.location.origin).toString() : "/oauth/callback")
     );
     this.preventAutoAuth = options.preventAutoAuth;
+    this.useRedirectFlow = options.useRedirectFlow;
     this.onPopupWindow = options.onPopupWindow;
   }
   // --- SDK Interface Methods ---
@@ -15691,7 +15880,11 @@ var BrowserOAuthClientProvider = (_j = class {
         clientName: this.clientName,
         clientUri: this.clientUri,
         callbackUrl: this.callbackUrl
-      }
+      },
+      // Store flow type so callback knows how to handle the response
+      flowType: this.useRedirectFlow ? "redirect" : "popup",
+      // Store current URL for redirect flow so we can return to it
+      returnUrl: this.useRedirectFlow && typeof window !== "undefined" ? window.location.href : void 0
     };
     localStorage.setItem(stateKey, JSON.stringify(stateData));
     authorizationUrl.searchParams.set("state", state);
@@ -15706,8 +15899,20 @@ var BrowserOAuthClientProvider = (_j = class {
    * @param authorizationUrl The fully constructed authorization URL from the SDK.
    */
   async redirectToAuthorization(authorizationUrl) {
-    if (this.preventAutoAuth) return;
     const sanitizedAuthUrl = await this.prepareAuthorizationUrl(authorizationUrl);
+    if (this.preventAutoAuth) {
+      console.info(
+        `[${this.storageKeyPrefix}] Auto-auth prevented. Authorization URL stored for manual trigger.`
+      );
+      return;
+    }
+    if (this.useRedirectFlow) {
+      console.info(
+        `[${this.storageKeyPrefix}] Redirecting to authorization URL (full-page redirect).`
+      );
+      window.location.href = sanitizedAuthUrl;
+      return;
+    }
     const popupFeatures = "width=600,height=700,resizable=yes,scrollbars=yes,status=yes";
     try {
       const popup = window.open(
@@ -15789,7 +15994,7 @@ var BrowserOAuthClientProvider = (_j = class {
   getKey(keySuffix) {
     return `${this.storageKeyPrefix}_${this.serverUrlHash}_${keySuffix}`;
   }
-}, __name(_j, "BrowserOAuthClientProvider"), _j);
+}, __name(_l, "BrowserOAuthClientProvider"), _l);
 async function onMcpAuthorization() {
   const queryParams = new URLSearchParams(window.location.search);
   const code2 = queryParams.get("code");
@@ -15854,24 +16059,31 @@ async function onMcpAuthorization() {
       authorizationCode: code2
     });
     if (authResult === "AUTHORIZED") {
-      console.log(
-        `${logPrefix} Authorization successful via SDK auth(). Notifying opener...`
-      );
-      if (window.opener && !window.opener.closed) {
+      console.log(`${logPrefix} Authorization successful via SDK auth().`);
+      const isRedirectFlow = storedStateData.flowType === "redirect";
+      if (isRedirectFlow && storedStateData.returnUrl) {
+        console.log(
+          `${logPrefix} Redirect flow complete. Returning to: ${storedStateData.returnUrl}`
+        );
+        localStorage.removeItem(stateKey);
+        window.location.href = storedStateData.returnUrl;
+      } else if (window.opener && !window.opener.closed) {
+        console.log(`${logPrefix} Popup flow complete. Notifying opener...`);
         window.opener.postMessage(
           { type: "mcp_auth_callback", success: true },
           window.location.origin
         );
+        localStorage.removeItem(stateKey);
         window.close();
       } else {
         console.warn(
-          `${logPrefix} No opener window detected. Redirecting to root.`
+          `${logPrefix} No opener window or return URL detected. Redirecting to root.`
         );
+        localStorage.removeItem(stateKey);
         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}`
@@ -15916,174 +16128,6 @@ async function onMcpAuthorization() {
   }
 }
 __name(onMcpAuthorization, "onMcpAuthorization");
-var BaseMCPClient = (_k = class {
-  config = {};
-  sessions = {};
-  activeSessions = [];
-  constructor(config) {
-    if (config) {
-      this.config = config;
-    }
-  }
-  static fromDict(_cfg) {
-    throw new Error("fromDict must be implemented by concrete class");
-  }
-  addServer(name, serverConfig) {
-    this.config.mcpServers = this.config.mcpServers || {};
-    this.config.mcpServers[name] = serverConfig;
-  }
-  removeServer(name) {
-    if (this.config.mcpServers?.[name]) {
-      delete this.config.mcpServers[name];
-      this.activeSessions = this.activeSessions.filter((n2) => n2 !== name);
-    }
-  }
-  getServerNames() {
-    return Object.keys(this.config.mcpServers ?? {});
-  }
-  getServerConfig(name) {
-    return this.config.mcpServers?.[name];
-  }
-  getConfig() {
-    return this.config ?? {};
-  }
-  async createSession(serverName, autoInitialize = true) {
-    const servers = this.config.mcpServers ?? {};
-    if (Object.keys(servers).length === 0) {
-      logger.warn("No MCP servers defined in config");
-    }
-    if (!servers[serverName]) {
-      throw new Error(`Server '${serverName}' not found in config`);
-    }
-    const connector = this.createConnectorFromConfig(servers[serverName]);
-    const session = new MCPSession(connector);
-    if (autoInitialize) {
-      await session.initialize();
-    }
-    this.sessions[serverName] = session;
-    if (!this.activeSessions.includes(serverName)) {
-      this.activeSessions.push(serverName);
-    }
-    return session;
-  }
-  async createAllSessions(autoInitialize = true) {
-    const servers = this.config.mcpServers ?? {};
-    if (Object.keys(servers).length === 0) {
-      logger.warn("No MCP servers defined in config");
-    }
-    for (const name of Object.keys(servers)) {
-      await this.createSession(name, autoInitialize);
-    }
-    return this.sessions;
-  }
-  getSession(serverName) {
-    const session = this.sessions[serverName];
-    if (!session) {
-      return null;
-    }
-    return session;
-  }
-  getAllActiveSessions() {
-    return Object.fromEntries(
-      this.activeSessions.map((n2) => [n2, this.sessions[n2]])
-    );
-  }
-  async closeSession(serverName) {
-    const session = this.sessions[serverName];
-    if (!session) {
-      logger.warn(
-        `No session exists for server ${serverName}, nothing to close`
-      );
-      return;
-    }
-    try {
-      logger.debug(`Closing session for server ${serverName}`);
-      await session.disconnect();
-    } catch (e) {
-      logger.error(`Error closing session for server '${serverName}': ${e}`);
-    } finally {
-      delete this.sessions[serverName];
-      this.activeSessions = this.activeSessions.filter((n2) => n2 !== serverName);
-    }
-  }
-  async closeAllSessions() {
-    const serverNames = Object.keys(this.sessions);
-    const errors2 = [];
-    for (const serverName of serverNames) {
-      try {
-        logger.debug(`Closing session for server ${serverName}`);
-        await this.closeSession(serverName);
-      } catch (e) {
-        const errorMsg = `Failed to close session for server '${serverName}': ${e}`;
-        logger.error(errorMsg);
-        errors2.push(errorMsg);
-      }
-    }
-    if (errors2.length) {
-      logger.error(
-        `Encountered ${errors2.length} errors while closing sessions`
-      );
-    } else {
-      logger.debug("All sessions closed successfully");
-    }
-  }
-}, __name(_k, "BaseMCPClient"), _k);
-var BrowserMCPClient = (_l = class extends BaseMCPClient {
-  constructor(config) {
-    super(config);
-  }
-  static fromDict(cfg) {
-    return new _l(cfg);
-  }
-  /**
-   * Create a connector from server configuration (Browser version)
-   * Supports HTTP and WebSocket connectors only
-   */
-  createConnectorFromConfig(serverConfig) {
-    const {
-      url,
-      transport,
-      headers,
-      authToken,
-      authProvider,
-      wrapTransport,
-      clientOptions,
-      samplingCallback
-    } = serverConfig;
-    if (!url) {
-      throw new Error("Server URL is required");
-    }
-    const connectorOptions = {
-      headers,
-      authToken,
-      authProvider,
-      // ← Pass OAuth provider to connector
-      wrapTransport,
-      // ← Pass transport wrapper if provided
-      clientOptions,
-      // ← Pass client options (capabilities, etc.) to connector
-      samplingCallback
-      // ← Pass sampling callback to connector
-    };
-    if (clientOptions) {
-      console.log(
-        "[BrowserMCPClient] Passing clientOptions to connector:",
-        JSON.stringify(clientOptions, null, 2)
-      );
-    } else {
-      console.warn(
-        "[BrowserMCPClient] No clientOptions provided to connector!"
-      );
-    }
-    if (transport === "websocket" || url.startsWith("ws://") || url.startsWith("wss://")) {
-      return new WebSocketConnector(url, connectorOptions);
-    } else if (transport === "http" || url.startsWith("http://") || url.startsWith("https://")) {
-      return new HttpConnector(url, connectorOptions);
-    } else {
-      return new HttpConnector(url, connectorOptions);
-    }
-  }
-}, __name(_l, "BrowserMCPClient"), _l);
 var react = { exports: {} };
 var react_production = {};
 var hasRequiredReact_production;
@@ -18775,7 +18819,6 @@ function assert$1(condition, message) {
 __name(assert$1, "assert");
 var DEFAULT_RECONNECT_DELAY = 3e3;
 var DEFAULT_RETRY_DELAY = 5e3;
-var AUTH_TIMEOUT = 5 * 60 * 1e3;
 function useMcp(options) {
   const {
     url,
@@ -18793,6 +18836,9 @@ function useMcp(options) {
     autoReconnect = DEFAULT_RECONNECT_DELAY,
     transportType = "auto",
     preventAutoAuth = false,
+    // Default to false for backward compatibility (auto-trigger OAuth)
+    useRedirectFlow = false,
+    // Default to false for backward compatibility (use popup)
     onPopupWindow,
     timeout = 3e4,
     // 30 seconds default for connection timeout
@@ -18918,6 +18964,7 @@ function useMcp(options) {
         clientUri,
         callbackUrl,
         preventAutoAuth,
+        useRedirectFlow,
         onPopupWindow
       });
       addLog("debug", "BrowserOAuthClientProvider initialized in connect.");
@@ -19008,6 +19055,45 @@ function useMcp(options) {
       } catch (err) {
         const errorMessage = err?.message || String(err);
         if (err.code === 401 || errorMessage.includes("401") || errorMessage.includes("Unauthorized")) {
+          if (authProviderRef.current) {
+            addLog(
+              "info",
+              "Authentication required. OAuth provider available."
+            );
+            try {
+              const { auth: auth2 } = await __vitePreload(async () => {
+                const { auth: auth3 } = await Promise.resolve().then(() => auth$1);
+                return { auth: auth3 };
+              }, true ? [] : void 0);
+              const baseUrl = new URL(url).origin;
+              auth2(authProviderRef.current, { serverUrl: baseUrl }).catch(
+                () => {
+                }
+              );
+              setTimeout(() => {
+                if (isMountedRef.current) {
+                  const manualUrl = authProviderRef.current?.getLastAttemptedAuthUrl();
+                  if (manualUrl) {
+                    setAuthUrl(manualUrl);
+                    addLog(
+                      "info",
+                      "Manual authentication URL available:",
+                      manualUrl
+                    );
+                  } else {
+                    addLog("warn", "Could not generate authentication URL");
+                  }
+                }
+              }, 100);
+            } catch (authGenError) {
+              addLog("warn", "Error generating auth URL:", authGenError);
+            }
+            if (isMountedRef.current) {
+              setState("pending_auth");
+            }
+            connectingRef.current = false;
+            return "auth_redirect";
+          }
           if (customHeaders && Object.keys(customHeaders).length > 0) {
             failConnection(
               "Authentication failed: Server returned 401 Unauthorized. Check your Authorization header value is correct."
@@ -19059,6 +19145,7 @@ function useMcp(options) {
     customHeaders,
     transportType,
     preventAutoAuth,
+    useRedirectFlow,
     onPopupWindow,
     enabled,
     timeout,
@@ -19111,32 +19198,57 @@ function useMcp(options) {
       retry();
     } else if (currentState === "pending_auth") {
       addLog("info", "Proceeding with authentication from pending state...");
-      setState("authenticating");
-      if (authTimeoutRef.current) clearTimeout(authTimeoutRef.current);
-      authTimeoutRef.current = setTimeout(() => {
-        if (isMountedRef.current) {
-          const currentStateValue = stateRef.current;
-          if (currentStateValue === "authenticating") {
-            failConnection("Authentication timed out. Please try again.");
-          }
-        }
-      }, AUTH_TIMEOUT);
       try {
         assert$1(
           authProviderRef.current,
           "Auth Provider not available for manual auth"
         );
         assert$1(url, "Server URL is required for authentication");
-        addLog(
-          "info",
-          "Redirecting for manual authentication. Waiting for callback..."
-        );
+        addLog("info", "Clearing all OAuth state and initiating fresh flow...");
+        const hashPrefix = `${storageKeyPrefix}:${authProviderRef.current.serverUrlHash}`;
+        Object.keys(localStorage).forEach((key) => {
+          if (key.startsWith(hashPrefix)) {
+            addLog("debug", `Removing stale OAuth key: ${key}`);
+            localStorage.removeItem(key);
+          }
+          if (key.startsWith(`${storageKeyPrefix}:state_`)) {
+            addLog("debug", `Removing orphaned state: ${key}`);
+            localStorage.removeItem(key);
+          }
+        });
+        setState("authenticating");
+        const freshAuthProvider = new BrowserOAuthClientProvider(url, {
+          storageKeyPrefix,
+          clientName,
+          clientUri,
+          callbackUrl,
+          preventAutoAuth: false,
+          // ← Allow OAuth to proceed
+          useRedirectFlow,
+          onPopupWindow
+        });
+        authProviderRef.current = freshAuthProvider;
+        addLog("info", "Triggering fresh OAuth authorization...");
+        const { auth: auth2 } = await __vitePreload(async () => {
+          const { auth: auth3 } = await Promise.resolve().then(() => auth$1);
+          return { auth: auth3 };
+        }, true ? void 0 : void 0);
+        const baseUrl = new URL(url).origin;
+        auth2(freshAuthProvider, {
+          serverUrl: baseUrl
+        }).catch((err) => {
+          addLog(
+            "info",
+            "OAuth flow initiated:",
+            err?.message || "Redirecting..."
+          );
+        });
       } catch (authError) {
         if (!isMountedRef.current) return;
-        if (authTimeoutRef.current) clearTimeout(authTimeoutRef.current);
-        failConnection(
-          `Manual authentication failed: ${authError instanceof Error ? authError.message : String(authError)}`,
-          authError instanceof Error ? authError : void 0
+        setState("pending_auth");
+        addLog(
+          "error",
+          `Manual authentication failed: ${authError instanceof Error ? authError.message : String(authError)}`
         );
       }
     } else if (currentState === "authenticating") {
@@ -19155,7 +19267,18 @@ function useMcp(options) {
         `Client not in a state requiring manual authentication trigger (state: ${currentState}). If needed, try disconnecting and reconnecting.`
       );
     }
-  }, [addLog, retry, authUrl, url, failConnection, connect]);
+  }, [
+    addLog,
+    retry,
+    authUrl,
+    url,
+    useRedirectFlow,
+    onPopupWindow,
+    storageKeyPrefix,
+    clientName,
+    clientUri,
+    callbackUrl
+  ]);
   const clearStorage = reactExports.useCallback(() => {
     if (authProviderRef.current) {
       const count2 = authProviderRef.current.clearStorage();
@@ -19326,6 +19449,7 @@ function useMcp(options) {
         clientUri,
         callbackUrl,
         preventAutoAuth,
+        useRedirectFlow,
         onPopupWindow
       });
       addLog(
@@ -19347,7 +19471,8 @@ function useMcp(options) {
     clientName,
     clientUri,
     clientConfig.name,
-    clientConfig.version
+    clientConfig.version,
+    useRedirectFlow
   ]);
   reactExports.useEffect(() => {
     let retryTimeoutId = null;
@@ -41515,7 +41640,7 @@ class MCPToolSavedEvent {
 function getPackageVersion() {
   try {
     if (true) {
-      return "0.8.2";
+      return "0.9.0-canary.1";
     }
     return "0.0.0";
   } catch {
@@ -41862,6 +41987,10 @@ function McpConnectionWrapper({
     customHeaders: Object.keys(customHeaders).length > 0 ? customHeaders : void 0,
     transportType: transportType || "http",
     // Default to 'http' for Streamable HTTP
+    preventAutoAuth: true,
+    // Show auth button instead of auto-triggering OAuth
+    useRedirectFlow: true,
+    // Use redirect instead of popup for better UX
     enabled: wrapTransportReady,
     // Only connect when wrapper is ready
     wrapTransport: wrapTransportFn,
@@ -41918,6 +42047,7 @@ function McpConnectionWrapper({
           authenticate: mcpHook.authenticate,
           retry: mcpHook.retry,
           clearStorage: mcpHook.clearStorage,
+          disconnect: mcpHook.disconnect,
           client: mcpHook.client
         };
         const prev = prevConnectionRef.current;
@@ -41956,6 +42086,7 @@ function McpConnectionWrapper({
         authenticate: mcpHook.authenticate,
         retry: mcpHook.retry,
         clearStorage: mcpHook.clearStorage,
+        disconnect: mcpHook.disconnect,
         client: mcpHook.client
       };
       const prev = prevConnectionRef.current;
@@ -42044,6 +42175,8 @@ function McpProvider({ children }) {
               },
               clearStorage: () => {
               },
+              disconnect: () => {
+              },
               client: null
             }))
           );
@@ -42127,6 +42260,8 @@ function McpProvider({ children }) {
                 },
                 clearStorage: () => {
                 },
+                disconnect: () => {
+                },
                 client: null
               }
             ]);
@@ -42185,6 +42320,8 @@ function McpProvider({ children }) {
             },
             clearStorage: () => {
             },
+            disconnect: () => {
+            },
             client: null
           }
         ]);
@@ -42235,32 +42372,51 @@ function McpProvider({ children }) {
           },
           clearStorage: () => {
           },
+          disconnect: () => {
+          },
           client: null
         }
       ]);
     },
     [connectionConfigs, connections]
   );
-  const removeConnection = reactExports.useCallback((id2) => {
-    setConnectionConfigs((prev) => prev.filter((c2) => c2.id !== id2));
-    setConnections((prev) => prev.filter((c2) => c2.id !== id2));
-    const currentConfigs = localStorage.getItem("mcp-inspector-connections");
-    if (currentConfigs) {
-      try {
-        const parsed = JSON.parse(currentConfigs);
-        const filtered = parsed.filter((c2) => (c2.id || c2.url) !== id2);
-        localStorage.setItem(
-          "mcp-inspector-connections",
-          JSON.stringify(filtered)
-        );
-      } catch (e) {
-        console.error("Failed to update localStorage on remove:", e);
+  const removeConnection = reactExports.useCallback(
+    (id2) => {
+      const connection = connections.find((c2) => c2.id === id2);
+      if (connection) {
+        console.log(`[McpContext] Cleaning up connection: ${id2}`);
+        if (connection.disconnect) {
+          console.log(`[McpContext] Disconnecting from server: ${id2}`);
+          connection.disconnect();
+        }
+        if (connection.clearStorage) {
+          console.log(
+            `[McpContext] Clearing OAuth storage for connection: ${id2}`
+          );
+          connection.clearStorage();
+        }
       }
-    }
-    Telemetry.getInstance().capture(
-      new MCPServerRemovedEvent({ serverId: id2 })
-    );
-  }, []);
+      setConnectionConfigs((prev) => prev.filter((c2) => c2.id !== id2));
+      setConnections((prev) => prev.filter((c2) => c2.id !== id2));
+      const currentConfigs = localStorage.getItem("mcp-inspector-connections");
+      if (currentConfigs) {
+        try {
+          const parsed = JSON.parse(currentConfigs);
+          const filtered = parsed.filter((c2) => (c2.id || c2.url) !== id2);
+          localStorage.setItem(
+            "mcp-inspector-connections",
+            JSON.stringify(filtered)
+          );
+        } catch (e) {
+          console.error("Failed to update localStorage on remove:", e);
+        }
+      }
+      Telemetry.getInstance().capture(
+        new MCPServerRemovedEvent({ serverId: id2 })
+      );
+    },
+    [connections]
+  );
   const updateConnectionConfig = reactExports.useCallback(
     (id2, config) => {
       setConnectionConfigs(
@@ -54051,20 +54207,36 @@ function ConnectionTester({
   const callbackUrl = typeof window !== "undefined" ? new URL("/inspector/oauth/callback", window.location.origin).toString() : "/inspector/oauth/callback";
   let finalUrl = config.url;
   let customHeaders = {};
-  if (config.proxyConfig?.proxyAddress) {
-    const proxyUrl = new URL(config.proxyConfig.proxyAddress);
-    const originalUrl = new URL(config.url);
-    finalUrl = `${proxyUrl.origin}${proxyUrl.pathname}${originalUrl.pathname}${originalUrl.search}`;
-    customHeaders["X-Target-URL"] = config.url;
+  let urlError = null;
+  try {
+    if (config.proxyConfig?.proxyAddress) {
+      const proxyUrl = new URL(config.proxyConfig.proxyAddress);
+      const originalUrl = new URL(config.url);
+      finalUrl = `${proxyUrl.origin}${proxyUrl.pathname}${originalUrl.pathname}${originalUrl.search}`;
+      customHeaders["X-Target-URL"] = config.url;
+    } else {
+      new URL(config.url);
+    }
+  } catch (err) {
+    urlError = `Invalid URL format. Please include the protocol (http:// or https://).
+Example: https://${config.url}`;
   }
   if (config.proxyConfig?.customHeaders) {
     customHeaders = { ...customHeaders, ...config.proxyConfig.customHeaders };
   }
+  reactExports.useEffect(() => {
+    if (urlError) {
+      onFailure(urlError);
+    }
+  }, [urlError, onFailure]);
   const mcpHook = useMcp({
-    url: finalUrl,
+    url: urlError ? void 0 : finalUrl,
+    // Don't connect if URL is invalid
     callbackUrl,
     customHeaders: Object.keys(customHeaders).length > 0 ? customHeaders : void 0,
-    transportType: config.transportType || "http"
+    transportType: config.transportType || "http",
+    enabled: !urlError
+    // Disable connection if URL is invalid
   });
   const hasCalledRef = reactExports.useRef(false);
   reactExports.useEffect(() => {
@@ -54625,29 +54797,37 @@ function InspectorDashboard() {
                   ] })
                 ] }) })
               ] }),
-              connection.state === "pending_auth" && connection.authUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-yellow-600 dark:text-yellow-400 mt-2", children: [
+              (connection.state === "pending_auth" || connection.state === "authenticating") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-yellow-600 dark:text-yellow-400 mt-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Button,
                   {
                     size: "sm",
+                    className: "bg-yellow-500/20 border-0 dark:bg-yellow-400/10 text-yellow-800 dark:text-yellow-500",
                     variant: "outline",
-                    onClick: connection.authenticate,
-                    children: "Authenticate"
+                    onClick: (e) => handleActionClick(e, connection.authenticate),
+                    disabled: connection.state === "authenticating",
+                    children: connection.state === "authenticating" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Authenticating..."
+                    ] }) : "Authenticate"
                   }
                 ),
-                " ",
-                "or",
-                " ",
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "a",
-                  {
-                    href: connection.authUrl,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "underline",
-                    children: "open auth page"
-                  }
-                )
+                connection.authUrl && connection.state === "pending_auth" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  " ",
+                  "or",
+                  " ",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "a",
+                    {
+                      href: connection.authUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "underline",
+                      onClick: (e) => e.stopPropagation(),
+                      children: "open auth page"
+                    }
+                  )
+                ] })
               ] })
             ]
           },
@@ -54929,6 +55109,15 @@ function useAutoConnect({
       }, 100);
       return;
     }
+    if (connection?.state === "pending_auth" || connection?.state === "authenticating") {
+      console.warn(
+        "[useAutoConnect] Connection requires authentication, clearing loading overlay"
+      );
+      setTimeout(() => {
+        setIsAutoConnecting(false);
+      }, 100);
+      return;
+    }
     if (hasTriedBothModes) {
       return;
     }
@@ -87850,7 +88039,7 @@ function useChatMessagesClientSide({
           let llm;
           if (llmConfig.provider === "openai") {
             const { ChatOpenAI } = await __vitePreload(async () => {
-              const { ChatOpenAI: ChatOpenAI2 } = await import("./index-7yA2hvxa.js");
+              const { ChatOpenAI: ChatOpenAI2 } = await import("./index-DsQI4y0R.js");
               return { ChatOpenAI: ChatOpenAI2 };
             }, true ? __vite__mapDeps([4,5,6,2,7]) : void 0);
             llm = new ChatOpenAI({
@@ -87859,7 +88048,7 @@ function useChatMessagesClientSide({
             });
           } else if (llmConfig.provider === "anthropic") {
             const { ChatAnthropic } = await __vitePreload(async () => {
-              const { ChatAnthropic: ChatAnthropic2 } = await import("./index-D_EM3lCY.js");
+              const { ChatAnthropic: ChatAnthropic2 } = await import("./index-BHQ3xRbt.js");
               return { ChatAnthropic: ChatAnthropic2 };
             }, true ? __vite__mapDeps([8,5,6,2]) : void 0);
             llm = new ChatAnthropic({
@@ -87868,7 +88057,7 @@ function useChatMessagesClientSide({
             });
           } else if (llmConfig.provider === "google") {
             const { ChatGoogleGenerativeAI } = await __vitePreload(async () => {
-              const { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 } = await import("./index-DaswSx18.js");
+              const { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 } = await import("./index-DQq5OBLm.js");
               return { ChatGoogleGenerativeAI: ChatGoogleGenerativeAI2 };
             }, true ? __vite__mapDeps([9,5,6,2,7]) : void 0);
             llm = new ChatGoogleGenerativeAI({
@@ -87887,7 +88076,7 @@ function useChatMessagesClientSide({
         }
         if (!agentRef.current || agentRef.current.llm !== llmRef.current.instance) {
           const { MCPAgent } = await __vitePreload(async () => {
-            const { MCPAgent: MCPAgent2 } = await import("./browser-DrFZpsDy.js");
+            const { MCPAgent: MCPAgent2 } = await import("./browser-D1dhX_Kd.js");
             return { MCPAgent: MCPAgent2 };
           }, true ? __vite__mapDeps([10,6,2,1,3]) : void 0);
           agentRef.current = new MCPAgent({
@@ -92120,7 +92309,7 @@ function PromptsTab({
             direction: "vertical",
             className: "h-full border-r dark:border-zinc-700",
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanel, { defaultSize: 75, minSize: 30, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { defaultSize: 75, minSize: 30, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   PromptsTabHeader,
                   {
@@ -92154,7 +92343,7 @@ function PromptsTab({
                     focusedIndex
                   }
                 )
-              ] }),
+              ] }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { withHandle: true }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 ResizablePanel,
@@ -92945,7 +93134,7 @@ function ResourcesTab({
         direction: "vertical",
         className: "h-full border-r dark:border-zinc-700",
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanel, { defaultSize: 75, minSize: 30, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { defaultSize: 75, minSize: 30, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ResourcesTabHeader,
               {
@@ -92961,7 +93150,7 @@ function ResourcesTab({
                 searchInputRef
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               ResourcesList,
               {
                 resources: filteredResources,
@@ -92969,8 +93158,8 @@ function ResourcesTab({
                 onResourceSelect: handleResourceSelect,
                 focusedIndex
               }
-            ) })
-          ] }),
+            )
+          ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { withHandle: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             ResizablePanel,
@@ -93177,6 +93366,43 @@ function SaveRequestDialog({
     }
   );
 }
+function resolveRef(schema2, rootSchema) {
+  if (!schema2?.$ref) return schema2;
+  const ref2 = schema2.$ref;
+  if (ref2.startsWith("#/")) {
+    const path = ref2.substring(2).split("/");
+    let current = rootSchema;
+    for (const segment of path) {
+      if (current && typeof current === "object" && segment in current) {
+        current = current[segment];
+      } else {
+        console.warn(`Could not resolve $ref: ${ref2}`);
+        return schema2;
+      }
+    }
+    return current;
+  }
+  return schema2;
+}
+function normalizeUnionType(schema2, rootSchema) {
+  if (schema2.anyOf && Array.isArray(schema2.anyOf)) {
+    const nonNullOption = schema2.anyOf.find((opt) => {
+      if (opt.type === "null") return false;
+      return true;
+    });
+    if (nonNullOption) {
+      const resolved = resolveRef(nonNullOption, rootSchema);
+      return { ...resolved, nullable: true };
+    }
+  }
+  return schema2;
+}
+function extractEnum(schema2) {
+  if (Array.isArray(schema2.enum)) {
+    return schema2.enum;
+  }
+  return null;
+}
 function ToolInputForm({
   selectedTool,
   toolArgs,
@@ -93189,7 +93415,12 @@ function ToolInputForm({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-32 text-gray-500 dark:text-gray-400 text-sm", children: "No parameters required" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: Object.entries(properties2).map(([key, prop]) => {
-    const typedProp = prop;
+    const inputSchema = selectedTool?.inputSchema || {};
+    let resolvedProp = normalizeUnionType(prop, inputSchema);
+    resolvedProp = resolveRef(resolvedProp, inputSchema);
+    const enumValues = extractEnum(resolvedProp);
+    const isEnum = resolvedProp.type === "string" && enumValues !== null;
+    const typedProp = resolvedProp;
     typedProp.required = requiredFields.includes(key);
     const currentValue = toolArgs[key];
     let stringValue = "";
@@ -93222,6 +93453,31 @@ function ToolInputForm({
         typedProp?.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: typedProp.description })
       ] }, key);
     }
+    if (isEnum && enumValues) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: key, className: "text-sm font-medium", children: [
+          key,
+          typedProp.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            value: String(toolArgs[key] || ""),
+            onValueChange: (value) => onArgChange(key, value),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: key, className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                SelectValue,
+                {
+                  placeholder: typedProp.description || "Select an option"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: enumValues.map((option, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: option, children: typedProp.enumNames?.[index2] || option }, option)) })
+            ]
+          }
+        ),
+        typedProp.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: typedProp.description })
+      ] }, key);
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: key, className: "text-sm font-medium", children: [
         key,
@@ -94519,7 +94775,7 @@ function ToolsTab({
             direction: "vertical",
             className: "h-full border-r dark:border-zinc-700",
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanel, { defaultSize: 75, minSize: 30, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { defaultSize: 75, minSize: 30, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ToolsTabHeader,
                   {
@@ -94553,7 +94809,7 @@ function ToolsTab({
                     focusedIndex
                   }
                 )
-              ] }),
+              ] }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { withHandle: true }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 ResizablePanel,
@@ -96402,6 +96658,41 @@ function Layout({ children }) {
     )
   ] }) });
 }
+function OAuthCallback() {
+  const [status, setStatus] = reactExports.useState(
+    "processing"
+  );
+  const [errorMessage, setErrorMessage] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    console.log("[OAuthCallback] Component mounted, handling authorization...");
+    console.log("[OAuthCallback] Current URL:", window.location.href);
+    onMcpAuthorization().then(() => {
+      console.log("[OAuthCallback] Authorization successful");
+      setStatus("success");
+    }).catch((err) => {
+      console.error("[OAuthCallback] Authorization failed:", err);
+      setStatus("error");
+      setErrorMessage(err instanceof Error ? err.message : String(err));
+    });
+  }, []);
+  if (status === "processing") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-zinc-600 dark:text-zinc-400" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Completing authentication..." })
+    ] }) });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-xl font-semibold text-red-600 dark:text-red-400 mb-2", children: "Authentication Error" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-zinc-600 dark:text-zinc-400 mb-4", children: errorMessage }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-500", children: "You can close this window and try again." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-xl font-semibold text-green-600 dark:text-green-400 mb-2", children: "Authentication Successful!" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Redirecting you back..." })
+  ] }) });
+}
 var M = (e, i2, s2, u2, m2, a2, l2, h2) => {
   let d2 = document.documentElement, w2 = ["light", "dark"];
   function p2(n2) {
@@ -96450,7 +96741,16 @@ function Toaster2({ ...props2 }) {
 }
 function App() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(McpProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(InspectorProvider, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserRouter, { basename: "/inspector", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Routes, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: "/", element: /* @__PURE__ */ jsxRuntimeExports.jsx(InspectorDashboard, {}) }) }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserRouter, { basename: "/inspector", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Routes, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: "/oauth/callback", element: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthCallback, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Route,
+        {
+          path: "/",
+          element: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InspectorDashboard, {}) })
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toaster2, { position: "top-center" })
   ] }) }) });
 }