npm - @openhands/agent-canvas - Versions diffs - 1.16.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.16.0 → 1.17.0

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

Files changed (956) hide show

package/dist/routes/llm-settings.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n isOpenHandsProviderModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. /\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/* Dropdown sentinel for \"no provider connection\" (an inline key is used). /\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_PROVIDER_CONNECTION_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n suffixLinkText={t(I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS)}\n suffixLinkHref=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n trailing=\".\"\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\n return (\n <p\n data-testid=\"openhands-free-models-note\"\n className=\"flex items-start gap-2 text-xs text-warning\"\n >\n <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n </p>\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n showProviderConnection,\n}: {\n scope?: SettingsScope;\n /* Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n /\n When true (the local profile editor), show a \"Provider connection\" selector\n * that links this profile to a shared connection. Only rendered when at least\n * one connection exists, so the form is unchanged until the user creates one.\n /\n showProviderConnection?: boolean;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n\n const { data: providerConnections } = useProviderConnections();\n const connectionOptions = React.useMemo(\n () => (showProviderConnection ? (providerConnections ?? []) : []),\n [showProviderConnection, providerConnections],\n );\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = isOpenHandsProviderModel(modelValue);\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n // On cloud the OpenHands provider is backed by a server-minted LLM key,\n // so the inline API key / base URL inputs are not user-supplied. Local\n // mode still collects an api_key (the OpenHands provider can run against\n // a self-hosted endpoint there).\n const hideInlineCredentials =\n isCloud && showOpenHandsApiKeyHelp && !isSubscriptionAuth;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n // A profile linked to a provider connection reads its api_key / base_url\n // from that connection, so the inline key + base URL inputs are hidden.\n const connectionValue =\n typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n ? values[LLM_PROVIDER_CONNECTION_KEY]\n : \"\";\n const isLinkedToConnection = Boolean(connectionValue);\n // Show the selector whenever connections can be linked here. Include the\n // linked case so a profile pointing at an orphaned connection (its only\n // connection deleted, or the list still loading) still exposes a control\n // to unlink — otherwise the API key / base URL inputs stay hidden with no\n // way to recover.\n const showConnectionSelector =\n showProviderConnection &&\n !isSubscriptionAuth &&\n (isLinkedToConnection \|\| connectionOptions.length > 0);\n // Surface an orphaned link (a selected id absent from the fetched list)\n // as its own option so the dropdown reflects it and can be cleared.\n const isOrphanedLink =\n isLinkedToConnection &&\n !connectionOptions.some((c) => c.id === connectionValue);\n\n const renderConnectionSelector = () => (\n <SettingsDropdownInput\n testId=\"llm-provider-connection-input\"\n name={LLM_PROVIDER_CONNECTION_KEY}\n label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n items={[\n {\n key: NO_PROVIDER_CONNECTION,\n label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n },\n ...connectionOptions.map((connection) => ({\n key: connection.id,\n label: connection.display_name,\n })),\n ...(isOrphanedLink\n ? [{ key: connectionValue, label: connectionValue }]\n : []),\n ]}\n selectedKey={connectionValue \|\| NO_PROVIDER_CONNECTION}\n isClearable={false}\n isDisabled={isDisabled}\n onSelectionChange={(selectedKey) => {\n const next =\n typeof selectedKey === \"string\" &&\n selectedKey !== NO_PROVIDER_CONNECTION\n ? selectedKey\n : \"\";\n onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n }}\n />\n );\n\n const renderApiKeyInput = (\n testId: string,\n helpTestId: string,\n openHandsHelpTestId: string,\n ) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n {/ The OpenHands provider's key lives in the OpenHands Cloud \"API\n Keys\" tab, so point users there instead of the generic docs page\n that covers both LLM and regular API keys. /}\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId={openHandsHelpTestId} />\n ) : (\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n )}\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n </>\n ) : null}\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials ? null : (\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n )}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help-2\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n connectionOptions,\n showProviderConnection,\n defaultModel,\n embedded,\n isCloud,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n // On cloud the OpenHands provider uses a server-minted LLM key, so\n // never send an inline api_key / base_url — let the backend attach its\n // own credential. (Local mode still collects an inline key.)\n if (\n isCloud &&\n isOpenHandsProviderModel(String(context.values[\"llm.model\"] ?? \"\"))\n ) {\n delete llm.api_key;\n delete llm.base_url;\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels, isCloud],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAa,IAA8B,8BAGrC,IAAyB,YAEzB,IAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,GAEK,MAAgB,GAAyB,MACzC,CAAC,KAAY,CAAC,IAAc,OACzB,GAAG,EAAS,GAAG,KAGlB,KACJ,GACA,MAEA,GAAQ,SACL,SAAS,MAAY,EAAQ,MAAM,EACnC,MAAM,MAAU,EAAM,QAAQ,CAAQ,GAAG,WAAW,MAEnD,IAAyE;CAC7E,QAAQ,IAAI,IAAI,CAAC,0BAA0B,2BAA2B,CAAC;CACvE,UAAU,IAAI,IAAI,CAAC,gCAAgC,CAAC;AACtD,GAEM,KAAoB,MAAoB;CAC5C,IAAI;EACF,IAAM,IAAY,IAAI,IAAI,CAAO,GAC3B,IAAiB,EAAU,SAAS,QAAQ,QAAQ,EAAE,KAAK;EACjE,OAAO,GAAG,EAAU,SAAS;CAC/B,QAAQ;EACN,OAAO,EAAQ,KAAK,EAAE,QAAQ,QAAQ,EAAE;CAC1C;AACF,GAEM,KAA4B,GAAe,MAAoB;CACnE,IAAM,IAAoB,EAAiB,CAAO,GAC5C,EAAE,gBAAa,EAAwB,CAAK;CAElD,IAAI,GAAU;EACZ,IAAM,IAAgB,EAAiC;EACvD,IAAI,GACF,OAAO,EAAc,IAAI,CAAiB;CAE9C;CAEA,OAAO,OAAO,OAAO,CAAgC,EAAE,MAAM,MAC3D,GAAe,IAAI,CAAiB,CACtC;AACF;AAMA,SAAS,GAAoB,EAAE,aAAoC;CACjE,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,GAAD;EACU;EACR,MAAM,EAAE,EAAQ,oCAAoC;EACpD,UAAU,EAAE,EAAQ,oCAAoC;EACxD,MAAK;EACL,QAAQ,IAAI,EAAE,EAAQ,sCAAsC;EAC5D,gBAAgB,EAAE,EAAQ,kCAAkC;EAC5D,gBAAe;EACf,UAAS;CACV,CAAA;AAEL;AAEA,SAAS,KAA0B;CACjC,OACE,kBAAC,KAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,GAAD;GAAM,WAAU;GAAsC,eAAA;EAAa,CAAA,GACnE,kBAAC,QAAD,EAAA,UAAO,EAAgC,CAAA,CACtC;;AAEP;AAEA,SAAgB,EAAkB,EAChC,WAAQ,YACR,kBACA,0BACA,aACA,mBACA,yBACA,wBACA,6BAqBC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,EAAE,eAAY,EAAiB,GAC/B,IAAU,EAAQ,SAAS,SAE3B,EAAE,MAAM,MAAwB,EAAuB,GACvD,IAAoB,EAAM,cACvB,IAA0B,KAAuB,CAAC,IAAK,CAAC,GAC/D,CAAC,GAAwB,CAAmB,CAC9C,GAEM,EAAE,MAAM,MAAa,EAAY,CAAK,GACtC,EAAE,MAAM,MAAW,EACvB,GAAU,qBACZ,GACM,IAAuB,GAAU,gBAAgB,KAGjD,IAAkB,EACtB,IAAA,oBACE,GAAsB,SAC1B,GACM,CAAC,GAA0B,KAC/B,EAAM,SAAS,MAAoB,CAA0B,GACzD,EACJ,MAAM,GACN,WAAW,IACX,YAAY,OACV,EAA4B,EAAE,SAAS,EAAyB,CAAC,GAC/D,IACJ,KACA,CAAC,MACA,MAA+B,KAC5B,IAAqB,EAAM,OAAsB,IAAI,GACrD,IAA2B,EAAM,OAAsB,IAAI;CAEjE,EAAM,gBAAgB;EACpB,AAAI,MAAA,kBACF,EAA4B,EAAI;CAEpC,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,IAAe,OAClB,EAAiB,gBAAgB,KAAiC,SACjE,EACJ,GAEM,KAAiB,EAAM,aAEzB,GACA,MACiB;EACjB,IAAM,IAAa,EAAiB,GAAiB,CAAc;EACnE,IAAI,MAAe,SACjB,OAAO;EAGT,IAAM,IAAe,EAAgB,aAAa,IAC5C,IAAiB,EAAgB,cAAc,KAAK,KAAK;EAK/D,OAHE,EAAe,SAAS,KACxB,CAAC,EAAyB,GAAc,CAAc,IAE9B,QAAQ;CACpC,GACA,CAAC,CACH,GAEM,KAAc,EAAM,aACvB,EAAE,WAAQ,eAAY,SAAM,kBAAsC;EACjE,IAAM,IACJ,OAAO,EAAO,gBAAiB,WAAW,EAAO,eAAe,IAC5D,IACJ,OAAO,EAAO,mBAAoB,WAC9B,EAAO,kBACP,IACA,IAA0B,EAAyB,CAAU,GAC7D,IAAW,EAAmB,EAAO,EAAkB,GACvD,IAAqB,MAAa,GAKlC,IACJ,KAAW,KAA2B,CAAC,GACnC,IACJ,KAAe,KAAsB,GACjC,IAAyB,GAAoB,SAAS,CAAU,IAClE,IACC,IAAqB,MAAM,IAE1B,IACJ,OAAO,EAAO,kBAAmB,WAAW,EAAO,iBAAiB,IAKhE,IAAc,IAChB,EAAY,SAAS,IACrB,EAAQ,GAAU,iBAIhB,IACJ,OAAO,EAAA,iCAAwC,WAC3C,EAAO,KACP,IACA,IAAuB,EAAQ,GAM/B,IACJ,KACA,CAAC,MACA,KAAwB,EAAkB,SAAS,IAGhD,IACJ,KACA,CAAC,EAAkB,MAAM,MAAM,EAAE,OAAO,CAAe,GAEnD,UACJ,kBAAC,GAAD;GACE,QAAO;GACP,MAAM;GACN,OAAO,EAAE,EAAQ,yCAAyC;GAC1D,OAAO;IACL;KACE,KAAK;KACL,OAAO,EAAE,EAAQ,2BAA2B;IAC9C;IACA,GAAG,EAAkB,KAAK,OAAgB;KACxC,KAAK,EAAW;KAChB,OAAO,EAAW;IACpB,EAAE;IACF,GAAI,IACA,CAAC;KAAE,KAAK;KAAiB,OAAO;IAAgB,CAAC,IACjD,CAAC;GACP;GACA,aAAa,KAAmB;GAChC,aAAa;GACD;GACZ,oBAAoB,MAAgB;IAMlC,EAAS,GAJP,OAAO,KAAgB,YACvB,MAAgB,IACZ,IACA,EACoC;GAC5C;EACD,CAAA,GAGG,KACJ,GACA,GACA,MAEA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACU;GACR,OAAO,EAAE,EAAQ,qBAAqB;GACtC,MAAK;GACL,WAAU;GACV,OAAO;GAEP,aAAa,IAAc,aAAa;GACxC,WAAW,MAAU,EAAS,eAAe,CAAK;GACtC;GACZ,cACE,IAAc,kBAAC,IAAD,EAAe,OAAO,EAAc,CAAA,IAAI,KAAA;EAEzD,CAAA,GAKA,IACC,kBAAC,IAAD,EAAqB,QAAQ,EAAsB,CAAA,IAEnD,kBAAC,GAAD;GACE,QAAQ;GACR,MAAM,EAAE,EAAQ,0BAA0B;GAC1C,UAAU,EAAE,EAAQ,+BAA+B;GACnD,MAAK;EACN,CAAA,CAEH,EAAA,CAAA,GAGE,KAAwB,MAAkC;GAC9D,IAAM,IACJ,MAAA,iBACI,IACA;GAGN,IAFA,EAAS,GAAmB,CAAY,GAEpC,MAAA,gBAA6C;IAE/C,AADA,EAA4B,EAAI,GAC5B,KAAc,CAAC,GAAoB,SAAS,CAAU,MACxD,EAAmB,UAAU;IAE/B,IAAM,IACJ,EAAyB,WACzB,GAAoB,SAAS,EAAyB,OAAO,IACzD,EAAyB,UACzB,IAAqB;IAE3B,AADA,EAAS,GAA6B,CAA0B,GAE9D,CAAC,GAAoB,SAAS,CAAU,KACxC,KAEA,EAAS,aAAa,CAAyB;IAEjD;GACF;GAEA,AAAI,KAAc,GAAoB,SAAS,CAAU,MACvD,EAAyB,UAAU,GACnC,EAAS,aAAa,EAAmB,WAAW,CAAY;EAEpE,GAEM,UACJ,kBAAC,GAAD;GACE,QAAO;GACP,MAAM;GACN,OAAO,EAAE,EAAQ,sBAAsB;GACvC,OAAO,CACL;IACE,KAAK;IACL,OAAO,EAAE,EAAQ,8BAA8B;GACjD,GACA;IACE,KAAK;IACL,OAAO,EAAE,EAAQ,mCAAmC;GACtD,CACF;GACA,aAAa;GACb,aAAa;GACb,UAAA;GACA,YAAY;GACZ,mBAAmB;EACpB,CAAA,GAGG,UACJ,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;aAFd,CAIE,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,OAAO,EAAE,EAAQ,2BAA2B;IAC5C,QAAQ,KAAsB,CAAC,GAAG,KAAK,OAAW;KAChD,KAAK;KACL,OAAO;IACT,EAAE;IACF,aAAa;IACb,aAAa;IACb,UAAA;IACA,YACE,KAAqC,CAAC,GAAoB;IAE5D,oBAAoB,MAAgB;KAClC,IAAM,IACJ,OAAO,KAAgB,WACnB,IACA,IAAqB;KAC3B,AAAI,KACF,EAAS,aAAa,CAAS;IAEnC;GACD,CAAA,GACD,kBAAC,GAAD,EAAwC,cAAa,CAAA,CAClD;;EAGP,OACE,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAS,UACR,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;cAFd,CAIG,EAAoB,GAEpB,IACC,EAA2B,IAE3B,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,IAAD;MACE,cAAc,KAAc,KAAA;MAC5B,WAAW,GAAU,MAAU;OAC7B,IAAM,IAAY,GAAa,GAAU,CAAK;OAC9C,AAAI,KACF,EAAS,aAAa,CAAS;MAEnC;MACA,kBAAiB;MACL;KACb,CAAA;KAEA,IAAyB,EAAyB,IAAI;KAEtD,KAAwB,IACrB,OACA,EAEE,qBAEA,2BAEA,wBACF;IACJ,EAAA,CAAA,CAED;QAEL,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;cAFd,CAIG,EAAoB,GAEpB,IACC,EAA2B,IAE3B,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,QAAO;MACP,OAAO,EAAE,EAAQ,qBAAqB;MACtC,MAAK;MACL,WAAU;MACV,OAAO;MACP,aAAa;MACb,WAAW,MAAU,EAAS,aAAa,CAAK;MACpC;KACb,CAAA;KAEA,KAA2B,CAAC,IAC3B,kBAAA,GAAA,EAAA,UACG,GAAqB,CAAU,IAC9B,kBAAC,IAAD,CAA0B,CAAA,IACxB,KACJ,CAAA,IACA;KAEH,IAAyB,EAAyB,IAAI;KAEtD,KAAwB,IAAwB,OAC/C,kBAAC,GAAD;MACE,QAAO;MACP,OAAO,EAAE,EAAQ,iBAAiB;MAClC,MAAK;MACL,WAAU;MACV,OAAO;MAEP,aAAY;MACZ,WAAW,MAAU,EAAS,gBAAgB,CAAK;MACvC;KACb,CAAA;KAGF,KAAwB,IACrB,OACA,EAEE,qBAEA,oCAEA,0BACF;IACJ,EAAA,CAAA,CAED;;EAEJ,CAAA;CAET,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,GAAU;EACV;EACA;CACF,CACF,GAEM,KAAe,EAAM,aAEvB,GACA,MAKG;EAIH,IAAM,IAAgB,gBACnB,EAAe,uBAAmD,CAAC,CACtE,GACM,IAAO,EAAc,OAAO,CAAC;EAGnC,IAFiB,EAAmB,EAAQ,OAAA,gBAExC,MAAA,gBAAyC;GAE3C,AADA,EAAI,YAAY,GAChB,EAAI,sBAAsB;GAC1B,IAAM,IACJ,OAAO,EAAI,SAAU,WACjB,EAAI,QACJ,OAAO,EAAQ,OAAO,gBAAgB,EAAE,GACxC,IAA4B,IAAqB;GACvD,IACE,CAAC,GAAoB,SAAS,CAAK,KACnC,CAAC,GAED,MAAU,MAAM,yCAAyC;GAM3D,AAJA,EAAI,QAAQ,GAAoB,SAAS,CAAK,IAC1C,IACA,GACJ,OAAO,EAAI,SACX,OAAO,EAAI;EACb,OAWE,AAVI,EAAQ,MAAA,qBACV,EAAI,YAAY,GAChB,EAAI,sBAAsB,OAExB,EAAQ,SAAS,WAAW,EAAI,UAAU,KAAA,MAC5C,EAAI,WAAW,EAA2B,GAAQ,cAAc,IAMhE,KACA,EAAyB,OAAO,EAAQ,OAAO,gBAAgB,EAAE,CAAC,MAElE,OAAO,EAAI,SACX,OAAO,EAAI;EAKf,OADA,EAAc,MAAM,GACb,EAAE,qBAAqB,EAAc;CAC9C,GACA;EAAC;EAAQ;EAAoB;CAAO,CACtC;CAEA,OACE,kBAAC,GAAD;EACS;EACP,iBAAiB,CACf;GACE,gBAAgB;GAChB,aAAa,CAAC,KAAK;GACnB,aAAa;EACf,CACF;EACA,QAAQ;EACM;EACE;EAChB,uBAAA;EACA,cAAA;EACe;EACQ;EACb;EACM;EACM;EACD;EACrB,QAAO;CACR,CAAA;AAEL"}
1	+ {"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n isOpenHandsProviderModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. /\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/* Dropdown sentinel for \"no provider connection\" (an inline key is used). /\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_PROVIDER_CONNECTION_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n suffixLinkText={t(I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS)}\n suffixLinkHref=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n trailing=\".\"\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\n return (\n <p\n data-testid=\"openhands-free-models-note\"\n className=\"flex items-start gap-2 text-xs text-warning\"\n >\n <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n </p>\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n markInitialOverridesDirty,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n showProviderConnection,\n}: {\n scope?: SettingsScope;\n /* Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n markInitialOverridesDirty?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n /\n When true (the local profile editor), show a \"Provider connection\" selector\n * that links this profile to a shared connection. Only rendered when at least\n * one connection exists, so the form is unchanged until the user creates one.\n /\n showProviderConnection?: boolean;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n\n const { data: providerConnections } = useProviderConnections();\n const connectionOptions = React.useMemo(\n () => (showProviderConnection ? (providerConnections ?? []) : []),\n [showProviderConnection, providerConnections],\n );\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = isOpenHandsProviderModel(modelValue);\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n // On cloud the OpenHands provider is backed by a server-minted LLM key,\n // so the inline API key / base URL inputs are not user-supplied. Local\n // mode still collects an api_key (the OpenHands provider can run against\n // a self-hosted endpoint there).\n const hideInlineCredentials =\n isCloud && showOpenHandsApiKeyHelp && !isSubscriptionAuth;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n // A profile linked to a provider connection reads its api_key / base_url\n // from that connection, so the inline key + base URL inputs are hidden.\n const connectionValue =\n typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n ? values[LLM_PROVIDER_CONNECTION_KEY]\n : \"\";\n const isLinkedToConnection = Boolean(connectionValue);\n // Show the selector whenever connections can be linked here. Include the\n // linked case so a profile pointing at an orphaned connection (its only\n // connection deleted, or the list still loading) still exposes a control\n // to unlink — otherwise the API key / base URL inputs stay hidden with no\n // way to recover.\n const showConnectionSelector =\n showProviderConnection &&\n !isSubscriptionAuth &&\n (isLinkedToConnection \|\| connectionOptions.length > 0);\n // Surface an orphaned link (a selected id absent from the fetched list)\n // as its own option so the dropdown reflects it and can be cleared.\n const isOrphanedLink =\n isLinkedToConnection &&\n !connectionOptions.some((c) => c.id === connectionValue);\n\n const renderConnectionSelector = () => (\n <SettingsDropdownInput\n testId=\"llm-provider-connection-input\"\n name={LLM_PROVIDER_CONNECTION_KEY}\n label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n items={[\n {\n key: NO_PROVIDER_CONNECTION,\n label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n },\n ...connectionOptions.map((connection) => ({\n key: connection.id,\n label: connection.display_name,\n })),\n ...(isOrphanedLink\n ? [{ key: connectionValue, label: connectionValue }]\n : []),\n ]}\n selectedKey={connectionValue \|\| NO_PROVIDER_CONNECTION}\n isClearable={false}\n isDisabled={isDisabled}\n onSelectionChange={(selectedKey) => {\n const next =\n typeof selectedKey === \"string\" &&\n selectedKey !== NO_PROVIDER_CONNECTION\n ? selectedKey\n : \"\";\n onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n }}\n />\n );\n\n const renderApiKeyInput = (\n testId: string,\n helpTestId: string,\n openHandsHelpTestId: string,\n ) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n {/ The OpenHands provider's key lives in the OpenHands Cloud \"API\n Keys\" tab, so point users there instead of the generic docs page\n that covers both LLM and regular API keys. /}\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId={openHandsHelpTestId} />\n ) : (\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n )}\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n </>\n ) : null}\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials ? null : (\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n )}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help-2\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n connectionOptions,\n showProviderConnection,\n defaultModel,\n embedded,\n isCloud,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n // On cloud the OpenHands provider uses a server-minted LLM key, so\n // never send an inline api_key / base_url — let the backend attach its\n // own credential. (Local mode still collects an inline key.)\n if (\n isCloud &&\n isOpenHandsProviderModel(String(context.values[\"llm.model\"] ?? \"\"))\n ) {\n delete llm.api_key;\n delete llm.base_url;\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels, isCloud],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n markInitialOverridesDirty={markInitialOverridesDirty}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/routes/planner-tab.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../node_modules/lucide-react/dist/esm/icons/list-todo.cjs"),i=require("../components/features/conversation/conversation-tab-empty-state.cjs"),a=require("../stores/conversation-store.cjs"),o=require("../components/features/markdown/markdown-renderer.cjs"),s=require("../hooks/use-handle-plan-click.cjs"),c=require("../components/features/settings/brand-button.cjs"),l=require("../hooks/use-scroll-to-bottom.cjs"),u=require("../components/features/markdown/plan-components.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p(){let{t:e}=t.useTranslation(`openhands`),{scrollRef:p,onChatBodyScroll:m,autoScroll:h,scrollDomToBottom:g}=l.useScrollToBottom(d.default.useRef(null)),{planContent:_,conversationMode:v}=a.useConversationStore();d.default.useEffect(()=>{h&&g()},[_,h,g]);let y=v===`plan`,{handlePlanClick:b}=s.useHandlePlanClick();return _==null?(0,f.jsx)(i.ConversationTabEmptyState,{icon:(0,f.jsx)(r.ListTodo,{"aria-hidden":!0,strokeWidth:2,className:`size-full`}),action:(0,f.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:b,isDisabled:y,className:`min-w-40 justify-center px-6`,children:e(n.I18nKey.COMMON$CREATE_A_PLAN)}),children:e(n.I18nKey.PLANNER$EMPTY_MESSAGE)}):(0,f.jsx)(`div`,{ref:p,onScroll:e=>m(e.currentTarget),className:`flex flex-col w-full h-full p-4 overflow-auto`,children:(0,f.jsx)(o.MarkdownRenderer,{includeStandard:!0,components:u.planComponents,children:_})})}exports.default=p;
+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/list-todo.cjs"),i=require("../components/features/conversation/conversation-tab-empty-state.cjs"),a=require("../stores/conversation-store.cjs"),o=require("../hooks/mutation/use-read-conversation-file.cjs"),s=require("../hooks/query/use-active-conversation.cjs"),c=require("../components/features/markdown/markdown-renderer.cjs"),l=require("../hooks/use-handle-plan-click.cjs"),u=require("../components/features/settings/brand-button.cjs"),d=require("../hooks/use-scroll-to-bottom.cjs"),f=require("../components/features/markdown/plan-components.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");function h(){let{t:e}=t.useTranslation(`openhands`),{scrollRef:h,onChatBodyScroll:g,autoScroll:_,scrollDomToBottom:v}=d.useScrollToBottom(p.default.useRef(null)),{planContent:y,conversationMode:b,localPlanningConversationId:x,setPlanContent:S}=a.useConversationStore(),{data:C}=s.useActiveConversation(),{mutate:w}=o.useReadConversationFile();p.default.useEffect(()=>{let e=x??C?.id;!e||y!==null||w({conversationId:e},{onSuccess:e=>{S(e)},onError:()=>{}})},[C?.id,x,y,w,S]),p.default.useEffect(()=>{_&&v()},[y,_,v]);let T=b===`plan`,{handlePlanClick:E,hasPlanner:D,isCreatingConversation:O}=l.useHandlePlanClick();return y==null?(0,m.jsx)(i.ConversationTabEmptyState,{icon:(0,m.jsx)(r.ListTodo,{"aria-hidden":!0,strokeWidth:2,className:`size-full`}),action:(0,m.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:E,isDisabled:T||O||D,className:`min-w-40 justify-center px-6`,children:e(n.I18nKey.COMMON$CREATE_A_PLAN)}),children:e(n.I18nKey.PLANNER$EMPTY_MESSAGE)}):(0,m.jsx)(`div`,{ref:h,onScroll:e=>g(e.currentTarget),className:`flex flex-col w-full h-full p-4 overflow-auto`,children:(0,m.jsx)(c.MarkdownRenderer,{includeStandard:!0,components:f.planComponents,children:y})})}exports.default=h;
 //# sourceMappingURL=planner-tab.cjs.map

package/dist/routes/planner-tab.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"planner-tab.cjs","names":[],"sources":["../../src/routes/planner-tab.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ListTodo } from \"lucide-react\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { planComponents } from \"#/components/features/markdown/plan-components\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\n\nfunction PlannerTab() {\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollRef: scrollContainerRef,\n onChatBodyScroll,\n autoScroll,\n scrollDomToBottom,\n } = useScrollToBottom(scrollRef);\n\n const { planContent, conversationMode } = useConversationStore();\n\n // Auto-scroll to bottom when plan content changes\n React.useEffect(() => {\n if (autoScroll) {\n scrollDomToBottom();\n }\n }, [planContent, autoScroll, scrollDomToBottom]);\n const isPlanMode = conversationMode === \"plan\";\n const { handlePlanClick } = useHandlePlanClick();\n\n if (planContent !== null && planContent !== undefined) {\n return (\n <div\n ref={scrollContainerRef}\n onScroll={(e) => onChatBodyScroll(e.currentTarget)}\n className=\"flex flex-col w-full h-full p-4 overflow-auto\"\n >\n <MarkdownRenderer includeStandard components={planComponents}>\n {planContent}\n </MarkdownRenderer>\n </div>\n );\n }\n\n return (\n <ConversationTabEmptyState\n icon={<ListTodo aria-hidden strokeWidth={2} className=\"size-full\" />}\n action={\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handlePlanClick}\n isDisabled={isPlanMode}\n className=\"min-w-40 justify-center px-6\"\n >\n {t(I18nKey.COMMON$CREATE_A_PLAN)}\n </BrandButton>\n }\n >\n {t(I18nKey.PLANNER$EMPTY_MESSAGE)}\n </ConversationTabEmptyState>\n );\n}\n\nexport default PlannerTab;\n"],"mappings":"~~mtBAYA~~,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,CACJ,UAAW,EACX,mBACA,aACA,qBACE,EAAA,kBANc,EAAA,QAAM,OAAuB,IAMzB,CAAS,EAEzB,~~CAAE~~,~~cAAa~~,~~oBAAqB~~,EAAA,qBAAqB,~~EAG~~/D,EAAA,QAAM,cAAgB,CAChB,GACF,EAAkB,CAEtB,EAAG,CAAC,EAAa,EAAY,CAAiB,CAAC,EAC/C,IAAM,EAAa,IAAqB,OAClC,CAAE,~~mBAAoB~~,EAAA,mBAAmB,~~EAgB/C~~,OAdI,GAAgB,MAelB,EAAA,EAAA,KAAC,EAAA,0BAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,cAAA,GAAY,YAAa,EAAG,UAAU,WAAa,CAAA,EACnE,QACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,QAAS,EACT,WAAY,~~EACZ~~,UAAU,wCAET,EAAE,EAAA,QAAQ,oBAAoB,CACpB,CAAA,WAGd,EAAE,EAAA,QAAQ,qBAAqB,CACP,CAAA,GA5BzB,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,SAAW,GAAM,EAAiB,EAAE,aAAa,EACjD,UAAU,0DAEV,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,gBAAA,GAAgB,WAAY,EAAA,wBAC3C,CACe,CAAA,CACf,CAAA,CAsBX"}
1	+ {"version":3,"file":"planner-tab.cjs","names":[],"sources":["../../src/routes/planner-tab.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ListTodo } from \"lucide-react\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { planComponents } from \"#/components/features/markdown/plan-components\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\n\nfunction PlannerTab() {\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollRef: scrollContainerRef,\n onChatBodyScroll,\n autoScroll,\n scrollDomToBottom,\n } = useScrollToBottom(scrollRef);\n\n const {\n planContent,\n conversationMode,\n localPlanningConversationId,\n setPlanContent,\n } = useConversationStore();\n const { data: conversation } = useActiveConversation();\n const { mutate: readConversationFile } = useReadConversationFile();\n\n React.useEffect(() => {\n // Prefer the planner helper's own id — it's where PLAN.md is canonically\n // read from (see conversation-websocket-context.tsx). The parent id is\n // only a fallback for local planners created before the working_dir was\n // shared, where both ids happen to resolve to the same file.\n const readConversationId = localPlanningConversationId ?? conversation?.id;\n if (!readConversationId \|\| planContent !== null) return;\n\n readConversationFile(\n { conversationId: readConversationId },\n {\n onSuccess: (fileContent) => {\n setPlanContent(fileContent);\n },\n onError: () => {\n // Missing PLAN.md is the normal empty-planner state.\n },\n },\n );\n }, [\n conversation?.id,\n localPlanningConversationId,\n planContent,\n readConversationFile,\n setPlanContent,\n ]);\n\n // Auto-scroll to bottom when plan content changes\n React.useEffect(() => {\n if (autoScroll) {\n scrollDomToBottom();\n }\n }, [planContent, autoScroll, scrollDomToBottom]);\n const isPlanMode = conversationMode === \"plan\";\n const { handlePlanClick, hasPlanner, isCreatingConversation } =\n useHandlePlanClick();\n\n if (planContent !== null && planContent !== undefined) {\n return (\n <div\n ref={scrollContainerRef}\n onScroll={(e) => onChatBodyScroll(e.currentTarget)}\n className=\"flex flex-col w-full h-full p-4 overflow-auto\"\n >\n <MarkdownRenderer includeStandard components={planComponents}>\n {planContent}\n </MarkdownRenderer>\n </div>\n );\n }\n\n return (\n <ConversationTabEmptyState\n icon={<ListTodo aria-hidden strokeWidth={2} className=\"size-full\" />}\n action={\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handlePlanClick}\n isDisabled={isPlanMode \|\| isCreatingConversation \|\| hasPlanner}\n className=\"min-w-40 justify-center px-6\"\n >\n {t(I18nKey.COMMON$CREATE_A_PLAN)}\n </BrandButton>\n }\n >\n {t(I18nKey.PLANNER$EMPTY_MESSAGE)}\n </ConversationTabEmptyState>\n );\n}\n\nexport default PlannerTab;\n"],"mappings":"y0BAcA,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,CACJ,UAAW,EACX,mBACA,aACA,qBACE,EAAA,kBANc,EAAA,QAAM,OAAuB,IAMzB,CAAS,EAEzB,CACJ,cACA,mBACA,8BACA,kBACE,EAAA,qBAAqB,EACnB,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,OAAQ,GAAyB,EAAA,wBAAwB,EAEjE,EAAA,QAAM,cAAgB,CAKpB,IAAM,EAAqB,GAA+B,GAAc,GACpE,CAAC,GAAsB,IAAgB,MAE3C,EACE,CAAE,eAAgB,CAAmB,EACrC,CACE,UAAY,GAAgB,CAC1B,EAAe,CAAW,CAC5B,EACA,YAAe,CAEf,CACF,CACF,CACF,EAAG,CACD,GAAc,GACd,EACA,EACA,EACA,CACF,CAAC,EAGD,EAAA,QAAM,cAAgB,CAChB,GACF,EAAkB,CAEtB,EAAG,CAAC,EAAa,EAAY,CAAiB,CAAC,EAC/C,IAAM,EAAa,IAAqB,OAClC,CAAE,kBAAiB,aAAY,0BACnC,EAAA,mBAAmB,EAgBrB,OAdI,GAAgB,MAelB,EAAA,EAAA,KAAC,EAAA,0BAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,cAAA,GAAY,YAAa,EAAG,UAAU,WAAa,CAAA,EACnE,QACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,QAAS,EACT,WAAY,GAAc,GAA0B,EACpD,UAAU,wCAET,EAAE,EAAA,QAAQ,oBAAoB,CACpB,CAAA,WAGd,EAAE,EAAA,QAAQ,qBAAqB,CACP,CAAA,GA5BzB,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,SAAW,GAAM,EAAiB,EAAE,aAAa,EACjD,UAAU,0DAEV,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,gBAAA,GAAgB,WAAY,EAAA,wBAC3C,CACe,CAAA,CACf,CAAA,CAsBX"}