Function handleAuthError

client/src/lib/hooks/useConnection.ts:390–434

(error: unknown)

  };

  const handleAuthError = async (error: unknown) => {
    if (isConnectionAuthError(error)) {
      let scope = oauthScope?.trim();
      const fetchFn =
        connectionType === "proxy" ? createProxyFetch(config) : undefined;

      if (!scope) {
        // Only discover resource metadata when we need to discover scopes
        let resourceMetadata;
        try {
          resourceMetadata = await discoverOAuthProtectedResourceMetadata(
            new URL("/", sseUrl),
            {},
            fetchFn,
          );
        } catch {
          // Resource metadata is optional, continue without it
        }
        scope = await discoverScopes(sseUrl, resourceMetadata, fetchFn);
      }

      saveScopeToSessionStorage(sseUrl, scope);
      const serverAuthProvider = new InspectorOAuthClientProvider(sseUrl);

      try {
        const result = await auth(serverAuthProvider, {
          serverUrl: sseUrl,
          scope,
          ...(fetchFn && { fetchFn }),
        });
        return result === "AUTHORIZED";
      } catch (authError) {
        // Show user-friendly error message for OAuth failures
        toast({
          title: "OAuth Authentication Failed",
          description:
            authError instanceof Error ? authError.message : String(authError),
          variant: "destructive",
        });
        return false;
      }
    }

    return false;
  };

  const captureResponseHeaders = (response: Response): void => {
    const sessionId = response.headers.get("mcp-session-id");