@openhands/agent-canvas 1.1.0 → 1.2.1

package/dist/routes/files-tab.js

@@ -5,19 +5,19 @@ import { useConversationLocalStorageState as r } from "../utils/conversation-loc
 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 { NoFileSelectedMessage as s } from "../components/features/files-tab/no-file-selected-message.js";
-import { useWorkspaceFiles as c } from "../hooks/query/use-workspace-files.js";
-import { useWorkspaceMutationCounter as l, withWorkspaceCacheBuster as u } from "../stores/use-workspace-mutation-counter.js";
-import { useWorkspaceFileContent as d } from "../hooks/query/use-workspace-file-content.js";
-import { useHasAttachedSource as f } from "../hooks/use-has-attached-source.js";
-import { useHasGitCommits as p } from "../hooks/query/use-has-git-commits.js";
-import { useAutoRefreshFilesOnEdit as m } from "../hooks/use-auto-refresh-files-on-edit.js";
-import { useUnifiedGetGitChanges as h } from "../hooks/query/use-unified-get-git-changes.js";
-import { sortFilesByPriority as g } from "../utils/file-priority.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 { SegmentedToggle as b } from "../components/features/files-tab/segmented-toggle.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 d } from "../stores/use-workspace-mutation-counter.js";
+import { useWorkspaceFileContent as f } from "../hooks/query/use-workspace-file-content.js";
+import { useHasAttachedSource as p } from "../hooks/use-has-attached-source.js";
+import { useHasGitCommits as m } from "../hooks/query/use-has-git-commits.js";
+import { useAutoRefreshFilesOnEdit as h } from "../hooks/use-auto-refresh-files-on-edit.js";
+import { useUnifiedGetGitChanges as g } from "../hooks/query/use-unified-get-git-changes.js";
+import { sortFilesByPriority as _ } from "../utils/file-priority.js";
+import { FileQuickRow as v } from "../components/features/files-tab/file-quick-row.js";
+import { FileTreeView as y } from "../components/features/files-tab/file-tree-view.js";
+import { FileContentViewer as b } from "../components/features/files-tab/file-content-viewer.js";
 import x from "../icons/u-refresh.js";
 import S from "./changes-tab.js";
 import { useCallback as ee, useEffect as C, useMemo as w, useState as T } from "react";
@@ -25,8 +25,8 @@ import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/routes/files-tab.tsx
 function k() {
 	let { t: k } = e("openhands");
-	m();
-	let { hasAttachedSource: A, isLoading: j } = f(), { hasCommits: M } = p({ enabled: A }), { conversationId: N } = n(), { state: P, setFilesTabDiffView: F, setFilesTabContentViewMode: I } = r(N ?? ""), L = (A || j) && M !== !1, R = P.filesTabDiffView ?? L, z = P.filesTabContentViewMode, [B, V] = T(!1), H = c(), U = w(() => H.data ?? [], [H.data]), W = a((e) => e.selectedPath), G = a((e) => e.selectedConversationId), K = a((e) => e.setSelectedPath), q = G === N ? W : null, J = ee((e) => K(e, N), [N, K]), Y = d(q), X = l((e) => e.count), Z = u(Y.data?.staticUrl ?? null, X);
+	h();
+	let { hasAttachedSource: A, isLoading: j } = p(), { hasCommits: M } = m({ enabled: A }), { conversationId: N } = n(), { state: P, setFilesTabDiffView: F, setFilesTabContentViewMode: I } = r(N ?? ""), L = (A || j) && M !== !1, R = P.filesTabDiffView ?? L, z = P.filesTabContentViewMode, [B, V] = T(!1), H = l(), U = w(() => H.data ?? [], [H.data]), W = a((e) => e.selectedPath), G = a((e) => e.selectedConversationId), K = a((e) => e.setSelectedPath), q = G === N ? W : null, J = ee((e) => K(e, N), [N, K]), Y = f(q), X = u((e) => e.count), Z = d(Y.data?.staticUrl ?? null, X);
 	C(() => {
 		G !== N && K(null, N);
 	}, [
@@ -35,7 +35,7 @@ function k() {
 		K
 	]), C(() => {
 		if (q || U.length === 0) return;
-		let [e] = g(U);
+		let [e] = _(U);
 		e && K(e, N);
 	}, [
 		U,
@@ -43,14 +43,14 @@ function k() {
 		N,
 		K
 	]);
-	let Q = i(), { refetch: te, isFetching: $ } = h();
+	let Q = i(), { refetch: te, isFetching: $ } = g();
 	return /* @__PURE__ */ O("main", {
 		className: "h-full w-full flex flex-col items-stretch",
 		"data-testid": "files-tab",
 		children: [/* @__PURE__ */ O("div", {
 			className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
 			children: [
-				/* @__PURE__ */ D(b, {
+				/* @__PURE__ */ D(s, {
 					ariaLabel: k(t.FILES$DIFF_VIEW),
 					testId: "files-tab-diff-toggle",
 					value: R ? "on" : "off",
@@ -63,7 +63,7 @@ function k() {
 					}],
 					onChange: (e) => F(e === "on")
 				}),
-				!R && /* @__PURE__ */ D(b, {
+				!R && /* @__PURE__ */ D(s, {
 					ariaLabel: k(t.FILES$RICH),
 					testId: "files-tab-content-mode-toggle",
 					value: z,
@@ -117,7 +117,7 @@ function k() {
 			children: H.isLoading ? /* @__PURE__ */ D("div", {
 				className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
 				children: k(t.FILES$LOADING_FILES)
-			}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(_, {
+			}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(v, {
 				paths: U,
 				selectedPath: q,
 				onSelectFile: J,
@@ -128,7 +128,7 @@ function k() {
 				children: [B && /* @__PURE__ */ D("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__ */ D(v, {
+					children: /* @__PURE__ */ D(y, {
 						paths: U,
 						selectedPath: q,
 						onSelectFile: J
@@ -136,10 +136,10 @@ function k() {
 				}), /* @__PURE__ */ D("section", {
 					className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
 					"data-testid": "files-tab-content",
-					children: q ? /* @__PURE__ */ D(y, {
+					children: q ? /* @__PURE__ */ D(b, {
 						path: q,
 						viewMode: z
-					}) : /* @__PURE__ */ D(s, {})
+					}) : /* @__PURE__ */ D(c, {})
 				})]
 			})] })
 		})]

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`);require(`../contexts/active-backend-context.cjs`);const r=require(`../services/settings.cjs`),i=require(`../constants/llm-subscription.cjs`),a=require(`../hooks/query/use-settings.cjs`),o=require(`../components/features/settings/settings-input.cjs`),s=require(`../components/features/settings/settings-dropdown-input.cjs`),c=require(`../utils/extract-model-and-provider.cjs`),l=require(`../ui/help-link.cjs`),u=require(`../components/shared/modals/settings/model-selector.cjs`),d=require(`../hooks/query/use-agent-settings-schema.cjs`),f=require(`../components/features/settings/llm-settings/openai-subscription-auth-card.cjs`),p=require(`../components/features/settings/key-status-icon.cjs`),m=require(`../utils/sdk-settings-schema.cjs`),h=require(`../components/features/settings/sdk-settings/sdk-section-page.cjs`);require(`../components/features/settings/llm-profiles/index.cjs`);const g=require(`../hooks/query/use-llm-subscription-models.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);var y=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,i.LLM_AUTH_TYPE_KEY,i.LLM_SUBSCRIPTION_VENDOR_KEY]),b=(e,t)=>!e||!t?null:`${e}/${t}`,x=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,S={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`])},C=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},w=(e,t)=>{let n=C(t),{provider:r}=c.extractModelAndProvider(e);if(r){let e=S[r];if(e)return e.has(n)}return Object.values(S).some(e=>e?.has(n))};function T({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,v.jsx)(l.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 E({scope:e=`personal`,onSaveSuccess:c,initialValueOverrides:S,embedded:C,hideSaveButton:E,suppressSuccessToast:D,onSaveControlChange:O}){let{t:k}=t.useTranslation(`openhands`),{data:A}=a.useSettings(e),{data:j}=d.useAgentSettingsSchema(A?.agent_settings_schema),M=A?.agent_settings?.llm,N=i.resolveLlmAuthType(S?.[`llm.auth_type`]??M?.auth_type),[P,F]=_.default.useState(N===i.LLM_AUTH_TYPE_SUBSCRIPTION),{data:I,isLoading:L,isFetching:R}=g.useOpenAISubscriptionModels({enabled:P}),z=P&&!I&&(L||R),B=_.default.useRef(null),V=_.default.useRef(null);_.default.useEffect(()=>{N===`subscription`&&F(!0)},[N]);let H=String(r.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),U=_.default.useCallback((e,t)=>{let n=m.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!w(r,i)?`all`:`basic`},[]),W=_.default.useCallback(({values:e,isDisabled:t,view:r,onChange:a})=>{let c=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,d=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,m=c.startsWith(`openhands/`),h=i.resolveLlmAuthType(e[i.LLM_AUTH_TYPE_KEY]),g=h===i.LLM_AUTH_TYPE_SUBSCRIPTION,_=t||g&&z,y=I?.includes(c)?c:I?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,S=C?x.length>0:!!A?.llm_api_key_set,w=(e,r)=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.SettingsInput,{testId:e,label:k(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:S?`<hidden>`:``,onChange:e=>a(`llm.api_key`,e),isDisabled:t,startContent:S?(0,v.jsx)(p.KeyStatusIcon,{isSet:S}):void 0}),(0,v.jsx)(l.HelpLink,{testId:r,text:k(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:k(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),E=e=>{let t=e===`subscription`?i.LLM_AUTH_TYPE_SUBSCRIPTION:i.LLM_AUTH_TYPE_API_KEY;if(a(i.LLM_AUTH_TYPE_KEY,t),t===`subscription`){F(!0),c&&!I?.includes(c)&&(B.current=c);let e=V.current&&I?.includes(V.current)?V.current:I?.[0];a(i.LLM_SUBSCRIPTION_VENDOR_KEY,i.OPENAI_SUBSCRIPTION_VENDOR),!I?.includes(c)&&e&&a(`llm.model`,e);return}c&&I?.includes(c)&&(V.current=c,a(`llm.model`,B.current??H))},D=()=>(0,v.jsx)(s.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:i.LLM_AUTH_TYPE_KEY,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:i.LLM_AUTH_TYPE_API_KEY,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:i.LLM_AUTH_TYPE_SUBSCRIPTION,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:h,isClearable:!1,required:!0,isDisabled:_,onSelectionChange:E}),O=()=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,v.jsx)(s.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:k(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(I??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:_||!I?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:I?.[0];t&&a(`llm.model`,t)}}),(0,v.jsx)(f.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,v.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[D(),g?O():(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.ModelSelector,{currentModel:c||void 0,onChange:(e,t)=>{let n=b(e,t);n&&a(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),m?(0,v.jsx)(T,{testId:`openhands-api-key-help`}):null,w(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[D(),g?O():(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.SettingsInput,{testId:`llm-custom-model-input`,label:k(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:c,placeholder:H,onChange:e=>a(`llm.model`,e),isDisabled:t}),m?(0,v.jsx)(T,{testId:`openhands-api-key-help-2`}):null,(0,v.jsx)(o.SettingsInput,{testId:`base-url-input`,label:k(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:d,placeholder:`https://api.openai.com`,onChange:e=>a(`llm.base_url`,e),isDisabled:t}),w(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[H,C,z,A?.llm_api_key_set,I,k]),G=_.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(i.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=i.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=i.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=I?.[0];if(!I?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=I?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=i.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=x(j,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[j,I]);return(0,v.jsx)(h.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:y}],header:W,buildPayload:G,getInitialView:U,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:c,initialValueOverrides:S,embedded:C,hideSaveButton:E,suppressSuccessToast:D,onSaveControlChange:O,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=E;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../services/settings.cjs`),i=require(`../constants/llm-subscription.cjs`),a=require(`../hooks/query/use-settings.cjs`),o=require(`../components/features/settings/settings-input.cjs`),s=require(`../components/features/settings/settings-dropdown-input.cjs`),c=require(`../utils/extract-model-and-provider.cjs`),l=require(`../ui/help-link.cjs`),u=require(`../components/shared/modals/settings/model-selector.cjs`),d=require(`../hooks/query/use-agent-settings-schema.cjs`),f=require(`../components/features/settings/llm-settings/openai-subscription-auth-card.cjs`),p=require(`../components/features/settings/key-status-icon.cjs`),m=require(`../utils/sdk-settings-schema.cjs`),h=require(`../components/features/settings/sdk-settings/sdk-section-page.cjs`);require(`../components/features/settings/llm-profiles/index.cjs`);const g=require(`../hooks/query/use-llm-subscription-models.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);var y=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,i.LLM_AUTH_TYPE_KEY,i.LLM_SUBSCRIPTION_VENDOR_KEY]),b=(e,t)=>!e||!t?null:`${e}/${t}`,x=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,S={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`])},C=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},w=(e,t)=>{let n=C(t),{provider:r}=c.extractModelAndProvider(e);if(r){let e=S[r];if(e)return e.has(n)}return Object.values(S).some(e=>e?.has(n))};function T({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,v.jsx)(l.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 E({scope:e=`personal`,onSaveSuccess:c,initialValueOverrides:S,embedded:C,hideSaveButton:E,suppressSuccessToast:D,onSaveControlChange:O}){let{t:k}=t.useTranslation(`openhands`),{data:A}=a.useSettings(e),{data:j}=d.useAgentSettingsSchema(A?.agent_settings_schema),M=A?.agent_settings?.llm,N=i.resolveLlmAuthType(S?.[`llm.auth_type`]??M?.auth_type),[P,F]=_.default.useState(N===i.LLM_AUTH_TYPE_SUBSCRIPTION),{data:I,isLoading:L,isFetching:R}=g.useOpenAISubscriptionModels({enabled:P}),z=P&&!I&&(L||R),B=_.default.useRef(null),V=_.default.useRef(null);_.default.useEffect(()=>{N===`subscription`&&F(!0)},[N]);let H=String(r.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),U=_.default.useCallback((e,t)=>{let n=m.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!w(r,i)?`all`:`basic`},[]),W=_.default.useCallback(({values:e,isDisabled:t,view:r,onChange:a})=>{let c=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,d=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,m=c.startsWith(`openhands/`),h=i.resolveLlmAuthType(e[i.LLM_AUTH_TYPE_KEY]),g=h===i.LLM_AUTH_TYPE_SUBSCRIPTION,_=t||g&&z,y=I?.includes(c)?c:I?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,S=C?x.length>0:!!A?.llm_api_key_set,w=(e,r)=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.SettingsInput,{testId:e,label:k(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:S?`<hidden>`:``,onChange:e=>a(`llm.api_key`,e),isDisabled:t,startContent:S?(0,v.jsx)(p.KeyStatusIcon,{isSet:S}):void 0}),(0,v.jsx)(l.HelpLink,{testId:r,text:k(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:k(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),E=e=>{let t=e===`subscription`?i.LLM_AUTH_TYPE_SUBSCRIPTION:i.LLM_AUTH_TYPE_API_KEY;if(a(i.LLM_AUTH_TYPE_KEY,t),t===`subscription`){F(!0),c&&!I?.includes(c)&&(B.current=c);let e=V.current&&I?.includes(V.current)?V.current:I?.[0];a(i.LLM_SUBSCRIPTION_VENDOR_KEY,i.OPENAI_SUBSCRIPTION_VENDOR),!I?.includes(c)&&e&&a(`llm.model`,e);return}c&&I?.includes(c)&&(V.current=c,a(`llm.model`,B.current??H))},D=()=>(0,v.jsx)(s.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:i.LLM_AUTH_TYPE_KEY,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:i.LLM_AUTH_TYPE_API_KEY,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:i.LLM_AUTH_TYPE_SUBSCRIPTION,label:k(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:h,isClearable:!1,required:!0,isDisabled:_,onSelectionChange:E}),O=()=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,v.jsx)(s.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:k(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(I??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:_||!I?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:I?.[0];t&&a(`llm.model`,t)}}),(0,v.jsx)(f.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,v.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[D(),g?O():(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.ModelSelector,{currentModel:c||void 0,onChange:(e,t)=>{let n=b(e,t);n&&a(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),m?(0,v.jsx)(T,{testId:`openhands-api-key-help`}):null,w(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[D(),g?O():(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.SettingsInput,{testId:`llm-custom-model-input`,label:k(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:c,placeholder:H,onChange:e=>a(`llm.model`,e),isDisabled:t}),m?(0,v.jsx)(T,{testId:`openhands-api-key-help-2`}):null,(0,v.jsx)(o.SettingsInput,{testId:`base-url-input`,label:k(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:d,placeholder:`https://api.openai.com`,onChange:e=>a(`llm.base_url`,e),isDisabled:t}),w(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[H,C,z,A?.llm_api_key_set,I,k]),G=_.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(i.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=i.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=i.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=I?.[0];if(!I?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=I?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=i.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=x(j,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[j,I]);return(0,v.jsx)(h.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:y}],header:W,buildPayload:G,getInitialView:U,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:c,initialValueOverrides:S,embedded:C,hideSaveButton:E,suppressSuccessToast:D,onSaveControlChange:O,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=E;
 //# 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 { 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 { useActiveBackend } from \"#/contexts/active-backend-context\";\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\";\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};\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\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"iqCAoCA,IAAM,EAAoB,IAAI,IAAI,CAChC,YACA,cACA,eACA,EAAA,kBACA,EAAA,4BACD,CAAC,CAEI,GAAgB,EAAyB,IACzC,CAAC,GAAY,CAAC,EAAc,KACzB,GAAG,EAAS,GAAG,IAGlB,GACJ,EACA,IAEA,GAAQ,SACL,QAAS,GAAY,EAAQ,OAAO,CACpC,KAAM,GAAU,EAAM,MAAQ,EAAS,EAAE,SAAW,KAEnD,EAAyE,CAC7E,OAAQ,IAAI,IAAI,CAAC,yBAA0B,4BAA4B,CAAC,CACzE,CAEK,EAAoB,GAAoB,CAC5C,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,EAAQ,CAC5B,EAAiB,EAAU,SAAS,QAAQ,OAAQ,GAAG,EAAI,GACjE,MAAO,GAAG,EAAU,SAAS,SACvB,CACN,OAAO,EAAQ,MAAM,CAAC,QAAQ,OAAQ,GAAG,GAIvC,GAA4B,EAAe,IAAoB,CACnE,IAAM,EAAoB,EAAiB,EAAQ,CAC7C,CAAE,YAAa,EAAA,wBAAwB,EAAM,CAEnD,GAAI,EAAU,CACZ,IAAM,EAAgB,EAAiC,GACvD,GAAI,EACF,OAAO,EAAc,IAAI,EAAkB,CAI/C,OAAO,OAAO,OAAO,EAAiC,CAAC,KAAM,GAC3D,GAAe,IAAI,EAAkB,CACtC,EAOH,SAAS,EAAoB,CAAE,UAAoC,CACjE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACU,SACR,KAAM,EAAE,EAAA,QAAQ,qCAAqC,CACrD,SAAU,EAAE,EAAA,QAAQ,sBAAsB,CAC1C,KAAK,8CACL,OAAQ,IAAI,EAAE,EAAA,QAAQ,uCAAuC,GAC7D,CAAA,CAIN,SAAgB,EAAkB,CAChC,QAAQ,WACR,gBACA,wBACA,WACA,iBACA,uBACA,uBAeC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,CAAE,KAAM,GAAa,EAAA,YAAY,EAAM,CACvC,CAAE,KAAM,GAAW,EAAA,uBACvB,GAAU,sBACX,CACK,EAAuB,GAAU,gBAAgB,IAGjD,EAAkB,EAAA,mBACtB,IAAA,kBACE,GAAsB,UACzB,CACK,CAAC,EAA0B,GAC/B,EAAA,QAAM,SAAS,IAAoB,EAAA,2BAA2B,CAC1D,CACJ,KAAM,EACN,UAAW,EACX,WAAY,GACV,EAAA,4BAA4B,CAAE,QAAS,EAA0B,CAAC,CAChE,EACJ,GACA,CAAC,IACA,GAA+B,GAC5B,EAAqB,EAAA,QAAM,OAAsB,KAAK,CACtD,EAA2B,EAAA,QAAM,OAAsB,KAAK,CAElE,EAAA,QAAM,cAAgB,CAChB,IAAA,gBACF,EAA4B,GAAK,EAElC,CAAC,EAAgB,CAAC,CAErB,IAAM,EAAe,OAClB,EAAA,iBAAiB,gBAAgB,KAAiC,OACjE,GACH,CAEK,EAAiB,EAAA,QAAM,aAEzB,EACA,IACiB,CACjB,IAAM,EAAa,EAAA,iBAAiB,EAAiB,EAAe,CACpE,GAAI,IAAe,QACjB,OAAO,EAGT,IAAM,EAAe,EAAgB,WAAa,GAC5C,EAAiB,EAAgB,cAAc,MAAM,EAAI,GAK/D,OAHE,EAAe,OAAS,GACxB,CAAC,EAAyB,EAAc,EAAe,CAE/B,MAAQ,SAEpC,EAAE,CACH,CAEK,EAAc,EAAA,QAAM,aACvB,CAAE,SAAQ,aAAY,OAAM,cAAsC,CACjE,IAAM,EACJ,OAAO,EAAO,cAAiB,SAAW,EAAO,aAAe,GAC5D,EACJ,OAAO,EAAO,iBAAoB,SAC9B,EAAO,gBACP,GACA,EAA0B,EAAW,WAAW,aAAa,CAC7D,EAAW,EAAA,mBAAmB,EAAO,EAAA,mBAAmB,CACxD,EAAqB,IAAa,EAAA,2BAClC,EACJ,GAAe,GAAsB,EACjC,EAAyB,GAAoB,SAAS,EAAW,CACnE,EACC,IAAqB,IAAM,GAE1B,EACJ,OAAO,EAAO,gBAAmB,SAAW,EAAO,eAAiB,GAKhE,EAAc,EAChB,EAAY,OAAS,EACrB,EAAQ,GAAU,gBAEhB,GAAqB,EAAgB,KACzC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACU,SACR,MAAO,EAAE,EAAA,QAAQ,sBAAsB,CACvC,KAAK,WACL,UAAU,SACV,MAAO,EAEP,YAAa,EAAc,WAAa,GACxC,SAAW,GAAU,EAAS,cAAe,EAAM,CACvC,aACZ,aACE,GAAc,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAAO,EAAe,CAAA,CAAG,IAAA,GAExD,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EACR,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,SAAU,EAAE,EAAA,QAAQ,gCAAgC,CACpD,KAAK,kEACL,CAAA,CACD,CAAA,CAAA,CAGC,EAAwB,GAAkC,CAC9D,IAAM,EACJ,IAAA,eACI,EAAA,2BACA,EAAA,sBAGN,GAFA,EAAS,EAAA,kBAAmB,EAAa,CAErC,IAAA,eAA6C,CAC/C,EAA4B,GAAK,CAC7B,GAAc,CAAC,GAAoB,SAAS,EAAW,GACzD,EAAmB,QAAU,GAE/B,IAAM,EACJ,EAAyB,SACzB,GAAoB,SAAS,EAAyB,QAAQ,CAC1D,EAAyB,QACzB,IAAqB,GAC3B,EAAS,EAAA,4BAA6B,EAAA,2BAA2B,CAE/D,CAAC,GAAoB,SAAS,EAAW,EACzC,GAEA,EAAS,YAAa,EAA0B,CAElD,OAGE,GAAc,GAAoB,SAAS,EAAW,GACxD,EAAyB,QAAU,EACnC,EAAS,YAAa,EAAmB,SAAW,EAAa,GAI/D,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,sBACP,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,uBAAuB,CACxC,MAAO,CACL,CACE,IAAK,EAAA,sBACL,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CACjD,CACD,CACE,IAAK,EAAA,2BACL,MAAO,EAAE,EAAA,QAAQ,oCAAoC,CACtD,CACF,CACD,YAAa,EACb,YAAa,GACb,SAAA,GACA,WAAY,EACZ,kBAAmB,EACnB,CAAA,CAGE,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,qCAFd,EAIE,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,+BACP,KAAK,yBACL,MAAO,EAAE,EAAA,QAAQ,4BAA4B,CAC7C,OAAQ,GAAsB,EAAE,EAAE,IAAK,IAAW,CAChD,IAAK,EACL,MAAO,EACR,EAAE,CACH,YAAa,EACb,YAAa,GACb,SAAA,GACA,WACE,GAAqC,CAAC,GAAoB,OAE5D,kBAAoB,GAAgB,CAClC,IAAM,EACJ,OAAO,GAAgB,SACnB,EACA,IAAqB,GACvB,GACF,EAAS,YAAa,EAAU,EAGpC,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,2BAAD,CAAwC,aAAc,CAAA,CAClD,GAGR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,IAAS,SACR,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,mCAFd,CAIG,GAAqB,CAErB,EACC,GAA4B,EAE5B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,aAAc,GAAc,IAAA,GAC5B,UAAW,EAAU,IAAU,CAC7B,IAAM,EAAY,EAAa,EAAU,EAAM,CAC3C,GACF,EAAS,YAAa,EAAU,EAGpC,iBAAiB,mBACL,aACZ,CAAA,CAED,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,yBAA2B,CAAA,CACrD,KAEH,EAEC,oBAEA,0BACD,CACA,CAAA,CAAA,CAED,IAEN,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,sCAFd,CAIG,GAAqB,CAErB,EACC,GAA4B,EAE5B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,yBACP,MAAO,EAAE,EAAA,QAAQ,sBAAsB,CACvC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAa,EACb,SAAW,GAAU,EAAS,YAAa,EAAM,CACrC,aACZ,CAAA,CAED,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,2BAA6B,CAAA,CACvD,MAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,iBACP,MAAO,EAAE,EAAA,QAAQ,kBAAkB,CACnC,KAAK,OACL,UAAU,SACV,MAAO,EAEP,YAAY,yBACZ,SAAW,GAAU,EAAS,eAAgB,EAAM,CACxC,aACZ,CAAA,CAED,EAEC,oBAEA,mCACD,CACA,CAAA,CAAA,CAED,GAEJ,CAAA,EAGV,CACE,EACA,EACA,EACA,GAAU,gBACV,EACA,EACD,CACF,CAEK,EAAe,EAAA,QAAM,aAEvB,EACA,IAKG,CAIH,IAAM,EAAgB,gBACnB,EAAe,qBAAmD,EAAE,CACtE,CACK,EAAO,EAAc,KAAO,EAAE,CAGpC,GAFiB,EAAA,mBAAmB,EAAQ,OAAA,iBAExC,GAAA,eAAyC,CAC3C,EAAI,UAAY,EAAA,2BAChB,EAAI,oBAAsB,EAAA,2BAC1B,IAAM,EACJ,OAAO,EAAI,OAAU,SACjB,EAAI,MACJ,OAAO,EAAQ,OAAO,cAAgB,GAAG,CACzC,EAA4B,IAAqB,GACvD,GACE,CAAC,GAAoB,SAAS,EAAM,EACpC,CAAC,EAED,MAAU,MAAM,0CAA0C,CAE5D,EAAI,MAAQ,GAAoB,SAAS,EAAM,CAC3C,EACA,EACJ,OAAO,EAAI,QACX,OAAO,EAAI,cAEP,EAAQ,MAAA,mBACV,EAAI,UAAY,EAAA,sBAChB,EAAI,oBAAsB,MAExB,EAAQ,OAAS,SAAW,EAAI,QAAU,IAAA,KAC5C,EAAI,SAAW,EAA2B,EAAQ,eAAe,EAKrE,MADA,GAAc,IAAM,EACb,CAAE,oBAAqB,EAAe,EAE/C,CAAC,EAAQ,EAAmB,CAC7B,CAED,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACS,QACP,gBAAiB,CACf,CACE,eAAgB,iBAChB,YAAa,CAAC,MAAM,CACpB,YAAa,EACd,CACF,CACD,OAAQ,EACM,eACE,iBAChB,sBAAA,GACA,aAAA,GACe,gBACQ,wBACb,WACM,iBACM,uBACD,sBACrB,OAAO,sBACP,CAAA"}
+{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"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\";\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};\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\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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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"}

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

@@ -17,12 +17,14 @@ export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOv
     onSaveControlChange?: (control: SdkSectionSaveControl) => void;
 }): import("react/jsx-runtime").JSX.Element;
 /**
- * Default export for the route renders different views based on backend type:
- * - Local backends: LlmSettingsLocalView with profile management
- * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)
+ * Default export for the route renders the LLM-profile management view for both
+ * backend types. Both manage the LLM through named profiles — local via the
+ * agent-server (`/api/profiles`), cloud via the app-server
+ * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it
+ * goes through ProfilesService, which routes per active backend.
  *
  * The LlmSettingsScreen component is also exported for embedded use cases
- * (e.g., onboarding, profile editing forms).
+ * (e.g., onboarding, the profile create/edit form).
  *
  * Note: This is a route file, only the router should import the default export.
  * Other consumers should use the named export `LlmSettingsScreen` for embedded

package/dist/routes/llm-settings.js

@@ -1,6 +1,5 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
-import "../contexts/active-backend-context.js";
 import { DEFAULT_SETTINGS as n } from "../services/settings.js";
 import { LLM_AUTH_TYPE_API_KEY as r, LLM_AUTH_TYPE_KEY as i, LLM_AUTH_TYPE_SUBSCRIPTION as a, LLM_SUBSCRIPTION_VENDOR_KEY as o, OPENAI_SUBSCRIPTION_VENDOR as s, resolveLlmAuthType as c } from "../constants/llm-subscription.js";
 import { useSettings as l } from "../hooks/query/use-settings.js";

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

@@ -1 +1 @@
-{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"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 { useActiveBackend } from \"#/contexts/active-backend-context\";\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\";\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};\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\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"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\";\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};\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\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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":";;;;;;;;;;;;;;;;;;;;AAmCA,IAAM,IAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACD,CAAC,EAEI,KAAgB,GAAyB,MACzC,CAAC,KAAY,CAAC,IAAc,OACzB,GAAG,EAAS,GAAG,KAGlB,KACJ,GACA,MAEA,GAAQ,SACL,SAAS,MAAY,EAAQ,OAAO,CACpC,MAAM,MAAU,EAAM,QAAQ,EAAS,EAAE,WAAW,MAEnD,IAAyE,EAC7E,QAAQ,IAAI,IAAI,CAAC,0BAA0B,4BAA4B,CAAC,EACzE,EAEK,KAAoB,MAAoB;AAC5C,KAAI;EACF,IAAM,IAAY,IAAI,IAAI,EAAQ,EAC5B,IAAiB,EAAU,SAAS,QAAQ,QAAQ,GAAG,IAAI;AACjE,SAAO,GAAG,EAAU,SAAS;SACvB;AACN,SAAO,EAAQ,MAAM,CAAC,QAAQ,QAAQ,GAAG;;GAIvC,KAA4B,GAAe,MAAoB;CACnE,IAAM,IAAoB,EAAiB,EAAQ,EAC7C,EAAE,gBAAa,EAAwB,EAAM;AAEnD,KAAI,GAAU;EACZ,IAAM,IAAgB,EAAiC;AACvD,MAAI,EACF,QAAO,EAAc,IAAI,EAAkB;;AAI/C,QAAO,OAAO,OAAO,EAAiC,CAAC,MAAM,MAC3D,GAAe,IAAI,EAAkB,CACtC;;AAOH,SAAS,EAAoB,EAAE,aAAoC;CACjE,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,GAAD;EACU;EACR,MAAM,EAAE,EAAQ,qCAAqC;EACrD,UAAU,EAAE,EAAQ,sBAAsB;EAC1C,MAAK;EACL,QAAQ,IAAI,EAAE,EAAQ,uCAAuC;EAC7D,CAAA;;AAIN,SAAgB,EAAkB,EAChC,WAAQ,YACR,kBACA,0BACA,aACA,mBACA,yBACA,0BAeC;CACD,IAAM,EAAE,SAAM,EAAe,YAAY,EAEnC,EAAE,MAAM,MAAa,EAAY,EAAM,EACvC,EAAE,MAAM,MAAW,EACvB,GAAU,sBACX,EACK,IAAuB,GAAU,gBAAgB,KAGjD,IAAkB,EACtB,IAAA,oBACE,GAAsB,UACzB,EACK,CAAC,GAA0B,KAC/B,EAAM,SAAS,MAAoB,EAA2B,EAC1D,EACJ,MAAM,GACN,WAAW,GACX,YAAY,MACV,EAA4B,EAAE,SAAS,GAA0B,CAAC,EAChE,IACJ,KACA,CAAC,MACA,KAA+B,IAC5B,IAAqB,EAAM,OAAsB,KAAK,EACtD,IAA2B,EAAM,OAAsB,KAAK;AAElE,GAAM,gBAAgB;AACpB,EAAI,MAAA,kBACF,EAA4B,GAAK;IAElC,CAAC,EAAgB,CAAC;CAErB,IAAM,IAAe,OAClB,EAAiB,gBAAgB,KAAiC,SACjE,GACH,EAEK,IAAiB,EAAM,aAEzB,GACA,MACiB;EACjB,IAAM,IAAa,EAAiB,GAAiB,EAAe;AACpE,MAAI,MAAe,QACjB,QAAO;EAGT,IAAM,IAAe,EAAgB,aAAa,IAC5C,IAAiB,EAAgB,cAAc,MAAM,IAAI;AAK/D,SAHE,EAAe,SAAS,KACxB,CAAC,EAAyB,GAAc,EAAe,GAE/B,QAAQ;IAEpC,EAAE,CACH,EAEK,IAAc,EAAM,aACvB,EAAE,WAAQ,eAAY,SAAM,kBAAsC;EACjE,IAAM,IACJ,OAAO,EAAO,gBAAiB,WAAW,EAAO,eAAe,IAC5D,IACJ,OAAO,EAAO,mBAAoB,WAC9B,EAAO,kBACP,IACA,IAA0B,EAAW,WAAW,aAAa,EAC7D,IAAW,EAAmB,EAAO,GAAmB,EACxD,IAAqB,MAAa,GAClC,IACJ,KAAe,KAAsB,GACjC,IAAyB,GAAoB,SAAS,EAAW,GACnE,IACC,IAAqB,MAAM,IAE1B,IACJ,OAAO,EAAO,kBAAmB,WAAW,EAAO,iBAAiB,IAKhE,IAAc,IAChB,EAAY,SAAS,IACrB,EAAQ,GAAU,iBAEhB,KAAqB,GAAgB,MACzC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACU;GACR,OAAO,EAAE,EAAQ,sBAAsB;GACvC,MAAK;GACL,WAAU;GACV,OAAO;GAEP,aAAa,IAAc,aAAa;GACxC,WAAW,MAAU,EAAS,eAAe,EAAM;GACvC;GACZ,cACE,IAAc,kBAAC,GAAD,EAAe,OAAO,GAAe,CAAA,GAAG,KAAA;GAExD,CAAA,EAEF,kBAAC,GAAD;GACE,QAAQ;GACR,MAAM,EAAE,EAAQ,2BAA2B;GAC3C,UAAU,EAAE,EAAQ,gCAAgC;GACpD,MAAK;GACL,CAAA,CACD,EAAA,CAAA,EAGC,KAAwB,MAAkC;GAC9D,IAAM,IACJ,MAAA,iBACI,IACA;AAGN,OAFA,EAAS,GAAmB,EAAa,EAErC,MAAA,gBAA6C;AAE/C,IADA,EAA4B,GAAK,EAC7B,KAAc,CAAC,GAAoB,SAAS,EAAW,KACzD,EAAmB,UAAU;IAE/B,IAAM,IACJ,EAAyB,WACzB,GAAoB,SAAS,EAAyB,QAAQ,GAC1D,EAAyB,UACzB,IAAqB;AAE3B,IADA,EAAS,GAA6B,EAA2B,EAE/D,CAAC,GAAoB,SAAS,EAAW,IACzC,KAEA,EAAS,aAAa,EAA0B;AAElD;;AAGF,GAAI,KAAc,GAAoB,SAAS,EAAW,KACxD,EAAyB,UAAU,GACnC,EAAS,aAAa,EAAmB,WAAW,EAAa;KAI/D,UACJ,kBAAC,GAAD;GACE,QAAO;GACP,MAAM;GACN,OAAO,EAAE,EAAQ,uBAAuB;GACxC,OAAO,CACL;IACE,KAAK;IACL,OAAO,EAAE,EAAQ,+BAA+B;IACjD,EACD;IACE,KAAK;IACL,OAAO,EAAE,EAAQ,oCAAoC;IACtD,CACF;GACD,aAAa;GACb,aAAa;GACb,UAAA;GACA,YAAY;GACZ,mBAAmB;GACnB,CAAA,EAGE,UACJ,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;aAFd,CAIE,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,OAAO,EAAE,EAAQ,4BAA4B;IAC7C,QAAQ,KAAsB,EAAE,EAAE,KAAK,OAAW;KAChD,KAAK;KACL,OAAO;KACR,EAAE;IACH,aAAa;IACb,aAAa;IACb,UAAA;IACA,YACE,KAAqC,CAAC,GAAoB;IAE5D,oBAAoB,MAAgB;KAClC,IAAM,IACJ,OAAO,KAAgB,WACnB,IACA,IAAqB;AAC3B,KAAI,KACF,EAAS,aAAa,EAAU;;IAGpC,CAAA,EACF,kBAAC,GAAD,EAAwC,eAAc,CAAA,CAClD;;AAGR,SACE,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAS,UACR,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;cAFd,CAIG,GAAqB,EAErB,IACC,GAA4B,GAE5B,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,cAAc,KAAc,KAAA;MAC5B,WAAW,GAAU,MAAU;OAC7B,IAAM,IAAY,EAAa,GAAU,EAAM;AAC/C,OAAI,KACF,EAAS,aAAa,EAAU;;MAGpC,kBAAiB;MACL;MACZ,CAAA;KAED,IACC,kBAAC,GAAD,EAAqB,QAAO,0BAA2B,CAAA,GACrD;KAEH,EAEC,qBAEA,0BACD;KACA,EAAA,CAAA,CAED;QAEN,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;cAFd,CAIG,GAAqB,EAErB,IACC,GAA4B,GAE5B,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,QAAO;MACP,OAAO,EAAE,EAAQ,sBAAsB;MACvC,MAAK;MACL,WAAU;MACV,OAAO;MACP,aAAa;MACb,WAAW,MAAU,EAAS,aAAa,EAAM;MACrC;MACZ,CAAA;KAED,IACC,kBAAC,GAAD,EAAqB,QAAO,4BAA6B,CAAA,GACvD;KAEJ,kBAAC,GAAD;MACE,QAAO;MACP,OAAO,EAAE,EAAQ,kBAAkB;MACnC,MAAK;MACL,WAAU;MACV,OAAO;MAEP,aAAY;MACZ,WAAW,MAAU,EAAS,gBAAgB,EAAM;MACxC;MACZ,CAAA;KAED,EAEC,qBAEA,mCACD;KACA,EAAA,CAAA,CAED;;GAEJ,CAAA;IAGV;EACE;EACA;EACA;EACA,GAAU;EACV;EACA;EACD,CACF,EAEK,IAAe,EAAM,aAEvB,GACA,MAKG;EAIH,IAAM,IAAgB,gBACnB,EAAe,uBAAmD,EAAE,CACtE,EACK,IAAO,EAAc,OAAO,EAAE;AAGpC,MAFiB,EAAmB,EAAQ,OAAA,iBAExC,KAAA,gBAAyC;AAE3C,GADA,EAAI,YAAY,GAChB,EAAI,sBAAsB;GAC1B,IAAM,IACJ,OAAO,EAAI,SAAU,WACjB,EAAI,QACJ,OAAO,EAAQ,OAAO,gBAAgB,GAAG,EACzC,IAA4B,IAAqB;AACvD,OACE,CAAC,GAAoB,SAAS,EAAM,IACpC,CAAC,EAED,OAAU,MAAM,0CAA0C;AAM5D,GAJA,EAAI,QAAQ,GAAoB,SAAS,EAAM,GAC3C,IACA,GACJ,OAAO,EAAI,SACX,OAAO,EAAI;QAMX,CAJI,EAAQ,MAAA,qBACV,EAAI,YAAY,GAChB,EAAI,sBAAsB,OAExB,EAAQ,SAAS,WAAW,EAAI,UAAU,KAAA,MAC5C,EAAI,WAAW,EAA2B,GAAQ,eAAe;AAKrE,SADA,EAAc,MAAM,GACb,EAAE,qBAAqB,GAAe;IAE/C,CAAC,GAAQ,EAAmB,CAC7B;AAED,QACE,kBAAC,GAAD;EACS;EACP,iBAAiB,CACf;GACE,gBAAgB;GAChB,aAAa,CAAC,MAAM;GACpB,aAAa;GACd,CACF;EACD,QAAQ;EACM;EACE;EAChB,uBAAA;EACA,cAAA;EACe;EACQ;EACb;EACM;EACM;EACD;EACrB,QAAO;EACP,CAAA"}

package/dist/routes/mcp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and `mcp_config` storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and MCP settings storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/routes/mcp.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp.js","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and `mcp_config` storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp.js","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and MCP settings storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/services/settings.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);var e={llm_model:`openhands/minimax-m2.7`,llm_base_url:``,agent:`CodeActAgent`,language:`en`,llm_api_key:null,llm_api_key_set:!1,search_api_key_set:!1,confirmation_mode:!1,security_analyzer:`llm`,max_iterations:null,remote_runtime_resource_factor:1,provider_tokens_set:{},enable_default_condenser:!0,condenser_max_size:240,enable_sound_notifications:!1,user_consents_to_analytics:!1,enable_proactive_conversation_starters:!1,enable_solvability_analysis:!1,search_api_key:``,is_new_user:!0,disabled_skills:[],mcp_config:{sse_servers:[],stdio_servers:[],shttp_servers:[]},max_budget_per_task:null,email:``,email_verified:!0,git_user_name:`openhands`,git_user_email:`openhands@all-hands.dev`,agent_settings_schema:null,agent_settings:{schema_version:1,agent_kind:`openhands`,agent:`CodeActAgent`,llm:{model:`openhands/minimax-m2.7`},condenser:{enabled:!0,max_size:240},verification:{critic_enabled:!1,enable_iterative_refinement:!1},enable_sub_agents:!1,mcp_config:{sse_servers:[],stdio_servers:[],shttp_servers:[]}},conversation_settings_schema:null,conversation_settings:{schema_version:1,confirmation_mode:!1,security_analyzer:`llm`}};exports.DEFAULT_SETTINGS=e;
+require(`../_virtual/_rolldown/runtime.cjs`);var e={llm_model:`openhands/minimax-m2.7`,llm_base_url:``,agent:`CodeActAgent`,language:`en`,llm_api_key:null,llm_api_key_set:!1,search_api_key_set:!1,confirmation_mode:!1,security_analyzer:`llm`,max_iterations:null,remote_runtime_resource_factor:1,provider_tokens_set:{},enable_default_condenser:!0,condenser_max_size:240,enable_sound_notifications:!1,user_consents_to_analytics:!1,enable_proactive_conversation_starters:!1,enable_solvability_analysis:!1,search_api_key:``,is_new_user:!0,disabled_skills:[],mcp_config:{sse_servers:[],stdio_servers:[],shttp_servers:[]},max_budget_per_task:null,email:``,email_verified:!0,git_user_name:`openhands`,git_user_email:`openhands@all-hands.dev`,agent_settings_schema:null,agent_settings:{schema_version:6,agent_kind:`openhands`,agent:`CodeActAgent`,llm:{model:`openhands/minimax-m2.7`},condenser:{enabled:!0,max_size:240},verification:{critic_enabled:!1,enable_iterative_refinement:!1},enable_sub_agents:!1,mcp_config:{}},conversation_settings_schema:null,conversation_settings:{schema_version:1,confirmation_mode:!1,security_analyzer:`llm`}};exports.DEFAULT_SETTINGS=e;
 //# sourceMappingURL=settings.cjs.map

package/dist/services/settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings.cjs","names":[],"sources":["../../src/services/settings.ts"],"sourcesContent":["import { Settings } from \"#/types/settings\";\n\nexport const LATEST_SETTINGS_VERSION = 5;\n\nexport const DEFAULT_SETTINGS: Settings = {\n  llm_model: \"openhands/minimax-m2.7\",\n  llm_base_url: \"\",\n  agent: \"CodeActAgent\",\n  language: \"en\",\n  llm_api_key: null,\n  llm_api_key_set: false,\n  search_api_key_set: false,\n  confirmation_mode: false,\n  security_analyzer: \"llm\",\n  max_iterations: null,\n  remote_runtime_resource_factor: 1,\n  provider_tokens_set: {},\n  enable_default_condenser: true,\n  condenser_max_size: 240,\n  enable_sound_notifications: false,\n  user_consents_to_analytics: false,\n  enable_proactive_conversation_starters: false,\n  enable_solvability_analysis: false,\n  search_api_key: \"\",\n  is_new_user: true,\n  disabled_skills: [],\n  mcp_config: {\n    sse_servers: [],\n    stdio_servers: [],\n    shttp_servers: [],\n  },\n  max_budget_per_task: null,\n  email: \"\",\n  email_verified: true,\n  git_user_name: \"openhands\",\n  git_user_email: \"openhands@all-hands.dev\",\n  agent_settings_schema: null,\n  agent_settings: {\n    schema_version: 1,\n    agent_kind: \"openhands\",\n    agent: \"CodeActAgent\",\n    llm: {\n      model: \"openhands/minimax-m2.7\",\n    },\n    condenser: {\n      enabled: true,\n      max_size: 240,\n    },\n    verification: {\n      critic_enabled: false,\n      enable_iterative_refinement: false,\n    },\n    enable_sub_agents: false,\n    mcp_config: {\n      sse_servers: [],\n      stdio_servers: [],\n      shttp_servers: [],\n    },\n  },\n  conversation_settings_schema: null,\n  conversation_settings: {\n    schema_version: 1,\n    confirmation_mode: false,\n    security_analyzer: \"llm\",\n  },\n};\n\n/**\n * Get the default settings\n */\nexport const getDefaultSettings = (): Settings => DEFAULT_SETTINGS;\n"],"mappings":"6CAIA,IAAa,EAA6B,CACxC,UAAW,yBACX,aAAc,GACd,MAAO,eACP,SAAU,KACV,YAAa,KACb,gBAAiB,GACjB,mBAAoB,GACpB,kBAAmB,GACnB,kBAAmB,MACnB,eAAgB,KAChB,+BAAgC,EAChC,oBAAqB,EAAE,CACvB,yBAA0B,GAC1B,mBAAoB,IACpB,2BAA4B,GAC5B,2BAA4B,GAC5B,uCAAwC,GACxC,4BAA6B,GAC7B,eAAgB,GAChB,YAAa,GACb,gBAAiB,EAAE,CACnB,WAAY,CACV,YAAa,EAAE,CACf,cAAe,EAAE,CACjB,cAAe,EAAE,CAClB,CACD,oBAAqB,KACrB,MAAO,GACP,eAAgB,GAChB,cAAe,YACf,eAAgB,0BAChB,sBAAuB,KACvB,eAAgB,CACd,eAAgB,EAChB,WAAY,YACZ,MAAO,eACP,IAAK,CACH,MAAO,yBACR,CACD,UAAW,CACT,QAAS,GACT,SAAU,IACX,CACD,aAAc,CACZ,eAAgB,GAChB,4BAA6B,GAC9B,CACD,kBAAmB,GACnB,WAAY,CACV,YAAa,EAAE,CACf,cAAe,EAAE,CACjB,cAAe,EAAE,CAClB,CACF,CACD,6BAA8B,KAC9B,sBAAuB,CACrB,eAAgB,EAChB,kBAAmB,GACnB,kBAAmB,MACpB,CACF"}
+{"version":3,"file":"settings.cjs","names":[],"sources":["../../src/services/settings.ts"],"sourcesContent":["import { Settings } from \"#/types/settings\";\n\nexport const LATEST_SETTINGS_VERSION = 5;\n\nexport const DEFAULT_SETTINGS: Settings = {\n  llm_model: \"openhands/minimax-m2.7\",\n  llm_base_url: \"\",\n  agent: \"CodeActAgent\",\n  language: \"en\",\n  llm_api_key: null,\n  llm_api_key_set: false,\n  search_api_key_set: false,\n  confirmation_mode: false,\n  security_analyzer: \"llm\",\n  max_iterations: null,\n  remote_runtime_resource_factor: 1,\n  provider_tokens_set: {},\n  enable_default_condenser: true,\n  condenser_max_size: 240,\n  enable_sound_notifications: false,\n  user_consents_to_analytics: false,\n  enable_proactive_conversation_starters: false,\n  enable_solvability_analysis: false,\n  search_api_key: \"\",\n  is_new_user: true,\n  disabled_skills: [],\n  mcp_config: {\n    sse_servers: [],\n    stdio_servers: [],\n    shttp_servers: [],\n  },\n  max_budget_per_task: null,\n  email: \"\",\n  email_verified: true,\n  git_user_name: \"openhands\",\n  git_user_email: \"openhands@all-hands.dev\",\n  agent_settings_schema: null,\n  agent_settings: {\n    schema_version: 6,\n    agent_kind: \"openhands\",\n    agent: \"CodeActAgent\",\n    llm: {\n      model: \"openhands/minimax-m2.7\",\n    },\n    condenser: {\n      enabled: true,\n      max_size: 240,\n    },\n    verification: {\n      critic_enabled: false,\n      enable_iterative_refinement: false,\n    },\n    enable_sub_agents: false,\n    mcp_config: {},\n  },\n  conversation_settings_schema: null,\n  conversation_settings: {\n    schema_version: 1,\n    confirmation_mode: false,\n    security_analyzer: \"llm\",\n  },\n};\n\n/**\n * Get the default settings\n */\nexport const getDefaultSettings = (): Settings => DEFAULT_SETTINGS;\n"],"mappings":"6CAIA,IAAa,EAA6B,CACxC,UAAW,yBACX,aAAc,GACd,MAAO,eACP,SAAU,KACV,YAAa,KACb,gBAAiB,GACjB,mBAAoB,GACpB,kBAAmB,GACnB,kBAAmB,MACnB,eAAgB,KAChB,+BAAgC,EAChC,oBAAqB,EAAE,CACvB,yBAA0B,GAC1B,mBAAoB,IACpB,2BAA4B,GAC5B,2BAA4B,GAC5B,uCAAwC,GACxC,4BAA6B,GAC7B,eAAgB,GAChB,YAAa,GACb,gBAAiB,EAAE,CACnB,WAAY,CACV,YAAa,EAAE,CACf,cAAe,EAAE,CACjB,cAAe,EAAE,CAClB,CACD,oBAAqB,KACrB,MAAO,GACP,eAAgB,GAChB,cAAe,YACf,eAAgB,0BAChB,sBAAuB,KACvB,eAAgB,CACd,eAAgB,EAChB,WAAY,YACZ,MAAO,eACP,IAAK,CACH,MAAO,yBACR,CACD,UAAW,CACT,QAAS,GACT,SAAU,IACX,CACD,aAAc,CACZ,eAAgB,GAChB,4BAA6B,GAC9B,CACD,kBAAmB,GACnB,WAAY,EAAE,CACf,CACD,6BAA8B,KAC9B,sBAAuB,CACrB,eAAgB,EAChB,kBAAmB,GACnB,kBAAmB,MACpB,CACF"}

package/dist/services/settings.js

@@ -33,7 +33,7 @@ var e = {
 	git_user_email: "openhands@all-hands.dev",
 	agent_settings_schema: null,
 	agent_settings: {
-		schema_version: 1,
+		schema_version: 6,
 		agent_kind: "openhands",
 		agent: "CodeActAgent",
 		llm: { model: "openhands/minimax-m2.7" },
@@ -46,11 +46,7 @@ var e = {
 			enable_iterative_refinement: !1
 		},
 		enable_sub_agents: !1,
-		mcp_config: {
-			sse_servers: [],
-			stdio_servers: [],
-			shttp_servers: []
-		}
+		mcp_config: {}
 	},
 	conversation_settings_schema: null,
 	conversation_settings: {