npm - @openhands/agent-canvas - Versions diffs - 1.0.0-alpha.9 → 1.0.0-beta.2 - Mend

@openhands/agent-canvas 1.0.0-alpha.9 → 1.0.0-beta.2

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 (370) hide show

package/dist/api/conversation-service/agent-server-conversation-service.api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"agent-server-conversation-service.api.js","names":[],"sources":["../../../src/api/conversation-service/agent-server-conversation-service.api.ts"],"sourcesContent":["import {\n ConversationSortOrder,\n type LLMConfig,\n} from \"@openhands/typescript-client\";\nimport {\n ConversationClient,\n FileClient,\n ProfilesClient,\n VSCodeClient,\n} from \"@openhands/typescript-client/clients\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { Provider } from \"#/types/settings\";\nimport type { ConversationRuntimeContext } from \"#/api/conversation-file-upload.api\";\nimport { buildHttpBaseUrl } from \"#/utils/websocket-url\";\nimport {\n buildConversationWorkingDir,\n getAgentServerWorkingDir,\n} from \"../agent-server-config\";\nimport {\n getActiveBackend,\n getEffectiveLocalBackend,\n} from \"../backend-registry/active-store\";\nimport { callCloudProxy } from \"../cloud/proxy\";\nimport {\n batchGetCloudConversations,\n createCloudAppConversation,\n deleteCloudConversation,\n downloadCloudConversation,\n getCloudAppConversationStartTask,\n readCloudConversationFile,\n searchCloudConversations,\n updateCloudConversationPublicFlag,\n} from \"../cloud/conversation-service.api\";\nimport {\n DirectConversationInfo,\n buildStartConversationRequestWithEncryptedSettings,\n emptyHooksResponse,\n getDefaultConversationTitle,\n toAppConversation,\n toConversationPage,\n} from \"../agent-server-adapter\";\nimport { GetVSCodeUrlResponse } from \"../open-hands.types\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\nimport SettingsService from \"../settings-service/settings-service.api\";\nimport {\n ConversationMetadata,\n getStoredConversationMetadata,\n removeStoredConversationMetadata,\n setStoredConversationMetadata,\n} from \"../conversation-metadata-store\";\nimport type {\n GetHooksResponse,\n PluginSpec,\n AppConversation,\n AppConversationPage,\n AppConversationStartRequest,\n AppConversationStartTask,\n MetricsSnapshot,\n RuntimeConversationInfo,\n SendMessageRequest,\n SendMessageResponse,\n} from \"./agent-server-conversation-service.types\";\n\nconst DEFAULT_CONVERSATION_TIMESTAMP = \"1970-01-01T00:00:00.000Z\";\nconst INVALID_CONVERSATION_RESPONSE_MESSAGE =\n \"Unable to load conversations because the selected agent server returned \" +\n \"data this UI does not understand. Check the backend URL/session key and \" +\n \"update the agent server if needed.\";\nconst INVALID_PROFILE_CONFIG_MESSAGE =\n \"Unable to switch LLM profiles because the selected agent server returned \" +\n \"profile data this UI does not understand. Check the backend URL/session \" +\n \"key and update the agent server if needed.\";\n\nfunction invalidConversationResponse(): Error {\n return new Error(INVALID_CONVERSATION_RESPONSE_MESSAGE);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction isLLMConfig(value: unknown): value is LLMConfig {\n return isRecord(value) && typeof value.model === \"string\";\n}\n\nfunction numberOrNull(value: unknown): number \| null {\n return typeof value === \"number\" ? value : null;\n}\n\nfunction numberOrZero(value: unknown): number {\n return typeof value === \"number\" ? value : 0;\n}\n\nfunction stringOrNull(value: unknown): string \| null {\n return typeof value === \"string\" ? value : null;\n}\n\nfunction readTimestamp(\n item: Record<string, unknown>,\n snakeKey: \"created_at\" \| \"updated_at\",\n camelKey: \"createdAt\" \| \"updatedAt\",\n): string {\n const value = item[snakeKey] ?? item[camelKey];\n return typeof value === \"string\" && value.trim()\n ? value\n : DEFAULT_CONVERSATION_TIMESTAMP;\n}\n\nfunction normalizeTokenUsage(\n value: unknown,\n): NonNullable<MetricsSnapshot[\"accumulated_token_usage\"]> \| null {\n if (!isRecord(value)) return null;\n\n return {\n prompt_tokens: numberOrZero(value.prompt_tokens),\n completion_tokens: numberOrZero(value.completion_tokens),\n cache_read_tokens: numberOrZero(value.cache_read_tokens),\n cache_write_tokens: numberOrZero(value.cache_write_tokens),\n context_window: numberOrZero(value.context_window),\n per_turn_token: numberOrZero(value.per_turn_token),\n };\n}\n\nfunction normalizeMetrics(value: unknown): MetricsSnapshot \| null {\n if (!isRecord(value)) return null;\n\n return {\n accumulated_cost: numberOrNull(value.accumulated_cost),\n max_budget_per_task: numberOrNull(value.max_budget_per_task),\n accumulated_token_usage: normalizeTokenUsage(value.accumulated_token_usage),\n };\n}\n\nfunction normalizeAgent(value: unknown): DirectConversationInfo[\"agent\"] {\n if (!isRecord(value)) return null;\n const llm = isRecord(value.llm)\n ? { model: stringOrNull(value.llm.model) }\n : null;\n // ``kind`` is the SDK's pydantic discriminator (``\"Agent\"`` vs ``\"ACPAgent\"``);\n // ``toAppConversation`` reads it to derive ``agent_kind``. ``acp_model`` is\n // the Canvas-configured model on the ACPAgent — preserved so the conversation\n // adapter and the conversation chip can fall back to it when the SDK runtime\n // model fields aren't populated. Preserving these here makes the wire path\n // agree with the unit-test path that builds ``DirectConversationInfo``\n // directly (e.g. ``__tests__/api/agent-server-adapter.test.ts``).\n return {\n kind: stringOrNull(value.kind),\n acp_model: stringOrNull(value.acp_model),\n llm,\n };\n}\n\nfunction normalizeWorkspace(\n value: unknown,\n): DirectConversationInfo[\"workspace\"] {\n if (!isRecord(value)) return null;\n return { working_dir: stringOrNull(value.working_dir) };\n}\n\n/*\n Accept the agent-server's ``tags: Record[str, str]`` payload defensively:\n * the wire shape is guaranteed by the server-side validator (keys\n * ``^[a-z0-9]+$``, string values), but a non-conforming response (older\n * server, raw API write, future schema drift) must never crash the parser\n * — Canvas only consumes ``acpserver`` and falls back to a generic chip\n * for anything it doesn't recognize. Drop entries whose value isn't a\n * plain string; return ``null`` when the wire field is absent or not an\n * object so consumers can use ``info.tags?.[KEY] ?? null`` uniformly.\n /\nfunction normalizeTags(value: unknown): Record<string, string> \| null {\n if (!isRecord(value)) return null;\n const tags: Record<string, string> = {};\n for (const [key, entry] of Object.entries(value)) {\n if (typeof entry === \"string\") {\n tags[key] = entry;\n }\n }\n return tags;\n}\n\nfunction normalizeAbsolutePath(path: string): string \| null {\n if (!path.startsWith(\"/\")) return null;\n\n const segments: string[] = [];\n for (const segment of path.split(\"/\")) {\n if (segment && segment !== \".\") {\n if (segment === \"..\") {\n if (!segments.length) return null;\n segments.pop();\n } else {\n segments.push(segment);\n }\n }\n }\n\n return `/${segments.join(\"/\")}`;\n}\n\nfunction requirePathInsideDirectory(path: string, directory: string): string {\n const normalizedPath = normalizeAbsolutePath(path);\n const normalizedDirectory = normalizeAbsolutePath(directory);\n\n if (\n !normalizedPath \|\|\n !normalizedDirectory \|\|\n (normalizedPath !== normalizedDirectory &&\n !normalizedPath.startsWith(`${normalizedDirectory}/`))\n ) {\n throw new Error(\"Conversation file path must stay inside the workspace\");\n }\n\n return normalizedPath;\n}\n\nfunction requireDirectConversationInfo(item: unknown): DirectConversationInfo {\n if (!isRecord(item) \|\| typeof item.id !== \"string\" \|\| !item.id.trim()) {\n throw invalidConversationResponse();\n }\n\n return {\n id: item.id.trim(),\n title: stringOrNull(item.title),\n created_at: readTimestamp(item, \"created_at\", \"createdAt\"),\n updated_at: readTimestamp(item, \"updated_at\", \"updatedAt\"),\n execution_status: stringOrNull(item.execution_status),\n sandbox_status: stringOrNull(item.sandbox_status),\n metrics: normalizeMetrics(item.metrics),\n agent: normalizeAgent(item.agent),\n workspace: normalizeWorkspace(item.workspace),\n tags: normalizeTags(item.tags),\n // SDK-runtime ACP model fields (populated when the agent-server supports\n // ``ConversationInfo.current_model_``). Consumed by the conversation\n // adapter to drive the per-card chip's model text. Older agent-servers\n // omit these — adapter handles ``undefined`` / ``null`` gracefully.\n current_model_id: stringOrNull(item.current_model_id),\n current_model_name: stringOrNull(item.current_model_name),\n };\n}\n\nfunction requireDirectConversationItems(\n items: unknown,\n): DirectConversationInfo[] {\n if (!Array.isArray(items)) {\n throw invalidConversationResponse();\n }\n return items.map(requireDirectConversationInfo);\n}\n\nfunction requireConversationSearchPage(page: unknown): {\n items: DirectConversationInfo[];\n next_page_id: string \| null;\n} {\n if (Array.isArray(page)) {\n return {\n items: requireDirectConversationItems(page),\n next_page_id: null,\n };\n }\n\n if (!isRecord(page)) {\n throw invalidConversationResponse();\n }\n\n return {\n items: requireDirectConversationItems(page.items),\n next_page_id:\n typeof page.next_page_id === \"string\" ? page.next_page_id : null,\n };\n}\n\nconst RUNTIME_STATUSES = new Set<string>([\n \"idle\",\n \"running\",\n \"paused\",\n \"waiting_for_confirmation\",\n \"finished\",\n \"error\",\n \"stuck\",\n]);\n\nfunction toRuntimeStatus(\n status: DirectConversationInfo[\"execution_status\"],\n): RuntimeConversationInfo[\"status\"] {\n const nextStatus = status ?? \"idle\";\n return (\n RUNTIME_STATUSES.has(nextStatus) ? nextStatus : \"idle\"\n ) as RuntimeConversationInfo[\"status\"];\n}\n\nfunction requireAppConversation(\n conversation: AppConversation \| null \| undefined,\n conversationId: string,\n): AppConversation {\n if (!conversation) {\n throw new Error(`Conversation ${conversationId} was not found`);\n }\n return conversation;\n}\n\nclass AgentServerConversationService {\n static async sendMessage(\n conversationId: string,\n message: SendMessageRequest,\n runtime?: ConversationRuntimeContext \| null,\n ): Promise<SendMessageResponse> {\n const active = getActiveBackend().backend;\n let conversationUrl = runtime?.conversationUrl ?? null;\n let sessionApiKey = runtime?.sessionApiKey ?? null;\n\n if (active.kind === \"cloud\") {\n if (!conversationUrl \|\| !sessionApiKey) {\n const [conversation] = await batchGetCloudConversations([\n conversationId,\n ]);\n conversationUrl = conversation?.conversation_url?.trim() ?? null;\n sessionApiKey = conversation?.session_api_key?.trim() ?? null;\n }\n\n if (!conversationUrl \|\| !sessionApiKey) {\n throw new Error(\n \"Conversation sandbox is still starting. Wait for it to finish, then try again.\",\n );\n }\n\n await callCloudProxy({\n backend: active,\n method: \"POST\",\n hostOverride: buildHttpBaseUrl(conversationUrl),\n path: `/api/conversations/${conversationId}/events`,\n body: { ...message, run: true },\n authMode: \"session-api-key\",\n sessionApiKey,\n });\n\n return message;\n }\n\n await new ConversationClient(\n getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n ).sendEvent(conversationId, message, {\n run: true,\n });\n\n return message;\n }\n\n static async createConversation(\n initialUserMsg?: string,\n conversationInstructions?: string,\n plugins?: PluginSpec[],\n metadata?: ConversationMetadata \| null,\n workingDirOverride?: string,\n parentConversationId?: string,\n agentType?: \"default\" \| \"plan\",\n sandboxId?: string,\n ): Promise<AppConversationStartTask> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n // Cloud path mirrors OpenHands' frontend: build a flat\n // AppConversationStartRequest, POST /api/v1/app-conversations\n // (returns a WORKING task), and let the conversation route's\n // useTaskPolling drive it to READY. NO encrypted-settings\n // round-trip — the cloud backend holds secrets server-side.\n const request: AppConversationStartRequest = {\n initial_message: initialUserMsg\n ? {\n role: \"user\",\n content: [{ type: \"text\", text: initialUserMsg }],\n }\n : null,\n title: conversationInstructions ?? null,\n selected_repository: metadata?.selected_repository ?? null,\n selected_branch: metadata?.selected_branch ?? null,\n git_provider: metadata?.git_provider ?? null,\n plugins: plugins ?? null,\n parent_conversation_id: parentConversationId ?? null,\n agent_type: agentType,\n sandbox_id: sandboxId ?? null,\n };\n return createCloudAppConversation(request);\n }\n\n const settings = await SettingsService.getSettings();\n const conversationId = uuidv4();\n const workingDir =\n workingDirOverride ?? buildConversationWorkingDir(conversationId);\n\n // Use encrypted settings to avoid exposing secrets in the browser\n const payload = await buildStartConversationRequestWithEncryptedSettings({\n settings,\n query: initialUserMsg,\n conversationInstructions,\n plugins,\n conversationId,\n workingDir,\n });\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).createConversation<DirectConversationInfo>(payload);\n\n if (metadata?.selected_repository \|\| workingDirOverride) {\n // The agent-server runtime has no concept of selected repo/branch/\n // workspace, so persist the home-page selection client-side.\n // `toAppConversation` reads the repo/branch fields back to hydrate\n // the chat-page badges; `useHasAttachedSource` reads\n // `selected_workspace` to default the Files tab to Diff mode when\n // the user explicitly attached a local workspace.\n setStoredConversationMetadata(data.id, {\n selected_repository: metadata?.selected_repository ?? null,\n selected_branch: metadata?.selected_branch ?? null,\n git_provider: metadata?.git_provider ?? null,\n selected_workspace: workingDirOverride ?? null,\n });\n }\n\n return {\n id: data.id,\n created_by_user_id: null,\n status: \"READY\",\n detail: null,\n app_conversation_id: data.id,\n agent_server_url: getEffectiveLocalBackend().host,\n request: {\n initial_message: payload.initial_message as\n \| AppConversationStartRequest[\"initial_message\"]\n \| undefined,\n plugins: plugins ?? null,\n },\n created_at: data.created_at,\n updated_at: data.updated_at,\n };\n }\n\n static async getStartTask(\n taskId: string,\n ): Promise<AppConversationStartTask \| null> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return getCloudAppConversationStartTask(taskId);\n }\n // Local agent-server creates conversations synchronously — every\n // local \"task\" is already READY when createConversation returns, so\n // there's nothing to poll for.\n return null;\n }\n\n static async getVSCodeUrl(\n conversationId: string,\n conversationUrl: string \| null \| undefined,\n sessionApiKey?: string \| null,\n ): Promise<GetVSCodeUrlResponse> {\n // Local-only path. Cloud conversations read the VSCode URL straight\n // from the cloud-computed `sandbox.exposed_urls` (see\n // `useUnifiedVSCodeUrl` + `useCloudSandbox`); the runtime's own\n // `/api/vscode/url` only knows its internal `localhost:8001`, which\n // the user's browser can't reach.\n const workspaceDir =\n await this.resolveConversationWorkingDir(conversationId);\n // Local mode: the typescript-client targets the local agent-server\n // directly via the conversationUrl override.\n const vscodeUrl = await new VSCodeClient(\n getAgentServerClientOptions({\n conversationUrl,\n sessionApiKey,\n }),\n ).getUrl({\n baseUrl:\n typeof window !== \"undefined\" ? window.location.origin : undefined,\n workspaceDir,\n });\n\n return { vscode_url: vscodeUrl };\n }\n\n static async resolveConversationWorkingDir(\n conversationId: string,\n ): Promise<string> {\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return conversation?.workspace?.working_dir ?? getAgentServerWorkingDir();\n }\n\n static async batchGetAppConversations(\n ids: string[],\n ): Promise<(AppConversation \| null)[]> {\n if (ids.length === 0) return [];\n\n if (getActiveBackend().backend.kind === \"cloud\") {\n return batchGetCloudConversations(ids);\n }\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).getConversations<DirectConversationInfo>(ids);\n\n return requireDirectConversationItems(data).map((item) =>\n toAppConversation(item),\n );\n }\n\n static async updateConversationPublicFlag(\n conversationId: string,\n isPublic: boolean,\n ): Promise<AppConversation> {\n if (getActiveBackend().backend.kind !== \"cloud\") {\n throw new Error(\"Public sharing requires a cloud backend.\");\n }\n return updateCloudConversationPublicFlag(conversationId, isPublic);\n }\n\n static async updateConversationRepository(\n conversationId: string,\n repository: string \| null,\n branch?: string \| null,\n gitProvider?: string \| null,\n ): Promise<AppConversation> {\n if (repository) {\n const existing = getStoredConversationMetadata(conversationId);\n setStoredConversationMetadata(conversationId, {\n ...(existing ?? {}),\n selected_repository: repository,\n selected_branch: branch ?? null,\n git_provider: (gitProvider as Provider \| null \| undefined) ?? null,\n });\n } else {\n removeStoredConversationMetadata(conversationId);\n }\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return requireAppConversation(conversation, conversationId);\n }\n\n static async readConversationFile(\n conversationId: string,\n filePath?: string,\n ): Promise<string> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n // Cloud exposes a per-conversation file endpoint; the sandbox\n // working dir is fixed (`/workspace/project`), so PLAN.md lives at\n // a known absolute path. Mirrors OpenHands' readConversationFile.\n const path = requirePathInsideDirectory(\n filePath ?? \"/workspace/project/.agents_tmp/PLAN.md\",\n \"/workspace/project\",\n );\n return readCloudConversationFile(conversationId, path);\n }\n\n const workingDir = await this.resolveConversationWorkingDir(conversationId);\n const path = requirePathInsideDirectory(\n filePath ?? `${workingDir}/.agents_tmp/PLAN.md`,\n workingDir,\n );\n return new FileClient(getAgentServerClientOptions()).downloadTextFile(path);\n }\n\n static async downloadConversation(conversationId: string): Promise<Blob> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return downloadCloudConversation(conversationId);\n }\n\n return new FileClient(getAgentServerClientOptions()).downloadTrajectory(\n conversationId,\n );\n }\n\n static async getHooks(conversationId: string): Promise<GetHooksResponse> {\n if (!conversationId) {\n return emptyHooksResponse();\n }\n return emptyHooksResponse();\n }\n\n static async getRuntimeConversation(\n conversationId: string,\n conversationUrl: string \| null \| undefined,\n sessionApiKey?: string \| null,\n ): Promise<RuntimeConversationInfo> {\n const active = getActiveBackend().backend;\n\n type RawRuntime = DirectConversationInfo & {\n stats?: RuntimeConversationInfo[\"stats\"];\n };\n\n // Cloud mode: route through the cloud-proxy to the runtime sandbox at\n // the conversation's runtime URL — same pattern as getVSCodeUrl. Local\n // mode forwards conversationUrl so the host explicitly resolves to the\n // conversation's runtime instead of falling back to the active backend.\n const response =\n active.kind === \"cloud\" && conversationUrl\n ? await callCloudProxy<RawRuntime>({\n backend: active,\n method: \"GET\",\n hostOverride: buildHttpBaseUrl(conversationUrl),\n path: `/api/conversations/${conversationId}`,\n authMode: \"session-api-key\",\n sessionApiKey,\n })\n : await new ConversationClient(\n getAgentServerClientOptions({\n conversationUrl,\n sessionApiKey,\n }),\n ).getConversation<RawRuntime>(conversationId);\n const data = requireDirectConversationInfo(response);\n const stats = isRecord(response) ? response.stats : null;\n\n return {\n id: data.id,\n title: data.title?.trim()\n ? data.title\n : getDefaultConversationTitle(data.id),\n metrics: normalizeMetrics(data.metrics),\n created_at: data.created_at,\n updated_at: data.updated_at,\n status: toRuntimeStatus(data.execution_status),\n stats: isRecord(stats) ? stats : { usage_to_metrics: {} },\n };\n }\n\n static async searchConversations(\n limit: number = 20,\n pageId?: string,\n ): Promise<AppConversationPage> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return searchCloudConversations(limit, pageId);\n }\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).searchConversations({\n limit,\n page_id: pageId,\n sort_order: ConversationSortOrder.UPDATED_AT_DESC,\n });\n\n return toConversationPage(requireConversationSearchPage(data));\n }\n\n static async deleteConversation(conversationId: string): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n await deleteCloudConversation(conversationId);\n } else {\n await new ConversationClient(\n getAgentServerClientOptions(),\n ).deleteConversation(conversationId);\n }\n removeStoredConversationMetadata(conversationId);\n }\n\n static async updateConversationTitle(\n conversationId: string,\n title: string,\n ): Promise<AppConversation> {\n await new ConversationClient(\n getAgentServerClientOptions(),\n ).updateConversation(conversationId, {\n title,\n });\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return requireAppConversation(conversation, conversationId);\n }\n\n /*\n Switches the LLM profile for the running conversation when one is open\n * (POST /switch_llm — per-conversation swap, doesn't change the user's\n * default profile). When called without a conversationId (home page),\n * falls back to POST /activate so the next conversation created picks up\n * the chosen profile.\n \n The /switch_llm body needs the LLM config, which we fetch with encrypted\n * secrets — same flow as conversation-start.\n /\n static async switchProfile(\n conversationId: string \| null,\n profileName: string,\n ): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n throw new Error(\n \"LLM profile switching is only supported for local agent-server backends.\",\n );\n }\n\n const profilesClient = new ProfilesClient(getAgentServerClientOptions());\n\n if (!conversationId) {\n await profilesClient.activateProfile(profileName);\n return;\n }\n\n const profile = await profilesClient.getProfile(profileName, {\n exposeSecrets: \"encrypted\",\n });\n if (!isLLMConfig(profile.config)) {\n throw new Error(INVALID_PROFILE_CONFIG_MESSAGE);\n }\n\n await new ConversationClient(getAgentServerClientOptions()).switchLLM(\n conversationId,\n profile.config,\n );\n }\n\n /\n Switches the model of a running ACP conversation in place (POST\n * /switch_acp_model — the ACP analog of {@link switchProfile}'s /switch_llm).\n * The agent-server calls the ACP wrapper's ``session/set_model`` on the live\n * session, preserving context. Mirrors {@link switchProfile}'s\n * local-backend-only guard and per-conversation ConversationClient call.\n \n Only valid once an ACP session exists (after the first message); the\n * agent-server returns 409 before then — the home/no-session default is\n * persisted via Settings instead (see ``use-switch-acp-model``).\n */\n static async switchAcpModel(\n conversationId: string,\n model: string,\n ): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n throw new Error(\n \"ACP model switching is only supported for local agent-server backends.\",\n );\n }\n\n await new ConversationClient(getAgentServerClientOptions()).switchAcpModel(\n conversationId,\n model,\n );\n }\n}\n\nexport default AgentServerConversationService;\n"],"mappings":"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"}
1	+ {"version":3,"file":"agent-server-conversation-service.api.js","names":[],"sources":["../../../src/api/conversation-service/agent-server-conversation-service.api.ts"],"sourcesContent":["import { ConversationSortOrder } from \"@openhands/typescript-client\";\nimport {\n ConversationClient,\n FileClient,\n ProfilesClient,\n VSCodeClient,\n} from \"@openhands/typescript-client/clients\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { Provider } from \"#/types/settings\";\nimport type { ConversationRuntimeContext } from \"#/api/conversation-file-upload.api\";\nimport { buildHttpBaseUrl } from \"#/utils/websocket-url\";\nimport {\n buildConversationWorkingDir,\n getAgentServerWorkingDir,\n} from \"../agent-server-config\";\nimport {\n getActiveBackend,\n getEffectiveLocalBackend,\n} from \"../backend-registry/active-store\";\nimport { callCloudProxy } from \"../cloud/proxy\";\nimport {\n batchGetCloudConversations,\n createCloudAppConversation,\n deleteCloudConversation,\n downloadCloudConversation,\n getCloudAppConversationStartTask,\n readCloudConversationFile,\n searchCloudConversations,\n updateCloudConversationPublicFlag,\n} from \"../cloud/conversation-service.api\";\nimport {\n DirectConversationInfo,\n buildStartConversationRequestWithEncryptedSettings,\n emptyHooksResponse,\n getDefaultConversationTitle,\n toAppConversation,\n toConversationPage,\n} from \"../agent-server-adapter\";\nimport { GetVSCodeUrlResponse } from \"../open-hands.types\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\nimport SettingsService from \"../settings-service/settings-service.api\";\nimport {\n ConversationMetadata,\n getStoredConversationMetadata,\n removeStoredConversationMetadata,\n setStoredConversationMetadata,\n} from \"../conversation-metadata-store\";\nimport type {\n GetHooksResponse,\n PluginSpec,\n AppConversation,\n AppConversationPage,\n AppConversationStartRequest,\n AppConversationStartTask,\n MetricsSnapshot,\n RuntimeConversationInfo,\n SendMessageRequest,\n SendMessageResponse,\n} from \"./agent-server-conversation-service.types\";\n\nconst DEFAULT_CONVERSATION_TIMESTAMP = \"1970-01-01T00:00:00.000Z\";\nconst INVALID_CONVERSATION_RESPONSE_MESSAGE =\n \"Unable to load conversations because the selected agent server returned \" +\n \"data this UI does not understand. Check the backend URL/session key and \" +\n \"update the agent server if needed.\";\nfunction invalidConversationResponse(): Error {\n return new Error(INVALID_CONVERSATION_RESPONSE_MESSAGE);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction numberOrNull(value: unknown): number \| null {\n return typeof value === \"number\" ? value : null;\n}\n\nfunction numberOrZero(value: unknown): number {\n return typeof value === \"number\" ? value : 0;\n}\n\nfunction stringOrNull(value: unknown): string \| null {\n return typeof value === \"string\" ? value : null;\n}\n\nfunction readTimestamp(\n item: Record<string, unknown>,\n snakeKey: \"created_at\" \| \"updated_at\",\n camelKey: \"createdAt\" \| \"updatedAt\",\n): string {\n const value = item[snakeKey] ?? item[camelKey];\n return typeof value === \"string\" && value.trim()\n ? value\n : DEFAULT_CONVERSATION_TIMESTAMP;\n}\n\nfunction normalizeTokenUsage(\n value: unknown,\n): NonNullable<MetricsSnapshot[\"accumulated_token_usage\"]> \| null {\n if (!isRecord(value)) return null;\n\n return {\n prompt_tokens: numberOrZero(value.prompt_tokens),\n completion_tokens: numberOrZero(value.completion_tokens),\n cache_read_tokens: numberOrZero(value.cache_read_tokens),\n cache_write_tokens: numberOrZero(value.cache_write_tokens),\n context_window: numberOrZero(value.context_window),\n per_turn_token: numberOrZero(value.per_turn_token),\n };\n}\n\nfunction normalizeMetrics(value: unknown): MetricsSnapshot \| null {\n if (!isRecord(value)) return null;\n\n return {\n accumulated_cost: numberOrNull(value.accumulated_cost),\n max_budget_per_task: numberOrNull(value.max_budget_per_task),\n accumulated_token_usage: normalizeTokenUsage(value.accumulated_token_usage),\n };\n}\n\nfunction normalizeAgent(value: unknown): DirectConversationInfo[\"agent\"] {\n if (!isRecord(value)) return null;\n const llm = isRecord(value.llm)\n ? { model: stringOrNull(value.llm.model) }\n : null;\n // ``kind`` is the SDK's pydantic discriminator (``\"Agent\"`` vs ``\"ACPAgent\"``);\n // ``toAppConversation`` reads it to derive ``agent_kind``. ``acp_model`` is\n // the Canvas-configured model on the ACPAgent — preserved so the conversation\n // adapter and the conversation chip can fall back to it when the SDK runtime\n // model fields aren't populated. Preserving these here makes the wire path\n // agree with the unit-test path that builds ``DirectConversationInfo``\n // directly (e.g. ``__tests__/api/agent-server-adapter.test.ts``).\n return {\n kind: stringOrNull(value.kind),\n acp_model: stringOrNull(value.acp_model),\n llm,\n };\n}\n\nfunction normalizeWorkspace(\n value: unknown,\n): DirectConversationInfo[\"workspace\"] {\n if (!isRecord(value)) return null;\n return { working_dir: stringOrNull(value.working_dir) };\n}\n\n/*\n Accept the agent-server's ``tags: Record[str, str]`` payload defensively:\n * the wire shape is guaranteed by the server-side validator (keys\n * ``^[a-z0-9]+$``, string values), but a non-conforming response (older\n * server, raw API write, future schema drift) must never crash the parser\n * — Canvas only consumes ``acpserver`` and falls back to a generic chip\n * for anything it doesn't recognize. Drop entries whose value isn't a\n * plain string; return ``null`` when the wire field is absent or not an\n * object so consumers can use ``info.tags?.[KEY] ?? null`` uniformly.\n /\nfunction normalizeTags(value: unknown): Record<string, string> \| null {\n if (!isRecord(value)) return null;\n const tags: Record<string, string> = {};\n for (const [key, entry] of Object.entries(value)) {\n if (typeof entry === \"string\") {\n tags[key] = entry;\n }\n }\n return tags;\n}\n\nfunction normalizeAbsolutePath(path: string): string \| null {\n if (!path.startsWith(\"/\")) return null;\n\n const segments: string[] = [];\n for (const segment of path.split(\"/\")) {\n if (segment && segment !== \".\") {\n if (segment === \"..\") {\n if (!segments.length) return null;\n segments.pop();\n } else {\n segments.push(segment);\n }\n }\n }\n\n return `/${segments.join(\"/\")}`;\n}\n\nfunction requirePathInsideDirectory(path: string, directory: string): string {\n const normalizedPath = normalizeAbsolutePath(path);\n const normalizedDirectory = normalizeAbsolutePath(directory);\n\n if (\n !normalizedPath \|\|\n !normalizedDirectory \|\|\n (normalizedPath !== normalizedDirectory &&\n !normalizedPath.startsWith(`${normalizedDirectory}/`))\n ) {\n throw new Error(\"Conversation file path must stay inside the workspace\");\n }\n\n return normalizedPath;\n}\n\nfunction requireDirectConversationInfo(item: unknown): DirectConversationInfo {\n if (!isRecord(item) \|\| typeof item.id !== \"string\" \|\| !item.id.trim()) {\n throw invalidConversationResponse();\n }\n\n return {\n id: item.id.trim(),\n title: stringOrNull(item.title),\n created_at: readTimestamp(item, \"created_at\", \"createdAt\"),\n updated_at: readTimestamp(item, \"updated_at\", \"updatedAt\"),\n execution_status: stringOrNull(item.execution_status),\n sandbox_status: stringOrNull(item.sandbox_status),\n metrics: normalizeMetrics(item.metrics),\n agent: normalizeAgent(item.agent),\n workspace: normalizeWorkspace(item.workspace),\n tags: normalizeTags(item.tags),\n // SDK-runtime ACP model fields (populated when the agent-server supports\n // ``ConversationInfo.current_model_``). Consumed by the conversation\n // adapter to drive the per-card chip's model text. Older agent-servers\n // omit these — adapter handles ``undefined`` / ``null`` gracefully.\n current_model_id: stringOrNull(item.current_model_id),\n current_model_name: stringOrNull(item.current_model_name),\n };\n}\n\nfunction requireDirectConversationItems(\n items: unknown,\n): DirectConversationInfo[] {\n if (!Array.isArray(items)) {\n throw invalidConversationResponse();\n }\n return items.map(requireDirectConversationInfo);\n}\n\nfunction requireConversationSearchPage(page: unknown): {\n items: DirectConversationInfo[];\n next_page_id: string \| null;\n} {\n if (Array.isArray(page)) {\n return {\n items: requireDirectConversationItems(page),\n next_page_id: null,\n };\n }\n\n if (!isRecord(page)) {\n throw invalidConversationResponse();\n }\n\n return {\n items: requireDirectConversationItems(page.items),\n next_page_id:\n typeof page.next_page_id === \"string\" ? page.next_page_id : null,\n };\n}\n\nconst RUNTIME_STATUSES = new Set<string>([\n \"idle\",\n \"running\",\n \"paused\",\n \"waiting_for_confirmation\",\n \"finished\",\n \"error\",\n \"stuck\",\n]);\n\nfunction toRuntimeStatus(\n status: DirectConversationInfo[\"execution_status\"],\n): RuntimeConversationInfo[\"status\"] {\n const nextStatus = status ?? \"idle\";\n return (\n RUNTIME_STATUSES.has(nextStatus) ? nextStatus : \"idle\"\n ) as RuntimeConversationInfo[\"status\"];\n}\n\nfunction requireAppConversation(\n conversation: AppConversation \| null \| undefined,\n conversationId: string,\n): AppConversation {\n if (!conversation) {\n throw new Error(`Conversation ${conversationId} was not found`);\n }\n return conversation;\n}\n\nclass AgentServerConversationService {\n static async sendMessage(\n conversationId: string,\n message: SendMessageRequest,\n runtime?: ConversationRuntimeContext \| null,\n ): Promise<SendMessageResponse> {\n const active = getActiveBackend().backend;\n let conversationUrl = runtime?.conversationUrl ?? null;\n let sessionApiKey = runtime?.sessionApiKey ?? null;\n\n if (active.kind === \"cloud\") {\n if (!conversationUrl \|\| !sessionApiKey) {\n const [conversation] = await batchGetCloudConversations([\n conversationId,\n ]);\n conversationUrl = conversation?.conversation_url?.trim() ?? null;\n sessionApiKey = conversation?.session_api_key?.trim() ?? null;\n }\n\n if (!conversationUrl \|\| !sessionApiKey) {\n throw new Error(\n \"Conversation sandbox is still starting. Wait for it to finish, then try again.\",\n );\n }\n\n await callCloudProxy({\n backend: active,\n method: \"POST\",\n hostOverride: buildHttpBaseUrl(conversationUrl),\n path: `/api/conversations/${conversationId}/events`,\n body: { ...message, run: true },\n authMode: \"session-api-key\",\n sessionApiKey,\n });\n\n return message;\n }\n\n await new ConversationClient(\n getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n ).sendEvent(conversationId, message, {\n run: true,\n });\n\n return message;\n }\n\n static async createConversation(\n initialUserMsg?: string,\n conversationInstructions?: string,\n plugins?: PluginSpec[],\n metadata?: ConversationMetadata \| null,\n workingDirOverride?: string,\n parentConversationId?: string,\n agentType?: \"default\" \| \"plan\",\n sandboxId?: string,\n ): Promise<AppConversationStartTask> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n // Cloud path mirrors OpenHands' frontend: build a flat\n // AppConversationStartRequest, POST /api/v1/app-conversations\n // (returns a WORKING task), and let the conversation route's\n // useTaskPolling drive it to READY. NO encrypted-settings\n // round-trip — the cloud backend holds secrets server-side.\n const request: AppConversationStartRequest = {\n initial_message: initialUserMsg\n ? {\n role: \"user\",\n content: [{ type: \"text\", text: initialUserMsg }],\n }\n : null,\n title: conversationInstructions ?? null,\n selected_repository: metadata?.selected_repository ?? null,\n selected_branch: metadata?.selected_branch ?? null,\n git_provider: metadata?.git_provider ?? null,\n plugins: plugins ?? null,\n parent_conversation_id: parentConversationId ?? null,\n agent_type: agentType,\n sandbox_id: sandboxId ?? null,\n };\n return createCloudAppConversation(request);\n }\n\n const settings = await SettingsService.getSettings();\n const conversationId = uuidv4();\n const workingDir =\n workingDirOverride ?? buildConversationWorkingDir(conversationId);\n\n // Use encrypted settings to avoid exposing secrets in the browser\n const payload = await buildStartConversationRequestWithEncryptedSettings({\n settings,\n query: initialUserMsg,\n conversationInstructions,\n plugins,\n conversationId,\n workingDir,\n });\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).createConversation<DirectConversationInfo>(payload);\n\n if (metadata?.selected_repository \|\| workingDirOverride) {\n // The agent-server runtime has no concept of selected repo/branch/\n // workspace, so persist the home-page selection client-side.\n // `toAppConversation` reads the repo/branch fields back to hydrate\n // the chat-page badges; `useHasAttachedSource` reads\n // `selected_workspace` to default the Files tab to Diff mode when\n // the user explicitly attached a local workspace.\n setStoredConversationMetadata(data.id, {\n selected_repository: metadata?.selected_repository ?? null,\n selected_branch: metadata?.selected_branch ?? null,\n git_provider: metadata?.git_provider ?? null,\n selected_workspace: workingDirOverride ?? null,\n });\n }\n\n return {\n id: data.id,\n created_by_user_id: null,\n status: \"READY\",\n detail: null,\n app_conversation_id: data.id,\n agent_server_url: getEffectiveLocalBackend().host,\n request: {\n initial_message: payload.initial_message as\n \| AppConversationStartRequest[\"initial_message\"]\n \| undefined,\n plugins: plugins ?? null,\n },\n created_at: data.created_at,\n updated_at: data.updated_at,\n };\n }\n\n static async getStartTask(\n taskId: string,\n ): Promise<AppConversationStartTask \| null> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return getCloudAppConversationStartTask(taskId);\n }\n // Local agent-server creates conversations synchronously — every\n // local \"task\" is already READY when createConversation returns, so\n // there's nothing to poll for.\n return null;\n }\n\n static async getVSCodeUrl(\n conversationId: string,\n conversationUrl: string \| null \| undefined,\n sessionApiKey?: string \| null,\n ): Promise<GetVSCodeUrlResponse> {\n // Local-only path. Cloud conversations read the VSCode URL straight\n // from the cloud-computed `sandbox.exposed_urls` (see\n // `useUnifiedVSCodeUrl` + `useCloudSandbox`); the runtime's own\n // `/api/vscode/url` only knows its internal `localhost:8001`, which\n // the user's browser can't reach.\n const workspaceDir =\n await this.resolveConversationWorkingDir(conversationId);\n // Local mode: the typescript-client targets the local agent-server\n // directly via the conversationUrl override.\n const vscodeUrl = await new VSCodeClient(\n getAgentServerClientOptions({\n conversationUrl,\n sessionApiKey,\n }),\n ).getUrl({\n baseUrl:\n typeof window !== \"undefined\" ? window.location.origin : undefined,\n workspaceDir,\n });\n\n return { vscode_url: vscodeUrl };\n }\n\n static async resolveConversationWorkingDir(\n conversationId: string,\n ): Promise<string> {\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return conversation?.workspace?.working_dir ?? getAgentServerWorkingDir();\n }\n\n static async batchGetAppConversations(\n ids: string[],\n ): Promise<(AppConversation \| null)[]> {\n if (ids.length === 0) return [];\n\n if (getActiveBackend().backend.kind === \"cloud\") {\n return batchGetCloudConversations(ids);\n }\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).getConversations<DirectConversationInfo>(ids);\n\n return requireDirectConversationItems(data).map((item) =>\n toAppConversation(item),\n );\n }\n\n static async updateConversationPublicFlag(\n conversationId: string,\n isPublic: boolean,\n ): Promise<AppConversation> {\n if (getActiveBackend().backend.kind !== \"cloud\") {\n throw new Error(\"Public sharing requires a cloud backend.\");\n }\n return updateCloudConversationPublicFlag(conversationId, isPublic);\n }\n\n static async updateConversationRepository(\n conversationId: string,\n repository: string \| null,\n branch?: string \| null,\n gitProvider?: string \| null,\n ): Promise<AppConversation> {\n if (repository) {\n const existing = getStoredConversationMetadata(conversationId);\n setStoredConversationMetadata(conversationId, {\n ...(existing ?? {}),\n selected_repository: repository,\n selected_branch: branch ?? null,\n git_provider: (gitProvider as Provider \| null \| undefined) ?? null,\n });\n } else {\n removeStoredConversationMetadata(conversationId);\n }\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return requireAppConversation(conversation, conversationId);\n }\n\n static async readConversationFile(\n conversationId: string,\n filePath?: string,\n ): Promise<string> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n // Cloud exposes a per-conversation file endpoint; the sandbox\n // working dir is fixed (`/workspace/project`), so PLAN.md lives at\n // a known absolute path. Mirrors OpenHands' readConversationFile.\n const path = requirePathInsideDirectory(\n filePath ?? \"/workspace/project/.agents_tmp/PLAN.md\",\n \"/workspace/project\",\n );\n return readCloudConversationFile(conversationId, path);\n }\n\n const workingDir = await this.resolveConversationWorkingDir(conversationId);\n const path = requirePathInsideDirectory(\n filePath ?? `${workingDir}/.agents_tmp/PLAN.md`,\n workingDir,\n );\n return new FileClient(getAgentServerClientOptions()).downloadTextFile(path);\n }\n\n static async downloadConversation(conversationId: string): Promise<Blob> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return downloadCloudConversation(conversationId);\n }\n\n return new FileClient(getAgentServerClientOptions()).downloadTrajectory(\n conversationId,\n );\n }\n\n static async getHooks(conversationId: string): Promise<GetHooksResponse> {\n if (!conversationId) {\n return emptyHooksResponse();\n }\n return emptyHooksResponse();\n }\n\n static async getRuntimeConversation(\n conversationId: string,\n conversationUrl: string \| null \| undefined,\n sessionApiKey?: string \| null,\n ): Promise<RuntimeConversationInfo> {\n const active = getActiveBackend().backend;\n\n type RawRuntime = DirectConversationInfo & {\n stats?: RuntimeConversationInfo[\"stats\"];\n };\n\n // Cloud mode: route through the cloud-proxy to the runtime sandbox at\n // the conversation's runtime URL — same pattern as getVSCodeUrl. Local\n // mode forwards conversationUrl so the host explicitly resolves to the\n // conversation's runtime instead of falling back to the active backend.\n const response =\n active.kind === \"cloud\" && conversationUrl\n ? await callCloudProxy<RawRuntime>({\n backend: active,\n method: \"GET\",\n hostOverride: buildHttpBaseUrl(conversationUrl),\n path: `/api/conversations/${conversationId}`,\n authMode: \"session-api-key\",\n sessionApiKey,\n })\n : await new ConversationClient(\n getAgentServerClientOptions({\n conversationUrl,\n sessionApiKey,\n }),\n ).getConversation<RawRuntime>(conversationId);\n const data = requireDirectConversationInfo(response);\n const stats = isRecord(response) ? response.stats : null;\n\n return {\n id: data.id,\n title: data.title?.trim()\n ? data.title\n : getDefaultConversationTitle(data.id),\n metrics: normalizeMetrics(data.metrics),\n created_at: data.created_at,\n updated_at: data.updated_at,\n status: toRuntimeStatus(data.execution_status),\n stats: isRecord(stats) ? stats : { usage_to_metrics: {} },\n };\n }\n\n static async searchConversations(\n limit: number = 20,\n pageId?: string,\n ): Promise<AppConversationPage> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return searchCloudConversations(limit, pageId);\n }\n\n const data = await new ConversationClient(\n getAgentServerClientOptions(),\n ).searchConversations({\n limit,\n page_id: pageId,\n sort_order: ConversationSortOrder.UPDATED_AT_DESC,\n });\n\n return toConversationPage(requireConversationSearchPage(data));\n }\n\n static async deleteConversation(conversationId: string): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n await deleteCloudConversation(conversationId);\n } else {\n await new ConversationClient(\n getAgentServerClientOptions(),\n ).deleteConversation(conversationId);\n }\n removeStoredConversationMetadata(conversationId);\n }\n\n static async updateConversationTitle(\n conversationId: string,\n title: string,\n ): Promise<AppConversation> {\n await new ConversationClient(\n getAgentServerClientOptions(),\n ).updateConversation(conversationId, {\n title,\n });\n const [conversation] = await this.batchGetAppConversations([\n conversationId,\n ]);\n return requireAppConversation(conversation, conversationId);\n }\n\n /*\n Switches the LLM profile for the running conversation when one is open\n * (POST /switch_profile — per-conversation swap, doesn't change the user's\n * default profile). When called without a conversationId (home page),\n * falls back to POST /activate so the next conversation created picks up\n * the chosen profile.\n \n The per-conversation endpoint accepts only the profile name, so the UI does\n * not need to fetch or forward profile secrets. That keeps switching working\n * even when the agent server has no OH_SECRET_KEY for encrypted secret export.\n /\n static async switchProfile(\n conversationId: string \| null,\n profileName: string,\n ): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n throw new Error(\n \"LLM profile switching is only supported for local agent-server backends.\",\n );\n }\n\n if (!conversationId) {\n await new ProfilesClient(getAgentServerClientOptions()).activateProfile(\n profileName,\n );\n return;\n }\n\n await new ConversationClient(getAgentServerClientOptions()).switchProfile(\n conversationId,\n profileName,\n );\n }\n\n /\n Switches the model of a running ACP conversation in place (POST\n * /switch_acp_model — the ACP analog of {@link switchProfile}'s /switch_profile).\n * The agent-server calls the ACP wrapper's ``session/set_model`` on the live\n * session, preserving context. Mirrors {@link switchProfile}'s\n * local-backend-only guard and per-conversation ConversationClient call.\n \n Only valid once an ACP session exists (after the first message); the\n * agent-server returns 409 before then — the home/no-session default is\n * persisted via Settings instead (see ``use-switch-acp-model``).\n */\n static async switchAcpModel(\n conversationId: string,\n model: string,\n ): Promise<void> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n throw new Error(\n \"ACP model switching is only supported for local agent-server backends.\",\n );\n }\n\n await new ConversationClient(getAgentServerClientOptions()).switchAcpModel(\n conversationId,\n model,\n );\n }\n}\n\nexport default AgentServerConversationService;\n"],"mappings":";;;;;;;;;;;;;;;;;AA4DA,IAAM,IAAiC,4BACjC,IACJ;AAGF,SAAS,IAAqC;AAC5C,QAAW,MAAM,EAAsC;;AAGzD,SAAS,EAAS,GAAkD;AAClE,QAAO,OAAO,KAAU,cAAY,KAAkB,CAAC,MAAM,QAAQ,EAAM;;AAG7E,SAAS,EAAa,GAA+B;AACnD,QAAO,OAAO,KAAU,WAAW,IAAQ;;AAG7C,SAAS,EAAa,GAAwB;AAC5C,QAAO,OAAO,KAAU,WAAW,IAAQ;;AAG7C,SAAS,EAAa,GAA+B;AACnD,QAAO,OAAO,KAAU,WAAW,IAAQ;;AAG7C,SAAS,EACP,GACA,GACA,GACQ;CACR,IAAM,IAAQ,EAAK,MAAa,EAAK;AACrC,QAAO,OAAO,KAAU,YAAY,EAAM,MAAM,GAC5C,IACA;;AAGN,SAAS,EACP,GACgE;AAGhE,QAFK,EAAS,EAAM,GAEb;EACL,eAAe,EAAa,EAAM,cAAc;EAChD,mBAAmB,EAAa,EAAM,kBAAkB;EACxD,mBAAmB,EAAa,EAAM,kBAAkB;EACxD,oBAAoB,EAAa,EAAM,mBAAmB;EAC1D,gBAAgB,EAAa,EAAM,eAAe;EAClD,gBAAgB,EAAa,EAAM,eAAe;EACnD,GAT4B;;AAY/B,SAAS,EAAiB,GAAwC;AAGhE,QAFK,EAAS,EAAM,GAEb;EACL,kBAAkB,EAAa,EAAM,iBAAiB;EACtD,qBAAqB,EAAa,EAAM,oBAAoB;EAC5D,yBAAyB,EAAoB,EAAM,wBAAwB;EAC5E,GAN4B;;AAS/B,SAAS,EAAe,GAAiD;AACvE,KAAI,CAAC,EAAS,EAAM,CAAE,QAAO;CAC7B,IAAM,IAAM,EAAS,EAAM,IAAI,GAC3B,EAAE,OAAO,EAAa,EAAM,IAAI,MAAM,EAAE,GACxC;AAQJ,QAAO;EACL,MAAM,EAAa,EAAM,KAAK;EAC9B,WAAW,EAAa,EAAM,UAAU;EACxC;EACD;;AAGH,SAAS,EACP,GACqC;AAErC,QADK,EAAS,EAAM,GACb,EAAE,aAAa,EAAa,EAAM,YAAY,EAAE,GAD1B;;AAc/B,SAAS,EAAc,GAA+C;AACpE,KAAI,CAAC,EAAS,EAAM,CAAE,QAAO;CAC7B,IAAM,IAA+B,EAAE;AACvC,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,CAC9C,CAAI,OAAO,KAAU,aACnB,EAAK,KAAO;AAGhB,QAAO;;AAGT,SAAS,EAAsB,GAA6B;AAC1D,KAAI,CAAC,EAAK,WAAW,IAAI,CAAE,QAAO;CAElC,IAAM,IAAqB,EAAE;AAC7B,MAAK,IAAM,KAAW,EAAK,MAAM,IAAI,CACnC,KAAI,KAAW,MAAY,IACzB,KAAI,MAAY,MAAM;AACpB,MAAI,CAAC,EAAS,OAAQ,QAAO;AAC7B,IAAS,KAAK;OAEd,GAAS,KAAK,EAAQ;AAK5B,QAAO,IAAI,EAAS,KAAK,IAAI;;AAG/B,SAAS,EAA2B,GAAc,GAA2B;CAC3E,IAAM,IAAiB,EAAsB,EAAK,EAC5C,IAAsB,EAAsB,EAAU;AAE5D,KACE,CAAC,KACD,CAAC,KACA,MAAmB,KAClB,CAAC,EAAe,WAAW,GAAG,EAAoB,GAAG,CAEvD,OAAU,MAAM,wDAAwD;AAG1E,QAAO;;AAGT,SAAS,EAA8B,GAAuC;AAC5E,KAAI,CAAC,EAAS,EAAK,IAAI,OAAO,EAAK,MAAO,YAAY,CAAC,EAAK,GAAG,MAAM,CACnE,OAAM,GAA6B;AAGrC,QAAO;EACL,IAAI,EAAK,GAAG,MAAM;EAClB,OAAO,EAAa,EAAK,MAAM;EAC/B,YAAY,EAAc,GAAM,cAAc,YAAY;EAC1D,YAAY,EAAc,GAAM,cAAc,YAAY;EAC1D,kBAAkB,EAAa,EAAK,iBAAiB;EACrD,gBAAgB,EAAa,EAAK,eAAe;EACjD,SAAS,EAAiB,EAAK,QAAQ;EACvC,OAAO,EAAe,EAAK,MAAM;EACjC,WAAW,EAAmB,EAAK,UAAU;EAC7C,MAAM,EAAc,EAAK,KAAK;EAK9B,kBAAkB,EAAa,EAAK,iBAAiB;EACrD,oBAAoB,EAAa,EAAK,mBAAmB;EAC1D;;AAGH,SAAS,EACP,GAC0B;AAC1B,KAAI,CAAC,MAAM,QAAQ,EAAM,CACvB,OAAM,GAA6B;AAErC,QAAO,EAAM,IAAI,EAA8B;;AAGjD,SAAS,EAA8B,GAGrC;AACA,KAAI,MAAM,QAAQ,EAAK,CACrB,QAAO;EACL,OAAO,EAA+B,EAAK;EAC3C,cAAc;EACf;AAGH,KAAI,CAAC,EAAS,EAAK,CACjB,OAAM,GAA6B;AAGrC,QAAO;EACL,OAAO,EAA+B,EAAK,MAAM;EACjD,cACE,OAAO,EAAK,gBAAiB,WAAW,EAAK,eAAe;EAC/D;;AAGH,IAAM,IAAmB,IAAI,IAAY;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAS,EACP,GACmC;CACnC,IAAM,IAAa,KAAU;AAC7B,QACE,EAAiB,IAAI,EAAW,GAAG,IAAa;;AAIpD,SAAS,EACP,GACA,GACiB;AACjB,KAAI,CAAC,EACH,OAAU,MAAM,gBAAgB,EAAe,gBAAgB;AAEjE,QAAO;;AAGT,IAAM,IAAN,MAAqC;CACnC,aAAa,YACX,GACA,GACA,GAC8B;EAC9B,IAAM,IAAS,GAAkB,CAAC,SAC9B,IAAkB,GAAS,mBAAmB,MAC9C,IAAgB,GAAS,iBAAiB;AAE9C,MAAI,EAAO,SAAS,SAAS;AAC3B,OAAI,CAAC,KAAmB,CAAC,GAAe;IACtC,IAAM,CAAC,KAAgB,MAAM,EAA2B,CACtD,EACD,CAAC;AAEF,IADA,IAAkB,GAAc,kBAAkB,MAAM,IAAI,MAC5D,IAAgB,GAAc,iBAAiB,MAAM,IAAI;;AAG3D,OAAI,CAAC,KAAmB,CAAC,EACvB,OAAU,MACR,iFACD;AAaH,UAVA,MAAM,EAAe;IACnB,SAAS;IACT,QAAQ;IACR,cAAc,EAAiB,EAAgB;IAC/C,MAAM,sBAAsB,EAAe;IAC3C,MAAM;KAAE,GAAG;KAAS,KAAK;KAAM;IAC/B,UAAU;IACV;IACD,CAAC,EAEK;;AAST,SANA,MAAM,IAAI,EACR,EAA4B;GAAE;GAAiB;GAAe,CAAC,CAChE,CAAC,UAAU,GAAgB,GAAS,EACnC,KAAK,IACN,CAAC,EAEK;;CAGT,aAAa,mBACX,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACmC;AACnC,MAAI,GAAkB,CAAC,QAAQ,SAAS,QAsBtC,QAAO,EAA2B;GAfhC,iBAAiB,IACb;IACE,MAAM;IACN,SAAS,CAAC;KAAE,MAAM;KAAQ,MAAM;KAAgB,CAAC;IAClD,GACD;GACJ,OAAO,KAA4B;GACnC,qBAAqB,GAAU,uBAAuB;GACtD,iBAAiB,GAAU,mBAAmB;GAC9C,cAAc,GAAU,gBAAgB;GACxC,SAAS,KAAW;GACpB,wBAAwB,KAAwB;GAChD,YAAY;GACZ,YAAY,KAAa;GAEO,CAAQ;EAG5C,IAAM,IAAW,MAAM,EAAgB,aAAa,EAC9C,IAAiB,GAAQ,EAKzB,IAAU,MAAM,EAAmD;GACvE;GACA,OAAO;GACP;GACA;GACA;GACA,YATA,KAAsB,EAA4B,EAAe;GAUlE,CAAC,EAEI,IAAO,MAAM,IAAI,EACrB,GAA6B,CAC9B,CAAC,mBAA2C,EAAQ;AAiBrD,UAfI,GAAU,uBAAuB,MAOnC,EAA8B,EAAK,IAAI;GACrC,qBAAqB,GAAU,uBAAuB;GACtD,iBAAiB,GAAU,mBAAmB;GAC9C,cAAc,GAAU,gBAAgB;GACxC,oBAAoB,KAAsB;GAC3C,CAAC,EAGG;GACL,IAAI,EAAK;GACT,oBAAoB;GACpB,QAAQ;GACR,QAAQ;GACR,qBAAqB,EAAK;GAC1B,kBAAkB,GAA0B,CAAC;GAC7C,SAAS;IACP,iBAAiB,EAAQ;IAGzB,SAAS,KAAW;IACrB;GACD,YAAY,EAAK;GACjB,YAAY,EAAK;GAClB;;CAGH,aAAa,aACX,GAC0C;AAO1C,SANI,GAAkB,CAAC,QAAQ,SAAS,UAC/B,EAAiC,EAAO,GAK1C;;CAGT,aAAa,aACX,GACA,GACA,GAC+B;EAM/B,IAAM,IACJ,MAAM,KAAK,8BAA8B,EAAe;AAc1D,SAAO,EAAE,YAAY,MAXG,IAAI,EAC1B,EAA4B;GAC1B;GACA;GACD,CAAC,CACH,CAAC,OAAO;GACP,SACE,OAAO,SAAW,MAAc,OAAO,SAAS,SAAS,KAAA;GAC3D;GACD,CAAC,EAE8B;;CAGlC,aAAa,8BACX,GACiB;EACjB,IAAM,CAAC,KAAgB,MAAM,KAAK,yBAAyB,CACzD,EACD,CAAC;AACF,SAAO,GAAc,WAAW,eAAe,GAA0B;;CAG3E,aAAa,yBACX,GACqC;AAWrC,SAVI,EAAI,WAAW,IAAU,EAAE,GAE3B,GAAkB,CAAC,QAAQ,SAAS,UAC/B,EAA2B,EAAI,GAOjC,EAA+B,MAJnB,IAAI,EACrB,GAA6B,CAC9B,CAAC,iBAAyC,EAAI,CAEJ,CAAC,KAAK,MAC/C,EAAkB,EAAK,CACxB;;CAGH,aAAa,6BACX,GACA,GAC0B;AAC1B,MAAI,GAAkB,CAAC,QAAQ,SAAS,QACtC,OAAU,MAAM,2CAA2C;AAE7D,SAAO,EAAkC,GAAgB,EAAS;;CAGpE,aAAa,6BACX,GACA,GACA,GACA,GAC0B;AAC1B,EAAI,IAEF,EAA8B,GAAgB;GAC5C,GAFe,EAA8B,EAEzC,IAAY,EAAE;GAClB,qBAAqB;GACrB,iBAAiB,KAAU;GAC3B,cAAe,KAA+C;GAC/D,CAAC,GAEF,EAAiC,EAAe;EAElD,IAAM,CAAC,KAAgB,MAAM,KAAK,yBAAyB,CACzD,EACD,CAAC;AACF,SAAO,EAAuB,GAAc,EAAe;;CAG7D,aAAa,qBACX,GACA,GACiB;AACjB,MAAI,GAAkB,CAAC,QAAQ,SAAS,QAQtC,QAAO,EAA0B,GAJpB,EACX,KAAY,0CACZ,qBAE+C,CAAK;EAGxD,IAAM,IAAa,MAAM,KAAK,8BAA8B,EAAe,EACrE,IAAO,EACX,KAAY,GAAG,EAAW,uBAC1B,EACD;AACD,SAAO,IAAI,EAAW,GAA6B,CAAC,CAAC,iBAAiB,EAAK;;CAG7E,aAAa,qBAAqB,GAAuC;AAKvE,SAJI,GAAkB,CAAC,QAAQ,SAAS,UAC/B,EAA0B,EAAe,GAG3C,IAAI,EAAW,GAA6B,CAAC,CAAC,mBACnD,EACD;;CAGH,aAAa,SAAS,GAAmD;AAIvE,SAAO,GAAoB;;CAG7B,aAAa,uBACX,GACA,GACA,GACkC;EAClC,IAAM,IAAS,GAAkB,CAAC,SAU5B,IACJ,EAAO,SAAS,WAAW,IACvB,MAAM,EAA2B;GAC/B,SAAS;GACT,QAAQ;GACR,cAAc,EAAiB,EAAgB;GAC/C,MAAM,sBAAsB;GAC5B,UAAU;GACV;GACD,CAAC,GACF,MAAM,IAAI,EACR,EAA4B;GAC1B;GACA;GACD,CAAC,CACH,CAAC,gBAA4B,EAAe,EAC7C,IAAO,EAA8B,EAAS,EAC9C,IAAQ,EAAS,EAAS,GAAG,EAAS,QAAQ;AAEpD,SAAO;GACL,IAAI,EAAK;GACT,OAAO,EAAK,OAAO,MAAM,GACrB,EAAK,QACL,EAA4B,EAAK,GAAG;GACxC,SAAS,EAAiB,EAAK,QAAQ;GACvC,YAAY,EAAK;GACjB,YAAY,EAAK;GACjB,QAAQ,EAAgB,EAAK,iBAAiB;GAC9C,OAAO,EAAS,EAAM,GAAG,IAAQ,EAAE,kBAAkB,EAAE,EAAE;GAC1D;;CAGH,aAAa,oBACX,IAAgB,IAChB,GAC8B;AAa9B,SAZI,GAAkB,CAAC,QAAQ,SAAS,UAC/B,EAAyB,GAAO,EAAO,GAWzC,EAAmB,EAA8B,MARrC,IAAI,EACrB,GAA6B,CAC9B,CAAC,oBAAoB;GACpB;GACA,SAAS;GACT,YAAY,EAAsB;GACnC,CAAC,CAE2D,CAAC;;CAGhE,aAAa,mBAAmB,GAAuC;AAQrE,EAPI,GAAkB,CAAC,QAAQ,SAAS,UACtC,MAAM,EAAwB,EAAe,GAE7C,MAAM,IAAI,EACR,GAA6B,CAC9B,CAAC,mBAAmB,EAAe,EAEtC,EAAiC,EAAe;;CAGlD,aAAa,wBACX,GACA,GAC0B;AAC1B,QAAM,IAAI,EACR,GAA6B,CAC9B,CAAC,mBAAmB,GAAgB,EACnC,UACD,CAAC;EACF,IAAM,CAAC,KAAgB,MAAM,KAAK,yBAAyB,CACzD,EACD,CAAC;AACF,SAAO,EAAuB,GAAc,EAAe;;CAc7D,aAAa,cACX,GACA,GACe;AACf,MAAI,GAAkB,CAAC,QAAQ,SAAS,QACtC,OAAU,MACR,2EACD;AAGH,MAAI,CAAC,GAAgB;AACnB,SAAM,IAAI,EAAe,GAA6B,CAAC,CAAC,gBACtD,EACD;AACD;;AAGF,QAAM,IAAI,EAAmB,GAA6B,CAAC,CAAC,cAC1D,GACA,EACD;;CAcH,aAAa,eACX,GACA,GACe;AACf,MAAI,GAAkB,CAAC,QAAQ,SAAS,QACtC,OAAU,MACR,yEACD;AAGH,QAAM,IAAI,EAAmB,GAA6B,CAAC,CAAC,eAC1D,GACA,EACD"}

package/dist/components/features/backends/api-key-entry-screen.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * Full-screen prompt shown when the server is in public mode
+ * (`VITE_AUTH_REQUIRED=true`) and no valid API key has been configured.
+ *
+ * Reuses {@link BackendForm} with `hostReadOnly` + `onSubmitOverride`
+ * to render the standard name / host / API-key inputs while adding
+ * server-side validation (calls `GET /api/settings` before persisting)
+ * and a connection status indicator.
+ */
+export default function ApiKeyEntryScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/components/features/backends/backend-form-modal.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(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),o=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),s=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),c=require(`../../../api/agent-server-client-options.cjs`),l=require(`../../shared/modals/modal-backdrop.cjs`),u=require(`../../shared/modals/modal-body.cjs`),d=require(`../../shared/modals/modal-close-button.cjs`),f=require(`../settings/brand-button.cjs`),p=require(`../settings/settings-input.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),h=require(`../../../assets/branding/openhands-logo-white.cjs`),g=require(`../../../icons/chevron-down-small.cjs`),_=require(`./backend-status-dot.cjs`),v=require(`./device-flow-auth.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);function x(e){let t=e.trim().toLowerCase();return t.includes(`all-hands.dev`)||t.includes(`openhands.dev`)?`cloud`:`local`}function S(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function C(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${S(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function w(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=C(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var T=`https://app.all-hands.dev`;function E({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),a=m.useBackendsHealth([e])[e.id],l=a?.isConnected??null,u=a?.disabled===!0,d=a?.consecutiveFailures??0,f=a?.lastError??null,{data:p}=s.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>(await new o.ServerClient(c.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()).version??null,retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!u}),h;h=i(l===!0?n.I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED:l===!1?n.I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED:n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);let g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,b.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,b.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,b.jsx)(_.BackendStatusDot,{isConnected:l}),(0,b.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,b.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,b.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),p?(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:p})}):null]}),u?(0,b.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,b.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:d})}),f?(0,b.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:f}):null]}):null]})}function D({mode:e,backend:r,onSubmitted:i,renderActions:o,testIdRoot:s}){let{t:c}=t.useTranslation(`openhands`),{addBackend:l,updateBackend:u}=a.useActiveBackendContext(),[d,m]=y.default.useState(r?.name??``),[h,g]=y.default.useState(r?.host??``),[_,v]=y.default.useState(r?.apiKey??``),[S,D]=y.default.useState(!1),[O,k]=y.default.useState(!1),A=x(h),j=s??(e===`edit`?`edit-backend`:`add-backend`),M=d.trim().length>0&&w(h)&&(A===`local`||_.trim().length>0),N=S&&!d.trim()?c(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,P=O?h.trim()?w(h)?void 0:c(n.I18nKey.BACKEND$HOST_INVALID):c(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,b.jsxs)(`form`,{"data-testid":`${j}-form`,onSubmit:t=>{if(t.preventDefault(),!M){D(!0),k(!0);return}let n={name:d.trim(),host:C(h),apiKey:_.trim(),kind:A};e===`edit`&&r?u(r.id,n):l(n),i()},className:`flex flex-col gap-4`,children:[(0,b.jsx)(p.SettingsInput,{testId:`${j}-name`,name:`${j}-name`,type:`text`,label:c(n.I18nKey.BACKEND$NAME_LABEL),value:d,onChange:m,onBlur:()=>D(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:N}),(0,b.jsx)(p.SettingsInput,{testId:`${j}-host`,name:`${j}-host`,type:`text`,label:c(n.I18nKey.BACKEND$HOST_LABEL),value:h,onChange:g,onBlur:()=>k(!0),placeholder:T,className:`w-full`,showRequiredTag:!0,error:P}),(0,b.jsx)(p.SettingsInput,{testId:`${j}-api-key`,name:`${j}-api-key`,type:`password`,label:c(n.I18nKey.BACKEND$KEY_LABEL),value:_,onChange:v,placeholder:``,className:`w-full`}),e===`edit`&&r&&(0,b.jsx)(E,{backend:r,testIdRoot:j}),o?o({canSubmit:M,testIdRoot:j}):(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,b.jsx)(f.BrandButton,{type:`button`,variant:`secondary`,onClick:i,testId:`${j}-cancel`,children:c(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!M,testId:`${j}-submit`,children:c(n.I18nKey.BACKEND$SAVE)})]})]})}function O(){let{currentPath:e,navigate:t}=i.useNavigation();return y.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function k({onClose:e}){let{t:r}=t.useTranslation(`openhands`),{addBackend:i}=a.useActiveBackendContext(),o=O(),[s,c]=y.default.useState(``),[l,u]=y.default.useState(``),[d,m]=y.default.useState(``),h=x(l),g=s.trim().length>0&&w(l)&&(h===`local`||d.trim().length>0);return(0,b.jsxs)(`form`,{"data-testid":`add-backend-form`,onSubmit:t=>{t.preventDefault(),g&&(i({name:s.trim(),host:C(l),apiKey:d.trim(),kind:h}),o(),e())},className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-name`,name:`add-backend-name`,type:`text`,label:r(n.I18nKey.BACKEND$NAME_LABEL),value:s,onChange:c,placeholder:`e.g. My Server`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:r(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-host`,name:`add-backend-host`,type:`text`,label:r(n.I18nKey.BACKEND$HOST_LABEL),value:l,onChange:u,placeholder:`http://localhost:8000`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`add-backend-host-helper`,children:r(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,b.jsx)(p.SettingsInput,{testId:`add-backend-api-key`,name:`add-backend-api-key`,type:`password`,label:r(n.I18nKey.BACKEND$KEY_LABEL),value:d,onChange:m,placeholder:`sk-••••••••••`,className:`w-full`}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!g,testId:`add-backend-submit`,className:`w-full text-center`,children:r(n.I18nKey.BACKEND$CONNECT)})]})}function A({onClose:e}){let{t:i}=t.useTranslation(`openhands`),{addBackend:o}=a.useActiveBackendContext(),s=O(),[c,l]=y.default.useState(!1),[u,d]=y.default.useState(``),f=u.trim()||T;return(0,b.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,b.jsx)(h.default,{width:56,height:56,"aria-hidden":!0}),(0,b.jsx)(`h4`,{className:`text-lg font-medium text-white`,"data-testid":`add-backend-cloud-title`,children:i(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,b.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,b.jsx)(v.DeviceFlowAuth,{host:f,onSuccess:t=>{o({name:`OpenHands Cloud`,host:C(f),apiKey:t,kind:`cloud`}),s(),e()},testIdRoot:`add-backend`}),(0,b.jsxs)(`div`,{className:`w-full`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),"aria-expanded":c,"data-testid":`add-backend-advanced-toggle`,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`,children:[(0,b.jsx)(`span`,{children:i(n.I18nKey.BACKEND$ADVANCED)}),(0,b.jsx)(g.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,c&&`rotate-180`),"aria-hidden":!0})]}),(0,b.jsxs)(`div`,{className:r.cn(`pt-2`,!c&&`pointer-events-none invisible`),"aria-hidden":!c,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-cloud-host`,name:`add-backend-cloud-host`,type:`text`,label:i(n.I18nKey.BACKEND$HOST_LABEL),value:u,onChange:d,placeholder:T,className:`w-full`}),(0,b.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function j({mode:e,backend:i,onClose:a}){let{t:o}=t.useTranslation(`openhands`);if(e===`add`)return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$ADD_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,u.modalWidthClassName(`xl`),u.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),(0,b.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,b.jsx)(`h2`,{className:`text-lg font-semibold`,children:o(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,b.jsxs)(`div`,{className:`flex gap-6 px-6 pb-6 pt-2`,children:[(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(k,{onClose:a})}),(0,b.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center`,children:[(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`}),(0,b.jsx)(`span`,{className:`py-3 text-xs uppercase text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$LOGIN_OR)}),(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`})]}),(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(A,{onClose:a})})]})]})});let s=`edit-backend`;return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`${s}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,u.modalWidthClassName(`md`)),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`${s}-close`}),(0,b.jsx)(`h2`,{className:`pr-6 text-lg font-semibold`,children:o(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,b.jsx)(D,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:s})]})})}exports.BackendFormModal=j;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),o=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),s=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),c=require(`../../../api/agent-server-client-options.cjs`),l=require(`../../shared/modals/modal-backdrop.cjs`),u=require(`../../shared/modals/modal-body.cjs`),d=require(`../../shared/modals/modal-close-button.cjs`),f=require(`../settings/brand-button.cjs`),p=require(`../settings/settings-input.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),h=require(`../../../assets/branding/openhands-logo-white.cjs`),g=require(`../../../icons/chevron-down-small.cjs`),_=require(`./backend-status-dot.cjs`),v=require(`./device-flow-auth.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);function x(e){let t=e.trim().toLowerCase();return t.includes(`all-hands.dev`)||t.includes(`openhands.dev`)?`cloud`:`local`}function S(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function C(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${S(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function w(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=C(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var T=`https://app.all-hands.dev`;function E({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),a=m.useBackendsHealth([e])[e.id],l=a?.isConnected??null,u=a?.disabled===!0,d=a?.consecutiveFailures??0,f=a?.lastError??null,{data:p}=s.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>(await new o.ServerClient(c.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()).version??null,retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!u}),h;h=i(l===!0?n.I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED:l===!1?n.I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED:n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);let g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,b.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,b.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,b.jsx)(_.BackendStatusDot,{isConnected:l}),(0,b.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,b.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,b.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),p?(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:p})}):null]}),u?(0,b.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,b.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:d})}),f?(0,b.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:f}):null]}):null]})}function D({mode:e,backend:r,onSubmitted:i,renderActions:o,testIdRoot:s,hostReadOnly:c,requireApiKey:l,onSubmitOverride:u}){let{t:d}=t.useTranslation(`openhands`),{addBackend:m,updateBackend:h}=a.useActiveBackendContext(),[g,_]=y.default.useState(r?.name??``),[v,S]=y.default.useState(r?.host??``),[D,O]=y.default.useState(r?.apiKey??``),[k,A]=y.default.useState(!1),[j,M]=y.default.useState(!1),N=x(v),P=s??(e===`edit`?`edit-backend`:`add-backend`),F=l||N!==`local`,I=g.trim().length>0&&w(v)&&(!F||D.trim().length>0),L=k&&!g.trim()?d(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,R=j?v.trim()?w(v)?void 0:d(n.I18nKey.BACKEND$HOST_INVALID):d(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,b.jsxs)(`form`,{"data-testid":`${P}-form`,onSubmit:async t=>{if(t.preventDefault(),!I){A(!0),M(!0);return}let n={name:g.trim(),host:C(v),apiKey:D.trim(),kind:N};if(u){await u(n);return}e===`edit`&&r?h(r.id,n):m(n),i()},className:`flex flex-col gap-4`,children:[(0,b.jsx)(p.SettingsInput,{testId:`${P}-name`,name:`${P}-name`,type:`text`,label:d(n.I18nKey.BACKEND$NAME_LABEL),value:g,onChange:_,onBlur:()=>A(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:L}),(0,b.jsx)(p.SettingsInput,{testId:`${P}-host`,name:`${P}-host`,type:`text`,label:d(n.I18nKey.BACKEND$HOST_LABEL),value:v,onChange:c?void 0:S,onBlur:()=>M(!0),placeholder:T,className:`w-full`,showRequiredTag:!0,error:R,isDisabled:c}),(0,b.jsx)(p.SettingsInput,{testId:`${P}-api-key`,name:`${P}-api-key`,type:`password`,label:d(n.I18nKey.BACKEND$KEY_LABEL),value:D,onChange:O,placeholder:``,className:`w-full`}),e===`edit`&&r&&(0,b.jsx)(E,{backend:r,testIdRoot:P}),o?o({canSubmit:I,testIdRoot:P}):(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,b.jsx)(f.BrandButton,{type:`button`,variant:`secondary`,onClick:i,testId:`${P}-cancel`,children:d(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!I,testId:`${P}-submit`,children:d(n.I18nKey.BACKEND$SAVE)})]})]})}function O(){let{currentPath:e,navigate:t}=i.useNavigation();return y.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function k({onClose:e}){let{t:r}=t.useTranslation(`openhands`),{addBackend:i}=a.useActiveBackendContext(),o=O(),[s,c]=y.default.useState(``),[l,u]=y.default.useState(``),[d,m]=y.default.useState(``),h=x(l),g=s.trim().length>0&&w(l)&&(h===`local`||d.trim().length>0);return(0,b.jsxs)(`form`,{"data-testid":`add-backend-form`,onSubmit:t=>{t.preventDefault(),g&&(i({name:s.trim(),host:C(l),apiKey:d.trim(),kind:h}),o(),e())},className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-name`,name:`add-backend-name`,type:`text`,label:r(n.I18nKey.BACKEND$NAME_LABEL),value:s,onChange:c,placeholder:`e.g. My Server`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:r(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-host`,name:`add-backend-host`,type:`text`,label:r(n.I18nKey.BACKEND$HOST_LABEL),value:l,onChange:u,placeholder:`http://localhost:8000`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`add-backend-host-helper`,children:r(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,b.jsx)(p.SettingsInput,{testId:`add-backend-api-key`,name:`add-backend-api-key`,type:`password`,label:r(n.I18nKey.BACKEND$KEY_LABEL),value:d,onChange:m,placeholder:`sk-••••••••••`,className:`w-full`}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!g,testId:`add-backend-submit`,className:`w-full text-center`,children:r(n.I18nKey.BACKEND$CONNECT)})]})}function A({onClose:e}){let{t:i}=t.useTranslation(`openhands`),{addBackend:o}=a.useActiveBackendContext(),s=O(),[c,l]=y.default.useState(!1),[u,d]=y.default.useState(``),f=u.trim()||T;return(0,b.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,b.jsx)(h.default,{width:56,height:56,"aria-hidden":!0}),(0,b.jsx)(`h4`,{className:`text-lg font-medium text-white`,"data-testid":`add-backend-cloud-title`,children:i(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,b.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,b.jsx)(v.DeviceFlowAuth,{host:f,onSuccess:t=>{o({name:`OpenHands Cloud`,host:C(f),apiKey:t,kind:`cloud`}),s(),e()},testIdRoot:`add-backend`}),(0,b.jsxs)(`div`,{className:`w-full`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),"aria-expanded":c,"data-testid":`add-backend-advanced-toggle`,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`,children:[(0,b.jsx)(`span`,{children:i(n.I18nKey.BACKEND$ADVANCED)}),(0,b.jsx)(g.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,c&&`rotate-180`),"aria-hidden":!0})]}),(0,b.jsxs)(`div`,{className:r.cn(`pt-2`,!c&&`pointer-events-none invisible`),"aria-hidden":!c,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-cloud-host`,name:`add-backend-cloud-host`,type:`text`,label:i(n.I18nKey.BACKEND$HOST_LABEL),value:u,onChange:d,placeholder:T,className:`w-full`}),(0,b.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function j({mode:e,backend:i,onClose:a}){let{t:o}=t.useTranslation(`openhands`);if(e===`add`)return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$ADD_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,u.modalWidthClassName(`xl`),u.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),(0,b.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,b.jsx)(`h2`,{className:`text-lg font-semibold`,children:o(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,b.jsxs)(`div`,{className:`flex gap-6 px-6 pb-6 pt-2`,children:[(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(k,{onClose:a})}),(0,b.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center`,children:[(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`}),(0,b.jsx)(`span`,{className:`py-3 text-xs uppercase text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$LOGIN_OR)}),(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`})]}),(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(A,{onClose:a})})]})]})});let s=`edit-backend`;return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`${s}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,u.modalWidthClassName(`md`)),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`${s}-close`}),(0,b.jsx)(`h2`,{className:`pr-6 text-lg font-semibold`,children:o(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,b.jsx)(D,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:s})]})})}exports.BackendFormModal=j;
 //# sourceMappingURL=backend-form-modal.cjs.map

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Backend } from "#/api/backend-registry/types";
+import type { Backend, BackendKind } from "#/api/backend-registry/types";
 export type BackendFormMode = "add" | "edit";
 interface BackendFormModalProps {
     mode: BackendFormMode;
@@ -7,6 +7,12 @@ interface BackendFormModalProps {
     backend?: Backend;
     onClose: () => void;
 }
+export interface BackendFormSubmitPayload {
+    name: string;
+    host: string;
+    apiKey: string;
+    kind: BackendKind;
+}
 export interface BackendFormProps {
     mode: BackendFormMode;
     /** Required when `mode === "edit"`. */
@@ -30,6 +36,21 @@ export interface BackendFormProps {
     }) => React.ReactNode;
     /** Used to disambiguate test ids across the same screen. */
     testIdRoot?: string;
+    /** When true, the host field is pre-filled and disabled. */
+    hostReadOnly?: boolean;
+    /**
+     * When true, a non-empty API key is required for submission regardless
+     * of the inferred backend kind.  The standard add form allows empty
+     * keys for local backends; the auth-gate screen needs to enforce one.
+     */
+    requireApiKey?: boolean;
+    /**
+     * Replace the default synchronous add/update-and-close submit with a
+     * custom async handler.  The form builds the payload, validates
+     * client-side, then hands it to this callback. If the callback throws,
+     * the form remains open so the caller can surface errors.
+     */
+    onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;
 }
 /**
  * Reusable form body for adding / editing a backend. Renders the
@@ -41,7 +62,7 @@ export interface BackendFormProps {
  * element — but submission flows through the standard form submit so
  * Enter-to-submit still works.
  */
-export declare function BackendForm({ mode, backend, onSubmitted, renderActions, testIdRoot: explicitTestIdRoot, }: BackendFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackendForm({ mode, backend, onSubmitted, renderActions, testIdRoot: explicitTestIdRoot, hostReadOnly, requireApiKey, onSubmitOverride, }: BackendFormProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Modal wrapper. In **add** mode it renders a two-column layout
  * (manual connection | OR | Cloud login). In **edit** mode it wraps

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

@@ -112,82 +112,87 @@ function D({ backend: n, testIdRoot: r }) {
 		}) : null]
 	});
 }
-function O({ mode: n, backend: r, onSubmitted: a, renderActions: o, testIdRoot: s }) {
-	let { t: c } = e("openhands"), { addBackend: l, updateBackend: u } = i(), [d, m] = y.useState(r?.name ?? ""), [h, g] = y.useState(r?.host ?? ""), [_, v] = y.useState(r?.apiKey ?? ""), [C, O] = y.useState(!1), [k, A] = y.useState(!1), j = S(h), M = s ?? (n === "edit" ? "edit-backend" : "add-backend"), N = d.trim().length > 0 && T(h) && (j === "local" || _.trim().length > 0), P = C && !d.trim() ? c(t.BACKEND$NAME_REQUIRED) : void 0, F = k ? h.trim() ? T(h) ? void 0 : c(t.BACKEND$HOST_INVALID) : c(t.BACKEND$HOST_REQUIRED) : void 0;
+function O({ mode: n, backend: r, onSubmitted: a, renderActions: o, testIdRoot: s, hostReadOnly: c, requireApiKey: l, onSubmitOverride: u }) {
+	let { t: d } = e("openhands"), { addBackend: m, updateBackend: h } = i(), [g, _] = y.useState(r?.name ?? ""), [v, C] = y.useState(r?.host ?? ""), [O, k] = y.useState(r?.apiKey ?? ""), [A, j] = y.useState(!1), [M, N] = y.useState(!1), P = S(v), F = s ?? (n === "edit" ? "edit-backend" : "add-backend"), I = l || P !== "local", L = g.trim().length > 0 && T(v) && (!I || O.trim().length > 0), R = A && !g.trim() ? d(t.BACKEND$NAME_REQUIRED) : void 0, z = M ? v.trim() ? T(v) ? void 0 : d(t.BACKEND$HOST_INVALID) : d(t.BACKEND$HOST_REQUIRED) : void 0;
 	return /* @__PURE__ */ x("form", {
-		"data-testid": `${M}-form`,
-		onSubmit: (e) => {
-			if (e.preventDefault(), !N) {
-				O(!0), A(!0);
+		"data-testid": `${F}-form`,
+		onSubmit: async (e) => {
+			if (e.preventDefault(), !L) {
+				j(!0), N(!0);
 				return;
 			}
 			let t = {
-				name: d.trim(),
-				host: w(h),
-				apiKey: _.trim(),
-				kind: j
+				name: g.trim(),
+				host: w(v),
+				apiKey: O.trim(),
+				kind: P
 			};
-			n === "edit" && r ? u(r.id, t) : l(t), a();
+			if (u) {
+				await u(t);
+				return;
+			}
+			n === "edit" && r ? h(r.id, t) : m(t), a();
 		},
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ b(p, {
-				testId: `${M}-name`,
-				name: `${M}-name`,
+				testId: `${F}-name`,
+				name: `${F}-name`,
 				type: "text",
-				label: c(t.BACKEND$NAME_LABEL),
-				value: d,
-				onChange: m,
-				onBlur: () => O(!0),
+				label: d(t.BACKEND$NAME_LABEL),
+				value: g,
+				onChange: _,
+				onBlur: () => j(!0),
 				placeholder: "Production",
 				className: "w-full",
 				showRequiredTag: !0,
-				error: P
+				error: R
 			}),
 			/* @__PURE__ */ b(p, {
-				testId: `${M}-host`,
-				name: `${M}-host`,
+				testId: `${F}-host`,
+				name: `${F}-host`,
 				type: "text",
-				label: c(t.BACKEND$HOST_LABEL),
-				value: h,
-				onChange: g,
-				onBlur: () => A(!0),
+				label: d(t.BACKEND$HOST_LABEL),
+				value: v,
+				onChange: c ? void 0 : C,
+				onBlur: () => N(!0),
 				placeholder: E,
 				className: "w-full",
 				showRequiredTag: !0,
-				error: F
+				error: z,
+				isDisabled: c
 			}),
 			/* @__PURE__ */ b(p, {
-				testId: `${M}-api-key`,
-				name: `${M}-api-key`,
+				testId: `${F}-api-key`,
+				name: `${F}-api-key`,
 				type: "password",
-				label: c(t.BACKEND$KEY_LABEL),
-				value: _,
-				onChange: v,
+				label: d(t.BACKEND$KEY_LABEL),
+				value: O,
+				onChange: k,
 				placeholder: "",
 				className: "w-full"
 			}),
 			n === "edit" && r && /* @__PURE__ */ b(D, {
 				backend: r,
-				testIdRoot: M
+				testIdRoot: F
 			}),
 			o ? o({
-				canSubmit: N,
-				testIdRoot: M
+				canSubmit: L,
+				testIdRoot: F
 			}) : /* @__PURE__ */ x("div", {
 				className: "flex justify-end gap-2 mt-2 w-full",
 				children: [/* @__PURE__ */ b(f, {
 					type: "button",
 					variant: "secondary",
 					onClick: a,
-					testId: `${M}-cancel`,
-					children: c(t.BUTTON$CANCEL)
+					testId: `${F}-cancel`,
+					children: d(t.BUTTON$CANCEL)
 				}), /* @__PURE__ */ b(f, {
 					type: "submit",
 					variant: "primary",
-					isDisabled: !N,
-					testId: `${M}-submit`,
-					children: c(t.BACKEND$SAVE)
+					isDisabled: !L,
+					testId: `${F}-submit`,
+					children: d(t.BACKEND$SAVE)
 				})]
 			})
 		]