@openhands/agent-canvas 1.0.0-rc.8 → 1.0.0

package/dist/hooks/query/use-agent-settings-schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-agent-settings-schema.js","names":[],"sources":["../../../src/hooks/query/use-agent-settings-schema.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { SettingsSchema } from \"#/types/settings\";\nimport { useIsAuthed } from \"./use-is-authed\";\n\nconst useSettingsSchema = (\n  type: \"agent\" | \"conversation\",\n  fallbackSchema?: SettingsSchema | null,\n) => {\n  const { data: userIsAuthenticated } = useIsAuthed();\n  const { backend, orgId } = useActiveBackend();\n  const hasBackend = !isNoBackend(backend);\n  const { data, error, isLoading, isFetching } = useQuery({\n    queryKey: [\n      \"settings-schema\",\n      type,\n      backend.id,\n      orgId,\n      backend.kind,\n      backend.host,\n      backend.apiKey,\n    ],\n    queryFn:\n      type === \"conversation\"\n        ? SettingsService.getConversationSettingsSchema\n        : SettingsService.getSettingsSchema,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    gcTime: 1000 * 60 * 15,\n    enabled: !fallbackSchema && !!userIsAuthenticated && hasBackend,\n    meta: {\n      disableToast: true,\n    },\n  });\n\n  if (fallbackSchema) {\n    return {\n      data: fallbackSchema,\n      error: null,\n      isLoading: false,\n      isFetching: false,\n    };\n  }\n\n  return {\n    data,\n    error,\n    isLoading,\n    isFetching,\n  };\n};\n\nexport const useAgentSettingsSchema = (\n  fallbackSchema?: SettingsSchema | null,\n) => useSettingsSchema(\"agent\", fallbackSchema);\n\nexport const useConversationSettingsSchema = (\n  fallbackSchema?: SettingsSchema | null,\n) => useSettingsSchema(\"conversation\", fallbackSchema);\n"],"mappings":";;;;;;AAOA,IAAM,KACJ,GACA,MACG;CACH,IAAM,EAAE,MAAM,MAAwB,GAAa,EAC7C,EAAE,YAAS,aAAU,GAAkB,EACvC,IAAa,CAAC,EAAY,EAAQ,EAClC,EAAE,SAAM,UAAO,cAAW,kBAAe,EAAS;EACtD,UAAU;GACR;GACA;GACA,EAAQ;GACR;GACA,EAAQ;GACR,EAAQ;GACR,EAAQ;GACT;EACD,SACE,MAAS,iBACL,EAAgB,gCAChB,EAAgB;EACtB,OAAO;EACP,sBAAsB;EACtB,WAAW,MAAO,KAAK;EACvB,QAAQ,MAAO,KAAK;EACpB,SAAS,CAAC,KAAkB,CAAC,CAAC,KAAuB;EACrD,MAAM,EACJ,cAAc,IACf;EACF,CAAC;AAWF,QATI,IACK;EACL,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACb,GAGI;EACL;EACA;EACA;EACA;EACD;GAGU,KACX,MACG,EAAkB,SAAS,EAAe,EAElC,KACX,MACG,EAAkB,gBAAgB,EAAe"}
+{"version":3,"file":"use-agent-settings-schema.js","names":[],"sources":["../../../src/hooks/query/use-agent-settings-schema.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { SettingsSchema } from \"#/types/settings\";\nimport { withLlmSubscriptionSchemaFields } from \"#/utils/llm-subscription-schema\";\nimport { useIsAuthed } from \"./use-is-authed\";\n\nconst useSettingsSchema = (\n  type: \"agent\" | \"conversation\",\n  fallbackSchema?: SettingsSchema | null,\n) => {\n  const { data: userIsAuthenticated } = useIsAuthed();\n  const { backend, orgId } = useActiveBackend();\n  const hasBackend = !isNoBackend(backend);\n  const { data, error, isLoading, isFetching } = useQuery({\n    queryKey: [\n      \"settings-schema\",\n      type,\n      backend.id,\n      orgId,\n      backend.kind,\n      backend.host,\n      backend.apiKey,\n    ],\n    queryFn:\n      type === \"conversation\"\n        ? SettingsService.getConversationSettingsSchema\n        : SettingsService.getSettingsSchema,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    gcTime: 1000 * 60 * 15,\n    enabled: !fallbackSchema && !!userIsAuthenticated && hasBackend,\n    meta: {\n      disableToast: true,\n    },\n  });\n\n  const fallbackData = useMemo(\n    () =>\n      type === \"agent\"\n        ? withLlmSubscriptionSchemaFields(fallbackSchema)\n        : fallbackSchema,\n    [fallbackSchema, type],\n  );\n\n  const queryData = useMemo(\n    () => (type === \"agent\" ? withLlmSubscriptionSchemaFields(data) : data),\n    [data, type],\n  );\n\n  if (fallbackSchema) {\n    return {\n      data: fallbackData,\n      error: null,\n      isLoading: false,\n      isFetching: false,\n    };\n  }\n\n  return {\n    data: queryData,\n    error,\n    isLoading,\n    isFetching,\n  };\n};\n\nexport const useAgentSettingsSchema = (\n  fallbackSchema?: SettingsSchema | null,\n) => useSettingsSchema(\"agent\", fallbackSchema);\n\nexport const useConversationSettingsSchema = (\n  fallbackSchema?: SettingsSchema | null,\n) => useSettingsSchema(\"conversation\", fallbackSchema);\n"],"mappings":";;;;;;;;AASA,IAAM,KACJ,GACA,MACG;CACH,IAAM,EAAE,MAAM,MAAwB,GAAa,EAC7C,EAAE,YAAS,aAAU,GAAkB,EACvC,IAAa,CAAC,EAAY,EAAQ,EAClC,EAAE,SAAM,UAAO,cAAW,kBAAe,EAAS;EACtD,UAAU;GACR;GACA;GACA,EAAQ;GACR;GACA,EAAQ;GACR,EAAQ;GACR,EAAQ;GACT;EACD,SACE,MAAS,iBACL,EAAgB,gCAChB,EAAgB;EACtB,OAAO;EACP,sBAAsB;EACtB,WAAW,MAAO,KAAK;EACvB,QAAQ,MAAO,KAAK;EACpB,SAAS,CAAC,KAAkB,CAAC,CAAC,KAAuB;EACrD,MAAM,EACJ,cAAc,IACf;EACF,CAAC,EAEI,IAAe,QAEjB,MAAS,UACL,EAAgC,EAAe,GAC/C,GACN,CAAC,GAAgB,EAAK,CACvB,EAEK,IAAY,QACT,MAAS,UAAU,EAAgC,EAAK,GAAG,GAClE,CAAC,GAAM,EAAK,CACb;AAWD,QATI,IACK;EACL,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACb,GAGI;EACL,MAAM;EACN;EACA;EACA;EACD;GAGU,KACX,MACG,EAAkB,SAAS,EAAe,EAElC,KACX,MACG,EAAkB,gBAAgB,EAAe"}

package/dist/hooks/query/use-backends-health.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/@openhands/typescript-client/dist/client/settings-client.cjs`),n=require(`../../api/agent-server-client-options.cjs`),r=require(`../../api/agent-server-compatibility.cjs`),i=require(`../../api/backend-registry/health-store.cjs`),a=require(`../../node_modules/@tanstack/react-query/build/modern/useQueries.cjs`),o=require(`../../api/cloud/organization-service.api.cjs`);let s=require(`react`);s=e.__toESM(s,1);var c=1e4,l=4e3,u=`Invalid API key`;function d(e){return e===u}async function f(e){if(e.kind===`cloud`)return await o.getCurrentCloudApiKey(e),!0;try{await new t.SettingsClient(n.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:l})).getSettings()}catch(e){throw r.isSdkHttpStatusError(e,401)?Error(u):e}return!0}function p(e,t={}){let{probeDisabledOnce:n=!1}=t,r=s.default.useSyncExternalStore(i.subscribeBackendHealth,i.getHealthSnapshot,i.getHealthSnapshot),o=a.useQueries({queries:e.map(e=>{let t=r[e.id]?.disabled===!0,a=!t||n;return{queryKey:[`backend-health`,e.id,e.kind,e.host,e.apiKey??``],queryFn:async()=>{try{let t=await f(e);return i.recordBackendSuccess(e.id),t}catch(t){throw i.recordBackendFailure(e.id,t),t}},enabled:a,refetchInterval:t?!1:c,refetchIntervalInBackground:!1,refetchOnMount:t&&n?`always`:!0,refetchOnReconnect:!t,refetchOnWindowFocus:!t,retry:!1,staleTime:t?0:c,meta:{disableToast:!0}}})}),l={};return e.forEach((e,t)=>{let n=o[t],i=r[e.id],a=i?.disabled===!0,s=i?.consecutiveFailures??0,c=i?.lastError??null,u;u=a?!1:n.isSuccess?!0:n.isError?!1:null,l[e.id]={isConnected:u,consecutiveFailures:s,lastError:c,disabled:a}}),l}exports.isInvalidBackendApiKeyHealthError=d,exports.useBackendsHealth=p;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),n=require(`../../node_modules/@openhands/typescript-client/dist/client/settings-client.cjs`),r=require(`../../api/agent-server-client-options.cjs`),i=require(`../../api/agent-server-compatibility.cjs`),a=require(`../../api/backend-registry/health-store.cjs`),o=require(`../../node_modules/@tanstack/react-query/build/modern/useQueries.cjs`),s=require(`../../api/cloud/organization-service.api.cjs`);let c=require(`react`);c=e.__toESM(c,1);var l=1e4,u=4e3,d=`Invalid API key`;function f(e){return e===d}async function p(e){if(e.kind===`cloud`)return await s.getCurrentCloudApiKey(e),!0;try{let a=r.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:u});await new n.SettingsClient(a).getSettings(),i.assertAgentServerVersionIsSupported(await new t.ServerClient(a).getServerInfo())}catch(e){throw i.isSdkHttpStatusError(e,401)?Error(d):e}return!0}function m(e,t={}){let{probeDisabledOnce:n=!1}=t,r=c.default.useSyncExternalStore(a.subscribeBackendHealth,a.getHealthSnapshot,a.getHealthSnapshot),i=o.useQueries({queries:e.map(e=>{let t=r[e.id]?.disabled===!0,i=!t||n;return{queryKey:[`backend-health`,e.id,e.kind,e.host,e.apiKey??``],queryFn:async()=>{try{let t=await p(e);return a.recordBackendSuccess(e.id),t}catch(t){throw a.recordBackendFailure(e.id,t),t}},enabled:i,refetchInterval:t?!1:l,refetchIntervalInBackground:!1,refetchOnMount:t&&n?`always`:!0,refetchOnReconnect:!t,refetchOnWindowFocus:!t,retry:!1,staleTime:t?0:l,meta:{disableToast:!0}}})}),s={};return e.forEach((e,t)=>{let n=i[t],a=r[e.id],o=a?.disabled===!0,c=a?.consecutiveFailures??0,l=a?.lastError??null,u;u=o?!1:n.isSuccess?!0:n.isError?!1:null,s[e.id]={isConnected:u,consecutiveFailures:c,lastError:l,disabled:o}}),s}exports.isInvalidBackendApiKeyHealthError=f,exports.useBackendsHealth=m;
 //# sourceMappingURL=use-backends-health.cjs.map

package/dist/hooks/query/use-backends-health.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-backends-health.cjs","names":[],"sources":["../../../src/hooks/query/use-backends-health.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { SettingsClient } from \"@openhands/typescript-client/clients\";\nimport { getCurrentCloudApiKey } from \"#/api/cloud/organization-service.api\";\nimport { isSdkHttpStatusError } from \"#/api/agent-server-compatibility\";\nimport type { Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport {\n  getHealthSnapshot,\n  recordBackendFailure,\n  recordBackendSuccess,\n  subscribeBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport { MAX_CONSECUTIVE_FAILURES } from \"#/api/backend-registry/health-storage\";\n\nconst REFRESH_INTERVAL_MS = 10000;\nconst PROBE_TIMEOUT_MS = 4000;\nexport const INVALID_BACKEND_API_KEY_ERROR = \"Invalid API key\";\n\nexport function isInvalidBackendApiKeyHealthError(\n  error: string | null | undefined,\n): boolean {\n  return error === INVALID_BACKEND_API_KEY_ERROR;\n}\n\n/**\n * Probe a single backend for connectivity. The probe path differs by\n * backend kind:\n *\n *  - Local agent-server: GET `/api/settings` via the typescript-client.\n *    Unlike `/server_info`, this validates the configured session API key.\n *  - Cloud: GET `/api/keys/current` via the bundled local\n *    agent-server's `/api/cloud-proxy`. That endpoint is lightweight,\n *    requires auth, and `getCurrentCloudApiKey` already absorbs the\n *    legacy-key 400 fallback so we treat that as \"connected\" too.\n *    Any other failure (network, 401, 5xx, …) means the backend is\n *    not reachable / not usable from the GUI.\n *\n * Throws on failure so React Query marks the query as errored — the\n * dropdown reads `isSuccess` to flip the indicator green.\n */\nasync function probeBackend(backend: Backend): Promise<true> {\n  if (backend.kind === \"cloud\") {\n    await getCurrentCloudApiKey(backend);\n    return true;\n  }\n\n  try {\n    await new SettingsClient(\n      getAgentServerClientOptions({\n        host: backend.host,\n        sessionApiKey: backend.apiKey || null,\n        timeout: PROBE_TIMEOUT_MS,\n      }),\n    ).getSettings();\n  } catch (error) {\n    if (isSdkHttpStatusError(error, 401)) {\n      throw new Error(INVALID_BACKEND_API_KEY_ERROR);\n    }\n    throw error;\n  }\n  return true;\n}\n\nexport interface BackendHealth {\n  /** `null` while the first probe is in flight; then `true` / `false`. */\n  isConnected: boolean | null;\n  /** Number of consecutive failed probes since the last success. */\n  consecutiveFailures: number;\n  /** Last error message captured from a failed probe, if any. */\n  lastError: string | null;\n  /**\n   * `true` once `consecutiveFailures` reaches the cap. While disabled,\n   * ordinary background polling stops and survives a page refresh in\n   * that state.\n   */\n  disabled: boolean;\n}\n\nexport interface UseBackendsHealthOptions {\n  /**\n   * Re-probe disabled backends once when the hook mounts. Used by the\n   * Manage Backends modal so a recovered backend can clear its stale\n   * persisted error state without forcing the user to edit the config.\n   */\n  probeDisabledOnce?: boolean;\n}\n\n/**\n * Poll every backend in `backends` once every 10s and report a simple\n * connected / disconnected verdict per backend id.\n *\n * The query key includes `host` and `apiKey` so editing a backend's\n * connection details re-keys the query and triggers an immediate\n * refetch instead of waiting for the next tick.\n *\n * After `MAX_CONSECUTIVE_FAILURES` failures in a row, ordinary polling\n * stops for that backend until the user updates its host / apiKey.\n * Callers can still opt into a one-shot recheck for disabled backends\n * (for example when the user explicitly opens Manage Backends). The\n * failure count and last error live in localStorage so a page refresh\n * does not silently re-arm polling against a backend that's known to\n * be unreachable.\n */\nexport function useBackendsHealth(\n  backends: Backend[],\n  options: UseBackendsHealthOptions = {},\n): Record<string, BackendHealth> {\n  const { probeDisabledOnce = false } = options;\n  const healthMap = React.useSyncExternalStore(\n    subscribeBackendHealth,\n    getHealthSnapshot,\n    getHealthSnapshot,\n  );\n\n  const results = useQueries({\n    queries: backends.map((b) => {\n      const isDisabled = healthMap[b.id]?.disabled === true;\n      const shouldProbe = !isDisabled || probeDisabledOnce;\n      return {\n        queryKey: [\n          \"backend-health\",\n          b.id,\n          b.kind,\n          b.host,\n          b.apiKey ?? \"\",\n        ] as const,\n        queryFn: async () => {\n          try {\n            const result = await probeBackend(b);\n            recordBackendSuccess(b.id);\n            return result;\n          } catch (err) {\n            recordBackendFailure(b.id, err);\n            throw err;\n          }\n        },\n        enabled: shouldProbe,\n        refetchInterval: isDisabled ? (false as const) : REFRESH_INTERVAL_MS,\n        refetchIntervalInBackground: false,\n        refetchOnMount: isDisabled && probeDisabledOnce ? \"always\" : true,\n        refetchOnReconnect: !isDisabled,\n        refetchOnWindowFocus: !isDisabled,\n        retry: false,\n        // Keep the previous verdict visible while the next probe is in\n        // flight so the indicator doesn't flicker on routine polling.\n        staleTime: isDisabled ? 0 : REFRESH_INTERVAL_MS,\n        meta: { disableToast: true },\n      };\n    }),\n  });\n\n  const out: Record<string, BackendHealth> = {};\n  backends.forEach((b, i) => {\n    const r = results[i];\n    const entry = healthMap[b.id];\n    const disabled = entry?.disabled === true;\n    const consecutiveFailures = entry?.consecutiveFailures ?? 0;\n    const lastError = entry?.lastError ?? null;\n\n    let isConnected: boolean | null;\n    if (disabled) {\n      // Polling stopped after hitting the cap — treat as disconnected\n      // so existing consumers (dot, badge) render red without needing\n      // to know about the new fields.\n      isConnected = false;\n    } else if (r.isSuccess) isConnected = true;\n    else if (r.isError) isConnected = false;\n    else isConnected = null;\n\n    out[b.id] = { isConnected, consecutiveFailures, lastError, disabled };\n  });\n  return out;\n}\n\nexport { MAX_CONSECUTIVE_FAILURES };\n"],"mappings":"+eAeA,IAAM,EAAsB,IACtB,EAAmB,IACZ,EAAgC,kBAE7C,SAAgB,EACd,EACS,CACT,OAAO,IAAU,EAmBnB,eAAe,EAAa,EAAiC,CAC3D,GAAI,EAAQ,OAAS,QAEnB,OADA,MAAM,EAAA,sBAAsB,EAAQ,CAC7B,GAGT,GAAI,CACF,MAAM,IAAI,EAAA,eACR,EAAA,4BAA4B,CAC1B,KAAM,EAAQ,KACd,cAAe,EAAQ,QAAU,KACjC,QAAS,EACV,CAAC,CACH,CAAC,aAAa,OACR,EAAO,CAId,MAHI,EAAA,qBAAqB,EAAO,IAAI,CACxB,MAAM,EAA8B,CAE1C,EAER,MAAO,GA2CT,SAAgB,EACd,EACA,EAAoC,EAAE,CACP,CAC/B,GAAM,CAAE,oBAAoB,IAAU,EAChC,EAAY,EAAA,QAAM,qBACtB,EAAA,uBACA,EAAA,kBACA,EAAA,kBACD,CAEK,EAAU,EAAA,WAAW,CACzB,QAAS,EAAS,IAAK,GAAM,CAC3B,IAAM,EAAa,EAAU,EAAE,KAAK,WAAa,GAC3C,EAAc,CAAC,GAAc,EACnC,MAAO,CACL,SAAU,CACR,iBACA,EAAE,GACF,EAAE,KACF,EAAE,KACF,EAAE,QAAU,GACb,CACD,QAAS,SAAY,CACnB,GAAI,CACF,IAAM,EAAS,MAAM,EAAa,EAAE,CAEpC,OADA,EAAA,qBAAqB,EAAE,GAAG,CACnB,QACA,EAAK,CAEZ,MADA,EAAA,qBAAqB,EAAE,GAAI,EAAI,CACzB,IAGV,QAAS,EACT,gBAAiB,EAAc,GAAkB,EACjD,4BAA6B,GAC7B,eAAgB,GAAc,EAAoB,SAAW,GAC7D,mBAAoB,CAAC,EACrB,qBAAsB,CAAC,EACvB,MAAO,GAGP,UAAW,EAAa,EAAI,EAC5B,KAAM,CAAE,aAAc,GAAM,CAC7B,EACD,CACH,CAAC,CAEI,EAAqC,EAAE,CAoB7C,OAnBA,EAAS,SAAS,EAAG,IAAM,CACzB,IAAM,EAAI,EAAQ,GACZ,EAAQ,EAAU,EAAE,IACpB,EAAW,GAAO,WAAa,GAC/B,EAAsB,GAAO,qBAAuB,EACpD,EAAY,GAAO,WAAa,KAElC,EACJ,AAOK,EAPD,EAIY,GACL,EAAE,UAAyB,GAC7B,EAAE,QAAuB,GACf,KAEnB,EAAI,EAAE,IAAM,CAAE,cAAa,sBAAqB,YAAW,WAAU,EACrE,CACK"}
+{"version":3,"file":"use-backends-health.cjs","names":[],"sources":["../../../src/hooks/query/use-backends-health.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport {\n  ServerClient,\n  SettingsClient,\n} from \"@openhands/typescript-client/clients\";\nimport { getCurrentCloudApiKey } from \"#/api/cloud/organization-service.api\";\nimport {\n  assertAgentServerVersionIsSupported,\n  isSdkHttpStatusError,\n} from \"#/api/agent-server-compatibility\";\nimport type { Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport {\n  getHealthSnapshot,\n  recordBackendFailure,\n  recordBackendSuccess,\n  subscribeBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport { MAX_CONSECUTIVE_FAILURES } from \"#/api/backend-registry/health-storage\";\n\nconst REFRESH_INTERVAL_MS = 10000;\nconst PROBE_TIMEOUT_MS = 4000;\nexport const INVALID_BACKEND_API_KEY_ERROR = \"Invalid API key\";\n\nexport function isInvalidBackendApiKeyHealthError(\n  error: string | null | undefined,\n): boolean {\n  return error === INVALID_BACKEND_API_KEY_ERROR;\n}\n\n/**\n * Probe a single backend for connectivity. The probe path differs by\n * backend kind:\n *\n *  - Local agent-server: GET `/api/settings`, then `/server_info` via the\n *    typescript-client. The settings call validates the configured session\n *    API key; the server info call validates the version compatibility floor.\n *  - Cloud: GET `/api/keys/current` via the bundled local\n *    agent-server's `/api/cloud-proxy`. That endpoint is lightweight,\n *    requires auth, and `getCurrentCloudApiKey` already absorbs the\n *    legacy-key 400 fallback so we treat that as \"connected\" too.\n *    Any other failure (network, 401, 5xx, …) means the backend is\n *    not reachable / not usable from the GUI.\n *\n * Throws on failure so React Query marks the query as errored — the\n * dropdown reads `isSuccess` to flip the indicator green.\n */\nasync function probeBackend(backend: Backend): Promise<true> {\n  if (backend.kind === \"cloud\") {\n    await getCurrentCloudApiKey(backend);\n    return true;\n  }\n\n  try {\n    const clientOptions = getAgentServerClientOptions({\n      host: backend.host,\n      sessionApiKey: backend.apiKey || null,\n      timeout: PROBE_TIMEOUT_MS,\n    });\n\n    await new SettingsClient(clientOptions).getSettings();\n    const serverInfo = await new ServerClient(clientOptions).getServerInfo();\n    assertAgentServerVersionIsSupported(serverInfo);\n  } catch (error) {\n    if (isSdkHttpStatusError(error, 401)) {\n      throw new Error(INVALID_BACKEND_API_KEY_ERROR);\n    }\n    throw error;\n  }\n  return true;\n}\n\nexport interface BackendHealth {\n  /** `null` while the first probe is in flight; then `true` / `false`. */\n  isConnected: boolean | null;\n  /** Number of consecutive failed probes since the last success. */\n  consecutiveFailures: number;\n  /** Last error message captured from a failed probe, if any. */\n  lastError: string | null;\n  /**\n   * `true` once `consecutiveFailures` reaches the cap. While disabled,\n   * ordinary background polling stops and survives a page refresh in\n   * that state.\n   */\n  disabled: boolean;\n}\n\nexport interface UseBackendsHealthOptions {\n  /**\n   * Re-probe disabled backends once when the hook mounts. Used by the\n   * Manage Backends modal so a recovered backend can clear its stale\n   * persisted error state without forcing the user to edit the config.\n   */\n  probeDisabledOnce?: boolean;\n}\n\n/**\n * Poll every backend in `backends` once every 10s and report a simple\n * connected / disconnected verdict per backend id.\n *\n * The query key includes `host` and `apiKey` so editing a backend's\n * connection details re-keys the query and triggers an immediate\n * refetch instead of waiting for the next tick.\n *\n * After `MAX_CONSECUTIVE_FAILURES` failures in a row, ordinary polling\n * stops for that backend until the user updates its host / apiKey.\n * Callers can still opt into a one-shot recheck for disabled backends\n * (for example when the user explicitly opens Manage Backends). The\n * failure count and last error live in localStorage so a page refresh\n * does not silently re-arm polling against a backend that's known to\n * be unreachable.\n */\nexport function useBackendsHealth(\n  backends: Backend[],\n  options: UseBackendsHealthOptions = {},\n): Record<string, BackendHealth> {\n  const { probeDisabledOnce = false } = options;\n  const healthMap = React.useSyncExternalStore(\n    subscribeBackendHealth,\n    getHealthSnapshot,\n    getHealthSnapshot,\n  );\n\n  const results = useQueries({\n    queries: backends.map((b) => {\n      const isDisabled = healthMap[b.id]?.disabled === true;\n      const shouldProbe = !isDisabled || probeDisabledOnce;\n      return {\n        queryKey: [\n          \"backend-health\",\n          b.id,\n          b.kind,\n          b.host,\n          b.apiKey ?? \"\",\n        ] as const,\n        queryFn: async () => {\n          try {\n            const result = await probeBackend(b);\n            recordBackendSuccess(b.id);\n            return result;\n          } catch (err) {\n            recordBackendFailure(b.id, err);\n            throw err;\n          }\n        },\n        enabled: shouldProbe,\n        refetchInterval: isDisabled ? (false as const) : REFRESH_INTERVAL_MS,\n        refetchIntervalInBackground: false,\n        refetchOnMount: isDisabled && probeDisabledOnce ? \"always\" : true,\n        refetchOnReconnect: !isDisabled,\n        refetchOnWindowFocus: !isDisabled,\n        retry: false,\n        // Keep the previous verdict visible while the next probe is in\n        // flight so the indicator doesn't flicker on routine polling.\n        staleTime: isDisabled ? 0 : REFRESH_INTERVAL_MS,\n        meta: { disableToast: true },\n      };\n    }),\n  });\n\n  const out: Record<string, BackendHealth> = {};\n  backends.forEach((b, i) => {\n    const r = results[i];\n    const entry = healthMap[b.id];\n    const disabled = entry?.disabled === true;\n    const consecutiveFailures = entry?.consecutiveFailures ?? 0;\n    const lastError = entry?.lastError ?? null;\n\n    let isConnected: boolean | null;\n    if (disabled) {\n      // Polling stopped after hitting the cap — treat as disconnected\n      // so existing consumers (dot, badge) render red without needing\n      // to know about the new fields.\n      isConnected = false;\n    } else if (r.isSuccess) isConnected = true;\n    else if (r.isError) isConnected = false;\n    else isConnected = null;\n\n    out[b.id] = { isConnected, consecutiveFailures, lastError, disabled };\n  });\n  return out;\n}\n\nexport { MAX_CONSECUTIVE_FAILURES };\n"],"mappings":"0kBAqBA,IAAM,EAAsB,IACtB,EAAmB,IACZ,EAAgC,kBAE7C,SAAgB,EACd,EACS,CACT,OAAO,IAAU,EAoBnB,eAAe,EAAa,EAAiC,CAC3D,GAAI,EAAQ,OAAS,QAEnB,OADA,MAAM,EAAA,sBAAsB,EAAQ,CAC7B,GAGT,GAAI,CACF,IAAM,EAAgB,EAAA,4BAA4B,CAChD,KAAM,EAAQ,KACd,cAAe,EAAQ,QAAU,KACjC,QAAS,EACV,CAAC,CAEF,MAAM,IAAI,EAAA,eAAe,EAAc,CAAC,aAAa,CAErD,EAAA,oCAAoC,MADX,IAAI,EAAA,aAAa,EAAc,CAAC,eAAe,CACzB,OACxC,EAAO,CAId,MAHI,EAAA,qBAAqB,EAAO,IAAI,CACxB,MAAM,EAA8B,CAE1C,EAER,MAAO,GA2CT,SAAgB,EACd,EACA,EAAoC,EAAE,CACP,CAC/B,GAAM,CAAE,oBAAoB,IAAU,EAChC,EAAY,EAAA,QAAM,qBACtB,EAAA,uBACA,EAAA,kBACA,EAAA,kBACD,CAEK,EAAU,EAAA,WAAW,CACzB,QAAS,EAAS,IAAK,GAAM,CAC3B,IAAM,EAAa,EAAU,EAAE,KAAK,WAAa,GAC3C,EAAc,CAAC,GAAc,EACnC,MAAO,CACL,SAAU,CACR,iBACA,EAAE,GACF,EAAE,KACF,EAAE,KACF,EAAE,QAAU,GACb,CACD,QAAS,SAAY,CACnB,GAAI,CACF,IAAM,EAAS,MAAM,EAAa,EAAE,CAEpC,OADA,EAAA,qBAAqB,EAAE,GAAG,CACnB,QACA,EAAK,CAEZ,MADA,EAAA,qBAAqB,EAAE,GAAI,EAAI,CACzB,IAGV,QAAS,EACT,gBAAiB,EAAc,GAAkB,EACjD,4BAA6B,GAC7B,eAAgB,GAAc,EAAoB,SAAW,GAC7D,mBAAoB,CAAC,EACrB,qBAAsB,CAAC,EACvB,MAAO,GAGP,UAAW,EAAa,EAAI,EAC5B,KAAM,CAAE,aAAc,GAAM,CAC7B,EACD,CACH,CAAC,CAEI,EAAqC,EAAE,CAoB7C,OAnBA,EAAS,SAAS,EAAG,IAAM,CACzB,IAAM,EAAI,EAAQ,GACZ,EAAQ,EAAU,EAAE,IACpB,EAAW,GAAO,WAAa,GAC/B,EAAsB,GAAO,qBAAuB,EACpD,EAAY,GAAO,WAAa,KAElC,EACJ,AAOK,EAPD,EAIY,GACL,EAAE,UAAyB,GAC7B,EAAE,QAAuB,GACf,KAEnB,EAAI,EAAE,IAAM,CAAE,cAAa,sBAAqB,YAAW,WAAU,EACrE,CACK"}

package/dist/hooks/query/use-backends-health.js

@@ -1,31 +1,33 @@
-import { SettingsClient as e } from "../../node_modules/@openhands/typescript-client/dist/client/settings-client.js";
-import { getAgentServerClientOptions as t } from "../../api/agent-server-client-options.js";
-import { isSdkHttpStatusError as n } from "../../api/agent-server-compatibility.js";
-import { getHealthSnapshot as r, recordBackendFailure as i, recordBackendSuccess as a, subscribeBackendHealth as o } from "../../api/backend-registry/health-store.js";
-import { useQueries as s } from "../../node_modules/@tanstack/react-query/build/modern/useQueries.js";
-import { getCurrentCloudApiKey as c } from "../../api/cloud/organization-service.api.js";
-import l from "react";
+import { ServerClient as e } from "../../node_modules/@openhands/typescript-client/dist/client/server-client.js";
+import { SettingsClient as t } from "../../node_modules/@openhands/typescript-client/dist/client/settings-client.js";
+import { getAgentServerClientOptions as n } from "../../api/agent-server-client-options.js";
+import { assertAgentServerVersionIsSupported as r, isSdkHttpStatusError as i } from "../../api/agent-server-compatibility.js";
+import { getHealthSnapshot as a, recordBackendFailure as o, recordBackendSuccess as s, subscribeBackendHealth as c } from "../../api/backend-registry/health-store.js";
+import { useQueries as l } from "../../node_modules/@tanstack/react-query/build/modern/useQueries.js";
+import { getCurrentCloudApiKey as u } from "../../api/cloud/organization-service.api.js";
+import d from "react";
 //#region src/hooks/query/use-backends-health.ts
-var u = 1e4, d = 4e3, f = "Invalid API key";
-function p(e) {
-	return e === f;
+var f = 1e4, p = 4e3, m = "Invalid API key";
+function h(e) {
+	return e === m;
 }
-async function m(r) {
-	if (r.kind === "cloud") return await c(r), !0;
+async function g(a) {
+	if (a.kind === "cloud") return await u(a), !0;
 	try {
-		await new e(t({
-			host: r.host,
-			sessionApiKey: r.apiKey || null,
-			timeout: d
-		})).getSettings();
+		let i = n({
+			host: a.host,
+			sessionApiKey: a.apiKey || null,
+			timeout: p
+		});
+		await new t(i).getSettings(), r(await new e(i).getServerInfo());
 	} catch (e) {
-		throw n(e, 401) ? Error(f) : e;
+		throw i(e, 401) ? Error(m) : e;
 	}
 	return !0;
 }
-function h(e, t = {}) {
-	let { probeDisabledOnce: n = !1 } = t, c = l.useSyncExternalStore(o, r, r), d = s({ queries: e.map((e) => {
-		let t = c[e.id]?.disabled === !0, r = !t || n;
+function _(e, t = {}) {
+	let { probeDisabledOnce: n = !1 } = t, r = d.useSyncExternalStore(c, a, a), i = l({ queries: e.map((e) => {
+		let t = r[e.id]?.disabled === !0, i = !t || n;
 		return {
 			queryKey: [
 				"backend-health",
@@ -36,34 +38,34 @@ function h(e, t = {}) {
 			],
 			queryFn: async () => {
 				try {
-					let t = await m(e);
-					return a(e.id), t;
+					let t = await g(e);
+					return s(e.id), t;
 				} catch (t) {
-					throw i(e.id, t), t;
+					throw o(e.id, t), t;
 				}
 			},
-			enabled: r,
-			refetchInterval: t ? !1 : u,
+			enabled: i,
+			refetchInterval: t ? !1 : f,
 			refetchIntervalInBackground: !1,
 			refetchOnMount: t && n ? "always" : !0,
 			refetchOnReconnect: !t,
 			refetchOnWindowFocus: !t,
 			retry: !1,
-			staleTime: t ? 0 : u,
+			staleTime: t ? 0 : f,
 			meta: { disableToast: !0 }
 		};
-	}) }), f = {};
+	}) }), u = {};
 	return e.forEach((e, t) => {
-		let n = d[t], r = c[e.id], i = r?.disabled === !0, a = r?.consecutiveFailures ?? 0, o = r?.lastError ?? null, s;
-		s = i ? !1 : n.isSuccess ? !0 : n.isError ? !1 : null, f[e.id] = {
-			isConnected: s,
-			consecutiveFailures: a,
-			lastError: o,
-			disabled: i
+		let n = i[t], a = r[e.id], o = a?.disabled === !0, s = a?.consecutiveFailures ?? 0, c = a?.lastError ?? null, l;
+		l = o ? !1 : n.isSuccess ? !0 : n.isError ? !1 : null, u[e.id] = {
+			isConnected: l,
+			consecutiveFailures: s,
+			lastError: c,
+			disabled: o
 		};
-	}), f;
+	}), u;
 }
 //#endregion
-export { p as isInvalidBackendApiKeyHealthError, h as useBackendsHealth };
+export { h as isInvalidBackendApiKeyHealthError, _ as useBackendsHealth };
 
 //# sourceMappingURL=use-backends-health.js.map

package/dist/hooks/query/use-backends-health.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-backends-health.js","names":[],"sources":["../../../src/hooks/query/use-backends-health.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { SettingsClient } from \"@openhands/typescript-client/clients\";\nimport { getCurrentCloudApiKey } from \"#/api/cloud/organization-service.api\";\nimport { isSdkHttpStatusError } from \"#/api/agent-server-compatibility\";\nimport type { Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport {\n  getHealthSnapshot,\n  recordBackendFailure,\n  recordBackendSuccess,\n  subscribeBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport { MAX_CONSECUTIVE_FAILURES } from \"#/api/backend-registry/health-storage\";\n\nconst REFRESH_INTERVAL_MS = 10000;\nconst PROBE_TIMEOUT_MS = 4000;\nexport const INVALID_BACKEND_API_KEY_ERROR = \"Invalid API key\";\n\nexport function isInvalidBackendApiKeyHealthError(\n  error: string | null | undefined,\n): boolean {\n  return error === INVALID_BACKEND_API_KEY_ERROR;\n}\n\n/**\n * Probe a single backend for connectivity. The probe path differs by\n * backend kind:\n *\n *  - Local agent-server: GET `/api/settings` via the typescript-client.\n *    Unlike `/server_info`, this validates the configured session API key.\n *  - Cloud: GET `/api/keys/current` via the bundled local\n *    agent-server's `/api/cloud-proxy`. That endpoint is lightweight,\n *    requires auth, and `getCurrentCloudApiKey` already absorbs the\n *    legacy-key 400 fallback so we treat that as \"connected\" too.\n *    Any other failure (network, 401, 5xx, …) means the backend is\n *    not reachable / not usable from the GUI.\n *\n * Throws on failure so React Query marks the query as errored — the\n * dropdown reads `isSuccess` to flip the indicator green.\n */\nasync function probeBackend(backend: Backend): Promise<true> {\n  if (backend.kind === \"cloud\") {\n    await getCurrentCloudApiKey(backend);\n    return true;\n  }\n\n  try {\n    await new SettingsClient(\n      getAgentServerClientOptions({\n        host: backend.host,\n        sessionApiKey: backend.apiKey || null,\n        timeout: PROBE_TIMEOUT_MS,\n      }),\n    ).getSettings();\n  } catch (error) {\n    if (isSdkHttpStatusError(error, 401)) {\n      throw new Error(INVALID_BACKEND_API_KEY_ERROR);\n    }\n    throw error;\n  }\n  return true;\n}\n\nexport interface BackendHealth {\n  /** `null` while the first probe is in flight; then `true` / `false`. */\n  isConnected: boolean | null;\n  /** Number of consecutive failed probes since the last success. */\n  consecutiveFailures: number;\n  /** Last error message captured from a failed probe, if any. */\n  lastError: string | null;\n  /**\n   * `true` once `consecutiveFailures` reaches the cap. While disabled,\n   * ordinary background polling stops and survives a page refresh in\n   * that state.\n   */\n  disabled: boolean;\n}\n\nexport interface UseBackendsHealthOptions {\n  /**\n   * Re-probe disabled backends once when the hook mounts. Used by the\n   * Manage Backends modal so a recovered backend can clear its stale\n   * persisted error state without forcing the user to edit the config.\n   */\n  probeDisabledOnce?: boolean;\n}\n\n/**\n * Poll every backend in `backends` once every 10s and report a simple\n * connected / disconnected verdict per backend id.\n *\n * The query key includes `host` and `apiKey` so editing a backend's\n * connection details re-keys the query and triggers an immediate\n * refetch instead of waiting for the next tick.\n *\n * After `MAX_CONSECUTIVE_FAILURES` failures in a row, ordinary polling\n * stops for that backend until the user updates its host / apiKey.\n * Callers can still opt into a one-shot recheck for disabled backends\n * (for example when the user explicitly opens Manage Backends). The\n * failure count and last error live in localStorage so a page refresh\n * does not silently re-arm polling against a backend that's known to\n * be unreachable.\n */\nexport function useBackendsHealth(\n  backends: Backend[],\n  options: UseBackendsHealthOptions = {},\n): Record<string, BackendHealth> {\n  const { probeDisabledOnce = false } = options;\n  const healthMap = React.useSyncExternalStore(\n    subscribeBackendHealth,\n    getHealthSnapshot,\n    getHealthSnapshot,\n  );\n\n  const results = useQueries({\n    queries: backends.map((b) => {\n      const isDisabled = healthMap[b.id]?.disabled === true;\n      const shouldProbe = !isDisabled || probeDisabledOnce;\n      return {\n        queryKey: [\n          \"backend-health\",\n          b.id,\n          b.kind,\n          b.host,\n          b.apiKey ?? \"\",\n        ] as const,\n        queryFn: async () => {\n          try {\n            const result = await probeBackend(b);\n            recordBackendSuccess(b.id);\n            return result;\n          } catch (err) {\n            recordBackendFailure(b.id, err);\n            throw err;\n          }\n        },\n        enabled: shouldProbe,\n        refetchInterval: isDisabled ? (false as const) : REFRESH_INTERVAL_MS,\n        refetchIntervalInBackground: false,\n        refetchOnMount: isDisabled && probeDisabledOnce ? \"always\" : true,\n        refetchOnReconnect: !isDisabled,\n        refetchOnWindowFocus: !isDisabled,\n        retry: false,\n        // Keep the previous verdict visible while the next probe is in\n        // flight so the indicator doesn't flicker on routine polling.\n        staleTime: isDisabled ? 0 : REFRESH_INTERVAL_MS,\n        meta: { disableToast: true },\n      };\n    }),\n  });\n\n  const out: Record<string, BackendHealth> = {};\n  backends.forEach((b, i) => {\n    const r = results[i];\n    const entry = healthMap[b.id];\n    const disabled = entry?.disabled === true;\n    const consecutiveFailures = entry?.consecutiveFailures ?? 0;\n    const lastError = entry?.lastError ?? null;\n\n    let isConnected: boolean | null;\n    if (disabled) {\n      // Polling stopped after hitting the cap — treat as disconnected\n      // so existing consumers (dot, badge) render red without needing\n      // to know about the new fields.\n      isConnected = false;\n    } else if (r.isSuccess) isConnected = true;\n    else if (r.isError) isConnected = false;\n    else isConnected = null;\n\n    out[b.id] = { isConnected, consecutiveFailures, lastError, disabled };\n  });\n  return out;\n}\n\nexport { MAX_CONSECUTIVE_FAILURES };\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAsB,KACtB,IAAmB,KACZ,IAAgC;AAE7C,SAAgB,EACd,GACS;AACT,QAAO,MAAU;;AAmBnB,eAAe,EAAa,GAAiC;AAC3D,KAAI,EAAQ,SAAS,QAEnB,QADA,MAAM,EAAsB,EAAQ,EAC7B;AAGT,KAAI;AACF,QAAM,IAAI,EACR,EAA4B;GAC1B,MAAM,EAAQ;GACd,eAAe,EAAQ,UAAU;GACjC,SAAS;GACV,CAAC,CACH,CAAC,aAAa;UACR,GAAO;AAId,QAHI,EAAqB,GAAO,IAAI,GACxB,MAAM,EAA8B,GAE1C;;AAER,QAAO;;AA2CT,SAAgB,EACd,GACA,IAAoC,EAAE,EACP;CAC/B,IAAM,EAAE,uBAAoB,OAAU,GAChC,IAAY,EAAM,qBACtB,GACA,GACA,EACD,EAEK,IAAU,EAAW,EACzB,SAAS,EAAS,KAAK,MAAM;EAC3B,IAAM,IAAa,EAAU,EAAE,KAAK,aAAa,IAC3C,IAAc,CAAC,KAAc;AACnC,SAAO;GACL,UAAU;IACR;IACA,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE,UAAU;IACb;GACD,SAAS,YAAY;AACnB,QAAI;KACF,IAAM,IAAS,MAAM,EAAa,EAAE;AAEpC,YADA,EAAqB,EAAE,GAAG,EACnB;aACA,GAAK;AAEZ,WADA,EAAqB,EAAE,IAAI,EAAI,EACzB;;;GAGV,SAAS;GACT,iBAAiB,IAAc,KAAkB;GACjD,6BAA6B;GAC7B,gBAAgB,KAAc,IAAoB,WAAW;GAC7D,oBAAoB,CAAC;GACrB,sBAAsB,CAAC;GACvB,OAAO;GAGP,WAAW,IAAa,IAAI;GAC5B,MAAM,EAAE,cAAc,IAAM;GAC7B;GACD,EACH,CAAC,EAEI,IAAqC,EAAE;AAoB7C,QAnBA,EAAS,SAAS,GAAG,MAAM;EACzB,IAAM,IAAI,EAAQ,IACZ,IAAQ,EAAU,EAAE,KACpB,IAAW,GAAO,aAAa,IAC/B,IAAsB,GAAO,uBAAuB,GACpD,IAAY,GAAO,aAAa,MAElC;AAUJ,EATA,AAOK,IAPD,IAIY,KACL,EAAE,YAAyB,KAC7B,EAAE,UAAuB,KACf,MAEnB,EAAI,EAAE,MAAM;GAAE;GAAa;GAAqB;GAAW;GAAU;GACrE,EACK"}
+{"version":3,"file":"use-backends-health.js","names":[],"sources":["../../../src/hooks/query/use-backends-health.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport {\n  ServerClient,\n  SettingsClient,\n} from \"@openhands/typescript-client/clients\";\nimport { getCurrentCloudApiKey } from \"#/api/cloud/organization-service.api\";\nimport {\n  assertAgentServerVersionIsSupported,\n  isSdkHttpStatusError,\n} from \"#/api/agent-server-compatibility\";\nimport type { Backend } from \"#/api/backend-registry/types\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport {\n  getHealthSnapshot,\n  recordBackendFailure,\n  recordBackendSuccess,\n  subscribeBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport { MAX_CONSECUTIVE_FAILURES } from \"#/api/backend-registry/health-storage\";\n\nconst REFRESH_INTERVAL_MS = 10000;\nconst PROBE_TIMEOUT_MS = 4000;\nexport const INVALID_BACKEND_API_KEY_ERROR = \"Invalid API key\";\n\nexport function isInvalidBackendApiKeyHealthError(\n  error: string | null | undefined,\n): boolean {\n  return error === INVALID_BACKEND_API_KEY_ERROR;\n}\n\n/**\n * Probe a single backend for connectivity. The probe path differs by\n * backend kind:\n *\n *  - Local agent-server: GET `/api/settings`, then `/server_info` via the\n *    typescript-client. The settings call validates the configured session\n *    API key; the server info call validates the version compatibility floor.\n *  - Cloud: GET `/api/keys/current` via the bundled local\n *    agent-server's `/api/cloud-proxy`. That endpoint is lightweight,\n *    requires auth, and `getCurrentCloudApiKey` already absorbs the\n *    legacy-key 400 fallback so we treat that as \"connected\" too.\n *    Any other failure (network, 401, 5xx, …) means the backend is\n *    not reachable / not usable from the GUI.\n *\n * Throws on failure so React Query marks the query as errored — the\n * dropdown reads `isSuccess` to flip the indicator green.\n */\nasync function probeBackend(backend: Backend): Promise<true> {\n  if (backend.kind === \"cloud\") {\n    await getCurrentCloudApiKey(backend);\n    return true;\n  }\n\n  try {\n    const clientOptions = getAgentServerClientOptions({\n      host: backend.host,\n      sessionApiKey: backend.apiKey || null,\n      timeout: PROBE_TIMEOUT_MS,\n    });\n\n    await new SettingsClient(clientOptions).getSettings();\n    const serverInfo = await new ServerClient(clientOptions).getServerInfo();\n    assertAgentServerVersionIsSupported(serverInfo);\n  } catch (error) {\n    if (isSdkHttpStatusError(error, 401)) {\n      throw new Error(INVALID_BACKEND_API_KEY_ERROR);\n    }\n    throw error;\n  }\n  return true;\n}\n\nexport interface BackendHealth {\n  /** `null` while the first probe is in flight; then `true` / `false`. */\n  isConnected: boolean | null;\n  /** Number of consecutive failed probes since the last success. */\n  consecutiveFailures: number;\n  /** Last error message captured from a failed probe, if any. */\n  lastError: string | null;\n  /**\n   * `true` once `consecutiveFailures` reaches the cap. While disabled,\n   * ordinary background polling stops and survives a page refresh in\n   * that state.\n   */\n  disabled: boolean;\n}\n\nexport interface UseBackendsHealthOptions {\n  /**\n   * Re-probe disabled backends once when the hook mounts. Used by the\n   * Manage Backends modal so a recovered backend can clear its stale\n   * persisted error state without forcing the user to edit the config.\n   */\n  probeDisabledOnce?: boolean;\n}\n\n/**\n * Poll every backend in `backends` once every 10s and report a simple\n * connected / disconnected verdict per backend id.\n *\n * The query key includes `host` and `apiKey` so editing a backend's\n * connection details re-keys the query and triggers an immediate\n * refetch instead of waiting for the next tick.\n *\n * After `MAX_CONSECUTIVE_FAILURES` failures in a row, ordinary polling\n * stops for that backend until the user updates its host / apiKey.\n * Callers can still opt into a one-shot recheck for disabled backends\n * (for example when the user explicitly opens Manage Backends). The\n * failure count and last error live in localStorage so a page refresh\n * does not silently re-arm polling against a backend that's known to\n * be unreachable.\n */\nexport function useBackendsHealth(\n  backends: Backend[],\n  options: UseBackendsHealthOptions = {},\n): Record<string, BackendHealth> {\n  const { probeDisabledOnce = false } = options;\n  const healthMap = React.useSyncExternalStore(\n    subscribeBackendHealth,\n    getHealthSnapshot,\n    getHealthSnapshot,\n  );\n\n  const results = useQueries({\n    queries: backends.map((b) => {\n      const isDisabled = healthMap[b.id]?.disabled === true;\n      const shouldProbe = !isDisabled || probeDisabledOnce;\n      return {\n        queryKey: [\n          \"backend-health\",\n          b.id,\n          b.kind,\n          b.host,\n          b.apiKey ?? \"\",\n        ] as const,\n        queryFn: async () => {\n          try {\n            const result = await probeBackend(b);\n            recordBackendSuccess(b.id);\n            return result;\n          } catch (err) {\n            recordBackendFailure(b.id, err);\n            throw err;\n          }\n        },\n        enabled: shouldProbe,\n        refetchInterval: isDisabled ? (false as const) : REFRESH_INTERVAL_MS,\n        refetchIntervalInBackground: false,\n        refetchOnMount: isDisabled && probeDisabledOnce ? \"always\" : true,\n        refetchOnReconnect: !isDisabled,\n        refetchOnWindowFocus: !isDisabled,\n        retry: false,\n        // Keep the previous verdict visible while the next probe is in\n        // flight so the indicator doesn't flicker on routine polling.\n        staleTime: isDisabled ? 0 : REFRESH_INTERVAL_MS,\n        meta: { disableToast: true },\n      };\n    }),\n  });\n\n  const out: Record<string, BackendHealth> = {};\n  backends.forEach((b, i) => {\n    const r = results[i];\n    const entry = healthMap[b.id];\n    const disabled = entry?.disabled === true;\n    const consecutiveFailures = entry?.consecutiveFailures ?? 0;\n    const lastError = entry?.lastError ?? null;\n\n    let isConnected: boolean | null;\n    if (disabled) {\n      // Polling stopped after hitting the cap — treat as disconnected\n      // so existing consumers (dot, badge) render red without needing\n      // to know about the new fields.\n      isConnected = false;\n    } else if (r.isSuccess) isConnected = true;\n    else if (r.isError) isConnected = false;\n    else isConnected = null;\n\n    out[b.id] = { isConnected, consecutiveFailures, lastError, disabled };\n  });\n  return out;\n}\n\nexport { MAX_CONSECUTIVE_FAILURES };\n"],"mappings":";;;;;;;;;AAqBA,IAAM,IAAsB,KACtB,IAAmB,KACZ,IAAgC;AAE7C,SAAgB,EACd,GACS;AACT,QAAO,MAAU;;AAoBnB,eAAe,EAAa,GAAiC;AAC3D,KAAI,EAAQ,SAAS,QAEnB,QADA,MAAM,EAAsB,EAAQ,EAC7B;AAGT,KAAI;EACF,IAAM,IAAgB,EAA4B;GAChD,MAAM,EAAQ;GACd,eAAe,EAAQ,UAAU;GACjC,SAAS;GACV,CAAC;AAIF,EAFA,MAAM,IAAI,EAAe,EAAc,CAAC,aAAa,EAErD,EAAoC,MADX,IAAI,EAAa,EAAc,CAAC,eAAe,CACzB;UACxC,GAAO;AAId,QAHI,EAAqB,GAAO,IAAI,GACxB,MAAM,EAA8B,GAE1C;;AAER,QAAO;;AA2CT,SAAgB,EACd,GACA,IAAoC,EAAE,EACP;CAC/B,IAAM,EAAE,uBAAoB,OAAU,GAChC,IAAY,EAAM,qBACtB,GACA,GACA,EACD,EAEK,IAAU,EAAW,EACzB,SAAS,EAAS,KAAK,MAAM;EAC3B,IAAM,IAAa,EAAU,EAAE,KAAK,aAAa,IAC3C,IAAc,CAAC,KAAc;AACnC,SAAO;GACL,UAAU;IACR;IACA,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE,UAAU;IACb;GACD,SAAS,YAAY;AACnB,QAAI;KACF,IAAM,IAAS,MAAM,EAAa,EAAE;AAEpC,YADA,EAAqB,EAAE,GAAG,EACnB;aACA,GAAK;AAEZ,WADA,EAAqB,EAAE,IAAI,EAAI,EACzB;;;GAGV,SAAS;GACT,iBAAiB,IAAc,KAAkB;GACjD,6BAA6B;GAC7B,gBAAgB,KAAc,IAAoB,WAAW;GAC7D,oBAAoB,CAAC;GACrB,sBAAsB,CAAC;GACvB,OAAO;GAGP,WAAW,IAAa,IAAI;GAC5B,MAAM,EAAE,cAAc,IAAM;GAC7B;GACD,EACH,CAAC,EAEI,IAAqC,EAAE;AAoB7C,QAnBA,EAAS,SAAS,GAAG,MAAM;EACzB,IAAM,IAAI,EAAQ,IACZ,IAAQ,EAAU,EAAE,KACpB,IAAW,GAAO,aAAa,IAC/B,IAAsB,GAAO,uBAAuB,GACpD,IAAY,GAAO,aAAa,MAElC;AAUJ,EATA,AAOK,IAPD,IAIY,KACL,EAAE,YAAyB,KAC7B,EAAE,UAAuB,KACf,MAEnB,EAAI,EAAE,MAAM;GAAE;GAAa;GAAqB;GAAW;GAAU;GACrE,EACK"}

package/dist/hooks/query/use-llm-subscription-models.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`./query-keys.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),n=require(`../../api/llm-subscription-service.cjs`);function r({enabled:r=!0}={}){return t.useQuery({queryKey:e.LLM_SUBSCRIPTION_QUERY_KEYS.openaiModels,queryFn:n.default.getOpenAIModels,enabled:r,retry:!1,refetchOnWindowFocus:!1,staleTime:1e3*60*5,meta:{disableToast:!0}})}exports.useOpenAISubscriptionModels=r;
+//# sourceMappingURL=use-llm-subscription-models.cjs.map

package/dist/hooks/query/use-llm-subscription-models.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-llm-subscription-models.cjs","names":[],"sources":["../../../src/hooks/query/use-llm-subscription-models.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport LLMSubscriptionService from \"#/api/llm-subscription-service\";\nimport { LLM_SUBSCRIPTION_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useOpenAISubscriptionModels({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  return useQuery({\n    queryKey: LLM_SUBSCRIPTION_QUERY_KEYS.openaiModels,\n    queryFn: LLMSubscriptionService.getOpenAIModels,\n    enabled,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    meta: {\n      disableToast: true,\n    },\n  });\n}\n"],"mappings":"wNAIA,SAAgB,EAA4B,CAC1C,UAAU,IACe,EAAE,CAAE,CAC7B,OAAO,EAAA,SAAS,CACd,SAAU,EAAA,4BAA4B,aACtC,QAAS,EAAA,QAAuB,gBAChC,UACA,MAAO,GACP,qBAAsB,GACtB,UAAW,IAAO,GAAK,EACvB,KAAM,CACJ,aAAc,GACf,CACF,CAAC"}

package/dist/hooks/query/use-llm-subscription-models.d.ts

@@ -0,0 +1,3 @@
+export declare function useOpenAISubscriptionModels({ enabled, }?: {
+    enabled?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<string[], import("axios").AxiosError<unknown, any>>;

package/dist/hooks/query/use-llm-subscription-models.js

@@ -0,0 +1,19 @@
+import { LLM_SUBSCRIPTION_QUERY_KEYS as e } from "./query-keys.js";
+import { useQuery as t } from "../../node_modules/@tanstack/react-query/build/modern/useQuery.js";
+import n from "../../api/llm-subscription-service.js";
+//#region src/hooks/query/use-llm-subscription-models.ts
+function r({ enabled: r = !0 } = {}) {
+	return t({
+		queryKey: e.openaiModels,
+		queryFn: n.getOpenAIModels,
+		enabled: r,
+		retry: !1,
+		refetchOnWindowFocus: !1,
+		staleTime: 1e3 * 60 * 5,
+		meta: { disableToast: !0 }
+	});
+}
+//#endregion
+export { r as useOpenAISubscriptionModels };
+
+//# sourceMappingURL=use-llm-subscription-models.js.map

package/dist/hooks/query/use-llm-subscription-models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-llm-subscription-models.js","names":[],"sources":["../../../src/hooks/query/use-llm-subscription-models.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport LLMSubscriptionService from \"#/api/llm-subscription-service\";\nimport { LLM_SUBSCRIPTION_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useOpenAISubscriptionModels({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  return useQuery({\n    queryKey: LLM_SUBSCRIPTION_QUERY_KEYS.openaiModels,\n    queryFn: LLMSubscriptionService.getOpenAIModels,\n    enabled,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    meta: {\n      disableToast: true,\n    },\n  });\n}\n"],"mappings":";;;;AAIA,SAAgB,EAA4B,EAC1C,aAAU,OACe,EAAE,EAAE;AAC7B,QAAO,EAAS;EACd,UAAU,EAA4B;EACtC,SAAS,EAAuB;EAChC;EACA,OAAO;EACP,sBAAsB;EACtB,WAAW,MAAO,KAAK;EACvB,MAAM,EACJ,cAAc,IACf;EACF,CAAC"}

package/dist/hooks/query/use-llm-subscription-status.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`./query-keys.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),n=require(`../../api/llm-subscription-service.cjs`);function r({enabled:r=!0}={}){return t.useQuery({queryKey:e.LLM_SUBSCRIPTION_QUERY_KEYS.openaiStatus,queryFn:n.default.getOpenAIStatus,enabled:r,retry:!1,refetchOnWindowFocus:!1,staleTime:1e3*60*5,meta:{disableToast:!0}})}exports.useOpenAISubscriptionStatus=r;
+//# sourceMappingURL=use-llm-subscription-status.cjs.map

package/dist/hooks/query/use-llm-subscription-status.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-llm-subscription-status.cjs","names":[],"sources":["../../../src/hooks/query/use-llm-subscription-status.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport LLMSubscriptionService from \"#/api/llm-subscription-service\";\nimport { LLM_SUBSCRIPTION_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useOpenAISubscriptionStatus({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  return useQuery({\n    queryKey: LLM_SUBSCRIPTION_QUERY_KEYS.openaiStatus,\n    queryFn: LLMSubscriptionService.getOpenAIStatus,\n    enabled,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    meta: {\n      disableToast: true,\n    },\n  });\n}\n"],"mappings":"wNAIA,SAAgB,EAA4B,CAC1C,UAAU,IACe,EAAE,CAAE,CAC7B,OAAO,EAAA,SAAS,CACd,SAAU,EAAA,4BAA4B,aACtC,QAAS,EAAA,QAAuB,gBAChC,UACA,MAAO,GACP,qBAAsB,GACtB,UAAW,IAAO,GAAK,EACvB,KAAM,CACJ,aAAc,GACf,CACF,CAAC"}

package/dist/hooks/query/use-llm-subscription-status.d.ts

@@ -0,0 +1,3 @@
+export declare function useOpenAISubscriptionStatus({ enabled, }?: {
+    enabled?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<import("#/api/llm-subscription-service").LLMSubscriptionStatus, import("axios").AxiosError<unknown, any>>;

package/dist/hooks/query/use-llm-subscription-status.js

@@ -0,0 +1,19 @@
+import { LLM_SUBSCRIPTION_QUERY_KEYS as e } from "./query-keys.js";
+import { useQuery as t } from "../../node_modules/@tanstack/react-query/build/modern/useQuery.js";
+import n from "../../api/llm-subscription-service.js";
+//#region src/hooks/query/use-llm-subscription-status.ts
+function r({ enabled: r = !0 } = {}) {
+	return t({
+		queryKey: e.openaiStatus,
+		queryFn: n.getOpenAIStatus,
+		enabled: r,
+		retry: !1,
+		refetchOnWindowFocus: !1,
+		staleTime: 1e3 * 60 * 5,
+		meta: { disableToast: !0 }
+	});
+}
+//#endregion
+export { r as useOpenAISubscriptionStatus };
+
+//# sourceMappingURL=use-llm-subscription-status.js.map

package/dist/hooks/query/use-llm-subscription-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-llm-subscription-status.js","names":[],"sources":["../../../src/hooks/query/use-llm-subscription-status.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport LLMSubscriptionService from \"#/api/llm-subscription-service\";\nimport { LLM_SUBSCRIPTION_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useOpenAISubscriptionStatus({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  return useQuery({\n    queryKey: LLM_SUBSCRIPTION_QUERY_KEYS.openaiStatus,\n    queryFn: LLMSubscriptionService.getOpenAIStatus,\n    enabled,\n    retry: false,\n    refetchOnWindowFocus: false,\n    staleTime: 1000 * 60 * 5,\n    meta: {\n      disableToast: true,\n    },\n  });\n}\n"],"mappings":";;;;AAIA,SAAgB,EAA4B,EAC1C,aAAU,OACe,EAAE,EAAE;AAC7B,QAAO,EAAS;EACd,UAAU,EAA4B;EACtC,SAAS,EAAuB;EAChC;EACA,OAAO;EACP,sBAAsB;EACtB,WAAW,MAAO,KAAK;EACvB,MAAM,EACJ,cAAc,IACf;EACF,CAAC"}

package/dist/hooks/use-websocket.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=(e,n)=>{let[r,i]=t.default.useState(!1),[a,o]=t.default.useState(null),[s,c]=t.default.useState([]),[l,u]=t.default.useState(null),[d,f]=t.default.useState(!1),p=t.default.useRef(null),m=t.default.useRef(0),h=t.default.useRef(null),g=t.default.useRef(!0),_=t.default.useRef(new WeakSet),v=t.default.useRef(n);t.default.useEffect(()=>{v.current=n},[n]);let y=t.default.useCallback(()=>{let t=e;if(v.current?.queryParams){let n=Object.entries(v.current.queryParams).reduce((e,[t,n])=>(e[t]=String(n),e),{});t=`${e}?${new URLSearchParams(n).toString()}`}let n=new WebSocket(t);p.current=n,_.current.add(n),n.onopen=e=>{i(!0),u(null),f(!1),m.current=0,v.current?.onOpen?.(e)},n.onmessage=e=>{o(e.data),c(t=>[...t,e.data]),v.current?.onMessage?.(e)},n.onclose=e=>{let t=_.current.has(n);i(!1),e.code!==1e3&&(u(Error(`WebSocket closed with code ${e.code}: ${e.reason||`Connection closed unexpectedly`}`)),t&&v.current?.onError?.(e)),v.current?.onClose?.(e);let r=v.current?.reconnect?.enabled??!1,a=v.current?.reconnect?.maxAttempts??1/0;r&&t&&g.current&&m.current<a?(f(!0),m.current+=1,h.current=setTimeout(()=>{y()},3e3)):f(!1)},n.onerror=e=>{i(!1),v.current?.onError?.(e)}},[e]);t.default.useEffect(()=>(g.current=!0,m.current=0,e&&e.trim()!==``&&y(),()=>{if(g.current=!1,h.current&&=(clearTimeout(h.current),null),p.current){let{readyState:e}=p.current;_.current.delete(p.current),(e===WebSocket.CONNECTING||e===WebSocket.OPEN)&&p.current.close(),p.current=null}}),[e,y]);let b=t.default.useCallback(e=>{p.current?.readyState===WebSocket.OPEN&&p.current.send(e)},[]),x=t.default.useCallback(()=>{g.current=!1,f(!1),h.current&&=(clearTimeout(h.current),null),p.current&&(_.current.delete(p.current),p.current.close())},[]),S=t.default.useCallback(()=>{if(g.current=!0,m.current=0,f(!0),u(null),h.current&&=(clearTimeout(h.current),null),p.current){let e=p.current;_.current.delete(e),p.current=null,(e.readyState===WebSocket.CONNECTING||e.readyState===WebSocket.OPEN)&&e.close()}y()},[y]);return{isConnected:r,lastMessage:a,messages:s,error:l,socket:p.current,sendMessage:b,isReconnecting:d,attemptCount:m.current,disconnect:x,reconnect:S}};exports.useWebSocket=n;
+const e=require(`../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=(e,n)=>{let[r,i]=t.default.useState(!1),[a,o]=t.default.useState(null),[s,c]=t.default.useState(null),[l,u]=t.default.useState(!1),d=t.default.useRef(null),f=t.default.useRef(0),p=t.default.useRef(null),m=t.default.useRef(!0),h=t.default.useRef(new WeakSet),g=t.default.useRef(n);t.default.useEffect(()=>{g.current=n},[n]);let _=t.default.useCallback(()=>{let t=e;if(g.current?.queryParams){let n=Object.entries(g.current.queryParams).reduce((e,[t,n])=>(e[t]=String(n),e),{});t=`${e}?${new URLSearchParams(n).toString()}`}let n=new WebSocket(t);d.current=n,h.current.add(n),n.onopen=e=>{i(!0),c(null),u(!1),f.current=0,g.current?.onOpen?.(e)},n.onmessage=e=>{o(e.data),g.current?.onMessage?.(e)},n.onclose=e=>{let t=h.current.has(n);i(!1),e.code!==1e3&&(c(Error(`WebSocket closed with code ${e.code}: ${e.reason||`Connection closed unexpectedly`}`)),t&&g.current?.onError?.(e)),g.current?.onClose?.(e);let r=g.current?.reconnect?.enabled??!1,a=g.current?.reconnect?.maxAttempts??1/0;r&&t&&m.current&&f.current<a?(u(!0),f.current+=1,p.current=setTimeout(()=>{_()},3e3)):u(!1)},n.onerror=e=>{i(!1),g.current?.onError?.(e)}},[e]);t.default.useEffect(()=>(m.current=!0,f.current=0,e&&e.trim()!==``&&_(),()=>{if(m.current=!1,p.current&&=(clearTimeout(p.current),null),d.current){let{readyState:e}=d.current;h.current.delete(d.current),(e===WebSocket.CONNECTING||e===WebSocket.OPEN)&&d.current.close(),d.current=null}}),[e,_]);let v=t.default.useCallback(e=>{d.current?.readyState===WebSocket.OPEN&&d.current.send(e)},[]),y=t.default.useCallback(()=>{m.current=!1,u(!1),p.current&&=(clearTimeout(p.current),null),d.current&&(h.current.delete(d.current),d.current.close())},[]),b=t.default.useCallback(()=>{if(m.current=!0,f.current=0,u(!0),c(null),p.current&&=(clearTimeout(p.current),null),d.current){let e=d.current;h.current.delete(e),d.current=null,(e.readyState===WebSocket.CONNECTING||e.readyState===WebSocket.OPEN)&&e.close()}_()},[_]);return{isConnected:r,lastMessage:a,error:s,socket:d.current,sendMessage:v,isReconnecting:l,attemptCount:f.current,disconnect:y,reconnect:b}};exports.useWebSocket=n;
 //# sourceMappingURL=use-websocket.cjs.map

package/dist/hooks/use-websocket.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-websocket.cjs","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [messages, setMessages] = React.useState<T[]>([]);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      setMessages((prev) => [...prev, event.data]);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    messages,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-websocket.cjs","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/use-websocket.d.ts

@@ -12,7 +12,6 @@ export interface WebSocketHookOptions {
 export declare const useWebSocket: <T = string>(url: string, options?: WebSocketHookOptions) => {
     isConnected: boolean;
     lastMessage: T | null;
-    messages: T[];
     error: Error | null;
     socket: WebSocket | null;
     sendMessage: (data: string | Blob | BufferSource) => void;

package/dist/hooks/use-websocket.js

@@ -1,60 +1,59 @@
 import e from "react";
 //#region src/hooks/use-websocket.ts
 var t = (t, n) => {
-	let [r, i] = e.useState(!1), [a, o] = e.useState(null), [s, c] = e.useState([]), [l, u] = e.useState(null), [d, f] = e.useState(!1), p = e.useRef(null), m = e.useRef(0), h = e.useRef(null), g = e.useRef(!0), _ = e.useRef(/* @__PURE__ */ new WeakSet()), v = e.useRef(n);
+	let [r, i] = e.useState(!1), [a, o] = e.useState(null), [s, c] = e.useState(null), [l, u] = e.useState(!1), d = e.useRef(null), f = e.useRef(0), p = e.useRef(null), m = e.useRef(!0), h = e.useRef(/* @__PURE__ */ new WeakSet()), g = e.useRef(n);
 	e.useEffect(() => {
-		v.current = n;
+		g.current = n;
 	}, [n]);
-	let y = e.useCallback(() => {
+	let _ = e.useCallback(() => {
 		let e = t;
-		if (v.current?.queryParams) {
-			let n = Object.entries(v.current.queryParams).reduce((e, [t, n]) => (e[t] = String(n), e), {});
+		if (g.current?.queryParams) {
+			let n = Object.entries(g.current.queryParams).reduce((e, [t, n]) => (e[t] = String(n), e), {});
 			e = `${t}?${new URLSearchParams(n).toString()}`;
 		}
 		let n = new WebSocket(e);
-		p.current = n, _.current.add(n), n.onopen = (e) => {
-			i(!0), u(null), f(!1), m.current = 0, v.current?.onOpen?.(e);
+		d.current = n, h.current.add(n), n.onopen = (e) => {
+			i(!0), c(null), u(!1), f.current = 0, g.current?.onOpen?.(e);
 		}, n.onmessage = (e) => {
-			o(e.data), c((t) => [...t, e.data]), v.current?.onMessage?.(e);
+			o(e.data), g.current?.onMessage?.(e);
 		}, n.onclose = (e) => {
-			let t = _.current.has(n);
-			i(!1), e.code !== 1e3 && (u(/* @__PURE__ */ Error(`WebSocket closed with code ${e.code}: ${e.reason || "Connection closed unexpectedly"}`)), t && v.current?.onError?.(e)), v.current?.onClose?.(e);
-			let r = v.current?.reconnect?.enabled ?? !1, a = v.current?.reconnect?.maxAttempts ?? Infinity;
-			r && t && g.current && m.current < a ? (f(!0), m.current += 1, h.current = setTimeout(() => {
-				y();
-			}, 3e3)) : f(!1);
+			let t = h.current.has(n);
+			i(!1), e.code !== 1e3 && (c(/* @__PURE__ */ Error(`WebSocket closed with code ${e.code}: ${e.reason || "Connection closed unexpectedly"}`)), t && g.current?.onError?.(e)), g.current?.onClose?.(e);
+			let r = g.current?.reconnect?.enabled ?? !1, a = g.current?.reconnect?.maxAttempts ?? Infinity;
+			r && t && m.current && f.current < a ? (u(!0), f.current += 1, p.current = setTimeout(() => {
+				_();
+			}, 3e3)) : u(!1);
 		}, n.onerror = (e) => {
-			i(!1), v.current?.onError?.(e);
+			i(!1), g.current?.onError?.(e);
 		};
 	}, [t]);
-	e.useEffect(() => (g.current = !0, m.current = 0, t && t.trim() !== "" && y(), () => {
-		if (g.current = !1, h.current &&= (clearTimeout(h.current), null), p.current) {
-			let { readyState: e } = p.current;
-			_.current.delete(p.current), (e === WebSocket.CONNECTING || e === WebSocket.OPEN) && p.current.close(), p.current = null;
+	e.useEffect(() => (m.current = !0, f.current = 0, t && t.trim() !== "" && _(), () => {
+		if (m.current = !1, p.current &&= (clearTimeout(p.current), null), d.current) {
+			let { readyState: e } = d.current;
+			h.current.delete(d.current), (e === WebSocket.CONNECTING || e === WebSocket.OPEN) && d.current.close(), d.current = null;
 		}
-	}), [t, y]);
-	let b = e.useCallback((e) => {
-		p.current?.readyState === WebSocket.OPEN && p.current.send(e);
-	}, []), x = e.useCallback(() => {
-		g.current = !1, f(!1), h.current &&= (clearTimeout(h.current), null), p.current && (_.current.delete(p.current), p.current.close());
-	}, []), S = e.useCallback(() => {
-		if (g.current = !0, m.current = 0, f(!0), u(null), h.current &&= (clearTimeout(h.current), null), p.current) {
-			let e = p.current;
-			_.current.delete(e), p.current = null, (e.readyState === WebSocket.CONNECTING || e.readyState === WebSocket.OPEN) && e.close();
+	}), [t, _]);
+	let v = e.useCallback((e) => {
+		d.current?.readyState === WebSocket.OPEN && d.current.send(e);
+	}, []), y = e.useCallback(() => {
+		m.current = !1, u(!1), p.current &&= (clearTimeout(p.current), null), d.current && (h.current.delete(d.current), d.current.close());
+	}, []), b = e.useCallback(() => {
+		if (m.current = !0, f.current = 0, u(!0), c(null), p.current &&= (clearTimeout(p.current), null), d.current) {
+			let e = d.current;
+			h.current.delete(e), d.current = null, (e.readyState === WebSocket.CONNECTING || e.readyState === WebSocket.OPEN) && e.close();
 		}
-		y();
-	}, [y]);
+		_();
+	}, [_]);
 	return {
 		isConnected: r,
 		lastMessage: a,
-		messages: s,
-		error: l,
-		socket: p.current,
-		sendMessage: b,
-		isReconnecting: d,
-		attemptCount: m.current,
-		disconnect: x,
-		reconnect: S
+		error: s,
+		socket: d.current,
+		sendMessage: v,
+		isReconnecting: l,
+		attemptCount: f.current,
+		disconnect: y,
+		reconnect: b
 	};
 };
 //#endregion

package/dist/hooks/use-websocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-websocket.js","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [messages, setMessages] = React.useState<T[]>([]);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      setMessages((prev) => [...prev, event.data]);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    messages,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-websocket.js","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}