@openhands/agent-canvas 1.11.0 → 1.12.0

package/dist/routes/app-settings.js

@@ -6,167 +6,168 @@ import { displayErrorToast as i, displaySuccessToast as a } from "../utils/custo
 import { setTelemetryConsent as o } from "../services/telemetry.js";
 import { useActiveBackend as s } from "../contexts/active-backend-context.js";
 import { DEFAULT_SETTINGS as c } from "../services/settings.js";
-import { useLlmProfiles as l } from "../hooks/query/use-llm-profiles.js";
-import { useSettings as u } from "../hooks/query/use-settings.js";
-import { NavigationLink as d } from "../components/shared/navigation-link.js";
-import { BrandButton as f } from "../components/features/settings/brand-button.js";
-import { useSaveSettings as p } from "../hooks/mutation/use-save-settings.js";
-import { SettingsSwitch as m } from "../components/features/settings/settings-switch.js";
-import { SettingsInput as h } from "../components/features/settings/settings-input.js";
-import { SettingsDropdownInput as g } from "../components/features/settings/settings-dropdown-input.js";
-import { LanguageInput as _ } from "../components/features/settings/app-settings/language-input.js";
-import { ThemeInput as v } from "../components/features/settings/app-settings/theme-input.js";
-import { AppSettingsInputsSkeleton as y } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
-import b from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { formatModelNameForDisplay as l } from "../utils/format-model-name.js";
+import { useLlmProfiles as u } from "../hooks/query/use-llm-profiles.js";
+import { useSettings as d } from "../hooks/query/use-settings.js";
+import { NavigationLink as f } from "../components/shared/navigation-link.js";
+import { BrandButton as p } from "../components/features/settings/brand-button.js";
+import { useSaveSettings as m } from "../hooks/mutation/use-save-settings.js";
+import { SettingsSwitch as h } from "../components/features/settings/settings-switch.js";
+import { SettingsInput as g } from "../components/features/settings/settings-input.js";
+import { SettingsDropdownInput as _ } from "../components/features/settings/settings-dropdown-input.js";
+import { LanguageInput as v } from "../components/features/settings/app-settings/language-input.js";
+import { ThemeInput as y } from "../components/features/settings/app-settings/theme-input.js";
+import { AppSettingsInputsSkeleton as b } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
+import x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/routes/app-settings.tsx
-var C = "__automatic__";
-function w() {
-	let { t: w } = e("openhands"), { mutate: T, isPending: E } = p(), { data: D, isLoading: O } = u(), k = s().backend.kind === "cloud", { data: A, isLoading: j } = l(), [ee, M] = b.useState(!1), [N, P] = b.useState(!1), [F, I] = b.useState(!1), [L, R] = b.useState(!1), [z, B] = b.useState(!1), [V, H] = b.useState(void 0), U = b.useMemo(() => {
-		let e = D?.title_llm_profile ?? null;
-		return !e || !A || A.profiles.some((t) => t.name === e) ? e : null;
-	}, [A, D?.title_llm_profile]), W = V === void 0 ? U : V, G = b.useMemo(() => [{
-		key: C,
-		label: w(t.SETTINGS$TITLE_GENERATION_AUTOMATIC)
-	}, ...A?.profiles.map((e) => ({
+var w = "__automatic__";
+function T() {
+	let { t: T } = e("openhands"), { mutate: E, isPending: D } = m(), { data: O, isLoading: k } = d(), A = s().backend.kind === "cloud", { data: j, isLoading: M } = u(), [ee, N] = x.useState(!1), [P, F] = x.useState(!1), [I, L] = x.useState(!1), [R, z] = x.useState(!1), [B, V] = x.useState(!1), [H, U] = x.useState(void 0), W = x.useMemo(() => {
+		let e = O?.title_llm_profile ?? null;
+		return !e || !j || j.profiles.some((t) => t.name === e) ? e : null;
+	}, [j, O?.title_llm_profile]), G = H === void 0 ? W : H, K = x.useMemo(() => [{
+		key: w,
+		label: T(t.SETTINGS$TITLE_GENERATION_AUTOMATIC)
+	}, ...j?.profiles.map((e) => ({
 		key: e.name,
-		label: e.model ? w(t.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {
+		label: e.model ? T(t.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {
 			name: e.name,
-			model: e.model
+			model: l(e.model) ?? e.model
 		}) : e.name
-	})) ?? []], [A?.profiles, w]), K = (e) => {
-		let s = e.get("language-input")?.toString(), l = n.find(({ label: e }) => e === s)?.value || c.language, u = k ? !0 : e.get("enable-analytics-switch")?.toString() === "on", d = e.get("enable-sound-notifications-switch")?.toString() === "on", f = e.get("git-user-name-input")?.toString() || c.git_user_name, p = e.get("git-user-email-input")?.toString() || c.git_user_email;
-		T({
+	})) ?? []], [j?.profiles, T]), q = (e) => {
+		let s = e.get("language-input")?.toString(), l = n.find(({ label: e }) => e === s)?.value || c.language, u = A ? !0 : e.get("enable-analytics-switch")?.toString() === "on", d = e.get("enable-sound-notifications-switch")?.toString() === "on", f = e.get("git-user-name-input")?.toString() || c.git_user_name, p = e.get("git-user-email-input")?.toString() || c.git_user_email;
+		E({
 			language: l,
-			...!k && { user_consents_to_analytics: u },
+			...!A && { user_consents_to_analytics: u },
 			enable_sound_notifications: d,
 			git_user_name: f,
 			git_user_email: p,
-			title_llm_profile: W
+			title_llm_profile: G
 		}, {
 			onSuccess: () => {
-				o(u ? "granted" : "denied"), a(w(t.SETTINGS$SAVED));
+				o(u ? "granted" : "denied"), a(T(t.SETTINGS$SAVED));
 			},
 			onError: (e) => {
-				i(r(e) || w(t.ERROR$GENERIC));
+				i(r(e) || T(t.ERROR$GENERIC));
 			},
 			onSettled: () => {
-				M(!1), P(!1), I(!1), R(!1), B(!1), H(void 0);
+				N(!1), F(!1), L(!1), z(!1), V(!1), U(void 0);
 			}
 		});
-	}, q = (e) => {
-		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === D?.language)?.label;
-		M(t !== r);
 	}, J = (e) => {
-		P(e !== (D?.user_consents_to_analytics ?? !0));
+		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === O?.language)?.label;
+		N(t !== r);
 	}, Y = (e) => {
-		I(e !== !!D?.enable_sound_notifications);
+		F(e !== (O?.user_consents_to_analytics ?? !0));
 	}, X = (e) => {
-		let t = D?.git_user_name;
-		R(e !== t);
+		L(e !== !!O?.enable_sound_notifications);
 	}, Z = (e) => {
-		let t = D?.git_user_email;
-		B(e !== t);
-	}, Q = !ee && !N && !F && W === U && !L && !z, $ = !D || O || j || E;
-	return /* @__PURE__ */ S("form", {
+		let t = O?.git_user_name;
+		z(e !== t);
+	}, Q = (e) => {
+		let t = O?.git_user_email;
+		V(e !== t);
+	}, te = !ee && !P && !I && G === W && !R && !B, $ = !O || k || M || D;
+	return /* @__PURE__ */ C("form", {
 		"data-testid": "app-settings-screen",
-		action: K,
+		action: q,
 		className: "flex flex-col gap-6",
-		children: [$ && /* @__PURE__ */ x(y, {}), !$ && /* @__PURE__ */ S("div", {
+		children: [$ && /* @__PURE__ */ S(b, {}), !$ && /* @__PURE__ */ C("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ x(_, {
+				/* @__PURE__ */ S(v, {
 					name: "language-input",
-					defaultKey: D.language,
-					onChange: q
+					defaultKey: O.language,
+					onChange: J
 				}),
-				/* @__PURE__ */ x(v, {}),
-				/* @__PURE__ */ x(m, {
+				/* @__PURE__ */ S(y, {}),
+				/* @__PURE__ */ S(h, {
 					testId: "enable-analytics-switch",
-					name: k ? void 0 : "enable-analytics-switch",
-					defaultIsToggled: k ? !0 : D.user_consents_to_analytics ?? !0,
-					isToggled: k ? !0 : void 0,
-					isDisabled: k,
-					onToggle: k ? void 0 : J,
-					children: w(t.ANALYTICS$SEND_ANONYMOUS_DATA)
+					name: A ? void 0 : "enable-analytics-switch",
+					defaultIsToggled: A ? !0 : O.user_consents_to_analytics ?? !0,
+					isToggled: A ? !0 : void 0,
+					isDisabled: A,
+					onToggle: A ? void 0 : Y,
+					children: T(t.ANALYTICS$SEND_ANONYMOUS_DATA)
 				}),
-				/* @__PURE__ */ x(m, {
+				/* @__PURE__ */ S(h, {
 					testId: "enable-sound-notifications-switch",
 					name: "enable-sound-notifications-switch",
-					defaultIsToggled: !!D.enable_sound_notifications,
-					onToggle: Y,
-					children: w(t.SETTINGS$SOUND_NOTIFICATIONS)
+					defaultIsToggled: !!O.enable_sound_notifications,
+					onToggle: X,
+					children: T(t.SETTINGS$SOUND_NOTIFICATIONS)
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
 					children: [
-						/* @__PURE__ */ x("h3", {
+						/* @__PURE__ */ S("h3", {
 							className: "text-lg font-medium mb-2",
-							children: w(t.SETTINGS$CONVERSATION_TITLES)
+							children: T(t.SETTINGS$CONVERSATION_TITLES)
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ S("p", {
 							className: "mb-4 text-sm leading-5 text-tertiary-light",
-							children: w(t.SETTINGS$TITLE_GENERATION_DESCRIPTION)
+							children: T(t.SETTINGS$TITLE_GENERATION_DESCRIPTION)
 						}),
-						/* @__PURE__ */ x(g, {
+						/* @__PURE__ */ S(_, {
 							testId: "title-llm-profile-input",
 							name: "title-llm-profile-input",
-							label: w(t.SETTINGS$TITLE_GENERATION_MODEL),
-							items: G,
-							selectedKey: W ?? C,
+							label: T(t.SETTINGS$TITLE_GENERATION_MODEL),
+							items: K,
+							selectedKey: G ?? w,
 							onSelectionChange: (e) => {
 								let t = e?.toString();
-								H(!t || t === C ? null : t);
+								U(!t || t === w ? null : t);
 							}
 						}),
-						/* @__PURE__ */ x(d, {
+						/* @__PURE__ */ S(f, {
 							to: "/settings/llm",
 							className: "mt-3 inline-block text-sm text-primary hover:underline",
-							children: w(t.SETTINGS$MANAGE_LLM_PROFILES)
+							children: T(t.SETTINGS$MANAGE_LLM_PROFILES)
 						})
 					]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
 					children: [
-						/* @__PURE__ */ x("h3", {
+						/* @__PURE__ */ S("h3", {
 							className: "text-lg font-medium mb-2",
-							children: w(t.SETTINGS$GIT_SETTINGS)
+							children: T(t.SETTINGS$GIT_SETTINGS)
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ S("p", {
 							className: "mb-4 text-sm leading-5 text-tertiary-light",
-							children: w(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
+							children: T(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ C("div", {
 							className: "flex flex-col gap-6",
-							children: [/* @__PURE__ */ x(h, {
+							children: [/* @__PURE__ */ S(g, {
 								testId: "git-user-name-input",
 								name: "git-user-name-input",
 								type: "text",
-								label: w(t.SETTINGS$GIT_USERNAME),
-								defaultValue: D.git_user_name || "",
-								onChange: X,
-								placeholder: w(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
+								label: T(t.SETTINGS$GIT_USERNAME),
+								defaultValue: O.git_user_name || "",
+								onChange: Z,
+								placeholder: T(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
 								className: "w-full min-w-0"
-							}), /* @__PURE__ */ x(h, {
+							}), /* @__PURE__ */ S(g, {
 								testId: "git-user-email-input",
 								name: "git-user-email-input",
 								type: "email",
-								label: w(t.SETTINGS$GIT_EMAIL),
-								defaultValue: D.git_user_email || "",
-								onChange: Z,
-								placeholder: w(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
+								label: T(t.SETTINGS$GIT_EMAIL),
+								defaultValue: O.git_user_email || "",
+								onChange: Q,
+								placeholder: T(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
 								className: "w-full min-w-0"
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex justify-start pt-4",
-							children: /* @__PURE__ */ S(f, {
+							children: /* @__PURE__ */ C(p, {
 								testId: "submit-button",
 								variant: "primary",
 								type: "submit",
-								isDisabled: E || Q,
-								children: [!E && w(t.SETTINGS$SAVE_CHANGES), E && w(t.SETTINGS$SAVING)]
+								isDisabled: D || te,
+								children: [!D && T(t.SETTINGS$SAVE_CHANGES), D && T(t.SETTINGS$SAVING)]
 							})
 						})
 					]
@@ -176,6 +177,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as default };
+export { T as default };
 
 //# sourceMappingURL=app-settings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-settings.js","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { AppSettingsInputsSkeleton } from \"#/components/features/settings/app-settings/app-settings-inputs-skeleton\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\n\nconst AUTOMATIC_TITLE_LLM_PROFILE_KEY = \"__automatic__\";\n\nexport function AppSettingsScreen() {\n  const { t } = useTranslation(\"openhands\");\n\n  const { mutate: saveSettings, isPending } = useSaveSettings();\n  const { data: settings, isLoading } = useSettings();\n  const activeBackend = useActiveBackend();\n  const isCloudBackend = activeBackend.backend.kind === \"cloud\";\n  const { data: llmProfiles, isLoading: areLlmProfilesLoading } =\n    useLlmProfiles();\n\n  const [languageInputHasChanged, setLanguageInputHasChanged] =\n    React.useState(false);\n  const [analyticsSwitchHasChanged, setAnalyticsSwitchHasChanged] =\n    React.useState(false);\n  const [\n    soundNotificationsSwitchHasChanged,\n    setSoundNotificationsSwitchHasChanged,\n  ] = React.useState(false);\n  const [gitUserNameHasChanged, setGitUserNameHasChanged] =\n    React.useState(false);\n  const [gitUserEmailHasChanged, setGitUserEmailHasChanged] =\n    React.useState(false);\n  const [titleLlmProfileInput, setTitleLlmProfileInput] = React.useState<\n    string | null | undefined\n  >(undefined);\n\n  const storedTitleLlmProfile = React.useMemo(() => {\n    const preference = settings?.title_llm_profile ?? null;\n    if (!preference || !llmProfiles) return preference;\n    return llmProfiles.profiles.some((profile) => profile.name === preference)\n      ? preference\n      : null;\n  }, [llmProfiles, settings?.title_llm_profile]);\n  const selectedTitleLlmProfile =\n    titleLlmProfileInput === undefined\n      ? storedTitleLlmProfile\n      : titleLlmProfileInput;\n  const titleLlmProfileItems = React.useMemo(\n    () => [\n      {\n        key: AUTOMATIC_TITLE_LLM_PROFILE_KEY,\n        label: t(I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC),\n      },\n      ...(llmProfiles?.profiles.map((profile) => ({\n        key: profile.name,\n        label: profile.model\n          ? t(I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {\n              name: profile.name,\n              model: profile.model,\n            })\n          : profile.name,\n      })) ?? []),\n    ],\n    [llmProfiles?.profiles, t],\n  );\n\n  const formAction = (formData: FormData) => {\n    const languageLabel = formData.get(\"language-input\")?.toString();\n    const languageValue = AvailableLanguages.find(\n      ({ label }) => label === languageLabel,\n    )?.value;\n    const language = languageValue || DEFAULT_SETTINGS.language;\n\n    const enableAnalytics = isCloudBackend\n      ? true\n      : formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n    const enableSoundNotifications =\n      formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n    const gitUserName =\n      formData.get(\"git-user-name-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_name;\n    const gitUserEmail =\n      formData.get(\"git-user-email-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_email;\n\n    saveSettings(\n      {\n        language,\n        ...(!isCloudBackend && { user_consents_to_analytics: enableAnalytics }),\n        enable_sound_notifications: enableSoundNotifications,\n        git_user_name: gitUserName,\n        git_user_email: gitUserEmail,\n        title_llm_profile: selectedTitleLlmProfile,\n      },\n      {\n        onSuccess: () => {\n          void setTelemetryConsent(enableAnalytics ? \"granted\" : \"denied\");\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED));\n        },\n        onError: (error) => {\n          const errorMessage = retrieveAxiosErrorMessage(error);\n          displayErrorToast(errorMessage || t(I18nKey.ERROR$GENERIC));\n        },\n        onSettled: () => {\n          setLanguageInputHasChanged(false);\n          setAnalyticsSwitchHasChanged(false);\n          setSoundNotificationsSwitchHasChanged(false);\n          setGitUserNameHasChanged(false);\n          setGitUserEmailHasChanged(false);\n          setTitleLlmProfileInput(undefined);\n        },\n      },\n    );\n  };\n\n  const checkIfLanguageInputHasChanged = (value: string) => {\n    const selectedLanguage = AvailableLanguages.find(\n      ({ label: langValue }) => langValue === value,\n    )?.label;\n    const currentLanguage = AvailableLanguages.find(\n      ({ value: langValue }) => langValue === settings?.language,\n    )?.label;\n\n    setLanguageInputHasChanged(selectedLanguage !== currentLanguage);\n  };\n\n  const checkIfAnalyticsSwitchHasChanged = (checked: boolean) => {\n    // Treat null as true since analytics is opt-in by default\n    const currentAnalytics = settings?.user_consents_to_analytics ?? true;\n    setAnalyticsSwitchHasChanged(checked !== currentAnalytics);\n  };\n\n  const checkIfSoundNotificationsSwitchHasChanged = (checked: boolean) => {\n    const currentSoundNotifications = !!settings?.enable_sound_notifications;\n    setSoundNotificationsSwitchHasChanged(\n      checked !== currentSoundNotifications,\n    );\n  };\n\n  const checkIfGitUserNameHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_name;\n    setGitUserNameHasChanged(value !== currentValue);\n  };\n\n  const checkIfGitUserEmailHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_email;\n    setGitUserEmailHasChanged(value !== currentValue);\n  };\n\n  const formIsClean =\n    !languageInputHasChanged &&\n    !analyticsSwitchHasChanged &&\n    !soundNotificationsSwitchHasChanged &&\n    selectedTitleLlmProfile === storedTitleLlmProfile &&\n    !gitUserNameHasChanged &&\n    !gitUserEmailHasChanged;\n\n  const shouldBeLoading =\n    !settings || isLoading || areLlmProfilesLoading || isPending;\n\n  return (\n    <form\n      data-testid=\"app-settings-screen\"\n      action={formAction}\n      className=\"flex flex-col gap-6\"\n    >\n      {shouldBeLoading && <AppSettingsInputsSkeleton />}\n      {!shouldBeLoading && (\n        <div className=\"flex flex-col gap-6\">\n          <LanguageInput\n            name=\"language-input\"\n            defaultKey={settings.language}\n            onChange={checkIfLanguageInputHasChanged}\n          />\n\n          <ThemeInput />\n\n          <SettingsSwitch\n            testId=\"enable-analytics-switch\"\n            name={isCloudBackend ? undefined : \"enable-analytics-switch\"}\n            defaultIsToggled={\n              isCloudBackend\n                ? true\n                : (settings.user_consents_to_analytics ?? true)\n            }\n            isToggled={isCloudBackend ? true : undefined}\n            isDisabled={isCloudBackend}\n            onToggle={\n              isCloudBackend ? undefined : checkIfAnalyticsSwitchHasChanged\n            }\n          >\n            {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n          </SettingsSwitch>\n\n          <SettingsSwitch\n            testId=\"enable-sound-notifications-switch\"\n            name=\"enable-sound-notifications-switch\"\n            defaultIsToggled={!!settings.enable_sound_notifications}\n            onToggle={checkIfSoundNotificationsSwitchHasChanged}\n          >\n            {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n          </SettingsSwitch>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$CONVERSATION_TITLES)}\n            </h3>\n            <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n              {t(I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}\n            </p>\n            <SettingsDropdownInput\n              testId=\"title-llm-profile-input\"\n              name=\"title-llm-profile-input\"\n              label={t(I18nKey.SETTINGS$TITLE_GENERATION_MODEL)}\n              items={titleLlmProfileItems}\n              selectedKey={\n                selectedTitleLlmProfile ?? AUTOMATIC_TITLE_LLM_PROFILE_KEY\n              }\n              onSelectionChange={(key) => {\n                const value = key?.toString();\n                setTitleLlmProfileInput(\n                  !value || value === AUTOMATIC_TITLE_LLM_PROFILE_KEY\n                    ? null\n                    : value,\n                );\n              }}\n            />\n            <NavigationLink\n              to=\"/settings/llm\"\n              className=\"mt-3 inline-block text-sm text-primary hover:underline\"\n            >\n              {t(I18nKey.SETTINGS$MANAGE_LLM_PROFILES)}\n            </NavigationLink>\n          </div>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n            </h3>\n            <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n            </p>\n            <div className=\"flex flex-col gap-6\">\n              <SettingsInput\n                testId=\"git-user-name-input\"\n                name=\"git-user-name-input\"\n                type=\"text\"\n                label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n                defaultValue={settings.git_user_name || \"\"}\n                onChange={checkIfGitUserNameHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n              <SettingsInput\n                testId=\"git-user-email-input\"\n                name=\"git-user-email-input\"\n                type=\"email\"\n                label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n                defaultValue={settings.git_user_email || \"\"}\n                onChange={checkIfGitUserEmailHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n            </div>\n            <div className=\"flex justify-start pt-4\">\n              <BrandButton\n                testId=\"submit-button\"\n                variant=\"primary\"\n                type=\"submit\"\n                isDisabled={isPending || formIsClean}\n              >\n                {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n                {isPending && t(I18nKey.SETTINGS$SAVING)}\n              </BrandButton>\n            </div>\n          </div>\n        </div>\n      )}\n    </form>\n  );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}
+{"version":3,"file":"app-settings.js","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { AppSettingsInputsSkeleton } from \"#/components/features/settings/app-settings/app-settings-inputs-skeleton\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nconst AUTOMATIC_TITLE_LLM_PROFILE_KEY = \"__automatic__\";\n\nexport function AppSettingsScreen() {\n  const { t } = useTranslation(\"openhands\");\n\n  const { mutate: saveSettings, isPending } = useSaveSettings();\n  const { data: settings, isLoading } = useSettings();\n  const activeBackend = useActiveBackend();\n  const isCloudBackend = activeBackend.backend.kind === \"cloud\";\n  const { data: llmProfiles, isLoading: areLlmProfilesLoading } =\n    useLlmProfiles();\n\n  const [languageInputHasChanged, setLanguageInputHasChanged] =\n    React.useState(false);\n  const [analyticsSwitchHasChanged, setAnalyticsSwitchHasChanged] =\n    React.useState(false);\n  const [\n    soundNotificationsSwitchHasChanged,\n    setSoundNotificationsSwitchHasChanged,\n  ] = React.useState(false);\n  const [gitUserNameHasChanged, setGitUserNameHasChanged] =\n    React.useState(false);\n  const [gitUserEmailHasChanged, setGitUserEmailHasChanged] =\n    React.useState(false);\n  const [titleLlmProfileInput, setTitleLlmProfileInput] = React.useState<\n    string | null | undefined\n  >(undefined);\n\n  const storedTitleLlmProfile = React.useMemo(() => {\n    const preference = settings?.title_llm_profile ?? null;\n    if (!preference || !llmProfiles) return preference;\n    return llmProfiles.profiles.some((profile) => profile.name === preference)\n      ? preference\n      : null;\n  }, [llmProfiles, settings?.title_llm_profile]);\n  const selectedTitleLlmProfile =\n    titleLlmProfileInput === undefined\n      ? storedTitleLlmProfile\n      : titleLlmProfileInput;\n  const titleLlmProfileItems = React.useMemo(\n    () => [\n      {\n        key: AUTOMATIC_TITLE_LLM_PROFILE_KEY,\n        label: t(I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC),\n      },\n      ...(llmProfiles?.profiles.map((profile) => ({\n        key: profile.name,\n        label: profile.model\n          ? t(I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {\n              name: profile.name,\n              model: formatModelNameForDisplay(profile.model) ?? profile.model,\n            })\n          : profile.name,\n      })) ?? []),\n    ],\n    [llmProfiles?.profiles, t],\n  );\n\n  const formAction = (formData: FormData) => {\n    const languageLabel = formData.get(\"language-input\")?.toString();\n    const languageValue = AvailableLanguages.find(\n      ({ label }) => label === languageLabel,\n    )?.value;\n    const language = languageValue || DEFAULT_SETTINGS.language;\n\n    const enableAnalytics = isCloudBackend\n      ? true\n      : formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n    const enableSoundNotifications =\n      formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n    const gitUserName =\n      formData.get(\"git-user-name-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_name;\n    const gitUserEmail =\n      formData.get(\"git-user-email-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_email;\n\n    saveSettings(\n      {\n        language,\n        ...(!isCloudBackend && { user_consents_to_analytics: enableAnalytics }),\n        enable_sound_notifications: enableSoundNotifications,\n        git_user_name: gitUserName,\n        git_user_email: gitUserEmail,\n        title_llm_profile: selectedTitleLlmProfile,\n      },\n      {\n        onSuccess: () => {\n          void setTelemetryConsent(enableAnalytics ? \"granted\" : \"denied\");\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED));\n        },\n        onError: (error) => {\n          const errorMessage = retrieveAxiosErrorMessage(error);\n          displayErrorToast(errorMessage || t(I18nKey.ERROR$GENERIC));\n        },\n        onSettled: () => {\n          setLanguageInputHasChanged(false);\n          setAnalyticsSwitchHasChanged(false);\n          setSoundNotificationsSwitchHasChanged(false);\n          setGitUserNameHasChanged(false);\n          setGitUserEmailHasChanged(false);\n          setTitleLlmProfileInput(undefined);\n        },\n      },\n    );\n  };\n\n  const checkIfLanguageInputHasChanged = (value: string) => {\n    const selectedLanguage = AvailableLanguages.find(\n      ({ label: langValue }) => langValue === value,\n    )?.label;\n    const currentLanguage = AvailableLanguages.find(\n      ({ value: langValue }) => langValue === settings?.language,\n    )?.label;\n\n    setLanguageInputHasChanged(selectedLanguage !== currentLanguage);\n  };\n\n  const checkIfAnalyticsSwitchHasChanged = (checked: boolean) => {\n    // Treat null as true since analytics is opt-in by default\n    const currentAnalytics = settings?.user_consents_to_analytics ?? true;\n    setAnalyticsSwitchHasChanged(checked !== currentAnalytics);\n  };\n\n  const checkIfSoundNotificationsSwitchHasChanged = (checked: boolean) => {\n    const currentSoundNotifications = !!settings?.enable_sound_notifications;\n    setSoundNotificationsSwitchHasChanged(\n      checked !== currentSoundNotifications,\n    );\n  };\n\n  const checkIfGitUserNameHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_name;\n    setGitUserNameHasChanged(value !== currentValue);\n  };\n\n  const checkIfGitUserEmailHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_email;\n    setGitUserEmailHasChanged(value !== currentValue);\n  };\n\n  const formIsClean =\n    !languageInputHasChanged &&\n    !analyticsSwitchHasChanged &&\n    !soundNotificationsSwitchHasChanged &&\n    selectedTitleLlmProfile === storedTitleLlmProfile &&\n    !gitUserNameHasChanged &&\n    !gitUserEmailHasChanged;\n\n  const shouldBeLoading =\n    !settings || isLoading || areLlmProfilesLoading || isPending;\n\n  return (\n    <form\n      data-testid=\"app-settings-screen\"\n      action={formAction}\n      className=\"flex flex-col gap-6\"\n    >\n      {shouldBeLoading && <AppSettingsInputsSkeleton />}\n      {!shouldBeLoading && (\n        <div className=\"flex flex-col gap-6\">\n          <LanguageInput\n            name=\"language-input\"\n            defaultKey={settings.language}\n            onChange={checkIfLanguageInputHasChanged}\n          />\n\n          <ThemeInput />\n\n          <SettingsSwitch\n            testId=\"enable-analytics-switch\"\n            name={isCloudBackend ? undefined : \"enable-analytics-switch\"}\n            defaultIsToggled={\n              isCloudBackend\n                ? true\n                : (settings.user_consents_to_analytics ?? true)\n            }\n            isToggled={isCloudBackend ? true : undefined}\n            isDisabled={isCloudBackend}\n            onToggle={\n              isCloudBackend ? undefined : checkIfAnalyticsSwitchHasChanged\n            }\n          >\n            {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n          </SettingsSwitch>\n\n          <SettingsSwitch\n            testId=\"enable-sound-notifications-switch\"\n            name=\"enable-sound-notifications-switch\"\n            defaultIsToggled={!!settings.enable_sound_notifications}\n            onToggle={checkIfSoundNotificationsSwitchHasChanged}\n          >\n            {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n          </SettingsSwitch>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$CONVERSATION_TITLES)}\n            </h3>\n            <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n              {t(I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}\n            </p>\n            <SettingsDropdownInput\n              testId=\"title-llm-profile-input\"\n              name=\"title-llm-profile-input\"\n              label={t(I18nKey.SETTINGS$TITLE_GENERATION_MODEL)}\n              items={titleLlmProfileItems}\n              selectedKey={\n                selectedTitleLlmProfile ?? AUTOMATIC_TITLE_LLM_PROFILE_KEY\n              }\n              onSelectionChange={(key) => {\n                const value = key?.toString();\n                setTitleLlmProfileInput(\n                  !value || value === AUTOMATIC_TITLE_LLM_PROFILE_KEY\n                    ? null\n                    : value,\n                );\n              }}\n            />\n            <NavigationLink\n              to=\"/settings/llm\"\n              className=\"mt-3 inline-block text-sm text-primary hover:underline\"\n            >\n              {t(I18nKey.SETTINGS$MANAGE_LLM_PROFILES)}\n            </NavigationLink>\n          </div>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n            </h3>\n            <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n            </p>\n            <div className=\"flex flex-col gap-6\">\n              <SettingsInput\n                testId=\"git-user-name-input\"\n                name=\"git-user-name-input\"\n                type=\"text\"\n                label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n                defaultValue={settings.git_user_name || \"\"}\n                onChange={checkIfGitUserNameHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n              <SettingsInput\n                testId=\"git-user-email-input\"\n                name=\"git-user-email-input\"\n                type=\"email\"\n                label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n                defaultValue={settings.git_user_email || \"\"}\n                onChange={checkIfGitUserEmailHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n            </div>\n            <div className=\"flex justify-start pt-4\">\n              <BrandButton\n                testId=\"submit-button\"\n                variant=\"primary\"\n                type=\"submit\"\n                isDisabled={isPending || formIsClean}\n              >\n                {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n                {isPending && t(I18nKey.SETTINGS$SAVING)}\n              </BrandButton>\n            </div>\n          </div>\n        </div>\n      )}\n    </form>\n  );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}

package/dist/routes/llm-settings.cjs

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../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`]),moonshot:new Set([`https://api.kimi.com/coding/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("../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../services/settings.cjs"),a=require("../constants/llm-subscription.cjs"),o=require("../utils/format-model-name.cjs"),s=require("../hooks/query/use-settings.cjs"),c=require("../components/features/settings/settings-input.cjs"),l=require("../components/features/settings/settings-dropdown-input.cjs"),u=require("../utils/extract-model-and-provider.cjs"),d=require("../ui/help-link.cjs"),f=require("../components/shared/modals/settings/model-selector.cjs"),p=require("../hooks/query/use-agent-settings-schema.cjs"),m=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),h=require("../components/features/settings/key-status-icon.cjs"),g=require("../utils/sdk-settings-schema.cjs"),_=require("../components/features/settings/sdk-settings/sdk-section-page.cjs");require("../components/features/settings/llm-profiles/index.cjs");const v=require("../hooks/query/use-llm-subscription-models.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,a.LLM_AUTH_TYPE_KEY,a.LLM_SUBSCRIPTION_VENDOR_KEY]),S=(e,t)=>!e||!t?null:`${e}/${t}`,C=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,w={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},T=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},E=(e,t)=>{let n=T(t),{provider:r}=u.extractModelAndProvider(e);if(r){let e=w[r];if(e)return e.has(n)}return Object.values(w).some(e=>e?.has(n))};function D({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,b.jsx)(d.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function O(){return(0,b.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,b.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,b.jsx)(`span`,{children:o.FREE_OPENHANDS_MODEL_NOTE})]})}function k({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A}){let{t:j}=t.useTranslation(`openhands`),{data:M}=s.useSettings(e),{data:N}=p.useAgentSettingsSchema(M?.agent_settings_schema),P=M?.agent_settings?.llm,F=a.resolveLlmAuthType(u?.[`llm.auth_type`]??P?.auth_type),[I,L]=y.default.useState(F===a.LLM_AUTH_TYPE_SUBSCRIPTION),{data:R,isLoading:z,isFetching:B}=v.useOpenAISubscriptionModels({enabled:I}),V=I&&!R&&(z||B),H=y.default.useRef(null),U=y.default.useRef(null);y.default.useEffect(()=>{F===`subscription`&&L(!0)},[F]);let W=String(i.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),G=y.default.useCallback((e,t)=>{let n=g.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!E(r,i)?`all`:`basic`},[]),K=y.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let s=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,u=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,p=s.startsWith(`openhands/`),g=a.resolveLlmAuthType(e[a.LLM_AUTH_TYPE_KEY]),_=g===a.LLM_AUTH_TYPE_SUBSCRIPTION,v=t||_&&V,y=R?.includes(s)?s:R?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,C=w?x.length>0:!!M?.llm_api_key_set,T=(e,r)=>(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:e,label:j(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:C?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:C?(0,b.jsx)(h.KeyStatusIcon,{isSet:C}):void 0}),(0,b.jsx)(d.HelpLink,{testId:r,text:j(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:j(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),E=e=>{let t=e===`subscription`?a.LLM_AUTH_TYPE_SUBSCRIPTION:a.LLM_AUTH_TYPE_API_KEY;if(i(a.LLM_AUTH_TYPE_KEY,t),t===`subscription`){L(!0),s&&!R?.includes(s)&&(H.current=s);let e=U.current&&R?.includes(U.current)?U.current:R?.[0];i(a.LLM_SUBSCRIPTION_VENDOR_KEY,a.OPENAI_SUBSCRIPTION_VENDOR),!R?.includes(s)&&e&&i(`llm.model`,e);return}s&&R?.includes(s)&&(U.current=s,i(`llm.model`,H.current??W))},k=()=>(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:a.LLM_AUTH_TYPE_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:a.LLM_AUTH_TYPE_API_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:a.LLM_AUTH_TYPE_SUBSCRIPTION,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:g,isClearable:!1,required:!0,isDisabled:v,onSelectionChange:E}),A=()=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:j(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(R??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:v||!R?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:R?.[0];t&&i(`llm.model`,t)}}),(0,b.jsx)(m.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,b.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.ModelSelector,{currentModel:s||void 0,onChange:(e,t)=>{let n=S(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),p?(0,b.jsx)(D,{testId:`openhands-api-key-help`}):null,T(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:`llm-custom-model-input`,label:j(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:s,placeholder:W,onChange:e=>i(`llm.model`,e),isDisabled:t}),p?(0,b.jsxs)(b.Fragment,{children:[o.isFreeOpenHandsModel(s)?(0,b.jsx)(O,{}):null,(0,b.jsx)(D,{testId:`openhands-api-key-help-2`})]}):null,(0,b.jsx)(c.SettingsInput,{testId:`base-url-input`,label:j(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:u,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),T(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[W,w,V,M?.llm_api_key_set,R,j]),q=y.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(a.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=a.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=a.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=R?.[0];if(!R?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=R?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=a.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=C(N,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[N,R]);return(0,b.jsx)(_.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:x}],header:K,buildPayload:q,getInitialView:G,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=k;
 //# 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 {\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  moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\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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"}
+{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  LLM_AUTH_TYPE_API_KEY,\n  LLM_AUTH_TYPE_KEY,\n  LLM_AUTH_TYPE_SUBSCRIPTION,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n  OPENAI_SUBSCRIPTION_VENDOR,\n  resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport {\n  FREE_OPENHANDS_MODEL_NOTE,\n  isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n  \"llm.model\",\n  \"llm.api_key\",\n  \"llm.base_url\",\n  LLM_AUTH_TYPE_KEY,\n  LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nfunction OpenHandsFreeModelsNote() {\n  return (\n    <p\n      data-testid=\"openhands-free-models-note\"\n      className=\"flex items-start gap-2 text-xs text-warning\"\n    >\n      <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n      <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n    </p>\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  suppressSuccessToast,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  suppressSuccessToast?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const persistedLlmSettings = settings?.agent_settings?.llm as\n    | Record<string, unknown>\n    | undefined;\n  const initialAuthType = resolveLlmAuthType(\n    initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n      persistedLlmSettings?.auth_type,\n  );\n  const [enableSubscriptionModels, setEnableSubscriptionModels] =\n    React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n  const {\n    data: subscriptionModels,\n    isLoading: isSubscriptionModelsLoading,\n    isFetching: isSubscriptionModelsFetching,\n  } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n  const isWaitingForSubscriptionModels =\n    enableSubscriptionModels &&\n    !subscriptionModels &&\n    (isSubscriptionModelsLoading || isSubscriptionModelsFetching);\n  const lastApiKeyModelRef = React.useRef<string | null>(null);\n  const lastSubscriptionModelRef = React.useRef<string | null>(null);\n\n  React.useEffect(() => {\n    if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n      setEnableSubscriptionModels(true);\n    }\n  }, [initialAuthType]);\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n      const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n      const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n      const shouldDisableSubscriptionControls =\n        isDisabled || (isSubscriptionAuth && isWaitingForSubscriptionModels);\n      const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n        ? modelValue\n        : (subscriptionModels?.[0] ?? \"\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      const handleAuthTypeChange = (selectedKey: React.Key | null) => {\n        const nextAuthType =\n          selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n            ? LLM_AUTH_TYPE_SUBSCRIPTION\n            : LLM_AUTH_TYPE_API_KEY;\n        onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n        if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n          setEnableSubscriptionModels(true);\n          if (modelValue && !subscriptionModels?.includes(modelValue)) {\n            lastApiKeyModelRef.current = modelValue;\n          }\n          const restoredSubscriptionModel =\n            lastSubscriptionModelRef.current &&\n            subscriptionModels?.includes(lastSubscriptionModelRef.current)\n              ? lastSubscriptionModelRef.current\n              : subscriptionModels?.[0];\n          onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n          if (\n            !subscriptionModels?.includes(modelValue) &&\n            restoredSubscriptionModel\n          ) {\n            onChange(\"llm.model\", restoredSubscriptionModel);\n          }\n          return;\n        }\n\n        if (modelValue && subscriptionModels?.includes(modelValue)) {\n          lastSubscriptionModelRef.current = modelValue;\n          onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n        }\n      };\n\n      const renderAuthTypeInput = () => (\n        <SettingsDropdownInput\n          testId=\"llm-auth-type-input\"\n          name={LLM_AUTH_TYPE_KEY}\n          label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n          items={[\n            {\n              key: LLM_AUTH_TYPE_API_KEY,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n            },\n            {\n              key: LLM_AUTH_TYPE_SUBSCRIPTION,\n              label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n            },\n          ]}\n          selectedKey={authType}\n          isClearable={false}\n          required\n          isDisabled={shouldDisableSubscriptionControls}\n          onSelectionChange={handleAuthTypeChange}\n        />\n      );\n\n      const renderSubscriptionSettings = () => (\n        <div\n          className=\"flex flex-col gap-6\"\n          data-testid=\"llm-subscription-settings\"\n        >\n          <SettingsDropdownInput\n            testId=\"llm-subscription-model-input\"\n            name=\"llm.subscription_model\"\n            label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n            items={(subscriptionModels ?? []).map((model) => ({\n              key: model,\n              label: model,\n            }))}\n            selectedKey={subscriptionModelValue}\n            isClearable={false}\n            required\n            isDisabled={\n              shouldDisableSubscriptionControls || !subscriptionModels?.length\n            }\n            onSelectionChange={(selectedKey) => {\n              const nextModel =\n                typeof selectedKey === \"string\"\n                  ? selectedKey\n                  : subscriptionModels?.[0];\n              if (nextModel) {\n                onChange(\"llm.model\", nextModel);\n              }\n            }}\n          />\n          <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n        </div>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <ModelSelector\n                    currentModel={modelValue || undefined}\n                    onChange={(provider, model) => {\n                      const nextModel = buildModelId(provider, model);\n                      if (nextModel) {\n                        onChange(\"llm.model\", nextModel);\n                      }\n                    }}\n                    wrapperClassName=\"!flex-col !gap-6\"\n                    isDisabled={isDisabled}\n                  />\n\n                  {showOpenHandsApiKeyHelp ? (\n                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n                  ) : null}\n\n                  {renderApiKeyInput(\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-input\",\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-help-anchor\",\n                  )}\n                </>\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              {renderAuthTypeInput()}\n\n              {isSubscriptionAuth ? (\n                renderSubscriptionSettings()\n              ) : (\n                <>\n                  <SettingsInput\n                    testId=\"llm-custom-model-input\"\n                    label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                    type=\"text\"\n                    className=\"w-full\"\n                    value={modelValue}\n                    placeholder={defaultModel}\n                    onChange={(value) => onChange(\"llm.model\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {showOpenHandsApiKeyHelp ? (\n                    <>\n                      {isFreeOpenHandsModel(modelValue) ? (\n                        <OpenHandsFreeModelsNote />\n                      ) : null}\n                      <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n                    </>\n                  ) : null}\n\n                  <SettingsInput\n                    testId=\"base-url-input\"\n                    label={t(I18nKey.SETTINGS$BASE_URL)}\n                    type=\"text\"\n                    className=\"w-full\"\n                    value={baseUrlValue}\n                    // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n                    placeholder=\"https://api.openai.com\"\n                    onChange={(value) => onChange(\"llm.base_url\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {renderApiKeyInput(\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-input\",\n                    // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                    \"llm-api-key-help-anchor-advanced\",\n                  )}\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [\n      defaultModel,\n      embedded,\n      isWaitingForSubscriptionModels,\n      settings?.llm_api_key_set,\n      subscriptionModels,\n      t,\n    ],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      defaultPayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        dirty: Record<string, boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // defaultPayload is the wrapped diff (e.g.\n      // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n      // mutate the inner `llm` object below.\n      const agentSettings = structuredClone(\n        (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n      );\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n      const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n      if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n        llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n        llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n        const model =\n          typeof llm.model === \"string\"\n            ? llm.model\n            : String(context.values[\"llm.model\"] ?? \"\");\n        const fallbackSubscriptionModel = subscriptionModels?.[0];\n        if (\n          !subscriptionModels?.includes(model) &&\n          !fallbackSubscriptionModel\n        ) {\n          throw new Error(\"Subscription models are not loaded yet.\");\n        }\n        llm.model = subscriptionModels?.includes(model)\n          ? model\n          : fallbackSubscriptionModel;\n        delete llm.api_key;\n        delete llm.base_url;\n      } else {\n        if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n          llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n          llm.subscription_vendor = null;\n        }\n        if (context.view === \"basic\" && llm.model !== undefined) {\n          llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        }\n      }\n\n      agentSettings.llm = llm;\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema, subscriptionModels],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      settingsSources={[\n        {\n          settingsSource: \"agent_settings\",\n          sectionKeys: [\"llm\"],\n          excludeKeys: LLM_EXCLUDED_KEYS,\n        },\n      ]}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      suppressSuccessToast={suppressSuccessToast}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"utCAwCA,IAAM,EAAoB,IAAI,IAAI,CAChC,YACA,cACA,eACA,EAAA,kBACA,EAAA,2BACF,CAAC,EAEK,GAAgB,EAAyB,IACzC,CAAC,GAAY,CAAC,EAAc,KACzB,GAAG,EAAS,GAAG,IAGlB,GACJ,EACA,IAEA,GAAQ,SACL,QAAS,GAAY,EAAQ,MAAM,EACnC,KAAM,GAAU,EAAM,MAAQ,CAAQ,GAAG,SAAW,KAEnD,EAAyE,CAC7E,OAAQ,IAAI,IAAI,CAAC,yBAA0B,2BAA2B,CAAC,EACvE,SAAU,IAAI,IAAI,CAAC,gCAAgC,CAAC,CACtD,EAEM,EAAoB,GAAoB,CAC5C,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,CAAO,EAC3B,EAAiB,EAAU,SAAS,QAAQ,OAAQ,EAAE,GAAK,GACjE,MAAO,GAAG,EAAU,SAAS,GAC/B,MAAQ,CACN,OAAO,EAAQ,KAAK,EAAE,QAAQ,OAAQ,EAAE,CAC1C,CACF,EAEM,GAA4B,EAAe,IAAoB,CACnE,IAAM,EAAoB,EAAiB,CAAO,EAC5C,CAAE,YAAa,EAAA,wBAAwB,CAAK,EAElD,GAAI,EAAU,CACZ,IAAM,EAAgB,EAAiC,GACvD,GAAI,EACF,OAAO,EAAc,IAAI,CAAiB,CAE9C,CAEA,OAAO,OAAO,OAAO,CAAgC,EAAE,KAAM,GAC3D,GAAe,IAAI,CAAiB,CACtC,CACF,EAMA,SAAS,EAAoB,CAAE,UAAoC,CACjE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACU,SACR,KAAM,EAAE,EAAA,QAAQ,oCAAoC,EACpD,SAAU,EAAE,EAAA,QAAQ,qBAAqB,EACzC,KAAK,8CACL,OAAQ,IAAI,EAAE,EAAA,QAAQ,sCAAsC,GAC7D,CAAA,CAEL,CAEA,SAAS,GAA0B,CACjC,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,6BACZ,UAAU,uDAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,sCAAsC,cAAA,EAAa,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAA,yBAAgC,CAAA,CACtC,GAEP,CAEA,SAAgB,EAAkB,CAChC,QAAQ,WACR,gBACA,wBACA,WACA,iBACA,uBACA,uBAeC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,CAAE,KAAM,GAAa,EAAA,YAAY,CAAK,EACtC,CAAE,KAAM,GAAW,EAAA,uBACvB,GAAU,qBACZ,EACM,EAAuB,GAAU,gBAAgB,IAGjD,EAAkB,EAAA,mBACtB,IAAA,kBACE,GAAsB,SAC1B,EACM,CAAC,EAA0B,GAC/B,EAAA,QAAM,SAAS,IAAoB,EAAA,0BAA0B,EACzD,CACJ,KAAM,EACN,UAAW,EACX,WAAY,GACV,EAAA,4BAA4B,CAAE,QAAS,CAAyB,CAAC,EAC/D,EACJ,GACA,CAAC,IACA,GAA+B,GAC5B,EAAqB,EAAA,QAAM,OAAsB,IAAI,EACrD,EAA2B,EAAA,QAAM,OAAsB,IAAI,EAEjE,EAAA,QAAM,cAAgB,CAChB,IAAA,gBACF,EAA4B,EAAI,CAEpC,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,EAAe,OAClB,EAAA,iBAAiB,gBAAgB,KAAiC,OACjE,EACJ,EAEM,EAAiB,EAAA,QAAM,aAEzB,EACA,IACiB,CACjB,IAAM,EAAa,EAAA,iBAAiB,EAAiB,CAAc,EACnE,GAAI,IAAe,QACjB,OAAO,EAGT,IAAM,EAAe,EAAgB,WAAa,GAC5C,EAAiB,EAAgB,cAAc,KAAK,GAAK,GAK/D,OAHE,EAAe,OAAS,GACxB,CAAC,EAAyB,EAAc,CAAc,EAE9B,MAAQ,OACpC,EACA,CAAC,CACH,EAEM,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,YAAY,EAC5D,EAAW,EAAA,mBAAmB,EAAO,EAAA,kBAAkB,EACvD,EAAqB,IAAa,EAAA,2BAClC,EACJ,GAAe,GAAsB,EACjC,EAAyB,GAAoB,SAAS,CAAU,EAClE,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,qBAAqB,EACtC,KAAK,WACL,UAAU,SACV,MAAO,EAEP,YAAa,EAAc,WAAa,GACxC,SAAW,GAAU,EAAS,cAAe,CAAK,EACtC,aACZ,aACE,GAAc,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAAO,CAAc,CAAA,EAAI,IAAA,EAEzD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EACR,KAAM,EAAE,EAAA,QAAQ,0BAA0B,EAC1C,SAAU,EAAE,EAAA,QAAQ,+BAA+B,EACnD,KAAK,iEACN,CAAA,CACD,CAAA,CAAA,EAGE,EAAwB,GAAkC,CAC9D,IAAM,EACJ,IAAA,eACI,EAAA,2BACA,EAAA,sBAGN,GAFA,EAAS,EAAA,kBAAmB,CAAY,EAEpC,IAAA,eAA6C,CAC/C,EAA4B,EAAI,EAC5B,GAAc,CAAC,GAAoB,SAAS,CAAU,IACxD,EAAmB,QAAU,GAE/B,IAAM,EACJ,EAAyB,SACzB,GAAoB,SAAS,EAAyB,OAAO,EACzD,EAAyB,QACzB,IAAqB,GAC3B,EAAS,EAAA,4BAA6B,EAAA,0BAA0B,EAE9D,CAAC,GAAoB,SAAS,CAAU,GACxC,GAEA,EAAS,YAAa,CAAyB,EAEjD,MACF,CAEI,GAAc,GAAoB,SAAS,CAAU,IACvD,EAAyB,QAAU,EACnC,EAAS,YAAa,EAAmB,SAAW,CAAY,EAEpE,EAEM,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,sBACP,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,sBAAsB,EACvC,MAAO,CACL,CACE,IAAK,EAAA,sBACL,MAAO,EAAE,EAAA,QAAQ,8BAA8B,CACjD,EACA,CACE,IAAK,EAAA,2BACL,MAAO,EAAE,EAAA,QAAQ,mCAAmC,CACtD,CACF,EACA,YAAa,EACb,YAAa,GACb,SAAA,GACA,WAAY,EACZ,kBAAmB,CACpB,CAAA,EAGG,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,2BAA2B,EAC5C,OAAQ,GAAsB,CAAC,GAAG,IAAK,IAAW,CAChD,IAAK,EACL,MAAO,CACT,EAAE,EACF,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,CAAS,CAEnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,2BAAD,CAAwC,YAAa,CAAA,CAClD,IAGP,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,IAAS,SACR,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,mCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,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,CAAK,EAC1C,GACF,EAAS,YAAa,CAAS,CAEnC,EACA,iBAAiB,mBACL,YACb,CAAA,EAEA,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,wBAA0B,CAAA,EACpD,KAEH,EAEC,oBAEA,yBACF,CACA,CAAA,CAAA,CAED,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,sCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,yBACP,MAAO,EAAE,EAAA,QAAQ,qBAAqB,EACtC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAa,EACb,SAAW,GAAU,EAAS,YAAa,CAAK,EACpC,YACb,CAAA,EAEA,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAA,qBAAqB,CAAU,GAC9B,EAAA,EAAA,KAAC,EAAD,CAA0B,CAAA,EACxB,MACJ,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,0BAA4B,CAAA,CACxD,CAAA,CAAA,EACA,MAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,iBACP,MAAO,EAAE,EAAA,QAAQ,iBAAiB,EAClC,KAAK,OACL,UAAU,SACV,MAAO,EAEP,YAAY,yBACZ,SAAW,GAAU,EAAS,eAAgB,CAAK,EACvC,YACb,CAAA,EAEA,EAEC,oBAEA,kCACF,CACA,CAAA,CAAA,CAED,GAEJ,CAAA,CAET,EACA,CACE,EACA,EACA,EACA,GAAU,gBACV,EACA,CACF,CACF,EAEM,EAAe,EAAA,QAAM,aAEvB,EACA,IAKG,CAIH,IAAM,EAAgB,gBACnB,EAAe,qBAAmD,CAAC,CACtE,EACM,EAAO,EAAc,KAAO,CAAC,EAGnC,GAFiB,EAAA,mBAAmB,EAAQ,OAAA,gBAExC,IAAA,eAAyC,CAC3C,EAAI,UAAY,EAAA,2BAChB,EAAI,oBAAsB,EAAA,2BAC1B,IAAM,EACJ,OAAO,EAAI,OAAU,SACjB,EAAI,MACJ,OAAO,EAAQ,OAAO,cAAgB,EAAE,EACxC,EAA4B,IAAqB,GACvD,GACE,CAAC,GAAoB,SAAS,CAAK,GACnC,CAAC,EAED,MAAU,MAAM,yCAAyC,EAE3D,EAAI,MAAQ,GAAoB,SAAS,CAAK,EAC1C,EACA,EACJ,OAAO,EAAI,QACX,OAAO,EAAI,QACb,MACM,EAAQ,MAAA,mBACV,EAAI,UAAY,EAAA,sBAChB,EAAI,oBAAsB,MAExB,EAAQ,OAAS,SAAW,EAAI,QAAU,IAAA,KAC5C,EAAI,SAAW,EAA2B,EAAQ,cAAc,GAKpE,MADA,GAAc,IAAM,EACb,CAAE,oBAAqB,CAAc,CAC9C,EACA,CAAC,EAAQ,CAAkB,CAC7B,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACS,QACP,gBAAiB,CACf,CACE,eAAgB,iBAChB,YAAa,CAAC,KAAK,EACnB,YAAa,CACf,CACF,EACA,OAAQ,EACM,eACE,iBAChB,sBAAA,GACA,aAAA,GACe,gBACQ,wBACb,WACM,iBACM,uBACD,sBACrB,OAAO,qBACR,CAAA,CAEL"}