@openhands/agent-canvas 1.0.0-alpha.8 → 1.0.0-alpha.9

package/dist/components/features/backends/backend-form-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"backend-form-modal.js","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n}\n\nfunction inferKindFromHost(host: string): BackendKind {\n  const trimmed = host.trim().toLowerCase();\n  if (trimmed.includes(\"all-hands.dev\") || trimmed.includes(\"openhands.dev\")) {\n    return \"cloud\";\n  }\n  return \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return info.version ?? null;\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  let statusLabel: string;\n  if (isConnected === true) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n  } else if (isConnected === false) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n  } else {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n  }\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(backend?.name ?? \"\");\n  const [host, setHost] = React.useState(backend?.host ?? \"\");\n  const [apiKey, setApiKey] = React.useState(backend?.apiKey ?? \"\");\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  // Kind is inferred from the host on every change.\n  const kind: BackendKind = inferKindFromHost(host);\n\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n\n    const payload = {\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    };\n\n    if (mode === \"edit\" && backend) {\n      updateBackend(backend.id, payload);\n    } else {\n      addBackend(payload);\n    }\n\n    onSubmitted();\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <SettingsInput\n        testId={`${testIdRoot}-name`}\n        name={`${testIdRoot}-name`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$NAME_LABEL)}\n        value={name}\n        onChange={setName}\n        onBlur={() => setNameTouched(true)}\n        placeholder=\"Production\"\n        className=\"w-full\"\n        showRequiredTag\n        error={nameError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-host`}\n        name={`${testIdRoot}-host`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$HOST_LABEL)}\n        value={host}\n        onChange={setHost}\n        onBlur={() => setHostTouched(true)}\n        placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n        className=\"w-full\"\n        showRequiredTag\n        error={hostError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"\"\n        className=\"w-full\"\n      />\n\n      {mode === \"edit\" && backend && (\n        <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n      )}\n\n      {renderActions ? (\n        renderActions({ canSubmit, testIdRoot })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * Left column of the \"Add a Backend\" modal: manual connection via\n * Host + API Key. Designed for self-hosted agent servers and\n * self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(\"\");\n  const [host, setHost] = React.useState(\"\");\n  const [apiKey, setApiKey] = React.useState(\"\");\n\n  const kind: BackendKind = inferKindFromHost(host);\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    if (!canSubmit) return;\n    addBackend({\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    });\n    onClose();\n  };\n\n  return (\n    <form\n      data-testid=\"add-backend-form\"\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-name\"\n          name=\"add-backend-name\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={setName}\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-host\"\n          name=\"add-backend-host\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={setHost}\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid=\"add-backend-host-helper\"\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <SettingsInput\n        testId=\"add-backend-api-key\"\n        name=\"add-backend-api-key\"\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit}\n        testId=\"add-backend-submit\"\n        className=\"w-full text-center\"\n      >\n        {t(I18nKey.BACKEND$CONNECT)}\n      </BrandButton>\n    </form>\n  );\n}\n\n/**\n * Right column of the \"Add a Backend\" modal: one-click OAuth login\n * with OpenHands Cloud. Includes an \"Advanced\" disclosure for\n * users who self-host OpenHands Cloud and need to override the host.\n */\nfunction CloudLoginColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost = customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST;\n\n  const handleLoginSuccess = (apiKey: string) => {\n    addBackend({\n      name: \"OpenHands Cloud\",\n      host: normalizeHost(effectiveHost),\n      apiKey,\n      kind: \"cloud\",\n    });\n    onClose();\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className=\"text-lg font-medium text-white\"\n          data-testid=\"add-backend-cloud-title\"\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot=\"add-backend\"\n      />\n\n      <div className=\"w-full\">\n        <button\n          type=\"button\"\n          onClick={() => setAdvancedOpen((open) => !open)}\n          aria-expanded={advancedOpen}\n          data-testid=\"add-backend-advanced-toggle\"\n          className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n        >\n          <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n          <ChevronDownSmallIcon\n            className={cn(\n              \"h-4 w-4 shrink-0 text-muted transition-transform\",\n              advancedOpen && \"rotate-180\",\n            )}\n            aria-hidden\n          />\n        </button>\n        <div\n          className={cn(\n            \"pt-2\",\n            !advancedOpen && \"pointer-events-none invisible\",\n          )}\n          aria-hidden={!advancedOpen}\n        >\n          <SettingsInput\n            testId=\"add-backend-cloud-host\"\n            name=\"add-backend-cloud-host\"\n            type=\"text\"\n            label={t(I18nKey.BACKEND$HOST_LABEL)}\n            value={customHost}\n            onChange={setCustomHost}\n            placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n            className=\"w-full\"\n          />\n          <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n            {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={onClose}\n        closeOnEscape={false}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid=\"add-backend-modal\"\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          {/* Header */}\n          <div className=\"px-6 pt-6 pb-2 pr-12\">\n            <h2 className=\"text-lg font-semibold\">\n              {t(I18nKey.BACKEND$ADD_TITLE)}\n            </h2>\n          </div>\n\n          {/* Two-column body */}\n          <div className=\"flex gap-6 px-6 pb-6 pt-2\">\n            {/* Left: manual connection */}\n            <div className=\"flex-1 min-w-0\">\n              <ManualConnectionColumn onClose={onClose} />\n            </div>\n\n            {/* Vertical OR divider */}\n            <div className=\"flex shrink-0 flex-col items-center\">\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n              <span className=\"py-3 text-xs uppercase text-[var(--oh-muted)]\">\n                {t(I18nKey.BACKEND$LOGIN_OR)}\n              </span>\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n            </div>\n\n            {/* Right: cloud login */}\n            <div className=\"flex-1 min-w-0\">\n              <CloudLoginColumn onClose={onClose} />\n            </div>\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className=\"pr-6 text-lg font-semibold\">\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"backend-form-modal.js","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n}\n\nfunction inferKindFromHost(host: string): BackendKind {\n  const trimmed = host.trim().toLowerCase();\n  if (trimmed.includes(\"all-hands.dev\") || trimmed.includes(\"openhands.dev\")) {\n    return \"cloud\";\n  }\n  return \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return info.version ?? null;\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  let statusLabel: string;\n  if (isConnected === true) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n  } else if (isConnected === false) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n  } else {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n  }\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(backend?.name ?? \"\");\n  const [host, setHost] = React.useState(backend?.host ?? \"\");\n  const [apiKey, setApiKey] = React.useState(backend?.apiKey ?? \"\");\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  // Kind is inferred from the host on every change.\n  const kind: BackendKind = inferKindFromHost(host);\n\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n\n    const payload = {\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    };\n\n    if (mode === \"edit\" && backend) {\n      updateBackend(backend.id, payload);\n    } else {\n      addBackend(payload);\n    }\n\n    onSubmitted();\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <SettingsInput\n        testId={`${testIdRoot}-name`}\n        name={`${testIdRoot}-name`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$NAME_LABEL)}\n        value={name}\n        onChange={setName}\n        onBlur={() => setNameTouched(true)}\n        placeholder=\"Production\"\n        className=\"w-full\"\n        showRequiredTag\n        error={nameError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-host`}\n        name={`${testIdRoot}-host`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$HOST_LABEL)}\n        value={host}\n        onChange={setHost}\n        onBlur={() => setHostTouched(true)}\n        placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n        className=\"w-full\"\n        showRequiredTag\n        error={hostError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"\"\n        className=\"w-full\"\n      />\n\n      {mode === \"edit\" && backend && (\n        <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n      )}\n\n      {renderActions ? (\n        renderActions({ canSubmit, testIdRoot })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * @spec BM-002 — Adding a backend auto-switches the active selection to it\n * (BM-001), so a backend-scoped detail page the user is viewing now belongs\n * to the previous backend. Redirect to that section's list so they never see\n * stale data, mirroring the switch-backend redirect in BackendSelector.\n */\nfunction useRedirectAfterAddBackend() {\n  const { currentPath, navigate } = useNavigation();\n  return React.useCallback(() => {\n    if (/^\\/automations\\/[^/]+/.test(currentPath)) navigate(\"/automations\");\n    else if (/^\\/conversations\\/[^/]+/.test(currentPath))\n      navigate(\"/conversations\");\n  }, [currentPath, navigate]);\n}\n\n/**\n * Left column of the \"Add a Backend\" modal: manual connection via\n * Host + API Key. Designed for self-hosted agent servers and\n * self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n\n  const [name, setName] = React.useState(\"\");\n  const [host, setHost] = React.useState(\"\");\n  const [apiKey, setApiKey] = React.useState(\"\");\n\n  const kind: BackendKind = inferKindFromHost(host);\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    if (!canSubmit) return;\n    addBackend({\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    });\n    redirectAfterAdd();\n    onClose();\n  };\n\n  return (\n    <form\n      data-testid=\"add-backend-form\"\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-name\"\n          name=\"add-backend-name\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={setName}\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-host\"\n          name=\"add-backend-host\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={setHost}\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid=\"add-backend-host-helper\"\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <SettingsInput\n        testId=\"add-backend-api-key\"\n        name=\"add-backend-api-key\"\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit}\n        testId=\"add-backend-submit\"\n        className=\"w-full text-center\"\n      >\n        {t(I18nKey.BACKEND$CONNECT)}\n      </BrandButton>\n    </form>\n  );\n}\n\n/**\n * Right column of the \"Add a Backend\" modal: one-click OAuth login\n * with OpenHands Cloud. Includes an \"Advanced\" disclosure for\n * users who self-host OpenHands Cloud and need to override the host.\n */\nfunction CloudLoginColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost = customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST;\n\n  const handleLoginSuccess = (apiKey: string) => {\n    addBackend({\n      name: \"OpenHands Cloud\",\n      host: normalizeHost(effectiveHost),\n      apiKey,\n      kind: \"cloud\",\n    });\n    redirectAfterAdd();\n    onClose();\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className=\"text-lg font-medium text-white\"\n          data-testid=\"add-backend-cloud-title\"\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot=\"add-backend\"\n      />\n\n      <div className=\"w-full\">\n        <button\n          type=\"button\"\n          onClick={() => setAdvancedOpen((open) => !open)}\n          aria-expanded={advancedOpen}\n          data-testid=\"add-backend-advanced-toggle\"\n          className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n        >\n          <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n          <ChevronDownSmallIcon\n            className={cn(\n              \"h-4 w-4 shrink-0 text-muted transition-transform\",\n              advancedOpen && \"rotate-180\",\n            )}\n            aria-hidden\n          />\n        </button>\n        <div\n          className={cn(\n            \"pt-2\",\n            !advancedOpen && \"pointer-events-none invisible\",\n          )}\n          aria-hidden={!advancedOpen}\n        >\n          <SettingsInput\n            testId=\"add-backend-cloud-host\"\n            name=\"add-backend-cloud-host\"\n            type=\"text\"\n            label={t(I18nKey.BACKEND$HOST_LABEL)}\n            value={customHost}\n            onChange={setCustomHost}\n            placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n            className=\"w-full\"\n          />\n          <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n            {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={onClose}\n        closeOnEscape={false}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid=\"add-backend-modal\"\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          {/* Header */}\n          <div className=\"px-6 pt-6 pb-2 pr-12\">\n            <h2 className=\"text-lg font-semibold\">\n              {t(I18nKey.BACKEND$ADD_TITLE)}\n            </h2>\n          </div>\n\n          {/* Two-column body */}\n          <div className=\"flex gap-6 px-6 pb-6 pt-2\">\n            {/* Left: manual connection */}\n            <div className=\"flex-1 min-w-0\">\n              <ManualConnectionColumn onClose={onClose} />\n            </div>\n\n            {/* Vertical OR divider */}\n            <div className=\"flex shrink-0 flex-col items-center\">\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n              <span className=\"py-3 text-xs uppercase text-[var(--oh-muted)]\">\n                {t(I18nKey.BACKEND$LOGIN_OR)}\n              </span>\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n            </div>\n\n            {/* Right: cloud login */}\n            <div className=\"flex-1 min-w-0\">\n              <CloudLoginColumn onClose={onClose} />\n            </div>\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className=\"pr-6 text-lg font-semibold\">\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/skills-modal.cjs

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../types/agent-state.cjs`),r=require(`../../../api/agent-server-config.cjs`),i=require(`../../../hooks/use-agent-state.cjs`),a=require(`../../../hooks/query/use-skills.cjs`),o=require(`../../shared/modals/modal-backdrop.cjs`),s=require(`../../shared/modals/modal-body.cjs`),c=require(`../../../utils/skill-scope.cjs`),l=require(`./skills-modal-header.cjs`),u=require(`./skills-modal-section.cjs`),d=require(`./skills-runtime-waiting-state.cjs`),f=require(`./skills-loading-state.cjs`),p=require(`./skills-empty-state.cjs`),m=require(`./skill-item.cjs`);let h=require(`react`),g=require(`react/jsx-runtime`);var _={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function v({onClose:t}){let{t:v}=e.useTranslation(`openhands`),{curAgentState:y}=i.useAgentState(),b=r.getAgentServerWorkingDir(),[x,S]=(0,h.useState)({}),{data:C,isLoading:w,isError:T,refetch:E,isRefetching:D}=a.useSkills(),O=(0,h.useMemo)(()=>C?c.groupSkillsByScope(C,b):null,[C,b]),k=e=>{S(t=>({...t,[e]:!t[e]}))},A=![n.AgentState.LOADING,n.AgentState.INIT].includes(y);return(0,g.jsx)(o.ModalBackdrop,{onClose:t,children:(0,g.jsxs)(s.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,g.jsx)(l.SkillsModalHeader,{isLoading:w,isRefetching:D,onRefresh:E,onClose:t}),(0,g.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:A?w?(0,g.jsx)(f.SkillsLoadingState,{}):T||!C||C.length===0?(0,g.jsx)(p.SkillsEmptyState,{isError:T}):O&&(0,g.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:c.SKILL_SCOPE_ORDER.map(e=>{let t=O[e];return t.length===0?null:(0,g.jsx)(u.SkillsModalSection,{title:v(_[e]),count:t.length,children:t.map(t=>(0,g.jsx)(m.SkillItem,{skill:t,isExpanded:x[t.name]||!1,onToggle:k},`${e}-${t.name}`))},e)})}):(0,g.jsx)(d.SkillsRuntimeWaitingState,{})})]})})}exports.SkillsModal=v;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../types/agent-state.cjs`),r=require(`../../../api/agent-server-config.cjs`),i=require(`../../../hooks/use-agent-state.cjs`),a=require(`../../../hooks/query/use-conversation-skills.cjs`),o=require(`../../shared/modals/modal-backdrop.cjs`),s=require(`../../shared/modals/modal-body.cjs`),c=require(`../../../utils/skill-scope.cjs`),l=require(`./skills-modal-header.cjs`),u=require(`./skills-modal-section.cjs`),d=require(`./skills-runtime-waiting-state.cjs`),f=require(`./skills-loading-state.cjs`),p=require(`./skills-empty-state.cjs`),m=require(`./skill-item.cjs`);let h=require(`react`),g=require(`react/jsx-runtime`);var _={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function v({onClose:t}){let{t:v}=e.useTranslation(`openhands`),{curAgentState:y}=i.useAgentState(),b=r.getAgentServerWorkingDir(),[x,S]=(0,h.useState)({}),{data:C,isLoading:w,isError:T,refetch:E,isRefetching:D}=a.useConversationSkills(),O=(0,h.useMemo)(()=>C?c.groupSkillsByScope(C,b):null,[C,b]),k=e=>{S(t=>({...t,[e]:!t[e]}))},A=![n.AgentState.LOADING,n.AgentState.INIT].includes(y);return(0,g.jsx)(o.ModalBackdrop,{onClose:t,children:(0,g.jsxs)(s.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,g.jsx)(l.SkillsModalHeader,{isLoading:w,isRefetching:D,onRefresh:E,onClose:t}),(0,g.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:A?w?(0,g.jsx)(f.SkillsLoadingState,{}):T||!C||C.length===0?(0,g.jsx)(p.SkillsEmptyState,{isError:T}):O&&(0,g.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:c.SKILL_SCOPE_ORDER.map(e=>{let t=O[e];return t.length===0?null:(0,g.jsx)(u.SkillsModalSection,{title:v(_[e]),count:t.length,children:t.map(t=>(0,g.jsx)(m.SkillItem,{skill:t,isExpanded:x[t.name]||!1,onToggle:k},`${e}-${t.name}`))},e)})}):(0,g.jsx)(d.SkillsRuntimeWaitingState,{})})]})})}exports.SkillsModal=v;
 //# sourceMappingURL=skills-modal.cjs.map

package/dist/components/features/conversation-panel/skills-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useSkills } from \"#/hooks/query/use-skills\";\nimport { AgentState } from \"#/types/agent-state\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsRuntimeWaitingState } from \"./skills-runtime-waiting-state\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(\n    curAgentState,\n  );\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {!isAgentReady ? (\n            <SkillsRuntimeWaitingState />\n          ) : isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"gyBAyBA,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,4BACjB,CAED,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,iBAAkB,EAAA,eAAe,CACnC,EAAa,EAAA,0BAA0B,CACvC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,EAAE,CACH,CACK,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,WAAW,CAET,GAAA,EAAA,EAAA,aACG,EAAS,EAAA,mBAAmB,EAAQ,EAAW,CAAG,KACzD,CAAC,EAAQ,EAAW,CACrB,CAEK,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,GACpB,EAAE,EAGC,EAAe,CAAC,CAAC,EAAA,WAAW,QAAS,EAAA,WAAW,KAAK,CAAC,SAC1D,EACD,CAED,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,UACT,CAAA,EAEF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACX,EAEE,GACF,EAAA,EAAA,KAAC,EAAA,mBAAD,EAAsB,CAAA,CACpB,GAAW,CAAC,GAAU,EAAO,SAAW,GAC1C,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,UAAW,CAAA,CAEtC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,GAAO,CAClC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,EACV,CAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ,CACiB,CAhBd,EAgBc,EAEvB,CACE,CAAA,EAnCR,EAAA,EAAA,KAAC,EAAA,0BAAD,EAA6B,CAAA,CAsC3B,CAAA,CACI,GACE,CAAA"}
+{"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { AgentState } from \"#/types/agent-state\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsRuntimeWaitingState } from \"./skills-runtime-waiting-state\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(\n    curAgentState,\n  );\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {!isAgentReady ? (\n            <SkillsRuntimeWaitingState />\n          ) : isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"6yBAyBA,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,4BACjB,CAED,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,iBAAkB,EAAA,eAAe,CACnC,EAAa,EAAA,0BAA0B,CACvC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,EAAE,CACH,CAGK,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,uBAAuB,CAErB,GAAA,EAAA,EAAA,aACG,EAAS,EAAA,mBAAmB,EAAQ,EAAW,CAAG,KACzD,CAAC,EAAQ,EAAW,CACrB,CAEK,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,GACpB,EAAE,EAGC,EAAe,CAAC,CAAC,EAAA,WAAW,QAAS,EAAA,WAAW,KAAK,CAAC,SAC1D,EACD,CAED,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,UACT,CAAA,EAEF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACX,EAEE,GACF,EAAA,EAAA,KAAC,EAAA,mBAAD,EAAsB,CAAA,CACpB,GAAW,CAAC,GAAU,EAAO,SAAW,GAC1C,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,UAAW,CAAA,CAEtC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,GAAO,CAClC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,EACV,CAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ,CACiB,CAhBd,EAgBc,EAEvB,CACE,CAAA,EAnCR,EAAA,EAAA,KAAC,EAAA,0BAAD,EAA6B,CAAA,CAsC3B,CAAA,CACI,GACE,CAAA"}

package/dist/components/features/conversation-panel/skills-modal.js

@@ -3,7 +3,7 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { AgentState as n } from "../../../types/agent-state.js";
 import { getAgentServerWorkingDir as r } from "../../../api/agent-server-config.js";
 import { useAgentState as i } from "../../../hooks/use-agent-state.js";
-import { useSkills as a } from "../../../hooks/query/use-skills.js";
+import { useConversationSkills as a } from "../../../hooks/query/use-conversation-skills.js";
 import { ModalBackdrop as o } from "../../shared/modals/modal-backdrop.js";
 import { ModalBody as s } from "../../shared/modals/modal-body.js";
 import { SKILL_SCOPE_ORDER as c, groupSkillsByScope as l } from "../../../utils/skill-scope.js";

package/dist/components/features/conversation-panel/skills-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useSkills } from \"#/hooks/query/use-skills\";\nimport { AgentState } from \"#/types/agent-state\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsRuntimeWaitingState } from \"./skills-runtime-waiting-state\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(\n    curAgentState,\n  );\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {!isAgentReady ? (\n            <SkillsRuntimeWaitingState />\n          ) : isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;CACjB;AAED,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,qBAAkB,GAAe,EACnC,IAAa,GAA0B,EACvC,CAAC,GAAgB,KAAqB,EAC1C,EAAE,CACH,EACK,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,GAAW,EAET,IAAgB,QACb,IAAS,EAAmB,GAAQ,EAAW,GAAG,MACzD,CAAC,GAAQ,EAAW,CACrB,EAEK,KAAe,MAAsB;AACzC,KAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;GACpB,EAAE;IAGC,IAAe,CAAC,CAAC,EAAW,SAAS,EAAW,KAAK,CAAC,SAC1D,EACD;AAED,QACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;IACT,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cACX,IAEE,IACF,kBAAC,GAAD,EAAsB,CAAA,GACpB,KAAW,CAAC,KAAU,EAAO,WAAW,IAC1C,kBAAC,GAAD,EAA2B,YAAW,CAAA,GAEtC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;AAKnC,aAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,GAAO;OAClC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;QACV,EAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ;OACiB,EAhBd,EAgBc;OAEvB;KACE,CAAA,GAnCR,kBAAC,GAAD,EAA6B,CAAA;IAsC3B,CAAA,CACI;;EACE,CAAA"}
+{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { AgentState } from \"#/types/agent-state\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsRuntimeWaitingState } from \"./skills-runtime-waiting-state\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(\n    curAgentState,\n  );\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {!isAgentReady ? (\n            <SkillsRuntimeWaitingState />\n          ) : isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;CACjB;AAED,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,qBAAkB,GAAe,EACnC,IAAa,GAA0B,EACvC,CAAC,GAAgB,KAAqB,EAC1C,EAAE,CACH,EAGK,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,GAAuB,EAErB,IAAgB,QACb,IAAS,EAAmB,GAAQ,EAAW,GAAG,MACzD,CAAC,GAAQ,EAAW,CACrB,EAEK,KAAe,MAAsB;AACzC,KAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;GACpB,EAAE;IAGC,IAAe,CAAC,CAAC,EAAW,SAAS,EAAW,KAAK,CAAC,SAC1D,EACD;AAED,QACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;IACT,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cACX,IAEE,IACF,kBAAC,GAAD,EAAsB,CAAA,GACpB,KAAW,CAAC,KAAU,EAAO,WAAW,IAC1C,kBAAC,GAAD,EAA2B,YAAW,CAAA,GAEtC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;AAKnC,aAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,GAAO;OAClC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;QACV,EAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ;OACiB,EAhBd,EAgBc;OAEvB;KACE,CAAA,GAnCR,kBAAC,GAAD,EAA6B,CAAA;IAsC3B,CAAA,CACI;;EACE,CAAA"}

package/dist/contexts/conversation-websocket-context.cjs

@@ -1,4 +1,4 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../stores/browser-store.cjs`),n=require(`../stores/command-store.cjs`),r=require(`../utils/conversation-local-storage.cjs`),i=require(`../stores/conversation-store.cjs`),ee=require(`../stores/conversation-state-store.cjs`),a=require(`../types/agent-server/type-guards.cjs`),o=require(`../stores/use-event-store.cjs`),te=require(`../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`),ne=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),re=require(`../node_modules/posthog-js/react/dist/esm/index.cjs`),s=require(`../hooks/use-websocket.cjs`),ie=require(`../constants/server-connection-error.cjs`),ae=require(`../stores/error-message-store.cjs`),oe=require(`../stores/optimistic-user-message-store.cjs`),se=require(`../services/canvas-ui.cjs`),c=require(`../utils/cache-utils.cjs`),l=require(`../utils/websocket-url.cjs`),ce=require(`../api/agent-server-client-options.cjs`),le=require(`../api/event-service/event-service.api.cjs`),u=require(`../utils/error-handler.cjs`),ue=require(`../hooks/mutation/use-read-conversation-file.cjs`),de=require(`../stores/metrics-store.cjs`),fe=require(`../hooks/query/use-conversation-history.cjs`),pe=require(`../hooks/chat/record-model-switch-message.cjs`),d=require(`../hooks/mutation/conversation-mutation-utils.cjs`);let f=require(`react`);f=e.__toESM(f,1);let me=require(`react/jsx-runtime`);var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:y}){let[b,x]=(0,f.useState)(`CONNECTING`),[S,C]=(0,f.useState)(`CONNECTING`),w=f.default.useRef(!1),T=f.default.useRef(!1),E=re.usePostHog(),D=ne.useQueryClient(),O=o.useEventStore(e=>e.addEvent),k=o.useEventStore(e=>e.addEvents),{setErrorMessage:A,removeErrorMessage:j,clearConnectionError:M}=ae.useErrorMessageStore(),N=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:P}=ee.useConversationStateStore(),{appendInput:F,appendOutput:I}=n.useCommandStore(),[L,R]=(0,f.useState)(!0),[z,B]=(0,f.useState)(null),{setPlanContent:V}=i.useConversationStore(),{mutate:H}=ue.useReadConversationFile(),U=(0,f.useRef)(0),W=(0,f.useRef)(null),he=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,G=(0,f.useCallback)(()=>{M()},[M]),K=(0,f.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};de.default.getState().setMetrics(n)}},[]),{data:q,isPending:J,isError:ge}=fe.useConversationHistory(h),_e=!!h&&J;(0,f.useLayoutEffect)(()=>{!q||q.events.length===0||k(q.events)},[q,k]);let Y=(0,f.useMemo)(()=>{if(J)return null;let e=q?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[q,J]),X=(0,f.useMemo)(()=>!h||!g||J&&!ge?null:l.buildWebSocketUrl(h,g),[h,g,J,ge]),Z=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:l.buildWebSocketUrl(e.id,e.conversation_url)},[v]),ve=(0,f.useMemo)(()=>Z?b===`CONNECTING`||S===`CONNECTING`?`CONNECTING`:b===`OPEN`&&S===`OPEN`?`OPEN`:b===`CLOSED`&&S===`CLOSED`?`CLOSED`:b===`CLOSING`||S===`CLOSING`?`CLOSING`:`CLOSED`:b,[b,S,Z]);(0,f.useEffect)(()=>{z!==null&&U.current>=z&&L&&R(!1)},[z,L,U]),(0,f.useEffect)(()=>{if(!L&&W.current){let{path:e,conversationId:t}=W.current;H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),W.current=null}},[L,H,V]),(0,f.useEffect)(()=>{w.current=!1,R(!!y?.length),B(null),U.current=0,W.current=null},[y]),(0,f.useEffect)(()=>{w.current=!1,T.current=!1,W.current=null},[h]);let ye=(0,f.useMemo)(()=>_e||L,[_e,L]),be=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(a.isAgentServerEvent(n)){let e=!o.useEventStore.getState().eventIds.has(n.id)&&a.isSwitchLLMObservationEvent(n)?n:null;if(O(n),a.isDisplayableErrorEvent(n)){let e=n;u.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else G();if(a.isAgentErrorEvent(n)&&u.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:E}),a.isUserMessageEvent(n)&&h&&(N(h,m(n)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&c.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,D),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&P(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&P(n.value),a.isStatsConversationStateUpdateEvent(n)&&K(n)),a.isExecuteBashActionEvent(n)&&F(n.action.command),a.isExecuteBashObservationEvent(n)&&I(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&e&&!e.observation.is_error&&(pe.recordModelSwitchMessage(h,e.observation.profile_name),e.observation.active_model&&d.updateConversationLlmModelInCache(D,h,e.observation.active_model),d.invalidateConversationQueries(D,h)),a.isCanvasUIActionEvent(n)&&se.handleCanvasUIAction(n.action)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,A,N,D,h,P,F,I,K,G,E]),xe=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(U.current+=1,z!==null&&U.current>=z&&R(!1)),a.isAgentServerEvent(t)){if(O({...t,isFromPlanningAgent:!0}),a.isDisplayableErrorEvent(t)){let e=t;u.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:E}),A(e.detail)}else G();if(a.isAgentErrorEvent(t)&&u.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},posthog:E}),a.isUserMessageEvent(t)&&h&&(N(h,m(t)),r.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&c.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,D),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&P(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&P(t.value),a.isStatsConversationStateUpdateEvent(t)&&K(t)),a.isExecuteBashActionEvent(t)&&F(t.action.command),a.isExecuteBashObservationEvent(t)&&I(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(he(e)){let t=v?.[0]?.id;t&&e&&(L?W.current={path:e,conversationId:t}:H({conversationId:t,filePath:e},{onSuccess:e=>{V(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[O,L,z,A,N,D,v,h,P,F,I,H,V,K,G,E]),Se=(0,f.useMemo)(()=>{let e=Y?{resend_mode:`since`,after_timestamp:Y}:{resend_mode:`all`};return _&&(e.session_api_key=_),{queryParams:e,reconnect:{enabled:!0},onOpen:()=>{x(`OPEN`),w.current=!0,M()},onClose:()=>{x(`CLOSED`)},onError:()=>{x(`CLOSED`),w.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:be}},[be,A,M,_,Y]),Ce=(0,f.useMemo)(()=>{let e={resend_all:!0};_&&(e.session_api_key=_);let t=v?.[0];return{queryParams:e,reconnect:{enabled:!0},onOpen:async()=>{if(C(`OPEN`),T.current=!0,M(),t?.id&&t.conversation_url)try{let e=await le.default.getEventCount(t.id,t.conversation_url,t.session_api_key);B(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{C(`CLOSED`)},onError:()=>{C(`CLOSED`),T.current&&A(ie.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:xe}},[xe,A,M,_,v]),{socket:Q,reconnect:we}=s.useWebSocket(X||``,Se),{socket:$,reconnect:Te}=s.useWebSocket(Z||``,Ce),Ee=(0,f.useCallback)(()=>{if(j(),i.useConversationStore.getState().conversationMode===`plan`&&Z){Te();return}we()},[Z,we,Te,j]),De=(0,f.useCallback)(async e=>{let t=i.useConversationStore.getState().conversationMode===`plan`?$:Q;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw A(e.message),e}try{return await new te.ConversationClient(ce.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw A(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw A(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,A,h]);(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:x(`CONNECTING`);break;case WebSocket.OPEN:x(`OPEN`);break;case WebSocket.CLOSING:x(`CLOSING`);break;case WebSocket.CLOSED:x(`CLOSED`);break;default:x(`CLOSED`);break}})()},[Q,X]),(0,f.useEffect)(()=>{$&&Z&&(()=>{switch($.readyState){case WebSocket.CONNECTING:C(`CONNECTING`);break;case WebSocket.OPEN:C(`OPEN`);break;case WebSocket.CLOSING:C(`CLOSING`);break;case WebSocket.CLOSED:C(`CLOSED`);break;default:C(`CLOSED`);break}})()},[$,Z]);let Oe=(0,f.useMemo)(()=>({connectionState:ve,sendMessage:De,isLoadingHistory:ye,reconnect:Ee}),[ve,De,ye,Ee]);return(0,me.jsx)(p.Provider,{value:Oe,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../stores/browser-store.cjs`),n=require(`../stores/command-store.cjs`),ee=require(`../utils/conversation-local-storage.cjs`),r=require(`../stores/conversation-store.cjs`),te=require(`../stores/conversation-state-store.cjs`),i=require(`../types/agent-server/type-guards.cjs`),a=require(`../stores/use-event-store.cjs`),ne=require(`../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`),re=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),ie=require(`../node_modules/posthog-js/react/dist/esm/index.cjs`),o=require(`../hooks/use-websocket.cjs`),ae=require(`../constants/server-connection-error.cjs`),oe=require(`../stores/error-message-store.cjs`),se=require(`../stores/optimistic-user-message-store.cjs`),ce=require(`../services/canvas-ui.cjs`),s=require(`../utils/cache-utils.cjs`),c=require(`../utils/websocket-url.cjs`),le=require(`../api/agent-server-client-options.cjs`),ue=require(`../api/event-service/event-service.api.cjs`),l=require(`../utils/error-handler.cjs`),de=require(`../hooks/mutation/use-read-conversation-file.cjs`),fe=require(`../stores/metrics-store.cjs`),pe=require(`../hooks/query/use-conversation-history.cjs`),me=require(`../hooks/chat/record-model-switch-message.cjs`),u=require(`../hooks/mutation/conversation-mutation-utils.cjs`);let d=require(`react`);d=e.__toESM(d,1);let he=require(`react/jsx-runtime`);var f=(0,d.createContext)(void 0);function p(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function m({children:e,conversationId:m,conversationUrl:h,sessionApiKey:g,subConversations:_,subConversationIds:v}){let[y,b]=(0,d.useState)(`CONNECTING`),[x,S]=(0,d.useState)(`CONNECTING`),C=d.default.useRef(!1),w=d.default.useRef(!1),T=ie.usePostHog(),E=re.useQueryClient(),D=a.useEventStore(e=>e.addEvent),ge=a.useEventStore(e=>e.addEvents),_e=a.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:O,removeErrorMessage:k,clearConnectionError:A}=oe.useErrorMessageStore(),j=se.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:M}=te.useConversationStateStore(),{appendInput:N,appendOutput:P}=n.useCommandStore(),[F,I]=(0,d.useState)(!0),[L,R]=(0,d.useState)(null),{setPlanContent:z}=r.useConversationStore(),{mutate:B}=de.useReadConversationFile(),V=(0,d.useRef)(0),H=(0,d.useRef)(null),ve=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,U=(0,d.useCallback)(()=>{A()},[A]),W=(0,d.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};fe.default.getState().setMetrics(n)}},[]),{data:G,isPending:K,isError:ye}=pe.useConversationHistory(m),be=!!m&&K;(0,d.useLayoutEffect)(()=>{let e=m??null;a.useEventStore.getState().loadedConversationId!==e&&_e(e)},[m,_e]),(0,d.useLayoutEffect)(()=>{if(!(!G||G.events.length===0)&&(ge(G.events),m))for(let e of G.events)i.isUserMessageEvent(e)&&j(m,p(e))},[G,ge,m,j]);let q=(0,d.useMemo)(()=>{if(K)return null;let e=G?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[G,K]),J=(0,d.useMemo)(()=>!m||!h||K&&!ye?null:c.buildWebSocketUrl(m,h),[m,h,K,ye]),Y=(0,d.useMemo)(()=>{if(!_?.length)return null;let e=_[0];return!e?.id||!e.conversation_url?null:c.buildWebSocketUrl(e.id,e.conversation_url)},[_]),xe=(0,d.useMemo)(()=>Y?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,Y]);(0,d.useEffect)(()=>{L!==null&&V.current>=L&&F&&I(!1)},[L,F,V]),(0,d.useEffect)(()=>{if(!F&&H.current){let{path:e,conversationId:t}=H.current;B({conversationId:t,filePath:e},{onSuccess:e=>{z(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),H.current=null}},[F,B,z]),(0,d.useEffect)(()=>{C.current=!1,I(!!v?.length),R(null),V.current=0,H.current=null},[v]),(0,d.useEffect)(()=>{C.current=!1,w.current=!1,H.current=null},[m]);let X=(0,d.useMemo)(()=>be||F,[be,F]),Se=(0,d.useCallback)(e=>{try{let n=JSON.parse(e.data);if(i.isAgentServerEvent(n)){let e=!a.useEventStore.getState().eventIds.has(n.id)&&i.isSwitchLLMObservationEvent(n)?n:null;if(D(n),i.isDisplayableErrorEvent(n)){let e=n;l.trackError({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:T}),O(e.detail)}else U();if(i.isAgentErrorEvent(n)&&l.trackError({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:T}),i.isUserMessageEvent(n)&&m&&(j(m,p(n)),ee.setConversationState(m,{draftMessage:null})),i.isActionEvent(n)&&s.handleActionEventCacheInvalidation(n,m||`test-conversation-id`,E),i.isConversationStateUpdateEvent(n)&&(i.isFullStateConversationStateUpdateEvent(n)&&M(n.value.execution_status),i.isAgentStatusConversationStateUpdateEvent(n)&&M(n.value),i.isStatsConversationStateUpdateEvent(n)&&W(n)),i.isExecuteBashActionEvent(n)&&N(n.action.command),i.isExecuteBashObservationEvent(n)&&P(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),i.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}i.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),m&&e&&!e.observation.is_error&&(me.recordModelSwitchMessage(m,e.observation.profile_name),e.observation.active_model&&u.updateConversationLlmModelInCache(E,m,e.observation.active_model),u.invalidateConversationQueries(E,m)),i.isCanvasUIActionEvent(n)&&ce.handleCanvasUIAction(n.action)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[D,O,j,E,m,M,N,P,W,U,T]),Ce=(0,d.useCallback)(e=>{try{let t=JSON.parse(e.data);if(F&&(V.current+=1,L!==null&&V.current>=L&&I(!1)),i.isAgentServerEvent(t)){if(D({...t,isFromPlanningAgent:!0}),i.isDisplayableErrorEvent(t)){let e=t;l.trackError({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:T}),O(e.detail)}else U();if(i.isAgentErrorEvent(t)&&l.trackError({message:t.error,source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},posthog:T}),i.isUserMessageEvent(t)&&m&&(j(m,p(t)),ee.setConversationState(m,{draftMessage:null})),i.isActionEvent(t)&&s.handleActionEventCacheInvalidation(t,_?.[0]?.id||`test-conversation-id`,E),i.isConversationStateUpdateEvent(t)&&(i.isFullStateConversationStateUpdateEvent(t)&&M(t.value.execution_status),i.isAgentStatusConversationStateUpdateEvent(t)&&M(t.value),i.isStatsConversationStateUpdateEvent(t)&&W(t)),i.isExecuteBashActionEvent(t)&&N(t.action.command),i.isExecuteBashObservationEvent(t)&&P(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),i.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(ve(e)){let t=_?.[0]?.id;t&&e&&(F?H.current={path:e,conversationId:t}:B({conversationId:t,filePath:e},{onSuccess:e=>{z(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[D,F,L,O,j,E,_,m,M,N,P,B,z,W,U,T]),we=(0,d.useMemo)(()=>{let e=q?{resend_mode:`since`,after_timestamp:q}:{resend_mode:`all`};return g&&(e.session_api_key=g),{queryParams:e,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,A()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&O(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Se}},[Se,O,A,g,q]),Te=(0,d.useMemo)(()=>{let e={resend_all:!0};g&&(e.session_api_key=g);let t=_?.[0];return{queryParams:e,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,A(),t?.id&&t.conversation_url)try{let e=await ue.default.getEventCount(t.id,t.conversation_url,t.session_api_key);R(e),e===0&&I(!1)}catch{I(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&O(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Ce}},[Ce,O,A,g,_]),{socket:Z,reconnect:Ee}=o.useWebSocket(J||``,we),{socket:Q,reconnect:De}=o.useWebSocket(Y||``,Te),Oe=(0,d.useCallback)(()=>{if(k(),r.useConversationStore.getState().conversationMode===`plan`&&Y){De();return}Ee()},[Y,Ee,De,k]),$=(0,d.useCallback)(async e=>{let t=r.useConversationStore.getState().conversationMode===`plan`?Q:Z;if(t?.readyState!==WebSocket.OPEN){if(!m){let e=Error(`No conversation ID available`);throw O(e.message),e}try{return await new ne.ConversationClient(le.getAgentServerClientOptions()).sendEvent(m,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw O(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw O(e instanceof Error?e.message:`Failed to send message`),e}},[Z,Q,O,m]);(0,d.useEffect)(()=>{Z&&J&&(()=>{switch(Z.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Z,J]),(0,d.useEffect)(()=>{Q&&Y&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[Q,Y]);let ke=(0,d.useMemo)(()=>({connectionState:xe,sendMessage:$,isLoadingHistory:X,reconnect:Oe}),[xe,$,X,Oe]);return(0,he.jsx)(f.Provider,{value:ke,children:e})}var h=()=>(0,d.useContext)(f)||null;exports.ConversationWebSocketProvider=m,exports.useConversationWebSocket=h;
 //# sourceMappingURL=conversation-websocket-context.cjs.map

package/dist/contexts/conversation-websocket-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePostHog } from \"posthog-js/react\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const posthog = usePostHog();\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const { setErrorMessage, removeErrorMessage, clearConnectionError } =\n    useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    // A normal event means connectivity recovered: clear a transient connection\n    // error, but keep sticky conversation errors (e.g. a wrong API key).\n    clearConnectionError();\n  }, [clearConnectionError]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      if (event.value.usage_to_metrics?.agent) {\n        const agentMetrics = event.value.usage_to_metrics.agent;\n        const metrics = {\n          cost: agentMetrics.accumulated_cost,\n          max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n          usage: agentMetrics.accumulated_token_usage\n            ? {\n                prompt_tokens:\n                  agentMetrics.accumulated_token_usage.prompt_tokens,\n                completion_tokens:\n                  agentMetrics.accumulated_token_usage.completion_tokens,\n                cache_read_tokens:\n                  agentMetrics.accumulated_token_usage.cache_read_tokens,\n                cache_write_tokens:\n                  agentMetrics.accumulated_token_usage.cache_write_tokens,\n                context_window:\n                  agentMetrics.accumulated_token_usage.context_window,\n                per_turn_token:\n                  agentMetrics.accumulated_token_usage.per_turn_token,\n              }\n            : null,\n        };\n        useMetricsStore.getState().setMetrics(metrics);\n      }\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const {\n    data: preloadedHistory,\n    isPending: isPreloadingHistory,\n    isError: isPreloadHistoryError,\n  } = useConversationHistory(conversationId);\n\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n  }, [preloadedHistory, addEvents]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the REST query settles\n   * (we hold the WS connection open until then to avoid an `all` resend).\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    if (isPreloadingHistory) return null;\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory, isPreloadingHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the initial REST history fetch to settle before\n  // opening the socket so the WS subscription can use `resend_mode='since'`\n  // with a meaningful `after_timestamp`. Without this gate, the WS would open\n  // immediately and either replay the entire conversation (when falling back\n  // to `resend_mode='all'`) or miss events that arrived between REST and WS.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    // Don't connect while we're still fetching the initial history. If the\n    // REST query errored we fall through and connect with `resend_mode='all'`\n    // so the user still sees live events.\n    if (isPreloadingHistory && !isPreloadHistoryError) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [\n    conversationId,\n    conversationUrl,\n    isPreloadingHistory,\n    isPreloadHistoryError,\n  ]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id);\n          const switchLLMObservation =\n            !isDuplicateEvent && isSwitchLLMObservationEvent(event)\n              ? event\n              : null;\n          addEvent(event);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui custom-tool ActionEvents - drive the frontend\n          // (navigate to a file, switch tabs, show a preview). The tool\n          // executes server-side as a no-op; the actual UI change happens\n          // here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action);\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    const planningAgentConversation = subConversations?.[0];\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"s7CAmFA,IAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CASZ,SAAS,EACP,EACQ,CACR,OAAO,EAAM,YAAY,QACtB,OACE,GAAiD,EAAK,OAAS,OACjE,CACA,IAAK,GAAS,EAAK,KAAK,CACxB,KAAK,GAAG,CAGb,SAAgB,EAA8B,CAC5C,WACA,iBACA,kBACA,gBACA,mBACA,sBAQC,CAED,GAAM,CAAC,EAAqB,IAAA,EAAA,EAAA,UACS,aAAa,CAC5C,CAAC,EAAyB,IAAA,EAAA,EAAA,UACK,aAAa,CAI5C,EAAsB,EAAA,QAAM,OAAO,GAAM,CACzC,EAA0B,EAAA,QAAM,OAAO,GAAM,CAE7C,EAAU,GAAA,YAAY,CACtB,EAAc,GAAA,gBAAgB,CAC9B,EAAW,EAAA,cAAe,GAAU,EAAM,SAAS,CACnD,EAAY,EAAA,cAAe,GAAU,EAAM,UAAU,CACrD,CAAE,kBAAiB,qBAAoB,wBAC3C,GAAA,sBAAsB,CAClB,EAAgC,GAAA,8BACnC,GAAU,EAAM,8BAClB,CACK,CAAE,sBAAuB,GAAA,2BAA2B,CACpD,CAAE,cAAa,gBAAiB,EAAA,iBAAiB,CAOjD,CAAC,EAA0B,IAAA,EAAA,EAAA,UACtB,GAAK,CACV,CAAC,EAA4B,IAAA,EAAA,EAAA,UAEjC,KAAK,CAED,CAAE,kBAAmB,EAAA,sBAAsB,CAG3C,CAAE,OAAQ,GAAyB,GAAA,yBAAyB,CAG5D,GAAA,EAAA,EAAA,QAAuC,EAAE,CAGzC,GAAA,EAAA,EAAA,QAGI,KAAK,CAET,GAAkB,GACtB,GAAM,aAAa,CAAC,SAAS,UAAU,EAAI,GAEvC,GAAA,EAAA,EAAA,iBAAwC,CAG5C,GAAsB,EACrB,CAAC,EAAqB,CAAC,CAGpB,GAAA,EAAA,EAAA,aACH,GAA6C,CAC5C,GAAI,EAAM,MAAM,kBAAkB,MAAO,CACvC,IAAM,EAAe,EAAM,MAAM,iBAAiB,MAC5C,EAAU,CACd,KAAM,EAAa,iBACnB,oBAAqB,EAAa,qBAAuB,KACzD,MAAO,EAAa,wBAChB,CACE,cACE,EAAa,wBAAwB,cACvC,kBACE,EAAa,wBAAwB,kBACvC,kBACE,EAAa,wBAAwB,kBACvC,mBACE,EAAa,wBAAwB,mBACvC,eACE,EAAa,wBAAwB,eACvC,eACE,EAAa,wBAAwB,eACxC,CACD,KACL,CACD,GAAA,QAAgB,UAAU,CAAC,WAAW,EAAQ,GAGlD,EAAE,CACH,CAOK,CACJ,KAAM,EACN,UAAW,EACX,QAAS,IACP,GAAA,uBAAuB,EAAe,CAEpC,GAAuB,CAAC,CAAC,GAAkB,GAEjD,EAAA,EAAA,qBAAsB,CAChB,CAAC,GAAoB,EAAiB,OAAO,SAAW,GAG5D,EAAU,EAAiB,OAAO,EACjC,CAAC,EAAkB,EAAU,CAAC,CAQjC,IAAM,GAAA,EAAA,EAAA,aAAqD,CACzD,GAAI,EAAqB,OAAO,KAChC,IAAM,EAAS,GAAkB,QAAU,EAAE,CACvC,EAAS,EAAO,EAAO,OAAS,GAEtC,MADI,CAAC,GAAU,EAAE,cAAe,IAAW,CAAC,EAAO,UAAkB,KAC9D,EAAO,WACb,CAAC,EAAkB,EAAoB,CAAC,CASrC,GAAA,EAAA,EAAA,aACA,CAAC,GAAkB,CAAC,GAMpB,GAAuB,CAAC,GACnB,KAEF,EAAA,kBAAkB,EAAgB,EAAgB,CACxD,CACD,EACA,EACA,EACA,GACD,CAAC,CAEI,GAAA,EAAA,EAAA,aAAmC,CACvC,GAAI,CAAC,GAAkB,OACrB,OAAO,KAIT,IAAM,EAA4B,EAAiB,GASnD,MANE,CAAC,GAA2B,IAC5B,CAAC,EAA0B,iBAEpB,KAGF,EAAA,kBACL,EAA0B,GAC1B,EAA0B,iBAC3B,EACA,CAAC,EAAiB,CAAC,CAGhB,IAAA,EAAA,EAAA,aAEC,EAMH,IAAwB,cACxB,IAA4B,aAErB,aAIL,IAAwB,QAAU,IAA4B,OACzD,OAKP,IAAwB,UACxB,IAA4B,SAErB,SAKP,IAAwB,WACxB,IAA4B,UAErB,UAIF,SAjCE,EAkCR,CAAC,EAAqB,EAAyB,EAAmB,CAAC,EAEtE,EAAA,EAAA,eAAgB,CAEZ,IAA+B,MAC/B,EAA8B,SAAW,GACzC,GAEA,EAA4B,GAAM,EAEnC,CACD,EACA,EACA,EACD,CAAC,EAGF,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAA4B,EAA2B,QAAS,CACnE,GAAM,CAAE,OAAM,eAAgB,GAC5B,EAA2B,QAE7B,EACE,CACE,eAAgB,EAChB,SAAU,EACX,CACD,CACE,UAAY,GAAgB,CAC1B,EAAe,EAAY,EAE7B,QAAU,GAAU,CAClB,QAAQ,KAAK,oCAAqC,EAAM,EAE3D,CACF,CAGD,EAA2B,QAAU,OAEtC,CAAC,EAA0B,EAAsB,EAAe,CAAC,EAEpE,EAAA,EAAA,eAAgB,CACd,EAAoB,QAAU,GAC9B,EAA4B,CAAC,CAAC,GAAoB,OAAO,CACzD,EAA8B,KAAK,CACnC,EAA8B,QAAU,EAExC,EAA2B,QAAU,MACpC,CAAC,EAAmB,CAAC,EAGxB,EAAA,EAAA,eAAgB,CACd,EAAoB,QAAU,GAC9B,EAAwB,QAAU,GAElC,EAA2B,QAAU,MACpC,CAAC,EAAe,CAAC,CAGpB,IAAM,IAAA,EAAA,EAAA,aACE,IAAwB,EAC9B,CAAC,GAAsB,EAAyB,CACjD,CAGK,IAAA,EAAA,EAAA,aACH,GAA+B,CAC9B,GAAI,CACF,IAAM,EAAQ,KAAK,MAAM,EAAa,KAAK,CAM3C,GAAI,EAAA,mBAAmB,EAAM,CAAE,CAI7B,IAAM,EACJ,CAJuB,EAAA,cACtB,UAAU,CACV,SAAS,IAAI,EAAM,GAEnB,EAAoB,EAAA,4BAA4B,EAAM,CACnD,EACA,KAKN,GAJA,EAAS,EAAM,CAIX,EAAA,wBAAwB,EAAM,CAAE,CAClC,IAAM,EAAa,EAGnB,EAAA,WAAW,CACT,QAAS,EAAW,OACpB,OAAQ,eACR,SAAU,CACR,QAAS,EAAW,GACpB,UAAW,EAAW,KACvB,CACD,UACD,CAAC,CACF,EAAgB,EAAW,OAAO,MAElC,GAAqB,CA2EvB,GAtEI,EAAA,kBAAkB,EAAM,EAC1B,EAAA,WAAW,CACT,QAAS,EAAM,MACf,OAAQ,QACR,SAAU,CACR,QAAS,EAAM,GACf,SAAU,EAAM,UAChB,WAAY,EAAM,aACnB,CACD,UACD,CAAC,CAQA,EAAA,mBAAmB,EAAM,EACvB,IACF,EACE,EACA,EAAwB,EAAM,CAC/B,CAED,EAAA,qBAAqB,EAAgB,CAAE,aAAc,KAAM,CAAC,EAK5D,EAAA,cAAc,EAAM,EAGtB,EAAA,mCACE,EAFA,GAAkB,uBAIlB,EACD,CAKC,EAAA,+BAA+B,EAAM,GACnC,EAAA,wCAAwC,EAAM,EAChD,EAAmB,EAAM,MAAM,iBAAiB,CAE9C,EAAA,0CAA0C,EAAM,EAClD,EAAmB,EAAM,MAAM,CAE7B,EAAA,oCAAoC,EAAM,EAC5C,EAAuB,EAAM,EAK7B,EAAA,yBAAyB,EAAM,EACjC,EAAY,EAAM,OAAO,QAAQ,CAI/B,EAAA,8BAA8B,EAAM,EAMtC,EAJoB,EAAM,YAAY,QACnC,OAAQ,GAAM,EAAE,OAAS,OAAO,CAChC,IAAK,GAAM,EAAE,KAAK,CAClB,KAAK;EACK,CAAY,CAIvB,EAAA,0BAA0B,EAAM,CAAE,CACpC,GAAM,CAAE,gBAAiB,GAAmB,EAAM,YAClD,GAAI,EAAgB,CAClB,IAAM,EAAgB,EAAe,WAAW,QAAQ,CACpD,EACA,yBAAyB,IAC7B,EAAA,gBAAgB,UAAU,CAAC,iBAAiB,EAAc,EAK1D,EAAA,6BAA6B,EAAM,EACrC,EAAA,gBAAgB,UAAU,CAAC,OAAO,EAAM,OAAO,IAAI,CAInD,GACA,GACA,CAAC,EAAqB,YAAY,WAElC,GAAA,yBACE,EACA,EAAqB,YAAY,aAClC,CAEG,EAAqB,YAAY,cACnC,EAAA,kCACE,EACA,EACA,EAAqB,YAAY,aAClC,CAGH,EAAA,8BAA8B,EAAa,EAAe,EAOxD,EAAA,sBAAsB,EAAM,EAC9B,GAAA,qBAAqB,EAAM,OAAO,QAG/B,EAAO,CACd,QAAQ,KAAK,6CAA8C,EAAM,GAGrE,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,IAAA,EAAA,EAAA,aACH,GAA+B,CAC9B,GAAI,CACF,IAAM,EAAQ,KAAK,MAAM,EAAa,KAAK,CAgB3C,GAZI,IACF,EAA8B,SAAW,EAGvC,IAA+B,MAC/B,EAA8B,SAAW,GAEzC,EAA4B,GAAM,EAKlC,EAAA,mBAAmB,EAAM,CAAE,CAU7B,GAJA,EAAS,CAHP,GAAG,EACH,oBAAqB,GAEd,CAAsB,CAI3B,EAAA,wBAAwB,EAAM,CAAE,CAClC,IAAM,EAAa,EAGnB,EAAA,WAAW,CACT,QAAS,EAAW,OACpB,OAAQ,wBACR,SAAU,CACR,QAAS,EAAW,GACpB,UAAW,EAAW,KACvB,CACD,UACD,CAAC,CACF,EAAgB,EAAW,OAAO,MAElC,GAAqB,CA0EvB,GArEI,EAAA,kBAAkB,EAAM,EAC1B,EAAA,WAAW,CACT,QAAS,EAAM,MACf,OAAQ,iBACR,SAAU,CACR,QAAS,EAAM,GACf,SAAU,EAAM,UAChB,WAAY,EAAM,aACnB,CACD,UACD,CAAC,CAOA,EAAA,mBAAmB,EAAM,EACvB,IACF,EACE,EACA,EAAwB,EAAM,CAC/B,CACD,EAAA,qBAAqB,EAAgB,CAAE,aAAc,KAAM,CAAC,EAK5D,EAAA,cAAc,EAAM,EAItB,EAAA,mCACE,EAJgC,IAAmB,IAExB,IAAM,uBAIjC,EACD,CAKC,EAAA,+BAA+B,EAAM,GACnC,EAAA,wCAAwC,EAAM,EAChD,EAAmB,EAAM,MAAM,iBAAiB,CAE9C,EAAA,0CAA0C,EAAM,EAClD,EAAmB,EAAM,MAAM,CAE7B,EAAA,oCAAoC,EAAM,EAC5C,EAAuB,EAAM,EAK7B,EAAA,yBAAyB,EAAM,EACjC,EAAY,EAAM,OAAO,QAAQ,CAI/B,EAAA,8BAA8B,EAAM,EAMtC,EAJoB,EAAM,YAAY,QACnC,OAAQ,GAAM,EAAE,OAAS,OAAO,CAChC,IAAK,GAAM,EAAE,KAAK,CAClB,KAAK;EACK,CAAY,CAIvB,EAAA,qCAAqC,EAAM,CAAE,CAC/C,GAAM,CAAE,QAAS,EAAM,YACvB,GAAI,GAAe,EAAK,CAAE,CAExB,IAAM,EAD4B,IAAmB,IACK,GAEtD,GAA0B,IACxB,EACF,EAA2B,QAAU,CACnC,OACA,eAAgB,EACjB,CAED,EACE,CACE,eAAgB,EAChB,SAAU,EACX,CACD,CACE,UAAY,GAAgB,CAC1B,EAAe,EAAY,EAE7B,QAAU,GAAU,CAClB,QAAQ,KACN,oCACA,EACD,EAEJ,CACF,WAMJ,EAAO,CACd,QAAQ,KAAK,6CAA8C,EAAM,GAGrE,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAGK,IAAA,EAAA,EAAA,aAA2D,CAO/D,IAAM,EAAgD,EAClD,CAAE,YAAa,QAAS,gBAAiB,EAAuB,CAChE,CAAE,YAAa,MAAO,CAO1B,OAJI,IACF,EAAY,gBAAkB,GAGzB,CACL,cACA,UAAW,CAAE,QAAS,GAAM,CAC5B,WAAc,CACZ,EAAuB,OAAO,CAC9B,EAAoB,QAAU,GAC9B,GAAsB,EAExB,YAAe,CACb,EAAuB,SAAS,EAElC,YAAe,CACb,EAAuB,SAAS,CAE5B,EAAoB,SACtB,EAAgB,GAAA,gCAAiC,aAAa,EAGlE,UAAW,GACZ,EACA,CACD,GACA,EACA,EACA,EACA,EACD,CAAC,CAGI,IAAA,EAAA,EAAA,aAA+D,CACnE,IAAM,EAAgD,CACpD,WAAY,GACb,CAGG,IACF,EAAY,gBAAkB,GAGhC,IAAM,EAA4B,IAAmB,GAErD,MAAO,CACL,cACA,UAAW,CAAE,QAAS,GAAM,CAC5B,OAAQ,SAAY,CAMlB,GALA,EAA2B,OAAO,CAClC,EAAwB,QAAU,GAClC,GAAsB,CAIpB,GAA2B,IAC3B,EAA0B,iBAE1B,GAAI,CACF,IAAM,EAAQ,MAAM,GAAA,QAAa,cAC/B,EAA0B,GAC1B,EAA0B,iBAC1B,EAA0B,gBAC3B,CACD,EAA8B,EAAM,CAGhC,IAAU,GACZ,EAA4B,GAAM,MAEtB,CAEd,EAA4B,GAAM,GAIxC,YAAe,CACb,EAA2B,SAAS,EAEtC,YAAe,CACb,EAA2B,SAAS,CAEhC,EAAwB,SAC1B,EAAgB,GAAA,gCAAiC,aAAa,EAGlE,UAAW,GACZ,EACA,CACD,GACA,EACA,EACA,EACA,EACD,CAAC,CAKI,CAAE,OAAQ,EAAY,UAAW,IAAkB,EAAA,aACvD,GAAgB,GAChB,GACD,CAEK,CAAE,OAAQ,EAAqB,UAAW,IAC9C,EAAA,aAAa,GAAsB,GAAI,GAAyB,CAE5D,IAAA,EAAA,EAAA,iBAA8B,CAGlC,GAFA,GAAoB,CACA,EAAA,qBAAqB,UAAU,CAAC,mBAChC,QAAU,EAAoB,CAChD,IAAmB,CACnB,OAEF,IAAe,EACd,CACD,EACA,GACA,GACA,EACD,CAAC,CAII,IAAA,EAAA,EAAA,aACJ,KAAO,IAA4D,CAEjE,IAAM,EADc,EAAA,qBAAqB,UAAU,CAAC,mBAElC,OAAS,EAAsB,EAEjD,GAAI,GAAe,aAAe,UAAU,KAAM,CAGhD,GAAI,CAAC,EAAgB,CACnB,IAAM,EAAY,MAAM,+BAA+B,CAEvD,MADA,EAAgB,EAAM,QAAQ,CACxB,EAGR,GAAI,CAWF,OAVA,MAAM,IAAI,GAAA,mBAAmB,GAAA,6BAA6B,CAAC,CAAC,UAC1D,EACA,CACE,KAAM,OACN,QAAS,EAAQ,QAClB,CACD,CAAE,IAAK,GAAM,CACd,CAGM,CAAE,OAAQ,GAAM,OAChB,EAAO,CAMd,MADA,EAHE,aAAiB,MACb,EAAM,QACN,uCACuB,CACvB,GAIV,GAAI,CAIF,OADA,EAAc,KAAK,KAAK,UAAU,CAAE,GAAG,EAAS,IAAK,GAAM,CAAC,CAAC,CACtD,CAAE,OAAQ,GAAO,OACjB,EAAO,CAId,MADA,EADE,aAAiB,MAAQ,EAAM,QAAU,yBACd,CACvB,IAGV,CAAC,EAAY,EAAqB,EAAiB,EAAe,CACnE,EAGD,EAAA,EAAA,eAAgB,CAEV,GAAc,QAEU,CACxB,OAAQ,EAAW,WAAnB,CACE,KAAK,UAAU,WACb,EAAuB,aAAa,CACpC,MACF,KAAK,UAAU,KACb,EAAuB,OAAO,CAC9B,MACF,KAAK,UAAU,QACb,EAAuB,UAAU,CACjC,MACF,KAAK,UAAU,OACb,EAAuB,SAAS,CAChC,MACF,QACE,EAAuB,SAAS,CAChC,UAIO,EAEd,CAAC,EAAY,EAAM,CAAC,EAGvB,EAAA,EAAA,eAAgB,CAEV,GAAuB,QAEC,CACxB,OAAQ,EAAoB,WAA5B,CACE,KAAK,UAAU,WACb,EAA2B,aAAa,CACxC,MACF,KAAK,UAAU,KACb,EAA2B,OAAO,CAClC,MACF,KAAK,UAAU,QACb,EAA2B,UAAU,CACrC,MACF,KAAK,UAAU,OACb,EAA2B,SAAS,CACpC,MACF,QACE,EAA2B,SAAS,CACpC,UAIO,EAEd,CAAC,EAAqB,EAAmB,CAAC,CAE7C,IAAM,IAAA,EAAA,EAAA,cACG,CAAE,mBAAiB,eAAa,oBAAkB,aAAW,EACpE,CAAC,GAAiB,GAAa,GAAkB,GAAU,CAC5D,CAED,OACE,EAAA,GAAA,KAAC,EAA6B,SAA9B,CAAuC,MAAO,GAC3C,WACqC,CAAA,CAI5C,IAAa,OAKT,EAAA,EAAA,YAH2B,EAGpB,EAAW"}
+{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePostHog } from \"posthog-js/react\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const posthog = usePostHog();\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const clearEventsForConversation = useEventStore(\n    (state) => state.clearEventsForConversation,\n  );\n  const { setErrorMessage, removeErrorMessage, clearConnectionError } =\n    useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    // A normal event means connectivity recovered: clear a transient connection\n    // error, but keep sticky conversation errors (e.g. a wrong API key).\n    clearConnectionError();\n  }, [clearConnectionError]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      if (event.value.usage_to_metrics?.agent) {\n        const agentMetrics = event.value.usage_to_metrics.agent;\n        const metrics = {\n          cost: agentMetrics.accumulated_cost,\n          max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n          usage: agentMetrics.accumulated_token_usage\n            ? {\n                prompt_tokens:\n                  agentMetrics.accumulated_token_usage.prompt_tokens,\n                completion_tokens:\n                  agentMetrics.accumulated_token_usage.completion_tokens,\n                cache_read_tokens:\n                  agentMetrics.accumulated_token_usage.cache_read_tokens,\n                cache_write_tokens:\n                  agentMetrics.accumulated_token_usage.cache_write_tokens,\n                context_window:\n                  agentMetrics.accumulated_token_usage.context_window,\n                per_turn_token:\n                  agentMetrics.accumulated_token_usage.per_turn_token,\n              }\n            : null,\n        };\n        useMetricsStore.getState().setMetrics(metrics);\n      }\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const {\n    data: preloadedHistory,\n    isPending: isPreloadingHistory,\n    isError: isPreloadHistoryError,\n  } = useConversationHistory(conversationId);\n\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  // Clear the (global, not conversation-scoped) event store when the active\n  // conversation changes, BEFORE the preloaded-history effect below re-seeds\n  // it. This MUST live here rather than in the route component: a parent's\n  // passive effect runs *after* this child's layout effects, so clearing from\n  // the route would wipe the freshly seeded history. On a conversation switch\n  // the history page is already cached, so `preloadedHistory` is available\n  // synchronously — without ordering the clear first, the user's already-echoed\n  // message gets seeded then immediately wiped, leaving only the `since`\n  // WebSocket resend (the agent's reply). Re-entering the same conversation is\n  // a no-op, so the store survives navigating away to Settings and back.\n  useLayoutEffect(() => {\n    const nextId = conversationId ?? null;\n    if (useEventStore.getState().loadedConversationId === nextId) {\n      return;\n    }\n    // Single atomic action: clears the previous conversation's events and\n    // records the new loaded id in one `set`, so no subscriber can observe a\n    // half-applied state (events gone but the old id still reported).\n    clearEventsForConversation(nextId);\n  }, [conversationId, clearEventsForConversation]);\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n\n    // The first user message of a cloud start-task conversation is persisted\n    // server-side and reaches us via this REST preload, not over the WebSocket\n    // (which subscribes with resend_mode='since' after the latest preloaded\n    // timestamp). Consume any matching optimistic \"Sending…\" bubble here too —\n    // mirroring the WS handler — so it doesn't linger as a duplicate of the echo.\n    if (conversationId) {\n      for (const event of preloadedHistory.events) {\n        if (isUserMessageEvent(event)) {\n          consumeMatchingPendingMessage(\n            conversationId,\n            extractMessageEventText(event),\n          );\n        }\n      }\n    }\n  }, [\n    preloadedHistory,\n    addEvents,\n    conversationId,\n    consumeMatchingPendingMessage,\n  ]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the REST query settles\n   * (we hold the WS connection open until then to avoid an `all` resend).\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    if (isPreloadingHistory) return null;\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory, isPreloadingHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the initial REST history fetch to settle before\n  // opening the socket so the WS subscription can use `resend_mode='since'`\n  // with a meaningful `after_timestamp`. Without this gate, the WS would open\n  // immediately and either replay the entire conversation (when falling back\n  // to `resend_mode='all'`) or miss events that arrived between REST and WS.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    // Don't connect while we're still fetching the initial history. If the\n    // REST query errored we fall through and connect with `resend_mode='all'`\n    // so the user still sees live events.\n    if (isPreloadingHistory && !isPreloadHistoryError) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [\n    conversationId,\n    conversationUrl,\n    isPreloadingHistory,\n    isPreloadHistoryError,\n  ]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id);\n          const switchLLMObservation =\n            !isDuplicateEvent && isSwitchLLMObservationEvent(event)\n              ? event\n              : null;\n          addEvent(event);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui custom-tool ActionEvents - drive the frontend\n          // (navigate to a file, switch tabs, show a preview). The tool\n          // executes server-side as a no-op; the actual UI change happens\n          // here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action);\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            trackError({\n              message: errorEvent.detail,\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              posthog,\n            });\n            setErrorMessage(errorEvent.detail);\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              message: event.error,\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              posthog,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n      posthog,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    // Add session_api_key if available\n    if (sessionApiKey) {\n      queryParams.session_api_key = sessionApiKey;\n    }\n\n    const planningAgentConversation = subConversations?.[0];\n\n    return {\n      queryParams,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"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"}