npm - @openhands/agent-canvas - Versions diffs - 1.1.0 → 1.2.0 - Mend

@openhands/agent-canvas 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1373) hide show

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

	@@ -1 +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 { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport {\n assertAgentServerVersionIsSupported,\n getDisplayAgentServerVersion,\n} from \"#/api/agent-server-compatibility\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { getUserFacingConnectionErrorMessage } from \"#/utils/user-facing-error\";\nimport { cn } from \"#/utils/utils\";\nimport {\n modalTitleLgClassName,\n modalTitleLgMediumClassName,\n} from \"#/utils/modal-classes\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\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\nfunction getConnectionTestFailedTitle(\n t: ReturnType<typeof useTranslation>[\"t\"],\n host: string,\n): string {\n return t(I18nKey.BACKEND$CONNECTION_TEST_FAILED, {\n host,\n interpolation: { escapeValue: false },\n });\n}\n\nfunction getConnectionErrorDetail(error: unknown): string \| null {\n return getUserFacingConnectionErrorMessage(error);\n}\n\nfunction getConnectionTestFailedMessage(title: string, error: unknown): string {\n const detail = getConnectionErrorDetail(error);\n return detail ? `${title}\\n${detail}` : title;\n}\n\nasync function testBackendConnection(\n backend: Pick<Backend, \"host\" \| \"apiKey\" \| \"kind\">,\n): Promise<void> {\n // Cloud backends authenticate via OAuth; preflight GET is not applicable.\n if (backend.kind !== \"local\") return;\n\n const serverInfo = await new ServerClient(\n getAgentServerClientOptions({\n host: backend.host,\n sessionApiKey: backend.apiKey \|\| null,\n timeout: 5000,\n }),\n ).getServerInfo();\n assertAgentServerVersionIsSupported(serverInfo);\n}\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 getDisplayAgentServerVersion(info);\n },\n retry: false,\n staleTime: 60_000,\n enabled: backend.kind === \"local\" && !disabled,\n });\n\n const statusLabel = getBackendStatusLabel(t, backend, health);\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 BackendFormSubmitPayload {\n name: string;\n host: string;\n apiKey: string;\n kind: BackendKind;\n}\n\ninterface UseBackendFormOptions {\n initialName?: string;\n initialHost?: string;\n initialApiKey?: string;\n /\n Called to test the connection. The hook does NOT call\n * `testBackendConnection` directly so callers can inject a\n * wrapped version (e.g. with extra logging or different timeout).\n * Should throw on failure.\n /\n onTestConnection: (payload: BackendFormSubmitPayload) => Promise<void>;\n /* Called after a successful connection test and persistence. /\n onSuccess: () => void;\n /* Require a non-empty API key even when the host looks local. /\n requireApiKey?: boolean;\n /\n When provided, completely replaces the default submit flow\n * (onTestConnection + onSuccess). The hook still manages form state\n * and canSubmit validation, but the caller owns error handling and\n * success side effects. Should throw on failure.\n /\n onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/\n Shared hook for the backend-form state used by both `BackendForm`\n * (edit/add mode) and `ManualConnectionColumn` (add-mode-only column).\n * Encapsulates name / host / apiKey fields, `connectionError`,\n * `isSubmitting`, and the shared `handleSubmit` flow.\n /\nfunction useBackendForm({\n initialName = \"\",\n initialHost = \"\",\n initialApiKey = \"\",\n onTestConnection,\n onSuccess,\n requireApiKey = false,\n onSubmitOverride,\n}: UseBackendFormOptions) {\n const { t } = useTranslation(\"openhands\");\n\n const [name, setName] = React.useState(initialName);\n const [host, setHost] = React.useState(initialHost);\n const [apiKey, setApiKey] = React.useState(initialApiKey);\n const [connectionError, setConnectionError] = React.useState<string \| null>(\n null,\n );\n const [isSubmitting, setIsSubmitting] = React.useState(false);\n\n const kind = inferKindFromHost(host);\n const needsApiKey = requireApiKey \|\| kind !== \"local\";\n const canSubmit =\n name.trim().length > 0 &&\n isValidHostUrl(host) &&\n (!needsApiKey \|\| apiKey.trim().length > 0);\n\n const handleSubmit = React.useCallback(\n async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n if (!canSubmit \|\| isSubmitting) return;\n\n const payload: BackendFormSubmitPayload = {\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind,\n };\n\n setConnectionError(null);\n setIsSubmitting(true);\n\n try {\n // When onSubmitOverride is provided, it completely replaces the\n // default flow (onTestConnection + onSuccess).\n if (onSubmitOverride) {\n await onSubmitOverride(payload);\n } else {\n await onTestConnection(payload);\n onSuccess();\n }\n } catch (error) {\n setConnectionError(\n getConnectionTestFailedMessage(\n getConnectionTestFailedTitle(t, payload.host),\n error,\n ),\n );\n } finally {\n setIsSubmitting(false);\n }\n },\n [\n canSubmit,\n isSubmitting,\n name,\n host,\n apiKey,\n kind,\n onTestConnection,\n onSuccess,\n requireApiKey,\n onSubmitOverride,\n t,\n ],\n );\n\n return {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind,\n canSubmit,\n handleSubmit,\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 isSubmitting: boolean;\n testIdRoot: string;\n }) => React.ReactNode;\n /* Used to disambiguate test ids across the same screen. /\n testIdRoot?: string;\n /* When true, the host field is pre-filled and disabled. /\n hostReadOnly?: boolean;\n /\n When true, a non-empty API key is required for submission regardless\n * of the inferred backend kind. The standard add form allows empty\n * keys for local backends; the auth-gate screen needs to enforce one.\n /\n requireApiKey?: boolean;\n /\n When true, hides the name/host/API-key inputs (and related inline\n * errors) while keeping the action row visible — used by onboarding\n * after a successful connection probe.\n /\n hideConfigurationFields?: boolean;\n /\n Replace the default synchronous add/update-and-close submit with a\n * custom async handler. The form builds the payload, validates\n * client-side, then hands it to this callback. If the callback throws,\n * the form remains open so the caller can surface errors.\n /\n onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\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 hostReadOnly,\n requireApiKey,\n hideConfigurationFields = false,\n onSubmitOverride,\n}: BackendFormProps) {\n const { t } = useTranslation(\"openhands\");\n const { addBackend, updateBackend } = useActiveBackendContext();\n\n // In edit mode preserve the existing backend's kind so that renaming or\n // rotating the API key on a cloud backend (e.g. an OHE/enterprise instance\n // on a custom domain) does not silently downgrade it to \"local\" and switch\n // the auth header from `Authorization: Bearer` to `X-Session-API-Key`.\n // Only infer from the host when adding a new backend.\n const fixedKind: BackendKind \| null =\n mode === \"edit\" && backend ? backend.kind : null;\n\n const {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind: inferredKind,\n handleSubmit: runSubmit,\n } = useBackendForm({\n initialName: backend?.name ?? \"\",\n initialHost: backend?.host ?? \"\",\n initialApiKey: backend?.apiKey ?? \"\",\n onTestConnection: testBackendConnection,\n onSuccess: async () => {\n const payload: BackendFormSubmitPayload = {\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind: fixedKind ?? inferredKind,\n };\n if (mode === \"edit\" && backend) {\n updateBackend(backend.id, payload);\n } else {\n addBackend(payload);\n }\n onSubmitted();\n },\n requireApiKey,\n onSubmitOverride,\n });\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 const kind = fixedKind ?? inferredKind;\n const testIdRoot =\n explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n const needsApiKey = requireApiKey \|\| kind !== \"local\";\n const canSubmit =\n name.trim().length > 0 &&\n isValidHostUrl(host) &&\n (!needsApiKey \|\| 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 = async (event: React.FormEvent<HTMLFormElement>) => {\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 await runSubmit(event);\n };\n\n return (\n <form\n data-testid={`${testIdRoot}-form`}\n onSubmit={handleSubmit}\n className=\"flex flex-col gap-4\"\n >\n <div\n data-testid={`${testIdRoot}-configuration-fields`}\n className={cn(\n \"flex flex-col gap-4\",\n hideConfigurationFields && \"hidden\",\n )}\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={(value) => {\n setName(value);\n setConnectionError(null);\n }}\n onBlur={() => setNameTouched(true)}\n // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\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={\n hostReadOnly\n ? undefined\n : (value) => {\n setHost(value);\n setConnectionError(null);\n }\n }\n onBlur={() => setHostTouched(true)}\n placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n className=\"w-full\"\n showRequiredTag\n error={hostError}\n isDisabled={hostReadOnly}\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={(value) => {\n setApiKey(value);\n setConnectionError(null);\n }}\n placeholder=\"\"\n className=\"w-full\"\n />\n\n {connectionError ? (\n <div\n role=\"alert\"\n data-testid={`${testIdRoot}-error`}\n className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n >\n {connectionError}\n </div>\n ) : null}\n\n {mode === \"edit\" && backend && (\n <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n )}\n </div>\n\n {renderActions ? (\n renderActions({\n canSubmit: canSubmit && !isSubmitting,\n isSubmitting,\n testIdRoot,\n })\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 \|\| isSubmitting}\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\ninterface BackendConnectionOptionsProps {\n onConnected: (payload: BackendFormSubmitPayload) => void;\n testIdRoot?: string;\n initialManualBackend?: Partial<\n Pick<BackendFormSubmitPayload, \"name\" \| \"host\" \| \"apiKey\">\n >;\n requireManualApiKey?: boolean;\n manualSubmitLabel?: React.ReactNode;\n manualSubmittingLabel?: React.ReactNode;\n manualSubmitTestId?: string;\n}\n\n/\n Manual agent-server connection plus OpenHands Cloud OAuth login.\n * Used by both the Add Backend modal and the onboarding backend step so\n * supported backend choices stay consistent across first-run and settings UI.\n /\nexport function BackendConnectionOptions({\n onConnected,\n testIdRoot = \"add-backend\",\n initialManualBackend,\n requireManualApiKey = false,\n manualSubmitLabel,\n manualSubmittingLabel,\n manualSubmitTestId,\n}: BackendConnectionOptionsProps) {\n const { t } = useTranslation(\"openhands\");\n const lockedCloudHost = getLockedCloudHost();\n\n if (lockedCloudHost) {\n return (\n <div\n data-testid={`${testIdRoot}-connection-options`}\n className=\"flex justify-center\"\n >\n <div className=\"w-full\">\n <CloudLoginColumn\n onConnected={onConnected}\n testIdRoot={testIdRoot}\n lockedHost={lockedCloudHost}\n />\n </div>\n </div>\n );\n }\n\n return (\n <div\n data-testid={`${testIdRoot}-connection-options`}\n className=\"flex flex-col gap-6 md:flex-row\"\n >\n <div className=\"flex-1 min-w-0\">\n <ManualConnectionColumn\n onConnected={onConnected}\n testIdRoot={testIdRoot}\n initialBackend={initialManualBackend}\n requireApiKey={requireManualApiKey}\n submitLabel={manualSubmitLabel ?? t(I18nKey.BACKEND$CONNECT)}\n submittingLabel={\n manualSubmittingLabel ??\n t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING)\n }\n submitTestId={manualSubmitTestId}\n />\n </div>\n\n <div className=\"flex-1 min-w-0\">\n <CloudLoginColumn onConnected={onConnected} testIdRoot={testIdRoot} />\n </div>\n </div>\n );\n}\n\ninterface ManualConnectionColumnProps {\n onConnected: (payload: BackendFormSubmitPayload) => void;\n testIdRoot: string;\n initialBackend?: Partial<\n Pick<BackendFormSubmitPayload, \"name\" \| \"host\" \| \"apiKey\">\n >;\n requireApiKey: boolean;\n submitLabel: React.ReactNode;\n submittingLabel: React.ReactNode;\n submitTestId?: string;\n}\n\n/\n Manual connection via Host + API Key. Designed for self-hosted agent servers\n * and self-hosted OpenHands Cloud with API key auth.\n /\nfunction ManualConnectionColumn({\n onConnected,\n testIdRoot,\n initialBackend,\n requireApiKey,\n submitLabel,\n submittingLabel,\n submitTestId,\n}: ManualConnectionColumnProps) {\n const { t } = useTranslation(\"openhands\");\n\n const {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind,\n canSubmit,\n handleSubmit,\n } = useBackendForm({\n initialName: initialBackend?.name ?? \"\",\n initialHost: initialBackend?.host ?? \"\",\n initialApiKey: initialBackend?.apiKey ?? \"\",\n onTestConnection: testBackendConnection,\n onSuccess: () => {\n onConnected({\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind,\n });\n },\n requireApiKey,\n });\n\n return (\n <form\n data-testid={`${testIdRoot}-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={`${testIdRoot}-name`}\n name={`${testIdRoot}-name`}\n type=\"text\"\n label={t(I18nKey.BACKEND$NAME_LABEL)}\n value={name}\n onChange={(value) => {\n setName(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\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={`${testIdRoot}-host`}\n name={`${testIdRoot}-host`}\n type=\"text\"\n label={t(I18nKey.BACKEND$HOST_LABEL)}\n value={host}\n onChange={(value) => {\n setHost(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"http://localhost:8000\"\n className=\"w-full\"\n />\n <p\n className=\"text-xs text-[var(--oh-muted)]\"\n data-testid={`${testIdRoot}-host-helper`}\n >\n {t(I18nKey.BACKEND$HOST_HELPER)}\n </p>\n </div>\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={(value) => {\n setApiKey(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"sk-••••••••••\"\n className=\"w-full\"\n />\n\n {connectionError ? (\n <div\n role=\"alert\"\n data-testid={`${testIdRoot}-error`}\n className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n >\n {connectionError}\n </div>\n ) : null}\n\n <BrandButton\n type=\"submit\"\n variant=\"secondary\"\n isDisabled={!canSubmit \|\| isSubmitting}\n testId={submitTestId ?? `${testIdRoot}-submit`}\n className=\"w-full text-center\"\n >\n {isSubmitting ? submittingLabel : submitLabel}\n </BrandButton>\n </form>\n );\n}\n\ninterface CloudLoginColumnProps {\n onConnected: (payload: BackendFormSubmitPayload) => void;\n testIdRoot: string;\n lockedHost?: string;\n}\n\n/\n One-click OAuth login with OpenHands Cloud. Includes an \"Advanced\"\n * disclosure for users who self-host OpenHands Cloud and need to override the\n * host.\n /\nfunction CloudLoginColumn({\n onConnected,\n testIdRoot,\n lockedHost,\n}: CloudLoginColumnProps) {\n const { t } = useTranslation(\"openhands\");\n\n const [advancedOpen, setAdvancedOpen] = React.useState(false);\n const [customHost, setCustomHost] = React.useState(\"\");\n\n const effectiveHost =\n lockedHost ?? (customHost.trim() \|\| DEFAULT_OPENHANDS_CLOUD_HOST);\n\n const handleLoginSuccess = (apiKey: string) => {\n onConnected({\n name: \"OpenHands Cloud\",\n host: normalizeHost(effectiveHost),\n apiKey,\n kind: \"cloud\",\n });\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={modalTitleLgMediumClassName}\n data-testid={`${testIdRoot}-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={testIdRoot}\n />\n\n {lockedHost ? null : (\n <div className=\"w-full\">\n <button\n type=\"button\"\n onClick={() => setAdvancedOpen((open) => !open)}\n aria-expanded={advancedOpen}\n data-testid={`${testIdRoot}-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={`${testIdRoot}-cloud-host`}\n name={`${testIdRoot}-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 )}\n </div>\n );\n}\n\nfunction AddBackendConnectionOptions({ onClose }: { onClose: () => void }) {\n const { addBackend } = useActiveBackendContext();\n const redirectAfterAdd = useRedirectAfterAddBackend();\n\n const handleConnected = React.useCallback(\n (payload: BackendFormSubmitPayload) => {\n addBackend(payload);\n redirectAfterAdd();\n onClose();\n },\n [addBackend, redirectAfterAdd, onClose],\n );\n\n return <BackendConnectionOptions onConnected={handleConnected} />;\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={modalTitleLgClassName}>\n {t(I18nKey.BACKEND$ADD_TITLE)}\n </h2>\n </div>\n\n <div className=\"px-6 pb-6 pt-2\">\n <AddBackendConnectionOptions onClose={onClose} />\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={cn(\"pr-6\", modalTitleLgClassName)}>\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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"}
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 { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { isOpenHandsCloudHost } from \"#/api/device-flow-client\";\nimport {\n assertAgentServerVersionIsSupported,\n getDisplayAgentServerVersion,\n} from \"#/api/agent-server-compatibility\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { getUserFacingConnectionErrorMessage } from \"#/utils/user-facing-error\";\nimport { cn } from \"#/utils/utils\";\nimport {\n modalTitleLgClassName,\n modalTitleLgMediumClassName,\n} from \"#/utils/modal-classes\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\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 /* Analytics surface for the `backend_added` event (add mode only). /\n source?: BackendAddedSource;\n}\n\n/\n Seed the default backend kind from the host. Uses proper hostname-suffix\n * matching (via {@link isOpenHandsCloudHost}) rather than a substring test, so\n * a look-alike host such as `all-hands-testing.dev` isn't misread as cloud.\n \n This is only a default: a self-hosted OpenHands Cloud/Enterprise instance\n * on a truly custom domain is indistinguishable from a local agent-server by\n * host alone, so the manual add form lets the user override the kind\n * explicitly (see the Type selector in ManualConnectionColumn).\n /\nfunction inferKindFromHost(host: string): BackendKind {\n return isOpenHandsCloudHost(host) ? \"cloud\" : \"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\nexport type BackendConnectionMethod = \"manual\" \| \"cloud_login\";\n\nexport type BackendAddedSource = \"add_backend_modal\" \| \"manage_backends_modal\";\n\nfunction getConnectionTestFailedTitle(\n t: ReturnType<typeof useTranslation>[\"t\"],\n host: string,\n): string {\n return t(I18nKey.BACKEND$CONNECTION_TEST_FAILED, {\n host,\n interpolation: { escapeValue: false },\n });\n}\n\nfunction getConnectionErrorDetail(error: unknown): string \| null {\n return getUserFacingConnectionErrorMessage(error);\n}\n\nfunction getConnectionTestFailedMessage(title: string, error: unknown): string {\n const detail = getConnectionErrorDetail(error);\n return detail ? `${title}\\n${detail}` : title;\n}\n\nasync function testBackendConnection(\n backend: Pick<Backend, \"host\" \| \"apiKey\" \| \"kind\">,\n): Promise<void> {\n // Cloud backends authenticate via OAuth; preflight GET is not applicable.\n if (backend.kind !== \"local\") return;\n\n const serverInfo = await new ServerClient(\n getAgentServerClientOptions({\n host: backend.host,\n sessionApiKey: backend.apiKey \|\| null,\n timeout: 5000,\n }),\n ).getServerInfo();\n assertAgentServerVersionIsSupported(serverInfo);\n}\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 getDisplayAgentServerVersion(info);\n },\n retry: false,\n staleTime: 60_000,\n enabled: backend.kind === \"local\" && !disabled,\n });\n\n const statusLabel = getBackendStatusLabel(t, backend, health);\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 BackendFormSubmitPayload {\n name: string;\n host: string;\n apiKey: string;\n kind: BackendKind;\n}\n\ninterface UseBackendFormOptions {\n initialName?: string;\n initialHost?: string;\n initialApiKey?: string;\n /\n Called to test the connection. The hook does NOT call\n * `testBackendConnection` directly so callers can inject a\n * wrapped version (e.g. with extra logging or different timeout).\n * Should throw on failure.\n /\n onTestConnection: (payload: BackendFormSubmitPayload) => Promise<void>;\n /* Called after a successful connection test and persistence. /\n onSuccess: () => void;\n /* Require a non-empty API key even when the host looks local. /\n requireApiKey?: boolean;\n /\n When provided, completely replaces the default submit flow\n * (onTestConnection + onSuccess). The hook still manages form state\n * and canSubmit validation, but the caller owns error handling and\n * success side effects. Should throw on failure.\n /\n onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/\n Shared hook for the backend-form state used by both `BackendForm`\n * (edit/add mode) and `ManualConnectionColumn` (add-mode-only column).\n * Encapsulates name / host / apiKey fields, `connectionError`,\n * `isSubmitting`, and the shared `handleSubmit` flow.\n /\nfunction useBackendForm({\n initialName = \"\",\n initialHost = \"\",\n initialApiKey = \"\",\n onTestConnection,\n onSuccess,\n requireApiKey = false,\n onSubmitOverride,\n}: UseBackendFormOptions) {\n const { t } = useTranslation(\"openhands\");\n\n const [name, setName] = React.useState(initialName);\n const [host, setHost] = React.useState(initialHost);\n const [apiKey, setApiKey] = React.useState(initialApiKey);\n const [connectionError, setConnectionError] = React.useState<string \| null>(\n null,\n );\n const [isSubmitting, setIsSubmitting] = React.useState(false);\n const [kindOverride, setKindOverride] = React.useState<BackendKind \| null>(\n null,\n );\n\n // Kind follows host inference until the user explicitly picks a type, then\n // respects that choice. A custom-domain OHE can't be distinguished from a\n // custom-domain local agent-server by host alone, so ManualConnectionColumn\n // exposes `setKind` (a Type selector) to let the user declare it.\n const kind = kindOverride ?? inferKindFromHost(host);\n const needsApiKey = requireApiKey \|\| kind !== \"local\";\n const canSubmit =\n name.trim().length > 0 &&\n isValidHostUrl(host) &&\n (!needsApiKey \|\| apiKey.trim().length > 0);\n\n const handleSubmit = React.useCallback(\n async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n if (!canSubmit \|\| isSubmitting) return;\n\n const payload: BackendFormSubmitPayload = {\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind,\n };\n\n setConnectionError(null);\n setIsSubmitting(true);\n\n try {\n // When onSubmitOverride is provided, it completely replaces the\n // default flow (onTestConnection + onSuccess).\n if (onSubmitOverride) {\n await onSubmitOverride(payload);\n } else {\n await onTestConnection(payload);\n onSuccess();\n }\n } catch (error) {\n setConnectionError(\n getConnectionTestFailedMessage(\n getConnectionTestFailedTitle(t, payload.host),\n error,\n ),\n );\n } finally {\n setIsSubmitting(false);\n }\n },\n [\n canSubmit,\n isSubmitting,\n name,\n host,\n apiKey,\n kind,\n onTestConnection,\n onSuccess,\n requireApiKey,\n onSubmitOverride,\n t,\n ],\n );\n\n return {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind,\n setKind: setKindOverride,\n canSubmit,\n handleSubmit,\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 isSubmitting: boolean;\n testIdRoot: string;\n }) => React.ReactNode;\n /* Used to disambiguate test ids across the same screen. /\n testIdRoot?: string;\n /* When true, the host field is pre-filled and disabled. /\n hostReadOnly?: boolean;\n /\n When true, a non-empty API key is required for submission regardless\n * of the inferred backend kind. The standard add form allows empty\n * keys for local backends; the auth-gate screen needs to enforce one.\n /\n requireApiKey?: boolean;\n /\n When true, hides the name/host/API-key inputs (and related inline\n * errors) while keeping the action row visible — used by onboarding\n * after a successful connection probe.\n /\n hideConfigurationFields?: boolean;\n /\n Replace the default synchronous add/update-and-close submit with a\n * custom async handler. The form builds the payload, validates\n * client-side, then hands it to this callback. If the callback throws,\n * the form remains open so the caller can surface errors.\n /\n onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\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 hostReadOnly,\n requireApiKey,\n hideConfigurationFields = false,\n onSubmitOverride,\n}: BackendFormProps) {\n const { t } = useTranslation(\"openhands\");\n const { addBackend, updateBackend } = useActiveBackendContext();\n\n // In edit mode preserve the existing backend's kind so that renaming or\n // rotating the API key on a cloud backend (e.g. an OHE/enterprise instance\n // on a custom domain) does not silently downgrade it to \"local\" and switch\n // the auth header from `Authorization: Bearer` to `X-Session-API-Key`.\n // Only infer from the host when adding a new backend.\n const fixedKind: BackendKind \| null =\n mode === \"edit\" && backend ? backend.kind : null;\n\n const {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind: inferredKind,\n handleSubmit: runSubmit,\n } = useBackendForm({\n initialName: backend?.name ?? \"\",\n initialHost: backend?.host ?? \"\",\n initialApiKey: backend?.apiKey ?? \"\",\n onTestConnection: testBackendConnection,\n onSuccess: async () => {\n const payload: BackendFormSubmitPayload = {\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind: fixedKind ?? inferredKind,\n };\n if (mode === \"edit\" && backend) {\n updateBackend(backend.id, payload);\n } else {\n addBackend(payload);\n }\n onSubmitted();\n },\n requireApiKey,\n onSubmitOverride,\n });\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 const kind = fixedKind ?? inferredKind;\n const testIdRoot =\n explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n const needsApiKey = requireApiKey \|\| kind !== \"local\";\n const canSubmit =\n name.trim().length > 0 &&\n isValidHostUrl(host) &&\n (!needsApiKey \|\| 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 = async (event: React.FormEvent<HTMLFormElement>) => {\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 await runSubmit(event);\n };\n\n return (\n <form\n data-testid={`${testIdRoot}-form`}\n onSubmit={handleSubmit}\n className=\"flex flex-col gap-4\"\n >\n <div\n data-testid={`${testIdRoot}-configuration-fields`}\n className={cn(\n \"flex flex-col gap-4\",\n hideConfigurationFields && \"hidden\",\n )}\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={(value) => {\n setName(value);\n setConnectionError(null);\n }}\n onBlur={() => setNameTouched(true)}\n // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\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={\n hostReadOnly\n ? undefined\n : (value) => {\n setHost(value);\n setConnectionError(null);\n }\n }\n onBlur={() => setHostTouched(true)}\n placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n className=\"w-full\"\n showRequiredTag\n error={hostError}\n isDisabled={hostReadOnly}\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={(value) => {\n setApiKey(value);\n setConnectionError(null);\n }}\n placeholder=\"\"\n className=\"w-full\"\n />\n\n {connectionError ? (\n <div\n role=\"alert\"\n data-testid={`${testIdRoot}-error`}\n className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n >\n {connectionError}\n </div>\n ) : null}\n\n {mode === \"edit\" && backend && (\n <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n )}\n </div>\n\n {renderActions ? (\n renderActions({\n canSubmit: canSubmit && !isSubmitting,\n isSubmitting,\n testIdRoot,\n })\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 \|\| isSubmitting}\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\ninterface BackendConnectionOptionsProps {\n onConnected: (\n payload: BackendFormSubmitPayload,\n connectionMethod: BackendConnectionMethod,\n ) => void;\n testIdRoot?: string;\n initialManualBackend?: Partial<\n Pick<BackendFormSubmitPayload, \"name\" \| \"host\" \| \"apiKey\">\n >;\n requireManualApiKey?: boolean;\n manualSubmitLabel?: React.ReactNode;\n manualSubmittingLabel?: React.ReactNode;\n manualSubmitTestId?: string;\n}\n\n/\n Manual agent-server connection plus OpenHands Cloud OAuth login.\n * Used by both the Add Backend modal and the onboarding backend step so\n * supported backend choices stay consistent across first-run and settings UI.\n /\nexport function BackendConnectionOptions({\n onConnected,\n testIdRoot = \"add-backend\",\n initialManualBackend,\n requireManualApiKey = false,\n manualSubmitLabel,\n manualSubmittingLabel,\n manualSubmitTestId,\n}: BackendConnectionOptionsProps) {\n const { t } = useTranslation(\"openhands\");\n const lockedCloudHost = getLockedCloudHost();\n\n if (lockedCloudHost) {\n return (\n <div\n data-testid={`${testIdRoot}-connection-options`}\n className=\"flex justify-center\"\n >\n <div className=\"w-full\">\n <CloudLoginColumn\n onConnected={onConnected}\n testIdRoot={testIdRoot}\n lockedHost={lockedCloudHost}\n />\n </div>\n </div>\n );\n }\n\n return (\n <div\n data-testid={`${testIdRoot}-connection-options`}\n className=\"flex flex-col gap-6 md:flex-row\"\n >\n <div className=\"flex-1 min-w-0\">\n <ManualConnectionColumn\n onConnected={onConnected}\n testIdRoot={testIdRoot}\n initialBackend={initialManualBackend}\n requireApiKey={requireManualApiKey}\n submitLabel={manualSubmitLabel ?? t(I18nKey.BACKEND$CONNECT)}\n submittingLabel={\n manualSubmittingLabel ??\n t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING)\n }\n submitTestId={manualSubmitTestId}\n />\n </div>\n\n <div className=\"flex-1 min-w-0\">\n <CloudLoginColumn onConnected={onConnected} testIdRoot={testIdRoot} />\n </div>\n </div>\n );\n}\n\ninterface ManualConnectionColumnProps {\n onConnected: (\n payload: BackendFormSubmitPayload,\n connectionMethod: BackendConnectionMethod,\n ) => void;\n testIdRoot: string;\n initialBackend?: Partial<\n Pick<BackendFormSubmitPayload, \"name\" \| \"host\" \| \"apiKey\">\n >;\n requireApiKey: boolean;\n submitLabel: React.ReactNode;\n submittingLabel: React.ReactNode;\n submitTestId?: string;\n}\n\n/\n Manual connection via Host + API Key. Designed for self-hosted agent servers\n * and self-hosted OpenHands Cloud with API key auth.\n /\nfunction ManualConnectionColumn({\n onConnected,\n testIdRoot,\n initialBackend,\n requireApiKey,\n submitLabel,\n submittingLabel,\n submitTestId,\n}: ManualConnectionColumnProps) {\n const { t } = useTranslation(\"openhands\");\n\n const {\n name,\n setName,\n host,\n setHost,\n apiKey,\n setApiKey,\n connectionError,\n setConnectionError,\n isSubmitting,\n kind,\n setKind,\n canSubmit,\n handleSubmit,\n } = useBackendForm({\n initialName: initialBackend?.name ?? \"\",\n initialHost: initialBackend?.host ?? \"\",\n initialApiKey: initialBackend?.apiKey ?? \"\",\n onTestConnection: testBackendConnection,\n onSuccess: () => {\n onConnected(\n {\n name: name.trim(),\n host: normalizeHost(host),\n apiKey: apiKey.trim(),\n kind,\n },\n \"manual\",\n );\n },\n requireApiKey,\n });\n\n return (\n <form\n data-testid={`${testIdRoot}-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={`${testIdRoot}-name`}\n name={`${testIdRoot}-name`}\n type=\"text\"\n label={t(I18nKey.BACKEND$NAME_LABEL)}\n value={name}\n onChange={(value) => {\n setName(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\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={`${testIdRoot}-host`}\n name={`${testIdRoot}-host`}\n type=\"text\"\n label={t(I18nKey.BACKEND$HOST_LABEL)}\n value={host}\n onChange={(value) => {\n setHost(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"http://localhost:8000\"\n className=\"w-full\"\n />\n <p\n className=\"text-xs text-[var(--oh-muted)]\"\n data-testid={`${testIdRoot}-host-helper`}\n >\n {t(I18nKey.BACKEND$HOST_HELPER)}\n </p>\n </div>\n\n <div className=\"flex flex-col items-start gap-2.5\">\n <span className=\"text-sm\">{t(I18nKey.BACKEND$KIND_LABEL)}</span>\n <SegmentedToggle<BackendKind>\n value={kind}\n options={[\n { value: \"local\", label: t(I18nKey.BACKEND$KIND_LOCAL) },\n { value: \"cloud\", label: t(I18nKey.BACKEND$KIND_CLOUD) },\n ]}\n onChange={(value) => setKind(value)}\n ariaLabel={t(I18nKey.BACKEND$KIND_LABEL)}\n testId={`${testIdRoot}-kind`}\n />\n </div>\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={(value) => {\n setApiKey(value);\n setConnectionError(null);\n }}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"sk-••••••••••\"\n className=\"w-full\"\n />\n\n {connectionError ? (\n <div\n role=\"alert\"\n data-testid={`${testIdRoot}-error`}\n className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n >\n {connectionError}\n </div>\n ) : null}\n\n <BrandButton\n type=\"submit\"\n variant=\"secondary\"\n isDisabled={!canSubmit \|\| isSubmitting}\n testId={submitTestId ?? `${testIdRoot}-submit`}\n className=\"w-full text-center\"\n >\n {isSubmitting ? submittingLabel : submitLabel}\n </BrandButton>\n </form>\n );\n}\n\ninterface CloudLoginColumnProps {\n onConnected: (\n payload: BackendFormSubmitPayload,\n connectionMethod: BackendConnectionMethod,\n ) => void;\n testIdRoot: string;\n lockedHost?: string;\n}\n\n/\n One-click OAuth login with OpenHands Cloud. Includes an \"Advanced\"\n * disclosure for users who self-host OpenHands Cloud and need to override the\n * host.\n /\nfunction CloudLoginColumn({\n onConnected,\n testIdRoot,\n lockedHost,\n}: CloudLoginColumnProps) {\n const { t } = useTranslation(\"openhands\");\n\n const [advancedOpen, setAdvancedOpen] = React.useState(false);\n const [customHost, setCustomHost] = React.useState(\"\");\n\n const effectiveHost =\n lockedHost ?? (customHost.trim() \|\| DEFAULT_OPENHANDS_CLOUD_HOST);\n\n const handleLoginSuccess = (apiKey: string) => {\n onConnected(\n {\n name: \"OpenHands Cloud\",\n host: normalizeHost(effectiveHost),\n apiKey,\n kind: \"cloud\",\n },\n \"cloud_login\",\n );\n };\n\n return (\n <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3 pb-7\">\n <div className=\"flex flex-col items-center gap-1\">\n <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n <h4\n className={modalTitleLgMediumClassName}\n data-testid={`${testIdRoot}-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={testIdRoot}\n />\n\n {lockedHost ? null : (\n <div className=\"w-full\">\n <button\n type=\"button\"\n onClick={() => setAdvancedOpen((open) => !open)}\n aria-expanded={advancedOpen}\n data-testid={`${testIdRoot}-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={`${testIdRoot}-cloud-host`}\n name={`${testIdRoot}-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 )}\n </div>\n );\n}\n\nfunction AddBackendConnectionOptions({\n onClose,\n source,\n}: {\n onClose: () => void;\n source: BackendAddedSource;\n}) {\n const { addBackend } = useActiveBackendContext();\n const redirectAfterAdd = useRedirectAfterAddBackend();\n const { trackBackendAdded } = useTracking();\n\n const handleConnected = React.useCallback(\n (\n payload: BackendFormSubmitPayload,\n connectionMethod: BackendConnectionMethod,\n ) => {\n addBackend(payload);\n // Coarse, non-sensitive host classification — never emit the raw host.\n const isOpenHandsCloud = payload.host === DEFAULT_OPENHANDS_CLOUD_HOST;\n trackBackendAdded({\n backendKind: payload.kind,\n connectionMethod,\n isOpenhandsCloud: isOpenHandsCloud,\n isCustomHost: !isOpenHandsCloud,\n hasApiKey: Boolean(payload.apiKey),\n source,\n });\n redirectAfterAdd();\n onClose();\n },\n [addBackend, redirectAfterAdd, onClose, trackBackendAdded, source],\n );\n\n return <BackendConnectionOptions onConnected={handleConnected} />;\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 source = \"add_backend_modal\",\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={modalTitleLgClassName}>\n {t(I18nKey.BACKEND$ADD_TITLE)}\n </h2>\n </div>\n\n <div className=\"px-6 pb-6 pt-2\">\n <AddBackendConnectionOptions onClose={onClose} source={source} />\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={cn(\"pr-6\", modalTitleLgClassName)}>\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/backends/backend-row.cjs CHANGED Viewed

@@ -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(`../../../node_modules/lucide-react/dist/esm/icons/pencil.cjs`),r=require(`../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.cjs`),i=require(`../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),a=require(`../../../utils/utils.cjs`),o=require(`../../../hooks/query/use-backends-health.cjs`),s=require(`./backend-status-label.cjs`),c=require(`./backend-status-dot.cjs`),l=require(`./device-flow-auth.cjs`),u=require(`./backend-version.cjs`);let d=require(`react/jsx-runtime`);var f=`inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white`;function p({backend:p,health:m,onSelect:h,onEdit:g,onRemove:_,onLogin:v}){let{t:y}=e.useTranslation(`openhands`),b=o.isInvalidBackendApiKeyHealthError(m?.lastError),x=p.kind===`cloud`&&o.isCloudBackendLoggedOutHealthError(m?.lastError),S=!b&&!x&&m?.isConnected===!1&&m.lastError?m.lastError:null,C=x?y(t.I18nKey.BACKEND$LOGGED_OUT):s.getBackendStatusLabel(y,p,m),w=m?.isConnected===!0?`text-green-300`:m?.isConnected===!1?`text-red-300`:`text-[var(--oh-muted)]`,T=b?!1:m?.isConnected??null,E=m?.isConnected===!0&&!b;return(0,d.jsxs)(`li`,{className:`flex items-stretch`,"data-testid":`manage-backends-row-${p.name}`,children:[(0,d.jsxs)(`button`,{type:`button`,disabled:!E,onClick:h,className:a.cn(`flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left`,E?`cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none`:`cursor-default`),children:[(0,d.jsx)(c.BackendStatusDot,{isConnected:T}),(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`truncate text-sm text-white`,children:p.name}),(0,d.jsx)(u.BackendVersion,{backend:p})]}),(0,d.jsx)(`span`,{className:`truncate text-xs text-[var(--oh-muted)]`,children:p.host}),(0,d.jsx)(`span`,{"data-testid":`manage-backends-status-${p.name}`,className:a.cn(`truncate text-xs`,w),children:C}),S?(0,d.jsx)(`span`,{"data-testid":`manage-backends-status-detail-${p.name}`,title:S,className:`text-xs text-red-300/80 whitespace-normal break-words`,children:S}):null]}),(0,d.jsx)(`span`,{className:`px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]`,children:p.kind===`cloud`?y(t.I18nKey.BACKEND$KIND_CLOUD):y(t.I18nKey.BACKEND$KIND_LOCAL)})]}),(0,d.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 px-3 py-3`,children:[x&&v?(0,d.jsx)(l.DeviceFlowAuth,{host:p.host,onSuccess:v,testIdRoot:`manage-backends-login-${p.id}`,idleButtonLabel:y(t.I18nKey.BACKEND$LOG_BACK_IN),idleButtonContent:(0,d.jsx)(r.RefreshCw,{className:`size-4`,strokeWidth:2,"aria-hidden":!0}),className:`w-auto`,buttonVariant:`unstyled`,buttonClassName:f,statusDisplay:`modal`}):null,(0,d.jsx)(`button`,{type:`button`,onClick:g,"aria-label":y(t.I18nKey.BACKEND$EDIT),"data-testid":`manage-backends-edit-${p.name}`,className:f,children:(0,d.jsx)(n.Pencil,{"aria-hidden":!0,className:`size-4`,strokeWidth:2})}),(0,d.jsx)(`button`,{type:`button`,onClick:_,"aria-label":y(t.I18nKey.BACKEND$REMOVE),"data-testid":`manage-backends-remove-${p.name}`,className:f,children:(0,d.jsx)(i.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2})})]})]})}exports.BackendRow=p;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../node_modules/lucide-react/dist/esm/icons/pencil.cjs`),r=require(`../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.cjs`),i=require(`../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),a=require(`../../../utils/utils.cjs`),o=require(`../../../api/agent-server-config.cjs`),s=require(`../../../hooks/query/use-backends-health.cjs`),c=require(`./backend-status-label.cjs`),l=require(`./backend-status-dot.cjs`),u=require(`./device-flow-auth.cjs`),d=require(`./backend-version.cjs`);let f=require(`react/jsx-runtime`);var p=`inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white`;function m({backend:m,health:h,orgLabel:g,onSelect:_,onEdit:v,onRemove:y,onLogin:b}){let{t:x}=e.useTranslation(`openhands`),S=s.isInvalidBackendApiKeyHealthError(h?.lastError),C=m.kind===`cloud`&&s.isCloudBackendLoggedOutHealthError(h?.lastError),w=!S&&!C&&h?.isConnected===!1&&h.lastError?h.lastError:null,T=C?x(t.I18nKey.BACKEND$LOGGED_OUT):c.getBackendStatusLabel(x,m,h),E=h?.isConnected===!0?`text-green-300`:h?.isConnected===!1?`text-red-300`:`text-[var(--oh-muted)]`,D=S?!1:h?.isConnected??null,O=h?.isConnected===!0&&!S,k=o.getLockedCloudHost();return(0,f.jsxs)(`li`,{className:`flex items-stretch`,"data-testid":`manage-backends-row-${m.name}`,children:[(0,f.jsxs)(`button`,{type:`button`,disabled:!O,onClick:_,className:a.cn(`flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left`,O?`cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none`:`cursor-default`),children:[(0,f.jsx)(l.BackendStatusDot,{isConnected:D}),(0,f.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(`span`,{className:`truncate text-sm text-white`,children:m.name}),(0,f.jsx)(d.BackendVersion,{backend:m})]}),g?(0,f.jsx)(`span`,{"data-testid":`manage-backends-org-${m.name}`,className:`truncate text-xs text-[var(--oh-text-secondary)]`,children:g}):null,(0,f.jsx)(`span`,{className:`truncate text-xs text-[var(--oh-muted)]`,children:m.host}),(0,f.jsx)(`span`,{"data-testid":`manage-backends-status-${m.name}`,className:a.cn(`truncate text-xs`,E),children:T}),w?(0,f.jsx)(`span`,{"data-testid":`manage-backends-status-detail-${m.name}`,title:w,className:`text-xs text-red-300/80 whitespace-normal break-words`,children:w}):null]}),(0,f.jsx)(`span`,{className:`px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]`,children:m.kind===`cloud`?x(t.I18nKey.BACKEND$KIND_CLOUD):x(t.I18nKey.BACKEND$KIND_LOCAL)})]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 px-3 py-3`,children:[C&&b?(0,f.jsx)(u.DeviceFlowAuth,{host:m.host,onSuccess:b,testIdRoot:`manage-backends-login-${m.id}`,idleButtonLabel:x(t.I18nKey.BACKEND$LOG_BACK_IN),idleButtonContent:(0,f.jsx)(r.RefreshCw,{className:`size-4`,strokeWidth:2,"aria-hidden":!0}),className:`w-auto`,buttonVariant:`unstyled`,buttonClassName:p,statusDisplay:`modal`}):null,!k&&(0,f.jsx)(`button`,{type:`button`,onClick:v,"aria-label":x(t.I18nKey.BACKEND$EDIT),"data-testid":`manage-backends-edit-${m.name}`,className:p,children:(0,f.jsx)(n.Pencil,{"aria-hidden":!0,className:`size-4`,strokeWidth:2})}),!k&&(0,f.jsx)(`button`,{type:`button`,onClick:y,"aria-label":x(t.I18nKey.BACKEND$REMOVE),"data-testid":`manage-backends-remove-${m.name}`,className:p,children:(0,f.jsx)(i.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2})})]})]})}exports.BackendRow=m;
 //# sourceMappingURL=backend-row.cjs.map

package/dist/components/features/backends/backend-row.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backend-row.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Pencil, RefreshCw, Trash2 } from \"lucide-react\";\n\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport {\n isCloudBackendLoggedOutHealthError,\n isInvalidBackendApiKeyHealthError,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { BackendVersion } from \"./backend-version\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n onLogin?: (apiKey: string) => void;\n}\n\nexport function BackendRow({\n backend,\n health,\n onSelect,\n onEdit,\n onRemove,\n onLogin,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n const isCloudLoggedOut =\n backend.kind === \"cloud\" &&\n isCloudBackendLoggedOutHealthError(health?.lastError);\n const statusDetail =\n !isInvalidApiKey &&\n !isCloudLoggedOut &&\n health?.isConnected === false &&\n health.lastError\n ? health.lastError\n : null;\n const statusLabel = isCloudLoggedOut\n ? t(I18nKey.BACKEND$LOGGED_OUT)\n : getBackendStatusLabel(t, backend, health);\n const statusClassName =\n health?.isConnected === true\n ? \"text-green-300\"\n : health?.isConnected === false\n ? \"text-red-300\"\n : \"text-[var(--oh-muted)]\";\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n {statusDetail ? (\n <span\n data-testid={`manage-backends-status-detail-${backend.name}`}\n title={statusDetail}\n className=\"text-xs text-red-300/80 whitespace-normal break-words\"\n >\n {statusDetail}\n </span>\n ) : null}\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-2 px-3 py-3\">\n {isCloudLoggedOut && onLogin ? (\n <DeviceFlowAuth\n host={backend.host}\n onSuccess={onLogin}\n testIdRoot={`manage-backends-login-${backend.id}`}\n idleButtonLabel={t(I18nKey.BACKEND$LOG_BACK_IN)}\n idleButtonContent={\n <RefreshCw className=\"size-4\" strokeWidth={2} aria-hidden />\n }\n className=\"w-auto\"\n buttonVariant=\"unstyled\"\n buttonClassName={ROW_ACTION_BUTTON_CLASS}\n statusDisplay=\"modal\"\n />\n ) : null}\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n </div>\n </li>\n );\n}\n"],"mappings":"~~2qBAgBA~~,IAAM,EACJ,~~iJAWF~~,SAAgB,EAAW,CACzB,UACA,SACA,WACA,SACA,WACA,WACkB,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAkB,EAAA,kCAAkC,GAAQ,UAAU,CACtE,EACJ,EAAQ,OAAS,SACjB,EAAA,mCAAmC,GAAQ,UAAU,CACjD,EACJ,CAAC,GACD,CAAC,GACD,GAAQ,cAAgB,IACxB,EAAO,UACH,EAAO,UACP,KACA,EAAc,EAChB,EAAE,EAAA,QAAQ,mBAAmB,CAC7B,EAAA,sBAAsB,EAAG,EAAS,EAAO,CACvC,EACJ,GAAQ,cAAgB,GACpB,iBACA,GAAQ,cAAgB,GACtB,eACA,yBACF,EAAY,EAAkB,GAAS,GAAQ,aAAe,KAC9D,EAAY,GAAQ,cAAgB,IAAQ,CAAC,~~EAEnD~~,OACE,EAAA,EAAA,MAAC,KAAD,CACE,UAAU,qBACV,cAAa,uBAAuB,EAAQ,gBAF9C,EAIE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,SAAU,CAAC,EACX,QAAS,EACT,UAAW,EAAA,GACT,6DACA,EACI,4HACA,iBACL,UATH,EAWE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,YAAa,EAAa,CAAA,EAC5C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAA+B,EAAQ,KAAY,CAAA,EACnE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAW,CAAA,CAChC,~~IACN~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAQ,KACJ,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,0BAA0B,EAAQ,OAC/C,UAAW,EAAA,GAAG,mBAAoB,EAAgB,UAEjD,EACI,CAAA,CACN,GACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,iCAAiC,EAAQ,OACtD,MAAO,EACP,UAAU,iEAET,EACI,CAAA,CACL,KACA,IACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6JACb,EAAQ,OAAS,QACd,EAAE,EAAA,QAAQ,mBAAmB,CAC7B,EAAE,EAAA,QAAQ,mBAAmB,CAC5B,CAAA,CACA,IACT,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sDAAf,CACG,GAAoB,GACnB,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,KAAM,EAAQ,KACd,UAAW,EACX,WAAY,yBAAyB,EAAQ,KAC7C,gBAAiB,EAAE,EAAA,QAAQ,oBAAoB,CAC/C,mBACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,SAAS,YAAa,EAAG,cAAA,GAAc,CAAA,CAE9D,UAAU,SACV,cAAc,WACd,gBAAiB,EACjB,cAAc,QACd,CAAA,CACA,~~MACJ~~,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAY,EAAE,EAAA,QAAQ,aAAa,CACnC,cAAa,wBAAwB,EAAQ,OAC7C,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,cAAA,GAAY,UAAU,SAAS,YAAa,EAAK,CAAA,CAClD,CAAA,~~EACT~~,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAY,EAAE,EAAA,QAAQ,eAAe,CACrC,cAAa,0BAA0B,EAAQ,OAC/C,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,cAAA,GAAY,UAAU,SAAS,YAAa,EAAK,CAAA,CAClD,CAAA,~~CACL~~,GACH"}
1	+ {"version":3,"file":"backend-row.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Pencil, RefreshCw, Trash2 } from \"lucide-react\";\n\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport {\n isCloudBackendLoggedOutHealthError,\n isInvalidBackendApiKeyHealthError,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { BackendVersion } from \"./backend-version\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n orgLabel?: string;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n onLogin?: (apiKey: string) => void;\n}\n\nexport function BackendRow({\n backend,\n health,\n orgLabel,\n onSelect,\n onEdit,\n onRemove,\n onLogin,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n const isCloudLoggedOut =\n backend.kind === \"cloud\" &&\n isCloudBackendLoggedOutHealthError(health?.lastError);\n const statusDetail =\n !isInvalidApiKey &&\n !isCloudLoggedOut &&\n health?.isConnected === false &&\n health.lastError\n ? health.lastError\n : null;\n const statusLabel = isCloudLoggedOut\n ? t(I18nKey.BACKEND$LOGGED_OUT)\n : getBackendStatusLabel(t, backend, health);\n const statusClassName =\n health?.isConnected === true\n ? \"text-green-300\"\n : health?.isConnected === false\n ? \"text-red-300\"\n : \"text-[var(--oh-muted)]\";\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n const lockedCloudHost = getLockedCloudHost();\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n {orgLabel ? (\n <span\n data-testid={`manage-backends-org-${backend.name}`}\n className=\"truncate text-xs text-[var(--oh-text-secondary)]\"\n >\n {orgLabel}\n </span>\n ) : null}\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n {statusDetail ? (\n <span\n data-testid={`manage-backends-status-detail-${backend.name}`}\n title={statusDetail}\n className=\"text-xs text-red-300/80 whitespace-normal break-words\"\n >\n {statusDetail}\n </span>\n ) : null}\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-2 px-3 py-3\">\n {isCloudLoggedOut && onLogin ? (\n <DeviceFlowAuth\n host={backend.host}\n onSuccess={onLogin}\n testIdRoot={`manage-backends-login-${backend.id}`}\n idleButtonLabel={t(I18nKey.BACKEND$LOG_BACK_IN)}\n idleButtonContent={\n <RefreshCw className=\"size-4\" strokeWidth={2} aria-hidden />\n }\n className=\"w-auto\"\n buttonVariant=\"unstyled\"\n buttonClassName={ROW_ACTION_BUTTON_CLASS}\n statusDisplay=\"modal\"\n />\n ) : null}\n {!lockedCloudHost && (\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n )}\n {!lockedCloudHost && (\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n )}\n </div>\n </li>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/backends/backend-row.d.ts CHANGED Viewed

@@ -3,10 +3,11 @@ import { type BackendHealth } from "#/hooks/query/use-backends-health";
 interface BackendRowProps {
     backend: Backend;
     health: BackendHealth | undefined;
+    orgLabel?: string;
     onSelect: () => void;
     onEdit: () => void;
     onRemove: () => void;
     onLogin?: (apiKey: string) => void;
 }
-export declare function BackendRow({ backend, health, onSelect, onEdit, onRemove, onLogin, }: BackendRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackendRow({ backend, health, orgLabel, onSelect, onEdit, onRemove, onLogin, }: BackendRowProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/backends/backend-row.js CHANGED Viewed

@@ -4,95 +4,101 @@ import { Pencil as n } from "../../../node_modules/lucide-react/dist/esm/icons/p
 import { RefreshCw as r } from "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Trash2 as i } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
 import { cn as a } from "../../../utils/utils.js";
-import { isCloudBackendLoggedOutHealthError as o, isInvalidBackendApiKeyHealthError as s } from "../../../hooks/query/use-backends-health.js";
-import { getBackendStatusLabel as c } from "./backend-status-label.js";
-import { BackendStatusDot as l } from "./backend-status-dot.js";
-import { DeviceFlowAuth as u } from "./device-flow-auth.js";
-import { BackendVersion as d } from "./backend-version.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { getLockedCloudHost as o } from "../../../api/agent-server-config.js";
+import { isCloudBackendLoggedOutHealthError as s, isInvalidBackendApiKeyHealthError as c } from "../../../hooks/query/use-backends-health.js";
+import { getBackendStatusLabel as l } from "./backend-status-label.js";
+import { BackendStatusDot as u } from "./backend-status-dot.js";
+import { DeviceFlowAuth as d } from "./device-flow-auth.js";
+import { BackendVersion as f } from "./backend-version.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/backends/backend-row.tsx
-var m = "inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white";
-function h({ backend: h, health: g, onSelect: _, onEdit: v, onRemove: y, onLogin: b }) {
-	let { t: x } = e("openhands"), S = s(g?.lastError), C = h.kind === "cloud" && o(g?.lastError), w = !S && !C && g?.isConnected === !1 && g.lastError ? g.lastError : null, T = C ? x(t.BACKEND$LOGGED_OUT) : c(x, h, g), E = g?.isConnected === !0 ? "text-green-300" : g?.isConnected === !1 ? "text-red-300" : "text-[var(--oh-muted)]", D = S ? !1 : g?.isConnected ?? null, O = g?.isConnected === !0 && !S;
-	return /* @__PURE__ */ p("li", {
+var h = "inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white";
+function g({ backend: g, health: _, orgLabel: v, onSelect: y, onEdit: b, onRemove: x, onLogin: S }) {
+	let { t: C } = e("openhands"), w = c(_?.lastError), T = g.kind === "cloud" && s(_?.lastError), E = !w && !T && _?.isConnected === !1 && _.lastError ? _.lastError : null, D = T ? C(t.BACKEND$LOGGED_OUT) : l(C, g, _), O = _?.isConnected === !0 ? "text-green-300" : _?.isConnected === !1 ? "text-red-300" : "text-[var(--oh-muted)]", k = w ? !1 : _?.isConnected ?? null, A = _?.isConnected === !0 && !w, j = o();
+	return /* @__PURE__ */ m("li", {
 		className: "flex items-stretch",
-		"data-testid": `manage-backends-row-${h.name}`,
-		children: [/* @__PURE__ */ p("button", {
+		"data-testid": `manage-backends-row-${g.name}`,
+		children: [/* @__PURE__ */ m("button", {
 			type: "button",
-			disabled: !O,
-			onClick: _,
-			className: a("flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left", O ? "cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none" : "cursor-default"),
+			disabled: !A,
+			onClick: y,
+			className: a("flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left", A ? "cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none" : "cursor-default"),
 			children: [
-				/* @__PURE__ */ f(l, { isConnected: D }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ p(u, { isConnected: k }),
+				/* @__PURE__ */ m("div", {
 					className: "flex min-w-0 flex-1 flex-col",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "truncate text-sm text-white",
-								children: h.name
-							}), /* @__PURE__ */ f(d, { backend: h })]
+								children: g.name
+							}), /* @__PURE__ */ p(f, { backend: g })]
 						}),
-						/* @__PURE__ */ f("span", {
+						v ? /* @__PURE__ */ p("span", {
+							"data-testid": `manage-backends-org-${g.name}`,
+							className: "truncate text-xs text-[var(--oh-text-secondary)]",
+							children: v
+						}) : null,
+						/* @__PURE__ */ p("span", {
 							className: "truncate text-xs text-[var(--oh-muted)]",
-							children: h.host
+							children: g.host
 						}),
-						/* @__PURE__ */ f("span", {
-							"data-testid": `manage-backends-status-${h.name}`,
-							className: a("truncate text-xs", E),
-							children: T
+						/* @__PURE__ */ p("span", {
+							"data-testid": `manage-backends-status-${g.name}`,
+							className: a("truncate text-xs", O),
+							children: D
 						}),
-						w ? /* @__PURE__ */ f("span", {
-							"data-testid": `manage-backends-status-detail-${h.name}`,
-							title: w,
+						E ? /* @__PURE__ */ p("span", {
+							"data-testid": `manage-backends-status-detail-${g.name}`,
+							title: E,
 							className: "text-xs text-red-300/80 whitespace-normal break-words",
-							children: w
+							children: E
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ f("span", {
+				/* @__PURE__ */ p("span", {
 					className: "px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]",
-					children: h.kind === "cloud" ? x(t.BACKEND$KIND_CLOUD) : x(t.BACKEND$KIND_LOCAL)
+					children: g.kind === "cloud" ? C(t.BACKEND$KIND_CLOUD) : C(t.BACKEND$KIND_LOCAL)
 				})
 			]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "flex shrink-0 items-center gap-2 px-3 py-3",
 			children: [
-				C && b ? /* @__PURE__ */ f(u, {
-					host: h.host,
-					onSuccess: b,
-					testIdRoot: `manage-backends-login-${h.id}`,
-					idleButtonLabel: x(t.BACKEND$LOG_BACK_IN),
-					idleButtonContent: /* @__PURE__ */ f(r, {
+				T && S ? /* @__PURE__ */ p(d, {
+					host: g.host,
+					onSuccess: S,
+					testIdRoot: `manage-backends-login-${g.id}`,
+					idleButtonLabel: C(t.BACKEND$LOG_BACK_IN),
+					idleButtonContent: /* @__PURE__ */ p(r, {
 						className: "size-4",
 						strokeWidth: 2,
 						"aria-hidden": !0
 					}),
 					className: "w-auto",
 					buttonVariant: "unstyled",
-					buttonClassName: m,
+					buttonClassName: h,
 					statusDisplay: "modal"
 				}) : null,
-				/* @__PURE__ */ f("button", {
+				!j && /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: v,
-					"aria-label": x(t.BACKEND$EDIT),
-					"data-testid": `manage-backends-edit-${h.name}`,
-					className: m,
-					children: /* @__PURE__ */ f(n, {
+					onClick: b,
+					"aria-label": C(t.BACKEND$EDIT),
+					"data-testid": `manage-backends-edit-${g.name}`,
+					className: h,
+					children: /* @__PURE__ */ p(n, {
 						"aria-hidden": !0,
 						className: "size-4",
 						strokeWidth: 2
 					})
 				}),
-				/* @__PURE__ */ f("button", {
+				!j && /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: y,
-					"aria-label": x(t.BACKEND$REMOVE),
-					"data-testid": `manage-backends-remove-${h.name}`,
-					className: m,
-					children: /* @__PURE__ */ f(i, {
+					onClick: x,
+					"aria-label": C(t.BACKEND$REMOVE),
+					"data-testid": `manage-backends-remove-${g.name}`,
+					className: h,
+					children: /* @__PURE__ */ p(i, {
 						"aria-hidden": !0,
 						className: "size-4",
 						strokeWidth: 2
@@ -103,6 +109,6 @@ function h({ backend: h, health: g, onSelect: _, onEdit: v, onRemove: y, onLogin
 	});
 }
 //#endregion
-export { h as BackendRow };
+export { g as BackendRow };
 //# sourceMappingURL=backend-row.js.map

package/dist/components/features/backends/backend-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backend-row.js","names":[],"sources":["../../../../src/components/features/backends/backend-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Pencil, RefreshCw, Trash2 } from \"lucide-react\";\n\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport {\n isCloudBackendLoggedOutHealthError,\n isInvalidBackendApiKeyHealthError,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { BackendVersion } from \"./backend-version\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n onLogin?: (apiKey: string) => void;\n}\n\nexport function BackendRow({\n backend,\n health,\n onSelect,\n onEdit,\n onRemove,\n onLogin,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n const isCloudLoggedOut =\n backend.kind === \"cloud\" &&\n isCloudBackendLoggedOutHealthError(health?.lastError);\n const statusDetail =\n !isInvalidApiKey &&\n !isCloudLoggedOut &&\n health?.isConnected === false &&\n health.lastError\n ? health.lastError\n : null;\n const statusLabel = isCloudLoggedOut\n ? t(I18nKey.BACKEND$LOGGED_OUT)\n : getBackendStatusLabel(t, backend, health);\n const statusClassName =\n health?.isConnected === true\n ? \"text-green-300\"\n : health?.isConnected === false\n ? \"text-red-300\"\n : \"text-[var(--oh-muted)]\";\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n {statusDetail ? (\n <span\n data-testid={`manage-backends-status-detail-${backend.name}`}\n title={statusDetail}\n className=\"text-xs text-red-300/80 whitespace-normal break-words\"\n >\n {statusDetail}\n </span>\n ) : null}\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-2 px-3 py-3\">\n {isCloudLoggedOut && onLogin ? (\n <DeviceFlowAuth\n host={backend.host}\n onSuccess={onLogin}\n testIdRoot={`manage-backends-login-${backend.id}`}\n idleButtonLabel={t(I18nKey.BACKEND$LOG_BACK_IN)}\n idleButtonContent={\n <RefreshCw className=\"size-4\" strokeWidth={2} aria-hidden />\n }\n className=\"w-auto\"\n buttonVariant=\"unstyled\"\n buttonClassName={ROW_ACTION_BUTTON_CLASS}\n statusDisplay=\"modal\"\n />\n ) : null}\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n </div>\n </li>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;AAgBA~~,IAAM,IACJ;~~AAWF~~,SAAgB,EAAW,EACzB,YACA,WACA,aACA,WACA,aACA,cACkB;CAClB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAkB,EAAkC,GAAQ,UAAU,EACtE,IACJ,EAAQ,SAAS,WACjB,EAAmC,GAAQ,UAAU,EACjD,IACJ,CAAC,KACD,CAAC,KACD,GAAQ,gBAAgB,MACxB,EAAO,YACH,EAAO,YACP,MACA,IAAc,IAChB,EAAE,EAAQ,mBAAmB,GAC7B,EAAsB,GAAG,GAAS,EAAO,EACvC,IACJ,GAAQ,gBAAgB,KACpB,mBACA,GAAQ,gBAAgB,KACtB,iBACA,0BACF,IAAY,IAAkB,KAAS,GAAQ,eAAe,MAC9D,IAAY,GAAQ,gBAAgB,MAAQ,CAAC;~~AAEnD~~,QACE,kBAAC,MAAD;EACE,WAAU;EACV,eAAa,uBAAuB,EAAQ;YAF9C,CAIE,kBAAC,UAAD;GACE,MAAK;GACL,UAAU,CAAC;GACX,SAAS;GACT,WAAW,EACT,8DACA,IACI,8HACA,iBACL;aATH;IAWE,kBAAC,GAAD,EAAkB,aAAa,GAAa,CAAA;IAC5C,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA+B,EAAQ;QAAY,CAAA,EACnE,kBAAC,GAAD,EAAyB,YAAW,CAAA,CAChC;;~~MACN~~,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA;MACP,kBAAC,QAAD;OACE,eAAa,0BAA0B,EAAQ;OAC/C,WAAW,EAAG,oBAAoB,EAAgB;iBAEjD;OACI,CAAA;MACN,IACC,kBAAC,QAAD;OACE,eAAa,iCAAiC,EAAQ;OACtD,OAAO;OACP,WAAU;iBAET;OACI,CAAA,GACL;MACA;;IACN,kBAAC,QAAD;KAAM,WAAU;eACb,EAAQ,SAAS,UACd,EAAE,EAAQ,mBAAmB,GAC7B,EAAE,EAAQ,mBAAmB;KAC5B,CAAA;IACA;MACT,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAoB,IACnB,kBAAC,GAAD;KACE,MAAM,EAAQ;KACd,WAAW;KACX,YAAY,yBAAyB,EAAQ;KAC7C,iBAAiB,EAAE,EAAQ,oBAAoB;KAC/C,mBACE,kBAAC,GAAD;MAAW,WAAU;MAAS,aAAa;MAAG,eAAA;MAAc,CAAA;KAE9D,WAAU;KACV,eAAc;KACd,iBAAiB;KACjB,eAAc;KACd,CAAA,GACA;~~IACJ~~,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAY,EAAE,EAAQ,aAAa;KACnC,eAAa,wBAAwB,EAAQ;KAC7C,WAAW;eAEX,kBAAC,GAAD;MAAQ,eAAA;MAAY,WAAU;MAAS,aAAa;MAAK,CAAA;KAClD,CAAA;~~IACT~~,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAY,EAAE,EAAQ,eAAe;KACrC,eAAa,0BAA0B,EAAQ;KAC/C,WAAW;eAEX,kBAAC,GAAD;MAAQ,eAAA;MAAY,WAAU;MAAS,aAAa;MAAK,CAAA;KAClD,CAAA;~~IACL~~;KACH"}
1	+ {"version":3,"file":"backend-row.js","names":[],"sources":["../../../../src/components/features/backends/backend-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Pencil, RefreshCw, Trash2 } from \"lucide-react\";\n\nimport { type Backend } from \"#/api/backend-registry/types\";\nimport {\n isCloudBackendLoggedOutHealthError,\n isInvalidBackendApiKeyHealthError,\n type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { BackendVersion } from \"./backend-version\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\n\nconst ROW_ACTION_BUTTON_CLASS =\n \"inline-flex cursor-pointer items-center justify-center rounded-md p-1 text-muted transition-colors hover:bg-interactive-hover hover:text-white\";\n\ninterface BackendRowProps {\n backend: Backend;\n health: BackendHealth \| undefined;\n orgLabel?: string;\n onSelect: () => void;\n onEdit: () => void;\n onRemove: () => void;\n onLogin?: (apiKey: string) => void;\n}\n\nexport function BackendRow({\n backend,\n health,\n orgLabel,\n onSelect,\n onEdit,\n onRemove,\n onLogin,\n}: BackendRowProps) {\n const { t } = useTranslation(\"openhands\");\n const isInvalidApiKey = isInvalidBackendApiKeyHealthError(health?.lastError);\n const isCloudLoggedOut =\n backend.kind === \"cloud\" &&\n isCloudBackendLoggedOutHealthError(health?.lastError);\n const statusDetail =\n !isInvalidApiKey &&\n !isCloudLoggedOut &&\n health?.isConnected === false &&\n health.lastError\n ? health.lastError\n : null;\n const statusLabel = isCloudLoggedOut\n ? t(I18nKey.BACKEND$LOGGED_OUT)\n : getBackendStatusLabel(t, backend, health);\n const statusClassName =\n health?.isConnected === true\n ? \"text-green-300\"\n : health?.isConnected === false\n ? \"text-red-300\"\n : \"text-[var(--oh-muted)]\";\n const dotStatus = isInvalidApiKey ? false : (health?.isConnected ?? null);\n const canSelect = health?.isConnected === true && !isInvalidApiKey;\n const lockedCloudHost = getLockedCloudHost();\n\n return (\n <li\n className=\"flex items-stretch\"\n data-testid={`manage-backends-row-${backend.name}`}\n >\n <button\n type=\"button\"\n disabled={!canSelect}\n onClick={onSelect}\n className={cn(\n \"flex min-w-0 flex-1 items-center gap-3 px-3 py-3 text-left\",\n canSelect\n ? \"cursor-pointer transition-colors hover:bg-interactive-hover focus-visible:bg-interactive-hover focus-visible:outline-none\"\n : \"cursor-default\",\n )}\n >\n <BackendStatusDot isConnected={dotStatus} />\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate text-sm text-white\">{backend.name}</span>\n <BackendVersion backend={backend} />\n </div>\n {orgLabel ? (\n <span\n data-testid={`manage-backends-org-${backend.name}`}\n className=\"truncate text-xs text-[var(--oh-text-secondary)]\"\n >\n {orgLabel}\n </span>\n ) : null}\n <span className=\"truncate text-xs text-[var(--oh-muted)]\">\n {backend.host}\n </span>\n <span\n data-testid={`manage-backends-status-${backend.name}`}\n className={cn(\"truncate text-xs\", statusClassName)}\n >\n {statusLabel}\n </span>\n {statusDetail ? (\n <span\n data-testid={`manage-backends-status-detail-${backend.name}`}\n title={statusDetail}\n className=\"text-xs text-red-300/80 whitespace-normal break-words\"\n >\n {statusDetail}\n </span>\n ) : null}\n </div>\n <span className=\"px-2 py-1 rounded-full text-[11px] uppercase tracking-wide text-[var(--oh-text-tertiary)] bg-[var(--oh-surface)] border border-[var(--oh-border)]\">\n {backend.kind === \"cloud\"\n ? t(I18nKey.BACKEND$KIND_CLOUD)\n : t(I18nKey.BACKEND$KIND_LOCAL)}\n </span>\n </button>\n <div className=\"flex shrink-0 items-center gap-2 px-3 py-3\">\n {isCloudLoggedOut && onLogin ? (\n <DeviceFlowAuth\n host={backend.host}\n onSuccess={onLogin}\n testIdRoot={`manage-backends-login-${backend.id}`}\n idleButtonLabel={t(I18nKey.BACKEND$LOG_BACK_IN)}\n idleButtonContent={\n <RefreshCw className=\"size-4\" strokeWidth={2} aria-hidden />\n }\n className=\"w-auto\"\n buttonVariant=\"unstyled\"\n buttonClassName={ROW_ACTION_BUTTON_CLASS}\n statusDisplay=\"modal\"\n />\n ) : null}\n {!lockedCloudHost && (\n <button\n type=\"button\"\n onClick={onEdit}\n aria-label={t(I18nKey.BACKEND$EDIT)}\n data-testid={`manage-backends-edit-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Pencil aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n )}\n {!lockedCloudHost && (\n <button\n type=\"button\"\n onClick={onRemove}\n aria-label={t(I18nKey.BACKEND$REMOVE)}\n data-testid={`manage-backends-remove-${backend.name}`}\n className={ROW_ACTION_BUTTON_CLASS}\n >\n <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n </button>\n )}\n </div>\n </li>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAM,IACJ;AAYF,SAAgB,EAAW,EACzB,YACA,WACA,aACA,aACA,WACA,aACA,cACkB;CAClB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAkB,EAAkC,GAAQ,UAAU,EACtE,IACJ,EAAQ,SAAS,WACjB,EAAmC,GAAQ,UAAU,EACjD,IACJ,CAAC,KACD,CAAC,KACD,GAAQ,gBAAgB,MACxB,EAAO,YACH,EAAO,YACP,MACA,IAAc,IAChB,EAAE,EAAQ,mBAAmB,GAC7B,EAAsB,GAAG,GAAS,EAAO,EACvC,IACJ,GAAQ,gBAAgB,KACpB,mBACA,GAAQ,gBAAgB,KACtB,iBACA,0BACF,IAAY,IAAkB,KAAS,GAAQ,eAAe,MAC9D,IAAY,GAAQ,gBAAgB,MAAQ,CAAC,GAC7C,IAAkB,GAAoB;AAE5C,QACE,kBAAC,MAAD;EACE,WAAU;EACV,eAAa,uBAAuB,EAAQ;YAF9C,CAIE,kBAAC,UAAD;GACE,MAAK;GACL,UAAU,CAAC;GACX,SAAS;GACT,WAAW,EACT,8DACA,IACI,8HACA,iBACL;aATH;IAWE,kBAAC,GAAD,EAAkB,aAAa,GAAa,CAAA;IAC5C,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA+B,EAAQ;QAAY,CAAA,EACnE,kBAAC,GAAD,EAAyB,YAAW,CAAA,CAChC;;MACL,IACC,kBAAC,QAAD;OACE,eAAa,uBAAuB,EAAQ;OAC5C,WAAU;iBAET;OACI,CAAA,GACL;MACJ,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA;MACP,kBAAC,QAAD;OACE,eAAa,0BAA0B,EAAQ;OAC/C,WAAW,EAAG,oBAAoB,EAAgB;iBAEjD;OACI,CAAA;MACN,IACC,kBAAC,QAAD;OACE,eAAa,iCAAiC,EAAQ;OACtD,OAAO;OACP,WAAU;iBAET;OACI,CAAA,GACL;MACA;;IACN,kBAAC,QAAD;KAAM,WAAU;eACb,EAAQ,SAAS,UACd,EAAE,EAAQ,mBAAmB,GAC7B,EAAE,EAAQ,mBAAmB;KAC5B,CAAA;IACA;MACT,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAoB,IACnB,kBAAC,GAAD;KACE,MAAM,EAAQ;KACd,WAAW;KACX,YAAY,yBAAyB,EAAQ;KAC7C,iBAAiB,EAAE,EAAQ,oBAAoB;KAC/C,mBACE,kBAAC,GAAD;MAAW,WAAU;MAAS,aAAa;MAAG,eAAA;MAAc,CAAA;KAE9D,WAAU;KACV,eAAc;KACd,iBAAiB;KACjB,eAAc;KACd,CAAA,GACA;IACH,CAAC,KACA,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAY,EAAE,EAAQ,aAAa;KACnC,eAAa,wBAAwB,EAAQ;KAC7C,WAAW;eAEX,kBAAC,GAAD;MAAQ,eAAA;MAAY,WAAU;MAAS,aAAa;MAAK,CAAA;KAClD,CAAA;IAEV,CAAC,KACA,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAY,EAAE,EAAQ,eAAe;KACrC,eAAa,0BAA0B,EAAQ;KAC/C,WAAW;eAEX,kBAAC,GAAD;MAAQ,eAAA;MAAY,WAAU;MAAS,aAAa;MAAK,CAAA;KAClD,CAAA;IAEP;KACH"}

package/dist/components/features/backends/backend-selector.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),i=require(`../../../node_modules/lucide-react/dist/esm/icons/settings.cjs`),a=require(`../../../utils/utils.cjs`),o=require(`../../../stores/conversation-store.cjs`),s=require(`../../../api/backend-registry/active-store.cjs`),c=require(`../../../contexts/active-backend-context.cjs`),ee=require(`../../shared/buttons/styled-tooltip.cjs`),l=require(`../../../utils/form-control-classes.cjs`),u=require(`../../../utils/dropdown-classes.cjs`),te=require(`../../shared/navigation-link.cjs`),d=require(`../../../hooks/query/use-cloud-organizations.cjs`),f=require(`../../../hooks/query/use-cloud-current-user-id.cjs`),p=require(`../../../ui/dropdown/dropdown.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),ne=require(`./environment-switch-store.cjs`),h=require(`./backend-status-dot.cjs`),re=require(`./add-backend-modal.cjs`),g=require(`./manage-backends-modal.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`),y=require(`react-router`);var b=`::`;function x(e,t){return t?`${e}${b}${t}`:e}function ie(e){let[t,n]=e.split(b);return{backendId:t,orgId:n??null}}function S(e){return(0,v.jsx)(h.BackendStatusDot,{isConnected:e?.isConnected??null})}function C(){return(0,v.jsx)(h.BackendStatusDot,{isConnected:`unavailable`})}function w(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:x(e.id,null),label:e.name,prefix:S(i[e.id])});for(let e of s){let o=n[e.id],s=S(i[e.id]);if(!o||o.orgs.length===0)a.push({value:x(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:x(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function T({openUpward:e=!1,hideTrigger:h=!1,defaultOpen:b=!1,onSelectOption:T,onOpenAddBackend:E,onOpenManageBackends:D,sidebarCollapsed:O=!1}={}){let{t:k}=t.useTranslation(`openhands`),{backends:A,active:j,setActive:M}=c.useActiveBackendContext(),N=d.useAllCloudOrganizations(),P=f.useCloudCurrentUserId(),F=m.useBackendsHealth(A),I=(0,y.useNavigate)(),ae=(0,y.useMatch)(`/settings`),oe=(0,y.useMatch)(`/settings/*`),L=(0,y.useMatch)(`/conversations/:conversationId`),R=(0,y.useMatch)(`/automations/:automationId`),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),U=k(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),W=_.default.useMemo(()=>w(A,U,N,P,F),[A,U,N,P,F]),G=s.isNoBackend(j.backend),K=k(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),q=x(j.backend.id,j.orgId),J=G?void 0:W.find(e=>e.value===q),Y=!!(ae||oe),X=k(n.I18nKey.SIDEBAR$SETTINGS),se=o.useConversationStore(e=>e.isRightPanelShown),ce=!O||L&&se?`top`:`left`,le=Object.values(N).some(e=>e.isLoading);_.default.useEffect(()=>{if(G||j.backend.kind!==`cloud`||j.orgId)return;let{backend:e}=j,t=N[e.id];if(!t||t.orgs.length===0)return;let n=P[e.id]?.userId??null,r=(n?t.orgs.find(e=>e.id===n):void 0)??t.orgs[0];r&&M(e.id,r.id)},[j,N,P,M,G]);let Z=_.default.useCallback(()=>{if(E){E(),T?.();return}B(!0)},[E,T]),Q=_.default.useCallback(()=>{if(D){D(),T?.();return}H(!0)},[D,T]),$=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),ue=_.default.useCallback(e=>{$(e),Z()},[Z,$]),de=_.default.useCallback(e=>{$(e),Z()},[Z,$]),fe=_.default.useCallback(e=>{$(e),Q()},[Q,$]),pe=_.default.useCallback(e=>{$(e),Q()},[Q,$]),me=(0,v.jsxs)(`div`,{className:u.dropdownMenuListClassName,children:[(0,v.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:de,onClick:ue,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,v.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(r.Plus,{width:16,height:16})}),k(n.I18nKey.BACKEND$ADD)]}),(0,v.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:pe,onClick:fe,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,v.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(i.Settings,{width:16,height:16})}),k(n.I18nKey.BACKEND$MANAGE)]})]}),he=_.default.useCallback(async e=>{if(e===q)return;let{backendId:t,orgId:n}=ie(e),r=A.find(e=>e.id===t);r&&(ne.triggerEnvironmentSwitch(W.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),L?I(`/conversations`):R&&I(`/automations`),M(r.id,n),T?.())},[q,A,L,R,I,W,M,k,T]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,v.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,v.jsx)(p.Dropdown,{testId:`backend-selector`,defaultValue:J??{value:q,label:G?K:j.backend.name,prefix:G?C():S(F[j.backend.id])},footer:me,openUpward:e,hideTrigger:h,defaultOpen:b,openOnHover:!h,onChange:e=>{e&&he(e.value)},placeholder:G?K:j.backend.name,loading:le,options:W,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${q}-${J?.label??``}`)}),h?null:(0,v.jsx)(ee.StyledTooltip,{content:X,placement:ce,offset:10,children:(0,v.jsx)(te.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":Y,"aria-label":X,className:Y?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,l.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,v.jsx)(i.Settings,{width:16,height:16})})})]}),z?(0,v.jsx)(re.AddBackendModal,{onClose:()=>B(!1)}):null,V?(0,v.jsx)(g.ManageBackendsModal,{onClose:()=>H(!1)}):null]})}exports.BackendSelector=T;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),i=require(`../../../node_modules/lucide-react/dist/esm/icons/settings.cjs`),a=require(`../../../utils/utils.cjs`),o=require(`../../../stores/conversation-store.cjs`),s=require(`../../../api/backend-registry/active-store.cjs`),c=require(`../../../contexts/active-backend-context.cjs`),l=require(`../../../utils/form-control-classes.cjs`),u=require(`../../shared/buttons/styled-tooltip.cjs`),d=require(`../../../utils/dropdown-classes.cjs`),f=require(`../../shared/navigation-link.cjs`),ee=require(`../../../hooks/query/use-cloud-organizations.cjs`),te=require(`../../../hooks/query/use-cloud-current-user-id.cjs`),p=require(`../../../ui/dropdown/dropdown.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),h=require(`./environment-switch-store.cjs`),g=require(`./backend-status-dot.cjs`),ne=require(`./add-backend-modal.cjs`),re=require(`./manage-backends-modal.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`),y=require(`react-router`);var b=`::`;function x(e,t){return t?`${e}${b}${t}`:e}function S(e){let[t,n]=e.split(b);return{backendId:t,orgId:n??null}}function C(e){return(0,v.jsx)(g.BackendStatusDot,{isConnected:e?.isConnected??null})}function ie(){return(0,v.jsx)(g.BackendStatusDot,{isConnected:`unavailable`})}function w(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:x(e.id,null),label:e.name,prefix:C(i[e.id])});for(let e of s){let o=n[e.id],s=C(i[e.id]);if(!o||o.orgs.length===0)a.push({value:x(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:x(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function T({openUpward:e=!1,hideTrigger:g=!1,defaultOpen:b=!1,onSelectOption:T,onOpenAddBackend:E,onOpenManageBackends:D,sidebarCollapsed:O=!1}={}){let{t:k}=t.useTranslation(`openhands`),{backends:A,active:j,setActive:M}=c.useActiveBackendContext(),N=ee.useAllCloudOrganizations(),P=te.useCloudCurrentUserId(),F=m.useBackendsHealth(A),I=(0,y.useNavigate)(),ae=(0,y.useMatch)(`/settings`),oe=(0,y.useMatch)(`/settings/*`),L=(0,y.useMatch)(`/conversations/:conversationId`),R=(0,y.useMatch)(`/automations/:automationId`),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),U=k(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),W=_.default.useMemo(()=>w(A,U,N,P,F),[A,U,N,P,F]),G=s.isNoBackend(j.backend),K=k(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),q=x(j.backend.id,j.orgId),J=G?void 0:W.find(e=>e.value===q),Y=!!(ae||oe),X=k(n.I18nKey.SIDEBAR$SETTINGS),se=o.useConversationStore(e=>e.isRightPanelShown),ce=!O||L&&se?`top`:`left`,le=Object.values(N).some(e=>e.isLoading);_.default.useEffect(()=>{if(G||j.backend.kind!==`cloud`||j.orgId)return;let{backend:e}=j,t=N[e.id];if(!t||t.orgs.length===0)return;let n=P[e.id]?.userId??null,r=(n?t.orgs.find(e=>e.id===n):void 0)??t.orgs[0];r&&M(e.id,r.id)},[j,N,P,M,G]);let Z=_.default.useCallback(()=>{if(E){E(),T?.();return}B(!0)},[E,T]),Q=_.default.useCallback(()=>{if(D){D(),T?.();return}H(!0)},[D,T]),$=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),ue=_.default.useCallback(e=>{$(e),Z()},[Z,$]),de=_.default.useCallback(e=>{$(e),Z()},[Z,$]),fe=_.default.useCallback(e=>{$(e),Q()},[Q,$]),pe=_.default.useCallback(e=>{$(e),Q()},[Q,$]),me=(0,v.jsxs)(`div`,{className:d.dropdownMenuListClassName,children:[(0,v.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:de,onClick:ue,className:a.cn(d.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,v.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(r.Plus,{width:16,height:16})}),k(n.I18nKey.BACKEND$ADD)]}),(0,v.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:pe,onClick:fe,className:a.cn(d.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,v.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(i.Settings,{width:16,height:16})}),k(n.I18nKey.BACKEND$MANAGE)]})]}),he=_.default.useCallback(async e=>{if(e===q)return;let{backendId:t,orgId:n}=S(e),r=A.find(e=>e.id===t);r&&(h.triggerEnvironmentSwitch(W.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),L?I(`/conversations`):R&&I(`/automations`),M(r.id,n),T?.())},[q,A,L,R,I,W,M,k,T]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,v.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,v.jsx)(p.Dropdown,{testId:`backend-selector`,defaultValue:J??{value:q,label:G?K:j.backend.name,prefix:G?ie():C(F[j.backend.id])},footer:me,openUpward:e,hideTrigger:g,defaultOpen:b,openOnHover:!g,onChange:e=>{e&&he(e.value)},placeholder:G?K:j.backend.name,loading:le,options:W,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${q}-${J?.label??``}`)}),g?null:(0,v.jsx)(u.StyledTooltip,{content:X,placement:ce,offset:10,children:(0,v.jsx)(f.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":Y,"aria-label":X,className:Y?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,l.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,v.jsx)(i.Settings,{width:16,height:16})})})]}),z?(0,v.jsx)(ne.AddBackendModal,{onClose:()=>B(!1)}):null,V?(0,v.jsx)(re.ManageBackendsModal,{onClose:()=>H(!1)}):null]})}exports.BackendSelector=T;
 //# sourceMappingURL=backend-selector.cjs.map