@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/settings/sdk-settings/sdk-section-page.js

@@ -2,24 +2,24 @@ import { useTranslation as e } from "../../../../node_modules/react-i18next/dist
 import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { AxiosError as n } from "../../../../node_modules/axios/index.js";
 import { retrieveAxiosErrorMessage as r } from "../../../../utils/retrieve-axios-error-message.js";
-import { displayErrorToast as i, displaySuccessToast as ee } from "../../../../utils/custom-toast-handlers.js";
-import { useSettings as te } from "../../../../hooks/query/use-settings.js";
-import { useSaveSettings as ne } from "../../../../hooks/mutation/use-save-settings.js";
-import { BrandButton as re } from "../brand-button.js";
-import { extensionModuleEmptyStateClassName as a } from "../../../../utils/extension-module-card-classes.js";
-import { useAgentSettingsSchema as o, useConversationSettingsSchema as s } from "../../../../hooks/query/use-agent-settings-schema.js";
-import { LlmSettingsInputsSkeleton as c } from "../llm-settings/llm-settings-inputs-skeleton.js";
-import { buildInitialSettingsFormValues as ie, buildSdkSettingsPayload as ae, buildSdkSettingsPayloadForView as oe, getVisibleSettingsSections as se, hasAdvancedSettings as ce, hasCriticalSettings as le, hasMinorSettings as ue, inferInitialView as de, isValidSettingsSchema as fe } from "../../../../utils/sdk-settings-schema.js";
-import { FIELD_FULL_WIDTH_KEYS as pe, SchemaField as me } from "./schema-field.js";
-import { ViewToggle as he } from "./view-toggle.js";
-import l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { displayErrorToast as i, displaySuccessToast as a } from "../../../../utils/custom-toast-handlers.js";
+import { useSettings as o } from "../../../../hooks/query/use-settings.js";
+import { useSaveSettings as ee } from "../../../../hooks/mutation/use-save-settings.js";
+import { BrandButton as te } from "../brand-button.js";
+import { extensionModuleEmptyStateClassName as ne } from "../../../../utils/extension-module-card-classes.js";
+import { useAgentSettingsSchema as re, useConversationSettingsSchema as ie } from "../../../../hooks/query/use-agent-settings-schema.js";
+import { LlmSettingsInputsSkeleton as s } from "../llm-settings/llm-settings-inputs-skeleton.js";
+import { buildInitialSettingsFormValues as ae, buildSdkSettingsPayload as oe, buildSdkSettingsPayloadForView as se, getVisibleSettingsSections as ce, hasAdvancedSettings as le, hasCriticalSettings as ue, hasMinorSettings as de, inferInitialView as fe, isValidSettingsSchema as pe, normalizeComparableValue as me } from "../../../../utils/sdk-settings-schema.js";
+import { FIELD_FULL_WIDTH_KEYS as he, SchemaField as ge } from "./schema-field.js";
+import { ViewToggle as _e } from "./view-toggle.js";
+import c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/settings/sdk-settings/sdk-section-page.tsx
-var ge = /* @__PURE__ */ new Set(), f = {
+var ve = /* @__PURE__ */ new Set(), d = {
 	basic: 0,
 	advanced: 1,
 	all: 2
-}, _e = (e, t) => f[t] < f[e] ? t : e, p = (e, t) => f[t] > f[e] ? t : e, ve = (e, { showBasic: t, showAdvanced: n, showAll: r }) => {
+}, ye = (e, t) => d[t] < d[e] ? t : e, be = (e, t) => d[t] > d[e] ? t : e, xe = (e, { showBasic: t, showAdvanced: n, showAll: r }) => {
 	if (e === "all") return r ? "all" : n ? "advanced" : "basic";
 	if (e === "advanced") return n ? "advanced" : r ? "all" : "basic";
 	if (!t) {
@@ -27,22 +27,22 @@ var ge = /* @__PURE__ */ new Set(), f = {
 		if (r) return "all";
 	}
 	return "basic";
-}, ye = {
+}, Se = {
 	agent_settings: "agent_settings_diff",
 	conversation_settings: "conversation_settings_diff"
-}, be = (e, t) => e instanceof n ? e.response?.status === 401 ? `${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.` : e.response?.status === 404 ? `${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.` : t : t;
-function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h = !1, buildPayload: g, onSaveSuccess: xe, getInitialView: _, forceShowAdvancedView: Se = !1, allowAllView: Ce = !0, initialValueOverrides: v, embedded: we = !1, hideSaveButton: Te = !1, suppressSuccessToast: Ee = !1, onSaveControlChange: y, testId: De = "sdk-section-settings-screen" }) {
-	let { t: b } = e("openhands"), { mutate: x, isPending: S } = ne(f), { data: C, isLoading: w, isFetching: T } = te(f), E = o(C?.agent_settings_schema), D = s(C?.conversation_settings_schema), O = l.useMemo(() => JSON.stringify(n.map((e) => ({
+}, Ce = (e, t) => e instanceof n ? e.response?.status === 401 ? `${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.` : e.response?.status === 404 ? `${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.` : t : t;
+function f({ settingsSources: n, scope: d = "personal", header: f, extraDirty: p = !1, buildPayload: m, onSaveSuccess: we, getInitialView: h, forceShowAdvancedView: Te = !1, allowAllView: Ee = !0, initialValueOverrides: g, markInitialOverridesDirty: _ = !0, embedded: De = !1, hideSaveButton: v = !1, suppressSuccessToast: Oe = !1, onSaveControlChange: y, testId: ke = "sdk-section-settings-screen" }) {
+	let { t: b } = e("openhands"), { mutate: Ae, isPending: x } = ee(d), { data: S, isLoading: je, isFetching: Me } = o(d), C = re(S?.agent_settings_schema), w = ie(S?.conversation_settings_schema), T = c.useMemo(() => JSON.stringify(n.map((e) => ({
 		source: e.settingsSource,
 		sectionKeys: e.sectionKeys,
 		excludeKeys: e.excludeKeys ? Array.from(e.excludeKeys).sort() : null
-	}))), [n]), k = l.useMemo(() => JSON.parse(O).map((e) => ({
+	}))), [n]), E = c.useMemo(() => JSON.parse(T).map((e) => ({
 		settingsSource: e.source,
 		sectionKeys: e.sectionKeys,
 		excludeKeys: e.excludeKeys ? new Set(e.excludeKeys) : void 0
-	})), [O]), A = l.useCallback((e) => e === "conversation_settings" ? D.data : E.data, [E.data, D.data]), j = k.some((e) => e.settingsSource === "conversation_settings" ? D.isLoading : E.isLoading), M = l.useMemo(() => k.map((e) => {
-		let t = A(e.settingsSource);
-		if (!fe(t)) return {
+	})), [T]), D = c.useCallback((e) => e === "conversation_settings" ? w.data : C.data, [C.data, w.data]), Ne = E.some((e) => e.settingsSource === "conversation_settings" ? w.isLoading : C.isLoading), O = c.useMemo(() => E.map((e) => {
+		let t = D(e.settingsSource);
+		if (!pe(t)) return {
 			...e,
 			filteredSchema: null
 		};
@@ -54,218 +54,248 @@ function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h
 			...e,
 			filteredSchema: i
 		};
-	}), [k, A]), N = M.some((e) => le(e.filteredSchema)), P = Se || M.some((e) => ce(e.filteredSchema)), F = Ce && M.some((e) => ue(e.filteredSchema)), Oe = l.useMemo(() => be(k.reduce((e, t) => e ?? (t.settingsSource === "conversation_settings" ? D.error : E.error), null), b(t.SETTINGS$SDK_SCHEMA_UNAVAILABLE)), [
-		k,
-		E.error,
-		D.error,
+	}), [E, D]), k = O.some((e) => ue(e.filteredSchema)), A = Te || O.some((e) => le(e.filteredSchema)), j = Ee && O.some((e) => de(e.filteredSchema)), Pe = c.useMemo(() => Ce(E.reduce((e, t) => e ?? (t.settingsSource === "conversation_settings" ? w.error : C.error), null), b(t.SETTINGS$SDK_SCHEMA_UNAVAILABLE)), [
+		E,
+		C.error,
+		w.error,
 		b
-	]), ke = l.useMemo(() => v ? JSON.stringify(v) : "", [v]), [I, L] = l.useState("basic"), [R, z] = l.useState({}), [B, V] = l.useState({}), H = l.useRef(!1), U = l.useMemo(() => {
-		if (!C) return null;
+	]), M = c.useMemo(() => g ? JSON.stringify(g) : "", [g]), N = O[0]?.settingsSource, [P, F] = c.useState("basic"), [I, L] = c.useState({}), [R, z] = c.useState({}), B = c.useRef(!1), V = c.useMemo(() => {
+		if (!S) return null;
 		let e = {};
-		for (let t of M) {
+		for (let t of O) {
 			if (!t.filteredSchema) return null;
 			e[t.settingsSource] = {
 				...e[t.settingsSource] ?? {},
-				...ie(C, t.filteredSchema, t.settingsSource)
+				...ae(S, t.filteredSchema, t.settingsSource)
 			};
 		}
-		if (v) {
-			let t = M[0]?.settingsSource;
+		if (g) {
+			let t = O[0]?.settingsSource;
 			t && e[t] && (e[t] = {
 				...e[t],
-				...v
+				...g
 			});
 		}
 		return e;
 	}, [
-		C,
-		M,
-		ke
-	]), W = l.useMemo(() => {
-		if (!C) return null;
+		S,
+		O,
+		M
+	]), H = c.useMemo(() => {
+		if (!S) return null;
 		let e = null;
-		for (let t of M) {
+		for (let t of O) {
 			if (!t.filteredSchema) return null;
-			let n = _ ? _(C, t.filteredSchema) : de(C, t.filteredSchema, t.settingsSource);
-			e = e ? p(e, n) : n;
+			let n = h ? h(S, t.filteredSchema) : fe(S, t.filteredSchema, t.settingsSource);
+			e = e ? be(e, n) : n;
 		}
-		return e ? ve(e, {
-			showBasic: N,
-			showAdvanced: P,
-			showAll: F
+		return e ? xe(e, {
+			showBasic: k,
+			showAdvanced: A,
+			showAll: j
 		}) : null;
 	}, [
-		C,
+		S,
+		O,
+		h,
+		k,
+		A,
+		j
+	]);
+	c.useEffect(() => {
+		B.current = !1, F("basic"), L({}), z({});
+	}, [d, T]), c.useEffect(() => {
+		if (!(!V || !H) && !(v && B.current)) {
+			if (L(V), g && _) {
+				let e = N;
+				if (e) {
+					let t = Object.fromEntries(Object.keys(g).map((e) => [e, !0]));
+					z({ [e]: t });
+				} else z({});
+			} else z({});
+			B.current ? F((e) => ye(e, H)) : (B.current = !0, F(H));
+		}
+	}, [
+		V,
+		H,
 		M,
 		_,
 		N,
-		P,
-		F
+		v
 	]);
-	l.useEffect(() => {
-		H.current = !1, L("basic"), z({}), V({});
-	}, [f, O]), l.useEffect(() => {
-		if (!(!U || !W)) {
-			if (z(U), v) {
-				let e = M[0]?.settingsSource;
-				if (e) {
-					let t = Object.fromEntries(Object.keys(v).map((e) => [e, !0]));
-					V({ [e]: t });
-				} else V({});
-			} else V({});
-			H.current ? L((e) => _e(e, W)) : (H.current = !0, L(W));
-		}
-	}, [U, W]);
-	let G = l.useMemo(() => {
+	let U = c.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of M) if (t.filteredSchema) for (let n of t.filteredSchema.sections) for (let r of n.fields) e.has(r.key) || e.set(r.key, t.settingsSource);
+		for (let t of O) if (t.filteredSchema) for (let n of t.filteredSchema.sections) for (let r of n.fields) e.has(r.key) || e.set(r.key, t.settingsSource);
 		return e;
-	}, [M]), K = l.useMemo(() => {
+	}, [O]), W = c.useMemo(() => {
 		let e = {};
-		for (let t of M) Object.assign(e, R[t.settingsSource] ?? {});
+		for (let t of O) Object.assign(e, I[t.settingsSource] ?? {});
 		return e;
-	}, [M, R]), q = l.useMemo(() => {
+	}, [O, I]), G = c.useMemo(() => {
 		let e = {};
-		for (let t of M) Object.assign(e, B[t.settingsSource] ?? {});
+		for (let t of O) Object.assign(e, R[t.settingsSource] ?? {});
 		return e;
-	}, [M, B]), J = l.useCallback((e, t) => {
-		let n = G.get(e);
-		n && (z((r) => ({
+	}, [O, R]), K = c.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of O) if (t.filteredSchema) for (let n of t.filteredSchema.sections) for (let t of n.fields) e.has(t.key) || e.set(t.key, t);
+		return e;
+	}, [O]), q = c.useRef(V);
+	q.current = V;
+	let J = c.useRef(g);
+	J.current = g;
+	let Y = c.useRef(_);
+	Y.current = _;
+	let X = c.useRef(K);
+	X.current = K;
+	let Z = c.useCallback((e, t) => {
+		let n = U.get(e) ?? O[0]?.settingsSource;
+		n && (L((r) => ({
 			...r,
 			[n]: {
 				...r[n] ?? {},
 				[e]: t
 			}
-		})), V((t) => ({
-			...t,
-			[n]: {
-				...t[n] ?? {},
-				[e]: !0
+		})), z((r) => {
+			let i = q.current?.[n]?.[e], a = Y.current && !!J.current && e in J.current, o = X.current.get(e);
+			if ((o ? me(o, t) === me(o, i) : t === i) && !a) {
+				if (!r[n]?.[e]) return r;
+				let t = { ...r[n] ?? {} };
+				return delete t[e], {
+					...r,
+					[n]: t
+				};
 			}
-		})));
-	}, [G]), Ae = l.useCallback((e) => {
+			return r[n]?.[e] ? r : {
+				...r,
+				[n]: {
+					...r[n] ?? {},
+					[e]: !0
+				}
+			};
+		}));
+	}, [U, O]), Fe = c.useCallback((e) => {
 		i(r(e) || b(t.ERROR$GENERIC));
-	}, [b]), Y = l.useRef(() => {}), je = l.useCallback(() => {
-		Y.current();
-	}, []), X = l.useRef(() => ({})), Me = l.useCallback(() => X.current(), []), Z = () => {
-		if (M.some((e) => !e.filteredSchema)) return;
+	}, [b]), Q = c.useRef(() => {}), Ie = c.useCallback(() => {
+		Q.current();
+	}, []), $ = c.useRef(() => ({})), Le = c.useCallback(() => $.current(), []), Re = () => {
+		if (O.some((e) => !e.filteredSchema)) return;
 		let e;
 		try {
 			let t = {};
-			for (let e of M) {
-				let n = e.filteredSchema, r = oe(n, R[e.settingsSource] ?? {}, B[e.settingsSource] ?? {}, I);
+			for (let e of O) {
+				let n = e.filteredSchema, r = se(n, I[e.settingsSource] ?? {}, R[e.settingsSource] ?? {}, P);
 				if (Object.keys(r).length > 0) {
-					let n = ye[e.settingsSource];
+					let n = Se[e.settingsSource];
 					t[n] = {
 						...t[n] ?? {},
 						...r
 					};
 				}
 			}
-			e = g ? g(t, {
-				values: K,
-				dirty: q,
-				view: I
+			e = m ? m(t, {
+				values: W,
+				dirty: G,
+				view: P
 			}) : t;
 		} catch (e) {
 			i(e instanceof Error ? e.message : b(t.ERROR$GENERIC));
 			return;
 		}
-		Object.keys(e).length !== 0 && x(e, {
-			onError: Ae,
+		Object.keys(e).length !== 0 && Ae(e, {
+			onError: Fe,
 			onSuccess: () => {
-				Ee || ee(b(t.SETTINGS$SAVED_WARNING)), V({}), xe?.();
+				Oe || a(b(t.SETTINGS$SAVED_WARNING)), z({}), we?.();
 			}
 		});
 	};
-	Y.current = Z, X.current = () => {
+	Q.current = Re, $.current = () => {
 		let e = {};
-		for (let t of M) {
+		for (let t of O) {
 			if (!t.filteredSchema) continue;
-			let n = R[t.settingsSource] ?? {}, r = B[t.settingsSource] ?? {};
-			Object.assign(e, ae(t.filteredSchema, n, r));
+			let n = I[t.settingsSource] ?? {}, r = R[t.settingsSource] ?? {};
+			Object.assign(e, oe(t.filteredSchema, n, r));
 		}
 		return e;
 	};
-	let Q = Object.keys(q).length > 0, $ = Q || h;
-	return l.useEffect(() => {
+	let ze = Object.keys(G).length > 0, Be = ze || p;
+	return c.useEffect(() => {
 		y && y({
-			save: je,
-			isSaving: S,
-			isDirty: $,
-			values: K,
-			view: I,
-			getDirtyPayload: Me
+			save: Ie,
+			isSaving: x,
+			isDirty: Be,
+			values: W,
+			view: P,
+			getDirtyPayload: Le
 		});
 	}, [
-		S,
-		$,
-		K,
-		I
-	]), (w || T) && !C || j ? /* @__PURE__ */ u(c, {}) : M.some((e) => e.filteredSchema && e.filteredSchema.sections.length > 0) ? Object.keys(K).length === 0 ? /* @__PURE__ */ u(c, {}) : /* @__PURE__ */ d("div", {
-		"data-testid": De,
-		className: we ? "relative flex min-h-0 w-full flex-1 flex-col" : "relative w-full min-h-0",
-		children: [/* @__PURE__ */ u(he, {
-			view: I,
-			setView: L,
-			showBasic: N,
-			showAdvanced: P,
-			showAll: F,
+		x,
+		Be,
+		W,
+		P
+	]), (je || Me) && !S || Ne ? /* @__PURE__ */ l(s, {}) : O.some((e) => e.filteredSchema && e.filteredSchema.sections.length > 0) ? Object.keys(W).length === 0 ? /* @__PURE__ */ l(s, {}) : /* @__PURE__ */ u("div", {
+		"data-testid": ke,
+		className: De ? "relative flex min-h-0 w-full flex-1 flex-col" : "relative w-full min-h-0",
+		children: [/* @__PURE__ */ l(_e, {
+			view: P,
+			setView: F,
+			showBasic: k,
+			showAdvanced: A,
+			showAll: j,
 			isDisabled: !1
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: "flex flex-col gap-8",
 			children: [
-				m?.({
-					values: K,
+				f?.({
+					values: W,
 					isDisabled: !1,
-					view: I,
-					onChange: J
+					view: P,
+					onChange: Z
 				}),
-				M.map((e) => {
+				O.map((e) => {
 					if (!e.filteredSchema) return null;
-					let t = R[e.settingsSource] ?? {};
-					return se(e.filteredSchema, {
-						...K,
+					let t = I[e.settingsSource] ?? {};
+					return ce(e.filteredSchema, {
+						...W,
 						...t
-					}, I, e.excludeKeys ?? ge).map((n) => /* @__PURE__ */ u("section", {
+					}, P, e.excludeKeys ?? ve).map((n) => /* @__PURE__ */ l("section", {
 						className: "flex flex-col gap-4",
-						children: /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ l("div", {
 							className: "grid gap-4 xl:grid-cols-2",
-							children: n.fields.map((e) => /* @__PURE__ */ u("div", {
-								className: pe.has(e.key) ? "xl:col-span-2" : void 0,
-								children: /* @__PURE__ */ u(me, {
+							children: n.fields.map((e) => /* @__PURE__ */ l("div", {
+								className: he.has(e.key) ? "xl:col-span-2" : void 0,
+								children: /* @__PURE__ */ l(ge, {
 									field: e,
 									value: t[e.key],
 									isDisabled: !1,
-									onChange: (t) => J(e.key, t)
+									onChange: (t) => Z(e.key, t)
 								})
 							}, e.key))
 						})
 					}, `${e.settingsSource}:${n.key}`));
 				}),
-				Te ? null : /* @__PURE__ */ u("div", {
+				v ? null : /* @__PURE__ */ l("div", {
 					className: "flex justify-start pt-2",
-					children: /* @__PURE__ */ u(re, {
+					children: /* @__PURE__ */ l(te, {
 						testId: "save-button",
 						type: "button",
 						variant: "primary",
-						isDisabled: S || !Q && !h,
-						onClick: Z,
-						children: b(S ? t.SETTINGS$SAVING : t.SETTINGS$SAVE_CHANGES)
+						isDisabled: x || !ze && !p,
+						onClick: Re,
+						children: b(x ? t.SETTINGS$SAVING : t.SETTINGS$SAVE_CHANGES)
 					})
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ l("div", {
 		"data-testid": "sdk-schema-unavailable",
-		className: a,
-		children: /* @__PURE__ */ u("p", {
+		className: ne,
+		children: /* @__PURE__ */ l("p", {
 			className: "text-sm text-[var(--oh-muted)]",
-			children: Oe
+			children: Pe
 		})
 	});
 }
 //#endregion
-export { m as SdkSectionPage };
+export { f as SdkSectionPage };
 
 //# sourceMappingURL=sdk-section-page.js.map

package/dist/components/features/settings/sdk-settings/sdk-section-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-section-page.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayload,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasCriticalSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { FIELD_FULL_WIDTH_KEYS, SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst getMoreDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] > VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showBasic,\n    showAdvanced,\n    showAll,\n  }: {\n    showBasic: boolean;\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  // A critical-less page has nothing to render in the basic tier; bump up.\n  if (!showBasic) {\n    if (showAdvanced) return \"advanced\";\n    if (showAll) return \"all\";\n  }\n  return \"basic\";\n};\n\nconst PAYLOAD_DIFF_KEY: Record<SettingsValueSource, string> = {\n  agent_settings: \"agent_settings_diff\",\n  conversation_settings: \"conversation_settings_diff\",\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SettingsSourceConfig {\n  /** Which schema/values bucket on `settings` this source pulls from. */\n  settingsSource: SettingsValueSource;\n  /** Section keys (e.g. [\"llm\"]) within that schema to render. */\n  sectionKeys: string[];\n  /** Field keys to skip (rendered elsewhere by the caller). */\n  excludeKeys?: Set<string>;\n}\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\ninterface ResolvedSource extends SettingsSourceConfig {\n  filteredSchema: SettingsSchema | null;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n  /** The active view tier (basic/advanced/all) the form is rendering. */\n  view: SettingsView;\n  /**\n   * Returns the coerced, dirty-only payload as a nested object\n   * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist\n   * exactly the fields the user changed, with proper types, without\n   * re-implementing schema-driven coercion. Throws if a field fails coercion.\n   */\n  getDirtyPayload: () => Record<string, unknown>;\n}\n\n/**\n * A generic SDK-schema-driven settings page that renders fields from one or\n * more schema sections.\n *\n * The `settingsSources` array specifies which schema(s)/section(s) the page\n * owns. The page tracks values/dirty state per source, renders sections from\n * each source in order (filtered by the schema's `prominence` field for the\n * selected view), and emits a combined save payload like\n * `{ conversation_settings_diff: {...}, agent_settings_diff: {...} }` ---\n * including only the keys for sources that actually have dirty changes.\n *\n * @param settingsSources  one or more schemas to render fields from\n * @param header           render prop above the fields (receives unified state)\n * @param buildPayload     customize the save payload before submission\n * @param testId           data-testid on the page wrapper\n */\nexport function SdkSectionPage({\n  settingsSources,\n  scope = \"personal\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  embedded = false,\n  hideSaveButton = false,\n  suppressSuccessToast = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  settingsSources: SettingsSourceConfig[];\n  scope?: SettingsScope;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  /**\n   * Customize the save payload. Receives the wrapped default payload (e.g.\n   * `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`) plus the unified\n   * form context. Return the payload to actually send.\n   */\n  buildPayload?: (\n    defaultPayload: Record<string, unknown>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values\n   * derived from `useSettings`. The keys of each override are also\n   * marked dirty on hydration so the user can save the form without\n   * having to touch the prefilled fields. Useful when the page is\n   * embedded in a flow that wants to nudge brand-new users toward a\n   * particular default (e.g. onboarding pre-filling OpenHands/Opus).\n   */\n  initialValueOverrides?: SettingsFormValues;\n  embedded?: boolean;\n  hideSaveButton?: boolean;\n  /** Suppress the default success toast after save completes. */\n  suppressSuccessToast?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const isReadOnly = false;\n\n  const sourcesSignature = React.useMemo(\n    () =>\n      JSON.stringify(\n        settingsSources.map((s) => ({\n          source: s.settingsSource,\n          sectionKeys: s.sectionKeys,\n          excludeKeys: s.excludeKeys ? Array.from(s.excludeKeys).sort() : null,\n        })),\n      ),\n    [settingsSources],\n  );\n\n  const resolvedSourceConfigs = React.useMemo<SettingsSourceConfig[]>(() => {\n    const parsed = JSON.parse(sourcesSignature) as Array<{\n      source: SettingsValueSource;\n      sectionKeys: string[];\n      excludeKeys: string[] | null;\n    }>;\n    return parsed.map((p) => ({\n      settingsSource: p.source,\n      sectionKeys: p.sectionKeys,\n      excludeKeys: p.excludeKeys ? new Set(p.excludeKeys) : undefined,\n    }));\n  }, [sourcesSignature]);\n\n  const getSchemaForSource = React.useCallback(\n    (source: SettingsValueSource) =>\n      source === \"conversation_settings\"\n        ? conversationSchemaQuery.data\n        : agentSchemaQuery.data,\n    [agentSchemaQuery.data, conversationSchemaQuery.data],\n  );\n\n  const isSchemaLoading = resolvedSourceConfigs.some((src) =>\n    src.settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery.isLoading\n      : agentSchemaQuery.isLoading,\n  );\n\n  const resolvedSources = React.useMemo<ResolvedSource[]>(\n    () =>\n      resolvedSourceConfigs.map((src) => {\n        const schema = getSchemaForSource(src.settingsSource);\n        if (!isValidSettingsSchema(schema)) {\n          return { ...src, filteredSchema: null };\n        }\n        const sectionSet = new Set(src.sectionKeys);\n        // The agent schema can carry more than one section per key — e.g. the\n        // combined AgentSettings schema emits an \"llm\" section for both the\n        // \"openhands\" and \"acp\" variants. Only the first (openhands) is used,\n        // so keep the first section per key; otherwise every field renders\n        // twice and React sees duplicate section keys.\n        const seenKeys = new Set<string>();\n        const filteredSchema: SettingsSchema = {\n          ...schema,\n          sections: schema.sections.filter((s) => {\n            if (!sectionSet.has(s.key) || seenKeys.has(s.key)) return false;\n            seenKeys.add(s.key);\n            return true;\n          }),\n        };\n        return { ...src, filteredSchema };\n      }),\n    [resolvedSourceConfigs, getSchemaForSource],\n  );\n\n  // The basic tier only exists when some field renders in it; a critical-less\n  // page (e.g. Memory, whose only field is major) hides the Basic tab and\n  // floors its view at \"advanced\".\n  const showBasic = resolvedSources.some((src) =>\n    hasCriticalSettings(src.filteredSchema),\n  );\n  const showAdvanced =\n    forceShowAdvancedView ||\n    resolvedSources.some((src) => hasAdvancedSettings(src.filteredSchema));\n  const showAll =\n    allowAllView &&\n    resolvedSources.some((src) => hasMinorSettings(src.filteredSchema));\n\n  const schemaUnavailableMessage = React.useMemo(() => {\n    const firstError = resolvedSourceConfigs.reduce<unknown>(\n      (err, src) =>\n        err ??\n        (src.settingsSource === \"conversation_settings\"\n          ? conversationSchemaQuery.error\n          : agentSchemaQuery.error),\n      null,\n    );\n    return getSchemaUnavailableMessage(\n      firstError,\n      t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n    );\n  }, [\n    resolvedSourceConfigs,\n    agentSchemaQuery.error,\n    conversationSchemaQuery.error,\n    t,\n  ]);\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [valuesBySource, setValuesBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsFormValues>>\n  >({});\n  const [dirtyBySource, setDirtyBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsDirtyState>>\n  >({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const initialValuesBySource = React.useMemo<Partial<\n    Record<SettingsValueSource, SettingsFormValues>\n  > | null>(() => {\n    if (!settings) return null;\n    const result: Partial<Record<SettingsValueSource, SettingsFormValues>> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      result[src.settingsSource] = {\n        ...(result[src.settingsSource] ?? {}),\n        ...buildInitialSettingsFormValues(\n          settings,\n          src.filteredSchema,\n          src.settingsSource,\n        ),\n      };\n    }\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource && result[firstSource]) {\n        result[firstSource] = {\n          ...result[firstSource],\n          ...initialValueOverrides,\n        };\n      }\n    }\n    return result;\n  }, [settings, resolvedSources, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings) return null;\n    let result: SettingsView | null = null;\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      const perSource = getInitialView\n        ? getInitialView(settings, src.filteredSchema)\n        : inferInitialView(settings, src.filteredSchema, src.settingsSource);\n      result = result ? getMoreDetailedView(result, perSource) : perSource;\n    }\n    if (!result) return null;\n    return normalizeView(result, { showBasic, showAdvanced, showAll });\n  }, [\n    settings,\n    resolvedSources,\n    getInitialView,\n    showBasic,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValuesBySource({});\n    setDirtyBySource({});\n  }, [scope, sourcesSignature]);\n\n  React.useEffect(() => {\n    if (!initialValuesBySource || !initialView) return;\n\n    setValuesBySource(initialValuesBySource);\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource) {\n        const overrideDirty: SettingsDirtyState = Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        );\n        setDirtyBySource({ [firstSource]: overrideDirty });\n      } else {\n        setDirtyBySource({});\n      }\n    } else {\n      setDirtyBySource({});\n    }\n    // The ref flip stays outside the updater: React double-invokes state\n    // updaters in StrictMode, so mutating it in there makes the second\n    // (kept) call take the already-hydrated branch and pin the view.\n    if (!hasHydratedViewRef.current) {\n      hasHydratedViewRef.current = true;\n      setView(initialView);\n    } else {\n      setView((currentView) => getLessDetailedView(currentView, initialView));\n    }\n  }, [initialValuesBySource, initialView]);\n\n  const fieldKeyToSource = React.useMemo(() => {\n    const map = new Map<string, SettingsValueSource>();\n    for (const src of resolvedSources) {\n      if (src.filteredSchema) {\n        for (const section of src.filteredSchema.sections) {\n          for (const field of section.fields) {\n            if (!map.has(field.key)) {\n              map.set(field.key, src.settingsSource);\n            }\n          }\n        }\n      }\n    }\n    return map;\n  }, [resolvedSources]);\n\n  const flatValues = React.useMemo<SettingsFormValues>(() => {\n    const merged: SettingsFormValues = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, valuesBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, valuesBySource]);\n\n  const flatDirty = React.useMemo<SettingsDirtyState>(() => {\n    const merged: SettingsDirtyState = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, dirtyBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, dirtyBySource]);\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      const sourceKey = fieldKeyToSource.get(fieldKey);\n      if (!sourceKey) return;\n      setValuesBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: nextValue,\n        },\n      }));\n      setDirtyBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: true,\n        },\n      }));\n    },\n    [fieldKeyToSource],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  // Stable accessor for the coerced, dirty-only payload. Mirrors the\n  // `handleSaveRef` pattern so the exposed function reference stays stable\n  // across renders while always reading the latest closure at call time.\n  const buildDirtyPayloadRef = React.useRef<() => Record<string, unknown>>(\n    () => ({}),\n  );\n  const stableGetDirtyPayload = React.useCallback(\n    () => buildDirtyPayloadRef.current(),\n    [],\n  );\n\n  const handleSave = () => {\n    if (isReadOnly) return;\n    if (resolvedSources.some((src) => !src.filteredSchema)) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const defaultPayload: Record<string, unknown> = {};\n      for (const src of resolvedSources) {\n        const schema = src.filteredSchema!;\n        const sourceValues = valuesBySource[src.settingsSource] ?? {};\n        const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n        const diff = buildSdkSettingsPayloadForView(\n          schema,\n          sourceValues,\n          sourceDirty,\n          view,\n        );\n        if (Object.keys(diff).length > 0) {\n          const diffKey = PAYLOAD_DIFF_KEY[src.settingsSource];\n          defaultPayload[diffKey] = {\n            ...((defaultPayload[diffKey] as\n              | Record<string, unknown>\n              | undefined) ?? {}),\n            ...diff,\n          };\n        }\n      }\n\n      payload = buildPayload\n        ? buildPayload(defaultPayload, {\n            values: flatValues,\n            dirty: flatDirty,\n            view,\n          })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        if (!suppressSuccessToast) {\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        }\n        setDirtyBySource({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n  // Dirty-only (NOT view-filtered): we must never inject defaults for\n  // non-visible fields here, or a custom save flow would reset fields the\n  // user never touched. `buildSdkSettingsPayloadForView` is reserved for the\n  // built-in full-replace save above. With multiple sources, we merge each\n  // source's nested payload at the top level so single-source consumers\n  // (e.g. `LlmSettingsLocalView`) keep reading `.llm` etc. unchanged.\n  buildDirtyPayloadRef.current = () => {\n    const merged: Record<string, unknown> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) continue;\n      const sourceValues = valuesBySource[src.settingsSource] ?? {};\n      const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n      Object.assign(\n        merged,\n        buildSdkSettingsPayload(src.filteredSchema, sourceValues, sourceDirty),\n      );\n    }\n    return merged;\n  };\n\n  const isDirty = Object.keys(flatDirty).length > 0;\n  const saveControlIsDirty = isDirty || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values: flatValues,\n      view,\n      getDirtyPayload: stableGetDirtyPayload,\n    });\n  }, [isPending, saveControlIsDirty, flatValues, view]);\n\n  // Keep existing form content visible during background refetches to avoid\n  // flashing the full skeleton (notably during onboarding Next transitions).\n  const isInitialSettingsLoad = (isLoading || isFetching) && !settings;\n  if (isInitialSettingsLoad || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  const hasAnyVisibleSection = resolvedSources.some(\n    (src) => src.filteredSchema && src.filteredSchema.sections.length > 0,\n  );\n\n  if (!hasAnyVisibleSection) {\n    return (\n      <div\n        data-testid=\"sdk-schema-unavailable\"\n        className={extensionModuleEmptyStateClassName}\n      >\n        <p className=\"text-sm text-[var(--oh-muted)]\">\n          {schemaUnavailableMessage}\n        </p>\n      </div>\n    );\n  }\n\n  if (Object.keys(flatValues).length === 0) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showBasic={showBasic}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values: flatValues,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {resolvedSources.map((src) => {\n          if (!src.filteredSchema) return null;\n          const sourceValues = valuesBySource[src.settingsSource] ?? {};\n          const visibleSections = getVisibleSettingsSections(\n            src.filteredSchema,\n            { ...flatValues, ...sourceValues },\n            view,\n            src.excludeKeys ?? EMPTY_EXCLUDE_KEYS,\n          );\n          return visibleSections.map((section) => (\n            <section\n              key={`${src.settingsSource}:${section.key}`}\n              className=\"flex flex-col gap-4\"\n            >\n              <div className=\"grid gap-4 xl:grid-cols-2\">\n                {section.fields.map((field) => (\n                  <div\n                    key={field.key}\n                    className={\n                      FIELD_FULL_WIDTH_KEYS.has(field.key)\n                        ? \"xl:col-span-2\"\n                        : undefined\n                    }\n                  >\n                    <SchemaField\n                      field={field}\n                      value={sourceValues[field.key]}\n                      isDisabled={isReadOnly}\n                      onChange={(nextValue) =>\n                        handleFieldChange(field.key, nextValue)\n                      }\n                    />\n                  </div>\n                ))}\n              </div>\n            </section>\n          ));\n        })}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={isPending || (!isDirty && !extraDirty)}\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,IAAM,qBAAqB,IAAI,IAAY,GAErC,IAA2C;CAC/C,OAAO;CACP,UAAU;CACV,KAAK;AACP,GAEM,MACJ,GACA,MAEA,EAAW,KAAY,EAAW,KAAe,IAAW,GAExD,KACJ,GACA,MAEA,EAAW,KAAY,EAAW,KAAe,IAAW,GAExD,MACJ,GACA,EACE,cACA,iBACA,iBAMe;CACjB,IAAI,MAAS,OAKX,OAJI,IACK,QAGF,IAAe,aAAa;CAGrC,IAAI,MAAS,YAKX,OAJI,IACK,aAGF,IAAU,QAAQ;CAI3B,IAAI,CAAC,GAAW;EACd,IAAI,GAAc,OAAO;EACzB,IAAI,GAAS,OAAO;CACtB;CACA,OAAO;AACT,GAEM,KAAwD;CAC5D,gBAAgB;CAChB,uBAAuB;AACzB,GAEM,MACJ,GACA,MAEM,aAAiB,IAInB,EAAM,UAAU,WAAW,MACtB,GAAG,EAAgB,2KAGxB,EAAM,UAAU,WAAW,MACtB,GAAG,EAAgB,uHAGrB,IAXE;AA4EX,SAAgB,EAAe,EAC7B,oBACA,WAAQ,YACR,WACA,gBAAa,IACb,iBACA,mBACA,mBACA,4BAAwB,IACxB,mBAAe,IACf,0BACA,eAAW,IACX,qBAAiB,IACjB,2BAAuB,IACvB,wBACA,aAAS,iCAgDR;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,QAAQ,GAAc,iBAAc,GAAgB,CAAK,GAC3D,EAAE,MAAM,GAAU,cAAW,kBAAe,GAAY,CAAK,GAC7D,IAAmB,EACvB,GAAU,qBACZ,GACM,IAA0B,EAC9B,GAAU,4BACZ,GAGM,IAAmB,EAAM,cAE3B,KAAK,UACH,EAAgB,KAAK,OAAO;EAC1B,QAAQ,EAAE;EACV,aAAa,EAAE;EACf,aAAa,EAAE,cAAc,MAAM,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI;CAClE,EAAE,CACJ,GACF,CAAC,CAAe,CAClB,GAEM,IAAwB,EAAM,cACnB,KAAK,MAAM,CAKnB,EAAO,KAAK,OAAO;EACxB,gBAAgB,EAAE;EAClB,aAAa,EAAE;EACf,aAAa,EAAE,cAAc,IAAI,IAAI,EAAE,WAAW,IAAI,KAAA;CACxD,EAAE,GACD,CAAC,CAAgB,CAAC,GAEf,IAAqB,EAAM,aAC9B,MACC,MAAW,0BACP,EAAwB,OACxB,EAAiB,MACvB,CAAC,EAAiB,MAAM,EAAwB,IAAI,CACtD,GAEM,IAAkB,EAAsB,MAAM,MAClD,EAAI,mBAAmB,0BACnB,EAAwB,YACxB,EAAiB,SACvB,GAEM,IAAkB,EAAM,cAE1B,EAAsB,KAAK,MAAQ;EACjC,IAAM,IAAS,EAAmB,EAAI,cAAc;EACpD,IAAI,CAAC,GAAsB,CAAM,GAC/B,OAAO;GAAE,GAAG;GAAK,gBAAgB;EAAK;EAExC,IAAM,IAAa,IAAI,IAAI,EAAI,WAAW,GAMpC,oBAAW,IAAI,IAAY,GAC3B,IAAiC;GACrC,GAAG;GACH,UAAU,EAAO,SAAS,QAAQ,MAC5B,CAAC,EAAW,IAAI,EAAE,GAAG,KAAK,EAAS,IAAI,EAAE,GAAG,IAAU,MAC1D,EAAS,IAAI,EAAE,GAAG,GACX,GACR;EACH;EACA,OAAO;GAAE,GAAG;GAAK;EAAe;CAClC,CAAC,GACH,CAAC,GAAuB,CAAkB,CAC5C,GAKM,IAAY,EAAgB,MAAM,MACtC,GAAoB,EAAI,cAAc,CACxC,GACM,IACJ,MACA,EAAgB,MAAM,MAAQ,GAAoB,EAAI,cAAc,CAAC,GACjE,IACJ,MACA,EAAgB,MAAM,MAAQ,GAAiB,EAAI,cAAc,CAAC,GAE9D,KAA2B,EAAM,cAS9B,GARY,EAAsB,QACtC,GAAK,MACJ,MACC,EAAI,mBAAmB,0BACpB,EAAwB,QACxB,EAAiB,QACvB,IAGA,GACA,EAAE,EAAQ,+BAA+B,CAC3C,GACC;EACD;EACA,EAAiB;EACjB,EAAwB;EACxB;CACF,CAAC,GAEK,KAAqB,EAAM,cACxB,IAAwB,KAAK,UAAU,CAAqB,IAAI,IACvE,CAAC,CAAqB,CACxB,GAEM,CAAC,GAAM,KAAW,EAAM,SAAuB,OAAO,GACtD,CAAC,GAAgB,KAAqB,EAAM,SAEhD,CAAC,CAAC,GACE,CAAC,GAAe,KAAoB,EAAM,SAE9C,CAAC,CAAC,GACE,IAAqB,EAAM,OAAO,EAAK,GAEvC,IAAwB,EAAM,cAEpB;EACd,IAAI,CAAC,GAAU,OAAO;EACtB,IAAM,IAAmE,CAAC;EAC1E,KAAK,IAAM,KAAO,GAAiB;GACjC,IAAI,CAAC,EAAI,gBAAgB,OAAO;GAChC,EAAO,EAAI,kBAAkB;IAC3B,GAAI,EAAO,EAAI,mBAAmB,CAAC;IACnC,GAAG,GACD,GACA,EAAI,gBACJ,EAAI,cACN;GACF;EACF;EACA,IAAI,GAAuB;GACzB,IAAM,IAAc,EAAgB,IAAI;GACxC,AAAI,KAAe,EAAO,OACxB,EAAO,KAAe;IACpB,GAAG,EAAO;IACV,GAAG;GACL;EAEJ;EACA,OAAO;CACT,GAAG;EAAC;EAAU;EAAiB;CAAkB,CAAC,GAE5C,IAAc,EAAM,cAAc;EACtC,IAAI,CAAC,GAAU,OAAO;EACtB,IAAI,IAA8B;EAClC,KAAK,IAAM,KAAO,GAAiB;GACjC,IAAI,CAAC,EAAI,gBAAgB,OAAO;GAChC,IAAM,IAAY,IACd,EAAe,GAAU,EAAI,cAAc,IAC3C,GAAiB,GAAU,EAAI,gBAAgB,EAAI,cAAc;GACrE,IAAS,IAAS,EAAoB,GAAQ,CAAS,IAAI;EAC7D;EAEA,OADK,IACE,GAAc,GAAQ;GAAE;GAAW;GAAc;EAAQ,CAAC,IAD7C;CAEtB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CASD,AAPA,EAAM,gBAAgB;EAIpB,AAHA,EAAmB,UAAU,IAC7B,EAAQ,OAAO,GACf,EAAkB,CAAC,CAAC,GACpB,EAAiB,CAAC,CAAC;CACrB,GAAG,CAAC,GAAO,CAAgB,CAAC,GAE5B,EAAM,gBAAgB;EAChB,OAAC,KAAyB,CAAC,IAG/B;OADA,EAAkB,CAAqB,GACnC,GAAuB;IACzB,IAAM,IAAc,EAAgB,IAAI;IACxC,IAAI,GAAa;KACf,IAAM,IAAoC,OAAO,YAC/C,OAAO,KAAK,CAAqB,EAAE,KAAK,MAAQ,CAAC,GAAK,EAAI,CAAC,CAC7D;KACA,EAAiB,GAAG,IAAc,EAAc,CAAC;IACnD,OACE,EAAiB,CAAC,CAAC;GAEvB,OACE,EAAiB,CAAC,CAAC;GAKrB,AAAK,EAAmB,UAItB,GAAS,MAAgB,GAAoB,GAAa,CAAW,CAAC,KAHtE,EAAmB,UAAU,IAC7B,EAAQ,CAAW;EAPA;CAWvB,GAAG,CAAC,GAAuB,CAAW,CAAC;CAEvC,IAAM,IAAmB,EAAM,cAAc;EAC3C,IAAM,oBAAM,IAAI,IAAiC;EACjD,KAAK,IAAM,KAAO,GAChB,IAAI,EAAI,qBACD,IAAM,KAAW,EAAI,eAAe,UACvC,KAAK,IAAM,KAAS,EAAQ,QAC1B,AAAK,EAAI,IAAI,EAAM,GAAG,KACpB,EAAI,IAAI,EAAM,KAAK,EAAI,cAAc;EAM/C,OAAO;CACT,GAAG,CAAC,CAAe,CAAC,GAEd,IAAa,EAAM,cAAkC;EACzD,IAAM,IAA6B,CAAC;EACpC,KAAK,IAAM,KAAO,GAChB,OAAO,OAAO,GAAQ,EAAe,EAAI,mBAAmB,CAAC,CAAC;EAEhE,OAAO;CACT,GAAG,CAAC,GAAiB,CAAc,CAAC,GAE9B,IAAY,EAAM,cAAkC;EACxD,IAAM,IAA6B,CAAC;EACpC,KAAK,IAAM,KAAO,GAChB,OAAO,OAAO,GAAQ,EAAc,EAAI,mBAAmB,CAAC,CAAC;EAE/D,OAAO;CACT,GAAG,CAAC,GAAiB,CAAa,CAAC,GAE7B,IAAoB,EAAM,aAC7B,GAAkB,MAAgC;EACjD,IAAM,IAAY,EAAiB,IAAI,CAAQ;EAC1C,MACL,GAAmB,OAAU;GAC3B,GAAG;IACF,IAAY;IACX,GAAI,EAAK,MAAc,CAAC;KACvB,IAAW;GACd;EACF,EAAE,GACF,GAAkB,OAAU;GAC1B,GAAG;IACF,IAAY;IACX,GAAI,EAAK,MAAc,CAAC;KACvB,IAAW;GACd;EACF,EAAE;CACJ,GACA,CAAC,CAAgB,CACnB,GAEM,KAAc,EAAM,aACvB,MAAsB;EAErB,EADY,EAA0B,CACpB,KAAO,EAAE,EAAQ,aAAa,CAAC;CACnD,GACA,CAAC,CAAC,CACJ,GAEM,IAAgB,EAAM,aAAyB,CAAC,CAAC,GACjD,KAAa,EAAM,kBAAkB;EACzC,EAAc,QAAQ;CACxB,GAAG,CAAC,CAAC,GAKC,IAAuB,EAAM,cAC1B,CAAC,EACV,GACM,KAAwB,EAAM,kBAC5B,EAAqB,QAAQ,GACnC,CAAC,CACH,GAEM,UAAmB;EAEvB,IAAI,EAAgB,MAAM,MAAQ,CAAC,EAAI,cAAc,GAAG;EAExD,IAAI;EACJ,IAAI;GACF,IAAM,IAA0C,CAAC;GACjD,KAAK,IAAM,KAAO,GAAiB;IACjC,IAAM,IAAS,EAAI,gBAGb,IAAO,GACX,GAHmB,EAAe,EAAI,mBAAmB,CAAC,GACxC,EAAc,EAAI,mBAAmB,CAAC,GAKxD,CACF;IACA,IAAI,OAAO,KAAK,CAAI,EAAE,SAAS,GAAG;KAChC,IAAM,IAAU,GAAiB,EAAI;KACrC,EAAe,KAAW;MACxB,GAAK,EAAe,MAEF,CAAC;MACnB,GAAG;KACL;IACF;GACF;GAEA,IAAU,IACN,EAAa,GAAgB;IAC3B,QAAQ;IACR,OAAO;IACP;GACF,CAAC,IACD;EACN,SAAS,GAAO;GACd,EACE,aAAiB,QAAQ,EAAM,UAAU,EAAE,EAAQ,aAAa,CAClE;GACA;EACF;EAEI,OAAO,KAAK,CAAO,EAAE,WAAW,KAEpC,EAAa,GAAS;GACpB,SAAS;GACT,iBAAiB;IAKf,AAJK,MACH,GAAoB,EAAE,EAAQ,sBAAsB,CAAC,GAEvD,EAAiB,CAAC,CAAC,GACnB,KAAgB;GAClB;EACF,CAAC;CACH;CASA,AAPA,EAAc,UAAU,GAOxB,EAAqB,gBAAgB;EACnC,IAAM,IAAkC,CAAC;EACzC,KAAK,IAAM,KAAO,GAAiB;GACjC,IAAI,CAAC,EAAI,gBAAgB;GACzB,IAAM,IAAe,EAAe,EAAI,mBAAmB,CAAC,GACtD,IAAc,EAAc,EAAI,mBAAmB,CAAC;GAC1D,OAAO,OACL,GACA,GAAwB,EAAI,gBAAgB,GAAc,CAAW,CACvE;EACF;EACA,OAAO;CACT;CAEA,IAAM,IAAU,OAAO,KAAK,CAAS,EAAE,SAAS,GAC1C,IAAqB,KAAW;CA6CtC,OA5CA,EAAM,gBAAgB;EACf,KACL,EAAoB;GAClB,MAAM;GACN,UAAU;GACV,SAAS;GACT,QAAQ;GACR;GACA,iBAAiB;EACnB,CAAC;CACH,GAAG;EAAC;EAAW;EAAoB;EAAY;CAAI,CAAC,IAIrB,KAAa,MAAe,CAAC,KAC/B,IACpB,kBAAC,GAAD,CAA4B,CAAA,IAGR,EAAgB,MAC1C,MAAQ,EAAI,kBAAkB,EAAI,eAAe,SAAS,SAAS,CAGjE,IAaD,OAAO,KAAK,CAAU,EAAE,WAAW,IAC9B,kBAAC,GAAD,CAA4B,CAAA,IAQnC,kBAAC,OAAD;EACE,eAAa;EACb,WACE,KACI,iDACA;YALR,CAQE,kBAAC,IAAD;GACQ;GACG;GACE;GACG;GACL;GACT,YAAY;EACb,CAAA,GAED,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACG,IAAS;KACR,QAAQ;KACR,YAAY;KACZ;KACA,UAAU;IACZ,CAAC;IAEA,EAAgB,KAAK,MAAQ;KAC5B,IAAI,CAAC,EAAI,gBAAgB,OAAO;KAChC,IAAM,IAAe,EAAe,EAAI,mBAAmB,CAAC;KAO5D,OANwB,GACtB,EAAI,gBACJ;MAAE,GAAG;MAAY,GAAG;KAAa,GACjC,GACA,EAAI,eAAe,EAEd,EAAgB,KAAK,MAC1B,kBAAC,WAAD;MAEE,WAAU;gBAEV,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAQ,OAAO,KAAK,MACnB,kBAAC,OAAD;QAEE,WACE,GAAsB,IAAI,EAAM,GAAG,IAC/B,kBACA,KAAA;kBAGN,kBAAC,IAAD;SACS;SACP,OAAO,EAAa,EAAM;SAC1B,YAAY;SACZ,WAAW,MACT,EAAkB,EAAM,KAAK,CAAS;QAEzC,CAAA;OACE,GAfE,EAAM,GAeR,CACN;MACE,CAAA;KACE,GAxBF,GAAG,EAAI,eAAe,GAAG,EAAQ,KAwB/B,CACV;IACH,CAAC;IAEgB,KAcb,OAbF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,IAAD;MACE,QAAO;MACP,MAAK;MACL,SAAQ;MACR,YAAY,KAAc,CAAC,KAAW,CAAC;MACvC,SAAS;gBAGL,EADH,IACK,EAAQ,kBACR,EAAQ,qBAAqB;KACxB,CAAA;IACV,CAAA;GAEJ;IACF;MApGH,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW;YAEX,kBAAC,KAAD;GAAG,WAAU;aACV;EACA,CAAA;CACA,CAAA;AA+FX"}
+{"version":3,"file":"sdk-section-page.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  Settings,\n  SettingsFieldSchema,\n  SettingsSchema,\n  SettingsScope,\n} from \"#/types/settings\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayload,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasCriticalSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  normalizeComparableValue,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { FIELD_FULL_WIDTH_KEYS, SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst getMoreDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] > VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showBasic,\n    showAdvanced,\n    showAll,\n  }: {\n    showBasic: boolean;\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  // A critical-less page has nothing to render in the basic tier; bump up.\n  if (!showBasic) {\n    if (showAdvanced) return \"advanced\";\n    if (showAll) return \"all\";\n  }\n  return \"basic\";\n};\n\nconst PAYLOAD_DIFF_KEY: Record<SettingsValueSource, string> = {\n  agent_settings: \"agent_settings_diff\",\n  conversation_settings: \"conversation_settings_diff\",\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SettingsSourceConfig {\n  /** Which schema/values bucket on `settings` this source pulls from. */\n  settingsSource: SettingsValueSource;\n  /** Section keys (e.g. [\"llm\"]) within that schema to render. */\n  sectionKeys: string[];\n  /** Field keys to skip (rendered elsewhere by the caller). */\n  excludeKeys?: Set<string>;\n}\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\ninterface ResolvedSource extends SettingsSourceConfig {\n  filteredSchema: SettingsSchema | null;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n  /** The active view tier (basic/advanced/all) the form is rendering. */\n  view: SettingsView;\n  /**\n   * Returns the coerced, dirty-only payload as a nested object\n   * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist\n   * exactly the fields the user changed, with proper types, without\n   * re-implementing schema-driven coercion. Throws if a field fails coercion.\n   */\n  getDirtyPayload: () => Record<string, unknown>;\n}\n\n/**\n * A generic SDK-schema-driven settings page that renders fields from one or\n * more schema sections.\n *\n * The `settingsSources` array specifies which schema(s)/section(s) the page\n * owns. The page tracks values/dirty state per source, renders sections from\n * each source in order (filtered by the schema's `prominence` field for the\n * selected view), and emits a combined save payload like\n * `{ conversation_settings_diff: {...}, agent_settings_diff: {...} }` ---\n * including only the keys for sources that actually have dirty changes.\n *\n * @param settingsSources  one or more schemas to render fields from\n * @param header           render prop above the fields (receives unified state)\n * @param buildPayload     customize the save payload before submission\n * @param testId           data-testid on the page wrapper\n */\nexport function SdkSectionPage({\n  settingsSources,\n  scope = \"personal\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  markInitialOverridesDirty = true,\n  embedded = false,\n  hideSaveButton = false,\n  suppressSuccessToast = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  settingsSources: SettingsSourceConfig[];\n  scope?: SettingsScope;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  /**\n   * Customize the save payload. Receives the wrapped default payload (e.g.\n   * `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`) plus the unified\n   * form context. Return the payload to actually send.\n   */\n  buildPayload?: (\n    defaultPayload: Record<string, unknown>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values derived from\n   * `useSettings`. When {@link markInitialOverridesDirty} is true (default),\n   * override keys also start dirty so onboarding can save a prefill without\n   * a touch. Profile editors should pass `false` so Save stays off until the\n   * user changes something.\n   */\n  initialValueOverrides?: SettingsFormValues;\n  /** @default true */\n  markInitialOverridesDirty?: boolean;\n  embedded?: boolean;\n  hideSaveButton?: boolean;\n  /** Suppress the default success toast after save completes. */\n  suppressSuccessToast?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const isReadOnly = false;\n\n  const sourcesSignature = React.useMemo(\n    () =>\n      JSON.stringify(\n        settingsSources.map((s) => ({\n          source: s.settingsSource,\n          sectionKeys: s.sectionKeys,\n          excludeKeys: s.excludeKeys ? Array.from(s.excludeKeys).sort() : null,\n        })),\n      ),\n    [settingsSources],\n  );\n\n  const resolvedSourceConfigs = React.useMemo<SettingsSourceConfig[]>(() => {\n    const parsed = JSON.parse(sourcesSignature) as Array<{\n      source: SettingsValueSource;\n      sectionKeys: string[];\n      excludeKeys: string[] | null;\n    }>;\n    return parsed.map((p) => ({\n      settingsSource: p.source,\n      sectionKeys: p.sectionKeys,\n      excludeKeys: p.excludeKeys ? new Set(p.excludeKeys) : undefined,\n    }));\n  }, [sourcesSignature]);\n\n  const getSchemaForSource = React.useCallback(\n    (source: SettingsValueSource) =>\n      source === \"conversation_settings\"\n        ? conversationSchemaQuery.data\n        : agentSchemaQuery.data,\n    [agentSchemaQuery.data, conversationSchemaQuery.data],\n  );\n\n  const isSchemaLoading = resolvedSourceConfigs.some((src) =>\n    src.settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery.isLoading\n      : agentSchemaQuery.isLoading,\n  );\n\n  const resolvedSources = React.useMemo<ResolvedSource[]>(\n    () =>\n      resolvedSourceConfigs.map((src) => {\n        const schema = getSchemaForSource(src.settingsSource);\n        if (!isValidSettingsSchema(schema)) {\n          return { ...src, filteredSchema: null };\n        }\n        const sectionSet = new Set(src.sectionKeys);\n        // The agent schema can carry more than one section per key — e.g. the\n        // combined AgentSettings schema emits an \"llm\" section for both the\n        // \"openhands\" and \"acp\" variants. Only the first (openhands) is used,\n        // so keep the first section per key; otherwise every field renders\n        // twice and React sees duplicate section keys.\n        const seenKeys = new Set<string>();\n        const filteredSchema: SettingsSchema = {\n          ...schema,\n          sections: schema.sections.filter((s) => {\n            if (!sectionSet.has(s.key) || seenKeys.has(s.key)) return false;\n            seenKeys.add(s.key);\n            return true;\n          }),\n        };\n        return { ...src, filteredSchema };\n      }),\n    [resolvedSourceConfigs, getSchemaForSource],\n  );\n\n  // The basic tier only exists when some field renders in it; a critical-less\n  // page (e.g. Memory, whose only field is major) hides the Basic tab and\n  // floors its view at \"advanced\".\n  const showBasic = resolvedSources.some((src) =>\n    hasCriticalSettings(src.filteredSchema),\n  );\n  const showAdvanced =\n    forceShowAdvancedView ||\n    resolvedSources.some((src) => hasAdvancedSettings(src.filteredSchema));\n  const showAll =\n    allowAllView &&\n    resolvedSources.some((src) => hasMinorSettings(src.filteredSchema));\n\n  const schemaUnavailableMessage = React.useMemo(() => {\n    const firstError = resolvedSourceConfigs.reduce<unknown>(\n      (err, src) =>\n        err ??\n        (src.settingsSource === \"conversation_settings\"\n          ? conversationSchemaQuery.error\n          : agentSchemaQuery.error),\n      null,\n    );\n    return getSchemaUnavailableMessage(\n      firstError,\n      t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n    );\n  }, [\n    resolvedSourceConfigs,\n    agentSchemaQuery.error,\n    conversationSchemaQuery.error,\n    t,\n  ]);\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n  const firstSettingsSource = resolvedSources[0]?.settingsSource;\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [valuesBySource, setValuesBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsFormValues>>\n  >({});\n  const [dirtyBySource, setDirtyBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsDirtyState>>\n  >({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const initialValuesBySource = React.useMemo<Partial<\n    Record<SettingsValueSource, SettingsFormValues>\n  > | null>(() => {\n    if (!settings) return null;\n    const result: Partial<Record<SettingsValueSource, SettingsFormValues>> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      result[src.settingsSource] = {\n        ...(result[src.settingsSource] ?? {}),\n        ...buildInitialSettingsFormValues(\n          settings,\n          src.filteredSchema,\n          src.settingsSource,\n        ),\n      };\n    }\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource && result[firstSource]) {\n        result[firstSource] = {\n          ...result[firstSource],\n          ...initialValueOverrides,\n        };\n      }\n    }\n    return result;\n  }, [settings, resolvedSources, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings) return null;\n    let result: SettingsView | null = null;\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      const perSource = getInitialView\n        ? getInitialView(settings, src.filteredSchema)\n        : inferInitialView(settings, src.filteredSchema, src.settingsSource);\n      result = result ? getMoreDetailedView(result, perSource) : perSource;\n    }\n    if (!result) return null;\n    return normalizeView(result, { showBasic, showAdvanced, showAll });\n  }, [\n    settings,\n    resolvedSources,\n    getInitialView,\n    showBasic,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValuesBySource({});\n    setDirtyBySource({});\n  }, [scope, sourcesSignature]);\n\n  React.useEffect(() => {\n    if (!initialValuesBySource || !initialView) return;\n    if (hideSaveButton && hasHydratedViewRef.current) {\n      return;\n    }\n\n    setValuesBySource(initialValuesBySource);\n    if (initialValueOverrides && markInitialOverridesDirty) {\n      const firstSource = firstSettingsSource;\n      if (firstSource) {\n        const overrideDirty: SettingsDirtyState = Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        );\n        setDirtyBySource({ [firstSource]: overrideDirty });\n      } else {\n        setDirtyBySource({});\n      }\n    } else {\n      setDirtyBySource({});\n    }\n    // The ref flip stays outside the updater: React double-invokes state\n    // updaters in StrictMode, so mutating it in there makes the second\n    // (kept) call take the already-hydrated branch and pin the view.\n    if (!hasHydratedViewRef.current) {\n      hasHydratedViewRef.current = true;\n      setView(initialView);\n    } else {\n      setView((currentView) => getLessDetailedView(currentView, initialView));\n    }\n  }, [\n    initialValuesBySource,\n    initialView,\n    overridesSignature,\n    markInitialOverridesDirty,\n    firstSettingsSource,\n    hideSaveButton,\n  ]);\n\n  const fieldKeyToSource = React.useMemo(() => {\n    const map = new Map<string, SettingsValueSource>();\n    for (const src of resolvedSources) {\n      if (src.filteredSchema) {\n        for (const section of src.filteredSchema.sections) {\n          for (const field of section.fields) {\n            if (!map.has(field.key)) {\n              map.set(field.key, src.settingsSource);\n            }\n          }\n        }\n      }\n    }\n    return map;\n  }, [resolvedSources]);\n\n  const flatValues = React.useMemo<SettingsFormValues>(() => {\n    const merged: SettingsFormValues = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, valuesBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, valuesBySource]);\n\n  const flatDirty = React.useMemo<SettingsDirtyState>(() => {\n    const merged: SettingsDirtyState = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, dirtyBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, dirtyBySource]);\n\n  const fieldsByKey = React.useMemo(() => {\n    const map = new Map<string, SettingsFieldSchema>();\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) continue;\n      for (const section of src.filteredSchema.sections) {\n        for (const field of section.fields) {\n          if (!map.has(field.key)) {\n            map.set(field.key, field);\n          }\n        }\n      }\n    }\n    return map;\n  }, [resolvedSources]);\n\n  const initialValuesBySourceRef = React.useRef(initialValuesBySource);\n  initialValuesBySourceRef.current = initialValuesBySource;\n  const initialValueOverridesRef = React.useRef(initialValueOverrides);\n  initialValueOverridesRef.current = initialValueOverrides;\n  const markInitialOverridesDirtyRef = React.useRef(markInitialOverridesDirty);\n  markInitialOverridesDirtyRef.current = markInitialOverridesDirty;\n  const fieldsByKeyRef = React.useRef(fieldsByKey);\n  fieldsByKeyRef.current = fieldsByKey;\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      const sourceKey =\n        fieldKeyToSource.get(fieldKey) ?? resolvedSources[0]?.settingsSource;\n      if (!sourceKey) return;\n      setValuesBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: nextValue,\n        },\n      }));\n      setDirtyBySource((prev) => {\n        const initialVal =\n          initialValuesBySourceRef.current?.[sourceKey]?.[fieldKey];\n        const stickyOverride =\n          markInitialOverridesDirtyRef.current &&\n          !!initialValueOverridesRef.current &&\n          fieldKey in initialValueOverridesRef.current;\n        const field = fieldsByKeyRef.current.get(fieldKey);\n        const valuesMatch = field\n          ? normalizeComparableValue(field, nextValue) ===\n            normalizeComparableValue(field, initialVal)\n          : nextValue === initialVal;\n\n        if (valuesMatch && !stickyOverride) {\n          if (!prev[sourceKey]?.[fieldKey]) return prev;\n          const sourceDirty = { ...(prev[sourceKey] ?? {}) };\n          delete sourceDirty[fieldKey];\n          return { ...prev, [sourceKey]: sourceDirty };\n        }\n\n        if (prev[sourceKey]?.[fieldKey]) return prev;\n        return {\n          ...prev,\n          [sourceKey]: { ...(prev[sourceKey] ?? {}), [fieldKey]: true },\n        };\n      });\n    },\n    [fieldKeyToSource, resolvedSources],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  // Stable accessor for the coerced, dirty-only payload. Mirrors the\n  // `handleSaveRef` pattern so the exposed function reference stays stable\n  // across renders while always reading the latest closure at call time.\n  const buildDirtyPayloadRef = React.useRef<() => Record<string, unknown>>(\n    () => ({}),\n  );\n  const stableGetDirtyPayload = React.useCallback(\n    () => buildDirtyPayloadRef.current(),\n    [],\n  );\n\n  const handleSave = () => {\n    if (isReadOnly) return;\n    if (resolvedSources.some((src) => !src.filteredSchema)) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const defaultPayload: Record<string, unknown> = {};\n      for (const src of resolvedSources) {\n        const schema = src.filteredSchema!;\n        const sourceValues = valuesBySource[src.settingsSource] ?? {};\n        const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n        const diff = buildSdkSettingsPayloadForView(\n          schema,\n          sourceValues,\n          sourceDirty,\n          view,\n        );\n        if (Object.keys(diff).length > 0) {\n          const diffKey = PAYLOAD_DIFF_KEY[src.settingsSource];\n          defaultPayload[diffKey] = {\n            ...((defaultPayload[diffKey] as\n              | Record<string, unknown>\n              | undefined) ?? {}),\n            ...diff,\n          };\n        }\n      }\n\n      payload = buildPayload\n        ? buildPayload(defaultPayload, {\n            values: flatValues,\n            dirty: flatDirty,\n            view,\n          })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        if (!suppressSuccessToast) {\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        }\n        setDirtyBySource({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n  // Dirty-only (NOT view-filtered): we must never inject defaults for\n  // non-visible fields here, or a custom save flow would reset fields the\n  // user never touched. `buildSdkSettingsPayloadForView` is reserved for the\n  // built-in full-replace save above. With multiple sources, we merge each\n  // source's nested payload at the top level so single-source consumers\n  // (e.g. `LlmSettingsLocalView`) keep reading `.llm` etc. unchanged.\n  buildDirtyPayloadRef.current = () => {\n    const merged: Record<string, unknown> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) continue;\n      const sourceValues = valuesBySource[src.settingsSource] ?? {};\n      const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n      Object.assign(\n        merged,\n        buildSdkSettingsPayload(src.filteredSchema, sourceValues, sourceDirty),\n      );\n    }\n    return merged;\n  };\n\n  const isDirty = Object.keys(flatDirty).length > 0;\n  const saveControlIsDirty = isDirty || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values: flatValues,\n      view,\n      getDirtyPayload: stableGetDirtyPayload,\n    });\n  }, [isPending, saveControlIsDirty, flatValues, view]);\n\n  // Keep existing form content visible during background refetches to avoid\n  // flashing the full skeleton (notably during onboarding Next transitions).\n  const isInitialSettingsLoad = (isLoading || isFetching) && !settings;\n  if (isInitialSettingsLoad || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  const hasAnyVisibleSection = resolvedSources.some(\n    (src) => src.filteredSchema && src.filteredSchema.sections.length > 0,\n  );\n\n  if (!hasAnyVisibleSection) {\n    return (\n      <div\n        data-testid=\"sdk-schema-unavailable\"\n        className={extensionModuleEmptyStateClassName}\n      >\n        <p className=\"text-sm text-[var(--oh-muted)]\">\n          {schemaUnavailableMessage}\n        </p>\n      </div>\n    );\n  }\n\n  if (Object.keys(flatValues).length === 0) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showBasic={showBasic}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values: flatValues,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {resolvedSources.map((src) => {\n          if (!src.filteredSchema) return null;\n          const sourceValues = valuesBySource[src.settingsSource] ?? {};\n          const visibleSections = getVisibleSettingsSections(\n            src.filteredSchema,\n            { ...flatValues, ...sourceValues },\n            view,\n            src.excludeKeys ?? EMPTY_EXCLUDE_KEYS,\n          );\n          return visibleSections.map((section) => (\n            <section\n              key={`${src.settingsSource}:${section.key}`}\n              className=\"flex flex-col gap-4\"\n            >\n              <div className=\"grid gap-4 xl:grid-cols-2\">\n                {section.fields.map((field) => (\n                  <div\n                    key={field.key}\n                    className={\n                      FIELD_FULL_WIDTH_KEYS.has(field.key)\n                        ? \"xl:col-span-2\"\n                        : undefined\n                    }\n                  >\n                    <SchemaField\n                      field={field}\n                      value={sourceValues[field.key]}\n                      isDisabled={isReadOnly}\n                      onChange={(nextValue) =>\n                        handleFieldChange(field.key, nextValue)\n                      }\n                    />\n                  </div>\n                ))}\n              </div>\n            </section>\n          ));\n        })}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={isPending || (!isDirty && !extraDirty)}\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}