Function connect

client/src/lib/hooks/useConnection.ts:447–1158

(_e?: unknown, retryCount: number = 0)

  };

  const connect = async (_e?: unknown, retryCount: number = 0) => {
    const clientCapabilities = {
      capabilities: {
        sampling: {},
        elicitation: {
          form: {},
          url: {},
        },
        roots: {
          listChanged: true,
        },
        tasks: {
          list: {},
          cancel: {},
          ...(onPendingRequest || onElicitationRequest
            ? {
                requests: {
                  ...(onPendingRequest
                    ? { sampling: { createMessage: {} } }
                    : undefined),
                  ...(onElicitationRequest
                    ? { elicitation: { create: {} } }
                    : undefined),
                },
              }
            : undefined),
        },
      },
    };

    const client = new Client<Request, Notification, Result>(
      CLIENT_IDENTITY,
      clientCapabilities,
    );

    // Only check proxy health for proxy connections
    if (connectionType === "proxy") {
      try {
        await checkProxyHealth();
      } catch {
        setConnectionStatus("error-connecting-to-proxy");
        return;
      }
    }

    let lastRequest = "";
    try {
      // Inject auth manually instead of using SSEClientTransport, because we're
      // proxying through the inspector server first.
      const headers: HeadersInit = {};

      // Create an auth provider with the current server URL
      const serverAuthProvider = new InspectorOAuthClientProvider(sseUrl);

      // Use custom headers (migration is handled in App.tsx)
      let finalHeaders: CustomHeaders = customHeaders || [];

      const isEmptyAuthHeader = (header: CustomHeaders[number]) =>