@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/routes/files-tab.js

@@ -1,172 +1,142 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
 import { useOptionalConversationId as n } from "../hooks/use-conversation-id.js";
-import { useConversationLocalStorageState as r } from "../utils/conversation-local-storage.js";
-import { useQueryClient as i } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
-import { useFilesTabStore as a } from "../stores/files-tab-store.js";
-import o from "../icons/link-external.js";
-import { SegmentedToggle as s } from "../components/features/files-tab/segmented-toggle.js";
-import { NoFileSelectedMessage as c } from "../components/features/files-tab/no-file-selected-message.js";
-import { useWorkspaceFiles as l } from "../hooks/query/use-workspace-files.js";
-import { useWorkspaceMutationCounter as u, withWorkspaceCacheBuster as ee } from "../stores/use-workspace-mutation-counter.js";
-import { useWorkspaceFileContent as te } from "../hooks/query/use-workspace-file-content.js";
-import { useHasAttachedSource as ne } from "../hooks/use-has-attached-source.js";
-import { useHasGitCommits as re } from "../hooks/query/use-has-git-commits.js";
+import { getConversationState as r, useConversationLocalStorageState as i } from "../utils/conversation-local-storage.js";
+import { useQueryClient as a } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useFilesTabStore as o } from "../stores/files-tab-store.js";
+import { useActiveConversation as s } from "../hooks/query/use-active-conversation.js";
+import c from "../icons/link-external.js";
+import { useWorkspaceMutationCounter as l, withWorkspaceCacheBuster as u } from "../stores/use-workspace-mutation-counter.js";
 import { useAutoRefreshFilesOnEdit as d } from "../hooks/use-auto-refresh-files-on-edit.js";
-import { useUnifiedGetGitChanges as f } from "../hooks/query/use-unified-get-git-changes.js";
-import { sortFilesByPriority as ie } from "../utils/file-priority.js";
-import { FileQuickRow as p } from "../components/features/files-tab/file-quick-row.js";
-import { FileTreeView as m } from "../components/features/files-tab/file-tree-view.js";
-import { FileContentViewer as h } from "../components/features/files-tab/file-content-viewer.js";
-import g from "../icons/u-refresh.js";
-import { useUnifiedGitCommits as _ } from "../hooks/query/use-unified-git-commits.js";
-import v from "./changes-tab.js";
-import y from "./commits-tab.js";
-import { useCallback as b, useEffect as x, useMemo as ae, useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useWorkspaceFiles as f } from "../hooks/query/use-workspace-files.js";
+import { ResizeHandle as p } from "../components/ui/resize-handle.js";
+import { useResizableDrawerWidth as m } from "../hooks/use-resizable-drawer-width.js";
+import { SegmentedToggle as ee } from "../components/features/files-tab/segmented-toggle.js";
+import { NoFileSelectedMessage as h } from "../components/features/files-tab/no-file-selected-message.js";
+import { useWorkspaceFileContent as g } from "../hooks/query/use-workspace-file-content.js";
+import { FileQuickRow as _ } from "../components/features/files-tab/file-quick-row.js";
+import { FileTreeView as v } from "../components/features/files-tab/file-tree-view.js";
+import { FileContentViewer as y } from "../components/features/files-tab/file-content-viewer.js";
+import { WorkspacePath as te } from "../components/features/files-tab/workspace-path.js";
+import { FILES_TAB_TREE_WIDTH_STORAGE_KEY as ne } from "../components/features/files-tab/files-tab-tree.constants.js";
+import re from "../icons/u-refresh.js";
+import { useCallback as b, useEffect as ie, useMemo as x, useRef as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/routes/files-tab.tsx
-function E() {
-	let { t: E } = e("openhands");
+function D() {
+	let { t: D } = e("openhands");
 	d();
-	let { hasAttachedSource: D, isLoading: O } = ne(), { hasCommits: k } = re({ enabled: D }), { conversationId: A } = n(), { state: j, setFilesTabDiffView: M, setFilesTabContentViewMode: N } = r(A ?? ""), P = (D || O) && k !== !1, F = j.filesTabDiffView ?? P, I = j.filesTabContentViewMode, { isSuccess: oe, isUnsupported: L } = _(), R = oe && !L, [z, B] = S(!1), V = F ? "on" : "off";
-	z && R && (V = "commits");
-	let [H, U] = S(!1), W = l(), G = ae(() => W.data ?? [], [W.data]), K = a((e) => e.selectedPath), q = a((e) => e.selectedConversationId), J = a((e) => e.setSelectedPath), Y = q === A ? K : null, X = b((e) => J(e, A), [A, J]), se = te(Y), ce = u((e) => e.count), Z = ee(se.data?.staticUrl ?? null, ce);
-	x(() => {
-		q !== A && J(null, A);
+	let { data: O } = s(), k = O?.workspace?.working_dir, { conversationId: A } = n(), { state: j, setFilesTabContentViewMode: M, setFilesTabTreeVisible: N } = i(A ?? ""), P = j.filesTabContentViewMode, F = j.filesTabTreeVisible ?? !0, ae = b(() => {
+		N?.(!F);
+	}, [F, N]), I = S(null), { drawerWidth: L, isDragging: R, handleMouseDown: z } = m({
+		containerRef: I,
+		defaultWidth: 224,
+		minWidth: 160,
+		maxWidth: 480,
+		storageKey: ne,
+		enabled: F,
+		edge: "left"
+	}), B = f(), V = x(() => B.data ?? [], [B.data]), H = o((e) => e.selectedPath), U = o((e) => e.selectedConversationId), W = o((e) => e.openPaths), G = o((e) => e.setSelectedPath), K = o((e) => e.closeOpenPath), q = o((e) => e.hydrateForConversation), J = U === A ? H : null, oe = U === A ? W : [], Y = b((e) => G(e, A), [A, G]), se = g(J), ce = l((e) => e.count), X = u(se.data?.staticUrl ?? null, ce);
+	ie(() => {
+		if (!A || U === A) return;
+		let e = r(A);
+		q(A, e.filesTabOpenPaths ?? [], e.filesTabSelectedPath ?? null);
 	}, [
-		q,
 		A,
-		J
-	]), x(() => {
-		if (Y || G.length === 0) return;
-		let [e] = ie(G);
-		e && J(e, A);
-	}, [
-		G,
-		Y,
-		A,
-		J
+		U,
+		q
 	]);
-	let Q = i(), { refetch: le, isFetching: $ } = f(), ue = () => {
-		le(), Q.invalidateQueries({ queryKey: ["workspace-files"] }), Q.invalidateQueries({ queryKey: ["workspace-file-content"] }), Q.invalidateQueries({ queryKey: ["git_commits"] });
-	};
-	return /* @__PURE__ */ T("main", {
+	let Z = a(), [Q, $] = C(!1), le = /* @__PURE__ */ T("button", {
+		type: "button",
+		onClick: async () => {
+			$(!0);
+			try {
+				await Promise.all([Z.invalidateQueries({ queryKey: ["workspace-files"] }), Z.invalidateQueries({ queryKey: ["workspace-file-content"] })]);
+			} finally {
+				$(!1);
+			}
+		},
+		disabled: Q,
+		"aria-label": D(t.FILES$REFRESH),
+		title: D(t.FILES$REFRESH),
+		"data-testid": "files-tab-refresh",
+		className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+		children: /* @__PURE__ */ T(re, {
+			width: 12.75,
+			height: 15,
+			color: "#ffffff",
+			className: Q ? "animate-spin" : ""
+		})
+	});
+	return /* @__PURE__ */ E("main", {
 		className: "h-full w-full flex flex-col items-stretch",
 		"data-testid": "files-tab",
-		children: [
-			/* @__PURE__ */ T("div", {
-				className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
-				children: [
-					/* @__PURE__ */ w(s, {
-						ariaLabel: E(t.FILES$DIFF_VIEW),
-						testId: "files-tab-diff-toggle",
-						value: V,
-						options: [
-							{
-								value: "on",
-								label: E(t.FILES$DIFF_VIEW)
-							},
-							...R ? [{
-								value: "commits",
-								label: E(t.DIFF_VIEWER$COMMITS)
-							}] : [],
-							{
-								value: "off",
-								label: E(t.COMMON$FILES)
-							}
-						],
-						onChange: (e) => {
-							e === "commits" ? B(!0) : (B(!1), M(e === "on"));
-						}
-					}),
-					V === "off" && /* @__PURE__ */ w(s, {
-						ariaLabel: E(t.FILES$RICH),
+		children: [/* @__PURE__ */ T(te, { path: k }), B.isLoading ? /* @__PURE__ */ T("div", {
+			className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
+			children: D(t.FILES$LOADING_FILES)
+		}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(_, {
+			openPaths: oe,
+			selectedPath: J,
+			onSelectFile: Y,
+			onCloseFile: K,
+			isTreeVisible: F,
+			onToggleTree: ae,
+			actions: le
+		}), /* @__PURE__ */ E("div", {
+			ref: I,
+			className: "flex h-full min-h-0 flex-1",
+			children: [F && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("aside", {
+				className: "shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
+				"data-testid": "files-tab-tree",
+				style: { width: `${L}px` },
+				children: /* @__PURE__ */ T(v, {
+					paths: V,
+					selectedPath: J,
+					onSelectFile: Y
+				})
+			}), /* @__PURE__ */ T(p, {
+				testId: "files-tab-tree-resize-handle",
+				onMouseDown: z,
+				isDragging: R
+			})] }), /* @__PURE__ */ T("section", {
+				className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
+				"data-testid": "files-tab-content",
+				children: J ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
+					children: [/* @__PURE__ */ T(ee, {
+						ariaLabel: D(t.FILES$RICH),
 						testId: "files-tab-content-mode-toggle",
-						value: I,
+						value: P,
 						options: [{
 							value: "rich",
-							label: E(t.FILES$RICH)
+							label: D(t.FILES$RICH)
 						}, {
 							value: "plain",
-							label: E(t.FILES$PLAIN)
+							label: D(t.FILES$PLAIN)
 						}],
-						onChange: N
-					}),
-					/* @__PURE__ */ T("div", {
-						className: "ml-auto flex items-center gap-1",
-						children: [V === "off" && Z && /* @__PURE__ */ w("a", {
-							href: Z,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							"aria-label": E(t.FILES$OPEN_IN_NEW_WINDOW),
-							title: E(t.FILES$OPEN_IN_NEW_WINDOW),
-							"data-testid": "files-tab-open-in-new-window",
-							className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
-							children: /* @__PURE__ */ w(o, {
-								width: 14,
-								height: 14
-							})
-						}), /* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: ue,
-							disabled: $,
-							"aria-label": E(t.FILES$REFRESH),
-							title: E(t.FILES$REFRESH),
-							"data-testid": "files-tab-refresh",
-							className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
-							children: /* @__PURE__ */ w(g, {
-								width: 12.75,
-								height: 15,
-								color: "#ffffff",
-								className: $ ? "animate-spin" : ""
-							})
-						})]
-					})
-				]
-			}),
-			V === "on" && /* @__PURE__ */ w("div", {
-				className: "flex-1 min-h-0",
-				children: /* @__PURE__ */ w(v, {})
-			}),
-			V === "commits" && /* @__PURE__ */ w("div", {
-				className: "flex-1 min-h-0",
-				children: /* @__PURE__ */ w(y, {})
-			}),
-			V === "off" && /* @__PURE__ */ w("div", {
-				className: "flex flex-1 flex-col min-h-0",
-				children: W.isLoading ? /* @__PURE__ */ w("div", {
-					className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
-					children: E(t.FILES$LOADING_FILES)
-				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(p, {
-					paths: G,
-					selectedPath: Y,
-					onSelectFile: X,
-					isTreeVisible: H,
-					onToggleTree: () => U((e) => !e)
-				}), /* @__PURE__ */ T("div", {
-					className: "flex h-full min-h-0 flex-1",
-					children: [H && /* @__PURE__ */ w("aside", {
-						className: "w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
-						"data-testid": "files-tab-tree",
-						children: /* @__PURE__ */ w(m, {
-							paths: G,
-							selectedPath: Y,
-							onSelectFile: X
+						onChange: M
+					}), X ? /* @__PURE__ */ T("a", {
+						href: X,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						"aria-label": D(t.FILES$OPEN_IN_NEW_WINDOW),
+						title: D(t.FILES$OPEN_IN_NEW_WINDOW),
+						"data-testid": "files-tab-open-in-new-window",
+						className: "ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
+						children: /* @__PURE__ */ T(c, {
+							width: 14,
+							height: 14
 						})
-					}), /* @__PURE__ */ w("section", {
-						className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
-						"data-testid": "files-tab-content",
-						children: Y ? /* @__PURE__ */ w(h, {
-							path: Y,
-							viewMode: I
-						}) : /* @__PURE__ */ w(c, {})
-					})]
-				})] })
-			})
-		]
+					}) : null]
+				}), /* @__PURE__ */ T(y, {
+					path: J,
+					viewMode: P
+				})] }) : /* @__PURE__ */ T(h, {})
+			})]
+		})] })]
 	});
 }
 //#endregion
-export { E as default };
+export { D as default };
 
 //# sourceMappingURL=files-tab.js.map

package/dist/routes/files-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
+{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n  getConversationState,\n  useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n  FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n  FILES_TAB_TREE_MAX_WIDTH_PX,\n  FILES_TAB_TREE_MIN_WIDTH_PX,\n  FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n  FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/**\n * Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { data: activeConversation } = useActiveConversation();\n  const workspacePath = activeConversation?.workspace?.working_dir;\n\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabContentViewMode,\n    setFilesTabTreeVisible,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n  const contentViewMode = persistedState.filesTabContentViewMode;\n  const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n  const toggleTreeVisible = useCallback(() => {\n    setFilesTabTreeVisible?.(!isTreeVisible);\n  }, [isTreeVisible, setFilesTabTreeVisible]);\n\n  const treeLayoutRef = useRef<HTMLDivElement>(null);\n  const {\n    drawerWidth: treeWidth,\n    isDragging: isTreeResizing,\n    handleMouseDown: handleTreeResizeMouseDown,\n  } = useResizableDrawerWidth({\n    containerRef: treeLayoutRef,\n    defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n    minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n    maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n    storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n    enabled: isTreeVisible,\n    edge: \"left\",\n  });\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const openPaths = useFilesTabStore((s) => s.openPaths);\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n  const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n  const hydrateForConversation = useFilesTabStore(\n    (s) => s.hydrateForConversation,\n  );\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n  const conversationOpenPaths =\n    selectedConversationId === conversationId ? openPaths : [];\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. Opening a path also appends it to the tab strip.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  // Restore open tabs / selection from conversation-scoped localStorage on\n  // mount and when switching conversations (survives a full page refresh).\n  // Read localStorage directly — the React hook mirror can briefly hold the\n  // previous conversation's state until its sync effect runs.\n  useEffect(() => {\n    if (!conversationId) return;\n    if (selectedConversationId === conversationId) return;\n    const persisted = getConversationState(conversationId);\n    hydrateForConversation(\n      conversationId,\n      persisted.filesTabOpenPaths ?? [],\n      persisted.filesTabSelectedPath ?? null,\n    );\n  }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n  const queryClient = useQueryClient();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const refreshFiles = async () => {\n    setIsRefreshing(true);\n    try {\n      await Promise.all([\n        queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n        queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n      ]);\n    } finally {\n      setIsRefreshing(false);\n    }\n  };\n\n  const quickRowActions = (\n    <button\n      type=\"button\"\n      onClick={refreshFiles}\n      disabled={isRefreshing}\n      aria-label={t(I18nKey.FILES$REFRESH)}\n      title={t(I18nKey.FILES$REFRESH)}\n      data-testid=\"files-tab-refresh\"\n      className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n    >\n      <RefreshIcon\n        width={12.75}\n        height={15}\n        color=\"#ffffff\"\n        className={isRefreshing ? \"animate-spin\" : \"\"}\n      />\n    </button>\n  );\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      <WorkspacePath path={workspacePath} />\n      {filesQuery.isLoading ? (\n        <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.FILES$LOADING_FILES)}\n        </div>\n      ) : (\n        <>\n          <FileQuickRow\n            openPaths={conversationOpenPaths}\n            selectedPath={selectedPath}\n            onSelectFile={handleSelectFile}\n            onCloseFile={closeOpenPath}\n            isTreeVisible={isTreeVisible}\n            onToggleTree={toggleTreeVisible}\n            actions={quickRowActions}\n          />\n          <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n            {isTreeVisible && (\n              <>\n                <aside\n                  className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                  data-testid=\"files-tab-tree\"\n                  style={{ width: `${treeWidth}px` }}\n                >\n                  <FileTreeView\n                    paths={paths}\n                    selectedPath={selectedPath}\n                    onSelectFile={handleSelectFile}\n                  />\n                </aside>\n                <ResizeHandle\n                  testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n                  onMouseDown={handleTreeResizeMouseDown}\n                  isDragging={isTreeResizing}\n                />\n              </>\n            )}\n            <section\n              className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n              data-testid=\"files-tab-content\"\n            >\n              {selectedPath ? (\n                <>\n                  <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n                    <SegmentedToggle<ViewMode>\n                      ariaLabel={t(I18nKey.FILES$RICH)}\n                      testId=\"files-tab-content-mode-toggle\"\n                      value={contentViewMode}\n                      options={[\n                        { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n                        { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n                      ]}\n                      onChange={setFilesTabContentViewMode}\n                    />\n                    {selectedFileStaticUrl ? (\n                      <a\n                        href={selectedFileStaticUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        data-testid=\"files-tab-open-in-new-window\"\n                        className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n                      >\n                        <LinkExternalIcon width={14} height={14} />\n                      </a>\n                    ) : null}\n                  </div>\n                  <FileContentViewer\n                    path={selectedPath}\n                    viewMode={contentViewMode}\n                  />\n                </>\n              ) : (\n                <NoFileSelectedMessage />\n              )}\n            </section>\n          </div>\n        </>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/routes/llm-settings.cjs

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../services/settings.cjs"),a=require("../constants/llm-subscription.cjs"),o=require("../utils/format-model-name.cjs"),s=require("../hooks/query/use-settings.cjs"),c=require("../components/features/settings/settings-input.cjs"),l=require("../components/features/settings/settings-dropdown-input.cjs"),u=require("../utils/extract-model-and-provider.cjs"),d=require("../ui/help-link.cjs"),f=require("../components/shared/modals/settings/model-selector.cjs"),p=require("../hooks/query/use-agent-settings-schema.cjs"),m=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),h=require("../components/features/settings/key-status-icon.cjs"),g=require("../utils/sdk-settings-schema.cjs"),_=require("../components/features/settings/sdk-settings/sdk-section-page.cjs");require("../components/features/settings/llm-profiles/index.cjs");const v=require("../hooks/query/use-llm-subscription-models.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,a.LLM_AUTH_TYPE_KEY,a.LLM_SUBSCRIPTION_VENDOR_KEY]),S=(e,t)=>!e||!t?null:`${e}/${t}`,C=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,w={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},T=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},E=(e,t)=>{let n=T(t),{provider:r}=u.extractModelAndProvider(e);if(r){let e=w[r];if(e)return e.has(n)}return Object.values(w).some(e=>e?.has(n))};function D({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,b.jsx)(d.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function O(){return(0,b.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,b.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,b.jsx)(`span`,{children:o.FREE_OPENHANDS_MODEL_NOTE})]})}function k({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A}){let{t:j}=t.useTranslation(`openhands`),{data:M}=s.useSettings(e),{data:N}=p.useAgentSettingsSchema(M?.agent_settings_schema),P=M?.agent_settings?.llm,F=a.resolveLlmAuthType(u?.[`llm.auth_type`]??P?.auth_type),[I,L]=y.default.useState(F===a.LLM_AUTH_TYPE_SUBSCRIPTION),{data:R,isLoading:z,isFetching:B}=v.useOpenAISubscriptionModels({enabled:I}),V=I&&!R&&(z||B),H=y.default.useRef(null),U=y.default.useRef(null);y.default.useEffect(()=>{F===`subscription`&&L(!0)},[F]);let W=String(i.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),G=y.default.useCallback((e,t)=>{let n=g.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!E(r,i)?`all`:`basic`},[]),K=y.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let s=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,u=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,p=s.startsWith(`openhands/`),g=a.resolveLlmAuthType(e[a.LLM_AUTH_TYPE_KEY]),_=g===a.LLM_AUTH_TYPE_SUBSCRIPTION,v=t||_&&V,y=R?.includes(s)?s:R?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,C=w?x.length>0:!!M?.llm_api_key_set,T=(e,r)=>(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:e,label:j(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:C?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:C?(0,b.jsx)(h.KeyStatusIcon,{isSet:C}):void 0}),(0,b.jsx)(d.HelpLink,{testId:r,text:j(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:j(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),E=e=>{let t=e===`subscription`?a.LLM_AUTH_TYPE_SUBSCRIPTION:a.LLM_AUTH_TYPE_API_KEY;if(i(a.LLM_AUTH_TYPE_KEY,t),t===`subscription`){L(!0),s&&!R?.includes(s)&&(H.current=s);let e=U.current&&R?.includes(U.current)?U.current:R?.[0];i(a.LLM_SUBSCRIPTION_VENDOR_KEY,a.OPENAI_SUBSCRIPTION_VENDOR),!R?.includes(s)&&e&&i(`llm.model`,e);return}s&&R?.includes(s)&&(U.current=s,i(`llm.model`,H.current??W))},k=()=>(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:a.LLM_AUTH_TYPE_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:a.LLM_AUTH_TYPE_API_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:a.LLM_AUTH_TYPE_SUBSCRIPTION,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:g,isClearable:!1,required:!0,isDisabled:v,onSelectionChange:E}),A=()=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:j(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(R??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:v||!R?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:R?.[0];t&&i(`llm.model`,t)}}),(0,b.jsx)(m.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,b.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.ModelSelector,{currentModel:s||void 0,onChange:(e,t)=>{let n=S(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),p?(0,b.jsx)(D,{testId:`openhands-api-key-help`}):null,T(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:`llm-custom-model-input`,label:j(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:s,placeholder:W,onChange:e=>i(`llm.model`,e),isDisabled:t}),p?(0,b.jsxs)(b.Fragment,{children:[o.isFreeOpenHandsModel(s)?(0,b.jsx)(O,{}):null,(0,b.jsx)(D,{testId:`openhands-api-key-help-2`})]}):null,(0,b.jsx)(c.SettingsInput,{testId:`base-url-input`,label:j(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:u,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),T(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[W,w,V,M?.llm_api_key_set,R,j]),q=y.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(a.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=a.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=a.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=R?.[0];if(!R?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=R?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=a.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=C(N,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[N,R]);return(0,b.jsx)(_.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:x}],header:K,buildPayload:q,getInitialView:G,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=k;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../contexts/active-backend-context.cjs"),a=require("../services/settings.cjs"),o=require("../constants/llm-subscription.cjs"),s=require("../utils/format-model-name.cjs"),c=require("../hooks/query/use-settings.cjs"),l=require("../components/features/settings/settings-input.cjs"),u=require("../components/features/settings/settings-dropdown-input.cjs"),d=require("../utils/extract-model-and-provider.cjs"),f=require("../ui/help-link.cjs"),p=require("../components/shared/modals/settings/model-selector.cjs"),m=require("../hooks/query/use-agent-settings-schema.cjs"),h=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),g=require("../components/features/settings/key-status-icon.cjs"),_=require("../utils/sdk-settings-schema.cjs"),v=require("../components/features/settings/sdk-settings/sdk-section-page.cjs"),y=require("../hooks/query/use-provider-connections.cjs");require("../components/features/settings/llm-profiles/index.cjs");const b=require("../hooks/query/use-llm-subscription-models.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=`llm.provider_connection_id`,w=`__none__`,T=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,C,o.LLM_AUTH_TYPE_KEY,o.LLM_SUBSCRIPTION_VENDOR_KEY]),E=(e,t)=>!e||!t?null:`${e}/${t}`,D=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,O={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},k=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},A=(e,t)=>{let n=k(t),{provider:r}=d.extractModelAndProvider(e);if(r){let e=O[r];if(e)return e.has(n)}return Object.values(O).some(e=>e?.has(n))};function j({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,S.jsx)(f.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`,suffixLinkText:r(n.I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS),suffixLinkHref:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,trailing:`.`})}function M(){return(0,S.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,S.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,S.jsx)(`span`,{children:s.FREE_OPENHANDS_MODEL_NOTE})]})}function N({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:d,embedded:O,hideSaveButton:k,suppressSuccessToast:N,onSaveControlChange:P,showProviderConnection:F}){let{t:I}=t.useTranslation(`openhands`),{backend:L}=i.useActiveBackend(),R=L.kind===`cloud`,{data:z}=y.useProviderConnections(),B=x.default.useMemo(()=>F?z??[]:[],[F,z]),{data:V}=c.useSettings(e),{data:H}=m.useAgentSettingsSchema(V?.agent_settings_schema),U=V?.agent_settings?.llm,W=o.resolveLlmAuthType(d?.[`llm.auth_type`]??U?.auth_type),[G,K]=x.default.useState(W===o.LLM_AUTH_TYPE_SUBSCRIPTION),{data:q,isLoading:J,isFetching:Y}=b.useOpenAISubscriptionModels({enabled:G}),X=G&&!q&&(J||Y),Z=x.default.useRef(null),Q=x.default.useRef(null);x.default.useEffect(()=>{W===`subscription`&&K(!0)},[W]);let $=String(a.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),ee=x.default.useCallback((e,t)=>{let n=_.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!A(r,i)?`all`:`basic`},[]),te=x.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let a=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,c=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,d=s.isOpenHandsProviderModel(a),m=o.resolveLlmAuthType(e[o.LLM_AUTH_TYPE_KEY]),_=m===o.LLM_AUTH_TYPE_SUBSCRIPTION,v=R&&d&&!_,y=t||_&&X,b=q?.includes(a)?a:q?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,T=O?x.length>0:!!V?.llm_api_key_set,D=typeof e[`llm.provider_connection_id`]==`string`?e[C]:``,k=!!D,A=F&&!_&&(k||B.length>0),N=k&&!B.some(e=>e.id===D),P=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-provider-connection-input`,name:C,label:I(n.I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),items:[{key:w,label:I(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},...B.map(e=>({key:e.id,label:e.display_name})),...N?[{key:D,label:D}]:[]],selectedKey:D||w,isClearable:!1,isDisabled:t,onSelectionChange:e=>{i(C,typeof e==`string`&&e!==w?e:``)}}),L=(e,r,a)=>(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:e,label:I(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:T?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:T?(0,S.jsx)(g.KeyStatusIcon,{isSet:T}):void 0}),d?(0,S.jsx)(j,{testId:a}):(0,S.jsx)(f.HelpLink,{testId:r,text:I(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:I(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),z=e=>{let t=e===`subscription`?o.LLM_AUTH_TYPE_SUBSCRIPTION:o.LLM_AUTH_TYPE_API_KEY;if(i(o.LLM_AUTH_TYPE_KEY,t),t===`subscription`){K(!0),a&&!q?.includes(a)&&(Z.current=a);let e=Q.current&&q?.includes(Q.current)?Q.current:q?.[0];i(o.LLM_SUBSCRIPTION_VENDOR_KEY,o.OPENAI_SUBSCRIPTION_VENDOR),!q?.includes(a)&&e&&i(`llm.model`,e);return}a&&q?.includes(a)&&(Q.current=a,i(`llm.model`,Z.current??$))},H=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:o.LLM_AUTH_TYPE_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:o.LLM_AUTH_TYPE_API_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:o.LLM_AUTH_TYPE_SUBSCRIPTION,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:m,isClearable:!1,required:!0,isDisabled:y,onSelectionChange:z}),U=()=>(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:I(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(q??[]).map(e=>({key:e,label:e})),selectedKey:b,isClearable:!1,required:!0,isDisabled:y||!q?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:q?.[0];t&&i(`llm.model`,t)}}),(0,S.jsx)(h.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,S.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[H(),_?U():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(p.ModelSelector,{currentModel:a||void 0,onChange:(e,t)=>{let n=E(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),A?P():null,k||v?null:L(`llm-api-key-input`,`llm-api-key-help-anchor`,`openhands-api-key-help`)]})]}):(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[H(),_?U():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:`llm-custom-model-input`,label:I(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:a,placeholder:$,onChange:e=>i(`llm.model`,e),isDisabled:t}),d&&!k?(0,S.jsx)(S.Fragment,{children:s.isFreeOpenHandsModel(a)?(0,S.jsx)(M,{}):null}):null,A?P():null,k||v?null:(0,S.jsx)(l.SettingsInput,{testId:`base-url-input`,label:I(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:c,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),k||v?null:L(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`,`openhands-api-key-help-2`)]})]})})},[B,F,$,O,R,X,V?.llm_api_key_set,q,I]),ne=x.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(o.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=o.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=o.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=q?.[0];if(!q?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=q?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=o.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=D(H,`llm.base_url`)),R&&s.isOpenHandsProviderModel(String(t.values[`llm.model`]??``))&&(delete r.api_key,delete r.base_url);return n.llm=r,{agent_settings_diff:n}},[H,q,R]);return(0,S.jsx)(v.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:T}],header:te,buildPayload:ne,getInitialView:ee,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:d,embedded:O,hideSaveButton:k,suppressSuccessToast:N,onSaveControlChange:P,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=N;
 //# sourceMappingURL=llm-settings.cjs.map

package/dist/routes/llm-settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  LLM_AUTH_TYPE_API_KEY,\n  LLM_AUTH_TYPE_KEY,\n  LLM_AUTH_TYPE_SUBSCRIPTION,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n  OPENAI_SUBSCRIPTION_VENDOR,\n  resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport {\n  FREE_OPENHANDS_MODEL_NOTE,\n  isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n  \"llm.model\",\n  \"llm.api_key\",\n  \"llm.base_url\",\n  LLM_AUTH_TYPE_KEY,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nfunction OpenHandsFreeModelsNote() {\n  return (\n    <p\n      data-testid=\"openhands-free-models-note\"\n      className=\"flex items-start gap-2 text-xs text-warning\"\n    >\n      <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n      <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n    </p>\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  suppressSuccessToast,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  suppressSuccessToast?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const persistedLlmSettings = settings?.agent_settings?.llm as\n    | Record<string, unknown>\n    | undefined;\n  const initialAuthType = resolveLlmAuthType(\n    initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n      persistedLlmSettings?.auth_type,\n  );\n  const [enableSubscriptionModels, setEnableSubscriptionModels] =\n    React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n  const {\n    data: subscriptionModels,\n    isLoading: isSubscriptionModelsLoading,\n    isFetching: isSubscriptionModelsFetching,\n  } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n  const isWaitingForSubscriptionModels =\n    enableSubscriptionModels &&\n    !subscriptionModels &&\n    (isSubscriptionModelsLoading || isSubscriptionModelsFetching);\n  const lastApiKeyModelRef = React.useRef<string | null>(null);\n  const lastSubscriptionModelRef = React.useRef<string | null>(null);\n\n  React.useEffect(() => {\n    if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n      setEnableSubscriptionModels(true);\n    }\n  }, [initialAuthType]);\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n      const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n      const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n      const shouldDisableSubscriptionControls =\n        isDisabled || (isSubscriptionAuth && isWaitingForSubscriptionModels);\n      const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n        ? modelValue\n        : (subscriptionModels?.[0] ?? \"\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      const handleAuthTypeChange = (selectedKey: React.Key | null) => {\n        const nextAuthType =\n          selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n            ? LLM_AUTH_TYPE_SUBSCRIPTION\n            : LLM_AUTH_TYPE_API_KEY;\n        onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n        if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n          setEnableSubscriptionModels(true);\n          if (modelValue && !subscriptionModels?.includes(modelValue)) {\n            lastApiKeyModelRef.current = modelValue;\n          }\n          const restoredSubscriptionModel =\n            lastSubscriptionModelRef.current &&\n            subscriptionModels?.includes(lastSubscriptionModelRef.current)\n              ? lastSubscriptionModelRef.current\n              : subscriptionModels?.[0];\n          onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n          if (\n            !subscriptionModels?.includes(modelValue) &&\n            restoredSubscriptionModel\n          ) {\n            onChange(\"llm.model\", restoredSubscriptionModel);\n          }\n          return;\n        }\n\n        if (modelValue && subscriptionModels?.includes(modelValue)) {\n          lastSubscriptionModelRef.current = modelValue;\n          onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n        }\n      };\n\n      const renderAuthTypeInput = () => (\n        <SettingsDropdownInput\n          testId=\"llm-auth-type-input\"\n          name={LLM_AUTH_TYPE_KEY}\n          label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n          items={[\n            {\n              key: LLM_AUTH_TYPE_API_KEY,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n            },\n            {\n              key: LLM_AUTH_TYPE_SUBSCRIPTION,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n            },\n          ]}\n          selectedKey={authType}\n          isClearable={false}\n          required\n          isDisabled={shouldDisableSubscriptionControls}\n          onSelectionChange={handleAuthTypeChange}\n        />\n      );\n\n      const renderSubscriptionSettings = () => (\n        <div\n          className=\"flex flex-col gap-6\"\n          data-testid=\"llm-subscription-settings\"\n        >\n          <SettingsDropdownInput\n            testId=\"llm-subscription-model-input\"\n            name=\"llm.subscription_model\"\n            label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n            items={(subscriptionModels ?? []).map((model) => ({\n              key: model,\n              label: model,\n            }))}\n            selectedKey={subscriptionModelValue}\n            isClearable={false}\n            required\n            isDisabled={\n              shouldDisableSubscriptionControls || !subscriptionModels?.length\n            }\n            onSelectionChange={(selectedKey) => {\n              const nextModel =\n                typeof selectedKey === \"string\"\n                  ? selectedKey\n                  : subscriptionModels?.[0];\n              if (nextModel) {\n                onChange(\"llm.model\", nextModel);\n              }\n            }}\n          />\n          <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n        </div>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <ModelSelector\n                    currentModel={modelValue || undefined}\n                    onChange={(provider, model) => {\n                      const nextModel = buildModelId(provider, model);\n                      if (nextModel) {\n                        onChange(\"llm.model\", nextModel);\n                      }\n                    }}\n                    wrapperClassName=\"!flex-col !gap-6\"\n                    isDisabled={isDisabled}\n                  />\n\n                  {showOpenHandsApiKeyHelp ? (\n                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n                  ) : null}\n\n                  {renderApiKeyInput(\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-input\",\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-help-anchor\",\n                  )}\n                </>\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <SettingsInput\n                    testId=\"llm-custom-model-input\"\n                    label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                    type=\"text\"\n                    className=\"w-full\"\n                    value={modelValue}\n                    placeholder={defaultModel}\n                    onChange={(value) => onChange(\"llm.model\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {showOpenHandsApiKeyHelp ? (\n                    <>\n                      {isFreeOpenHandsModel(modelValue) ? (\n                        <OpenHandsFreeModelsNote />\n                      ) : null}\n                      <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n                    </>\n                  ) : null}\n\n                  <SettingsInput\n                    testId=\"base-url-input\"\n                    label={t(I18nKey.SETTINGS$BASE_URL)}\n                    type=\"text\"\n                    className=\"w-full\"\n                    value={baseUrlValue}\n                    // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n                    placeholder=\"https://api.openai.com\"\n                    onChange={(value) => onChange(\"llm.base_url\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {renderApiKeyInput(\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-input\",\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-help-anchor-advanced\",\n                  )}\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [\n      defaultModel,\n      embedded,\n      isWaitingForSubscriptionModels,\n      settings?.llm_api_key_set,\n      subscriptionModels,\n      t,\n    ],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      defaultPayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        dirty: Record<string, boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // defaultPayload is the wrapped diff (e.g.\n      // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n      // mutate the inner `llm` object below.\n      const agentSettings = structuredClone(\n        (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n      );\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n      const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n      if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n        llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n        llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n        const model =\n          typeof llm.model === \"string\"\n            ? llm.model\n            : String(context.values[\"llm.model\"] ?? \"\");\n        const fallbackSubscriptionModel = subscriptionModels?.[0];\n        if (\n          !subscriptionModels?.includes(model) &&\n          !fallbackSubscriptionModel\n        ) {\n          throw new Error(\"Subscription models are not loaded yet.\");\n        }\n        llm.model = subscriptionModels?.includes(model)\n          ? model\n          : fallbackSubscriptionModel;\n        delete llm.api_key;\n        delete llm.base_url;\n      } else {\n        if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n          llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n          llm.subscription_vendor = null;\n        }\n        if (context.view === \"basic\" && llm.model !== undefined) {\n          llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        }\n      }\n\n      agentSettings.llm = llm;\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema, subscriptionModels],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      settingsSources={[\n        {\n          settingsSource: \"agent_settings\",\n          sectionKeys: [\"llm\"],\n          excludeKeys: LLM_EXCLUDED_KEYS,\n        },\n      ]}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      suppressSuccessToast={suppressSuccessToast}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  LLM_AUTH_TYPE_API_KEY,\n  LLM_AUTH_TYPE_KEY,\n  LLM_AUTH_TYPE_SUBSCRIPTION,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n  OPENAI_SUBSCRIPTION_VENDOR,\n  resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  FREE_OPENHANDS_MODEL_NOTE,\n  isFreeOpenHandsModel,\n  isOpenHandsProviderModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. */\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/** Dropdown sentinel for \"no provider connection\" (an inline key is used). */\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n  \"llm.model\",\n  \"llm.api_key\",\n  \"llm.base_url\",\n  LLM_PROVIDER_CONNECTION_KEY,\n  LLM_AUTH_TYPE_KEY,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n      suffixLinkText={t(I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS)}\n      suffixLinkHref=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n      trailing=\".\"\n    />\n  );\n}\n\nfunction OpenHandsFreeModelsNote() {\n  return (\n    <p\n      data-testid=\"openhands-free-models-note\"\n      className=\"flex items-start gap-2 text-xs text-warning\"\n    >\n      <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n      <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n    </p>\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  suppressSuccessToast,\n  onSaveControlChange,\n  showProviderConnection,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  suppressSuccessToast?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  /**\n   * When true (the local profile editor), show a \"Provider connection\" selector\n   * that links this profile to a shared connection. Only rendered when at least\n   * one connection exists, so the form is unchanged until the user creates one.\n   */\n  showProviderConnection?: boolean;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  const { data: providerConnections } = useProviderConnections();\n  const connectionOptions = React.useMemo(\n    () => (showProviderConnection ? (providerConnections ?? []) : []),\n    [showProviderConnection, providerConnections],\n  );\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const persistedLlmSettings = settings?.agent_settings?.llm as\n    | Record<string, unknown>\n    | undefined;\n  const initialAuthType = resolveLlmAuthType(\n    initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n      persistedLlmSettings?.auth_type,\n  );\n  const [enableSubscriptionModels, setEnableSubscriptionModels] =\n    React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n  const {\n    data: subscriptionModels,\n    isLoading: isSubscriptionModelsLoading,\n    isFetching: isSubscriptionModelsFetching,\n  } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n  const isWaitingForSubscriptionModels =\n    enableSubscriptionModels &&\n    !subscriptionModels &&\n    (isSubscriptionModelsLoading || isSubscriptionModelsFetching);\n  const lastApiKeyModelRef = React.useRef<string | null>(null);\n  const lastSubscriptionModelRef = React.useRef<string | null>(null);\n\n  React.useEffect(() => {\n    if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n      setEnableSubscriptionModels(true);\n    }\n  }, [initialAuthType]);\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = isOpenHandsProviderModel(modelValue);\n      const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n      const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n      // On cloud the OpenHands provider is backed by a server-minted LLM key,\n      // so the inline API key / base URL inputs are not user-supplied. Local\n      // mode still collects an api_key (the OpenHands provider can run against\n      // a self-hosted endpoint there).\n      const hideInlineCredentials =\n        isCloud && showOpenHandsApiKeyHelp && !isSubscriptionAuth;\n      const shouldDisableSubscriptionControls =\n        isDisabled || (isSubscriptionAuth && isWaitingForSubscriptionModels);\n      const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n        ? modelValue\n        : (subscriptionModels?.[0] ?? \"\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      // A profile linked to a provider connection reads its api_key / base_url\n      // from that connection, so the inline key + base URL inputs are hidden.\n      const connectionValue =\n        typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n          ? values[LLM_PROVIDER_CONNECTION_KEY]\n          : \"\";\n      const isLinkedToConnection = Boolean(connectionValue);\n      // Show the selector whenever connections can be linked here. Include the\n      // linked case so a profile pointing at an orphaned connection (its only\n      // connection deleted, or the list still loading) still exposes a control\n      // to unlink — otherwise the API key / base URL inputs stay hidden with no\n      // way to recover.\n      const showConnectionSelector =\n        showProviderConnection &&\n        !isSubscriptionAuth &&\n        (isLinkedToConnection || connectionOptions.length > 0);\n      // Surface an orphaned link (a selected id absent from the fetched list)\n      // as its own option so the dropdown reflects it and can be cleared.\n      const isOrphanedLink =\n        isLinkedToConnection &&\n        !connectionOptions.some((c) => c.id === connectionValue);\n\n      const renderConnectionSelector = () => (\n        <SettingsDropdownInput\n          testId=\"llm-provider-connection-input\"\n          name={LLM_PROVIDER_CONNECTION_KEY}\n          label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n          items={[\n            {\n              key: NO_PROVIDER_CONNECTION,\n              label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n            },\n            ...connectionOptions.map((connection) => ({\n              key: connection.id,\n              label: connection.display_name,\n            })),\n            ...(isOrphanedLink\n              ? [{ key: connectionValue, label: connectionValue }]\n              : []),\n          ]}\n          selectedKey={connectionValue || NO_PROVIDER_CONNECTION}\n          isClearable={false}\n          isDisabled={isDisabled}\n          onSelectionChange={(selectedKey) => {\n            const next =\n              typeof selectedKey === \"string\" &&\n              selectedKey !== NO_PROVIDER_CONNECTION\n                ? selectedKey\n                : \"\";\n            onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n          }}\n        />\n      );\n\n      const renderApiKeyInput = (\n        testId: string,\n        helpTestId: string,\n        openHandsHelpTestId: string,\n      ) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          {/* The OpenHands provider's key lives in the OpenHands Cloud \"API\n              Keys\" tab, so point users there instead of the generic docs page\n              that covers both LLM and regular API keys. */}\n          {showOpenHandsApiKeyHelp ? (\n            <OpenHandsApiKeyHelp testId={openHandsHelpTestId} />\n          ) : (\n            <HelpLink\n              testId={helpTestId}\n              text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n              linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n              href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n            />\n          )}\n        </>\n      );\n\n      const handleAuthTypeChange = (selectedKey: React.Key | null) => {\n        const nextAuthType =\n          selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n            ? LLM_AUTH_TYPE_SUBSCRIPTION\n            : LLM_AUTH_TYPE_API_KEY;\n        onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n        if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n          setEnableSubscriptionModels(true);\n          if (modelValue && !subscriptionModels?.includes(modelValue)) {\n            lastApiKeyModelRef.current = modelValue;\n          }\n          const restoredSubscriptionModel =\n            lastSubscriptionModelRef.current &&\n            subscriptionModels?.includes(lastSubscriptionModelRef.current)\n              ? lastSubscriptionModelRef.current\n              : subscriptionModels?.[0];\n          onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n          if (\n            !subscriptionModels?.includes(modelValue) &&\n            restoredSubscriptionModel\n          ) {\n            onChange(\"llm.model\", restoredSubscriptionModel);\n          }\n          return;\n        }\n\n        if (modelValue && subscriptionModels?.includes(modelValue)) {\n          lastSubscriptionModelRef.current = modelValue;\n          onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n        }\n      };\n\n      const renderAuthTypeInput = () => (\n        <SettingsDropdownInput\n          testId=\"llm-auth-type-input\"\n          name={LLM_AUTH_TYPE_KEY}\n          label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n          items={[\n            {\n              key: LLM_AUTH_TYPE_API_KEY,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n            },\n            {\n              key: LLM_AUTH_TYPE_SUBSCRIPTION,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n            },\n          ]}\n          selectedKey={authType}\n          isClearable={false}\n          required\n          isDisabled={shouldDisableSubscriptionControls}\n          onSelectionChange={handleAuthTypeChange}\n        />\n      );\n\n      const renderSubscriptionSettings = () => (\n        <div\n          className=\"flex flex-col gap-6\"\n          data-testid=\"llm-subscription-settings\"\n        >\n          <SettingsDropdownInput\n            testId=\"llm-subscription-model-input\"\n            name=\"llm.subscription_model\"\n            label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n            items={(subscriptionModels ?? []).map((model) => ({\n              key: model,\n              label: model,\n            }))}\n            selectedKey={subscriptionModelValue}\n            isClearable={false}\n            required\n            isDisabled={\n              shouldDisableSubscriptionControls || !subscriptionModels?.length\n            }\n            onSelectionChange={(selectedKey) => {\n              const nextModel =\n                typeof selectedKey === \"string\"\n                  ? selectedKey\n                  : subscriptionModels?.[0];\n              if (nextModel) {\n                onChange(\"llm.model\", nextModel);\n              }\n            }}\n          />\n          <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n        </div>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <ModelSelector\n                    currentModel={modelValue || undefined}\n                    onChange={(provider, model) => {\n                      const nextModel = buildModelId(provider, model);\n                      if (nextModel) {\n                        onChange(\"llm.model\", nextModel);\n                      }\n                    }}\n                    wrapperClassName=\"!flex-col !gap-6\"\n                    isDisabled={isDisabled}\n                  />\n\n                  {showConnectionSelector ? renderConnectionSelector() : null}\n\n                  {isLinkedToConnection || hideInlineCredentials\n                    ? null\n                    : renderApiKeyInput(\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"llm-api-key-input\",\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"llm-api-key-help-anchor\",\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"openhands-api-key-help\",\n                      )}\n                </>\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <SettingsInput\n                    testId=\"llm-custom-model-input\"\n                    label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                    type=\"text\"\n                    className=\"w-full\"\n                    value={modelValue}\n                    placeholder={defaultModel}\n                    onChange={(value) => onChange(\"llm.model\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n                    <>\n                      {isFreeOpenHandsModel(modelValue) ? (\n                        <OpenHandsFreeModelsNote />\n                      ) : null}\n                    </>\n                  ) : null}\n\n                  {showConnectionSelector ? renderConnectionSelector() : null}\n\n                  {isLinkedToConnection || hideInlineCredentials ? null : (\n                    <SettingsInput\n                      testId=\"base-url-input\"\n                      label={t(I18nKey.SETTINGS$BASE_URL)}\n                      type=\"text\"\n                      className=\"w-full\"\n                      value={baseUrlValue}\n                      // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n                      placeholder=\"https://api.openai.com\"\n                      onChange={(value) => onChange(\"llm.base_url\", value)}\n                      isDisabled={isDisabled}\n                    />\n                  )}\n\n                  {isLinkedToConnection || hideInlineCredentials\n                    ? null\n                    : renderApiKeyInput(\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"llm-api-key-input\",\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"llm-api-key-help-anchor-advanced\",\n                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"openhands-api-key-help-2\",\n                      )}\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [\n      connectionOptions,\n      showProviderConnection,\n      defaultModel,\n      embedded,\n      isCloud,\n      isWaitingForSubscriptionModels,\n      settings?.llm_api_key_set,\n      subscriptionModels,\n      t,\n    ],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      defaultPayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        dirty: Record<string, boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // defaultPayload is the wrapped diff (e.g.\n      // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n      // mutate the inner `llm` object below.\n      const agentSettings = structuredClone(\n        (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n      );\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n      const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n      if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n        llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n        llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n        const model =\n          typeof llm.model === \"string\"\n            ? llm.model\n            : String(context.values[\"llm.model\"] ?? \"\");\n        const fallbackSubscriptionModel = subscriptionModels?.[0];\n        if (\n          !subscriptionModels?.includes(model) &&\n          !fallbackSubscriptionModel\n        ) {\n          throw new Error(\"Subscription models are not loaded yet.\");\n        }\n        llm.model = subscriptionModels?.includes(model)\n          ? model\n          : fallbackSubscriptionModel;\n        delete llm.api_key;\n        delete llm.base_url;\n      } else {\n        if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n          llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n          llm.subscription_vendor = null;\n        }\n        if (context.view === \"basic\" && llm.model !== undefined) {\n          llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        }\n        // On cloud the OpenHands provider uses a server-minted LLM key, so\n        // never send an inline api_key / base_url — let the backend attach its\n        // own credential. (Local mode still collects an inline key.)\n        if (\n          isCloud &&\n          isOpenHandsProviderModel(String(context.values[\"llm.model\"] ?? \"\"))\n        ) {\n          delete llm.api_key;\n          delete llm.base_url;\n        }\n      }\n\n      agentSettings.llm = llm;\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema, subscriptionModels, isCloud],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      settingsSources={[\n        {\n          settingsSource: \"agent_settings\",\n          sectionKeys: [\"llm\"],\n          excludeKeys: LLM_EXCLUDED_KEYS,\n        },\n      ]}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      suppressSuccessToast={suppressSuccessToast}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/routes/llm-settings.d.ts

@@ -2,7 +2,9 @@ import React from "react";
 import { SdkSectionSaveControl } from "#/components/features/settings/sdk-settings/sdk-section-page";
 import { SettingsScope } from "#/types/settings";
 import { type SettingsFormValues } from "#/utils/sdk-settings-schema";
-export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, }: {
+/** Form-values key for the shared provider connection a profile links to. */
+export declare const LLM_PROVIDER_CONNECTION_KEY = "llm.provider_connection_id";
+export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, showProviderConnection, }: {
     scope?: SettingsScope;
     /** Optional hook fired after a successful save (e.g. advance an onboarding step). */
     onSaveSuccess?: () => void;
@@ -16,6 +18,12 @@ export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOv
     suppressSuccessToast?: boolean;
     /** Forwarded to {@link SdkSectionPage}. */
     onSaveControlChange?: (control: SdkSectionSaveControl) => void;
+    /**
+     * When true (the local profile editor), show a "Provider connection" selector
+     * that links this profile to a shared connection. Only rendered when at least
+     * one connection exists, so the form is unchanged until the user creates one.
+     */
+    showProviderConnection?: boolean;
 }): React.JSX.Element;
 /**
  * Default export for the route renders the LLM-profile management view for both