@klarkxy/dsh-session-manager 0.4.1 → 0.5.0

package/lib/client.inner.cjs

@@ -67,29 +67,29 @@ const text = {
 		continueNewHint: "在来源会话的工作区新建会话，将摘要和原会话 ID 填入草稿，不自动发送。",
 		compactNothing: "没有值得压缩的内容。",
 		settingsTitle: "会话管理",
-		settingsGroupTitle: "会话行为",
-		settingsGroupHint: "继续灰影、自动继续、交接与会话摘要",
-		settingsMode: "继续灰影",
+		composerGroupTitle: "输入框建议",
+		composerGroupHint: "输入框为空时显示的下一句建议",
 		modeFixed: "固定文本",
 		modeAuto: "模型生成",
-		settingsModeHint: "输入框为空时显示建议；按 Tab 填入，点击直接发送。",
+		composerUsageHint: "按 Tab 填入建议，点击建议直接发送。",
+		ghostModelLabel: "生成模型",
 		continueSourceLabel: "内容来源",
 		continueTextLabel: "固定文本内容",
 		continueTextPlaceholder: "留空使用默认「继续」",
-		ghostModelLabel: "生成模型",
-		ghostModelHint: "每轮结束后生成一次并缓存；不选择时使用默认辅助模型。",
-		judgeModelLabel: "判定模型",
-		judgeModelHint: "判断回复是否提前结束；不选择时使用默认辅助模型。",
-		handoffGroup: "交接摘要",
-		handoffModelLabel: "交接模型",
-		handoffModelHint: "工具请求会话交接摘要时使用；不选择时使用默认辅助模型。",
-		welcomeBackGroup: "回到会话时",
+		returnGroupTitle: "回到会话时",
+		returnGroupHint: "长时间离开后显示摘要或建议压缩",
+		awayMinutesLabel: "离开超过",
 		recapEnabledLabel: "显示会话摘要",
 		recapEnabledHint: "在对话中回顾上次进展。",
-		recapMinutesLabel: "离开多久后显示摘要",
 		compactEnabledLabel: "建议压缩上下文",
 		compactEnabledHint: "长时间离开后，建议先压缩上下文。",
-		compactMinutesLabel: "离开多久后显示建议",
+		recapModelLabel: "摘要模型",
+		judgeModelLabel: "判断模型",
+		judgeModelHint: "判断回复是否提前结束，并写出继续消息。",
+		handoffGroupTitle: "会话交接",
+		handoffGroupHint: "智能体读取其他会话时生成的交接摘要",
+		handoffModelLabel: "摘要模型",
+		handoffModelHint: "智能体请求会话交接摘要时使用。",
 		autoContinue: "自动继续",
 		autoContinueOff: "关闭",
 		autoContinueCautious: "谨慎",
@@ -99,22 +99,24 @@ const text = {
 		autoContinueStale: "状态已在别处更改，已刷新",
 		autoContinueFailed: "切换失败",
 		autoContinueGroup: "自动继续",
-		autoContinueDefaultLabel: "新会话默认形态",
-		autoContinueDefaultHint: "只影响之后新建的会话；发送第一条消息前可在输入框上方单独选择，会话开始后保持锁定。",
+		autoContinueGroupHint: "回复提前结束时自动发送继续",
+		autoContinueModeHint: "开启方式（关闭/谨慎/奔放）在创建会话时按会话选择。",
 		autoContinueMaxLabel: "续跑次数上限",
 		autoContinueMaxHint: "你每发一条消息之后，最多自动继续的次数（1–10）。",
 		autoContinueMaxInvalid: "请填写 1–10 的整数。",
 		minutesUnit: "分钟",
-		modelLabel: "摘要模型",
+		agentActionsGroup: "代理操作",
+		agentActionsGroupHint: "允许 agent 自主操作会话",
+		allowSelfForkLabel: "允许自我 fork",
+		allowSelfForkHint: "允许 agent 自行 fork 当前会话，创建独立分支。",
+		allowSendMessageLabel: "允许发送消息",
+		allowSendMessageHint: "允许 agent 向其他未归档会话发送消息；空闲会话会被唤醒，运行中的会话会排队接收。",
 		modelFollowOption: "默认辅助模型",
-		modelGroupHint: "只用于欢迎回来摘要；留空使用默认辅助模型。",
-		saveSettings: "保存",
 		settingsSaving: "正在保存",
 		settingsSaved: "已保存",
 		settingsLoading: "正在加载",
 		settingsUnavailable: "当前宿主不支持在线修改配置",
-		minutesInvalid: "请填写大于等于 1 的整数分钟。",
-		externalChange: "配置已在别处修改。草稿已保留，请刷新页面后再保存。"
+		minutesInvalid: "请填写大于等于 1 的整数分钟。"
 	},
 	en: {
 		tempWorkspace: "Temporary Workspace",
@@ -151,29 +153,29 @@ const text = {
 		continueNewHint: "Create a session in the source session's workspace and fill its draft with the recap and source session ID, without sending.",
 		compactNothing: "There is nothing useful to compact.",
 		settingsTitle: "Session Management",
-		settingsGroupTitle: "Session behavior",
-		settingsGroupHint: "Continue ghost, auto-continue, handoff and session recap",
-		settingsMode: "Continue ghost",
+		composerGroupTitle: "Composer suggestion",
+		composerGroupHint: "The suggested next message shown in an empty composer",
 		modeFixed: "Fixed text",
 		modeAuto: "Model-generated",
-		settingsModeHint: "Show a suggestion when the composer is empty. Press Tab to fill it, or click to send.",
+		composerUsageHint: "Press Tab to fill the suggestion, or click it to send.",
+		ghostModelLabel: "Generation model",
 		continueSourceLabel: "Source",
 		continueTextLabel: "Fixed text",
 		continueTextPlaceholder: "Empty uses the default \"Continue\"",
-		ghostModelLabel: "Generation model",
-		ghostModelHint: "Generated once after each turn and cached. The default follows the shared auxiliary model.",
-		judgeModelLabel: "Judge model",
-		judgeModelHint: "Decides whether a reply stopped early. The default follows the shared auxiliary model.",
-		handoffGroup: "Session handoff",
-		handoffModelLabel: "Handoff model",
-		handoffModelHint: "Used when an agent asks for a session handoff summary. The default follows the shared auxiliary model.",
-		welcomeBackGroup: "When you return",
+		returnGroupTitle: "When you return",
+		returnGroupHint: "Show a recap or suggest compaction after time away",
+		awayMinutesLabel: "Away for more than",
 		recapEnabledLabel: "Show session recap",
 		recapEnabledHint: "Review your previous progress in the conversation.",
-		recapMinutesLabel: "Show recap after",
 		compactEnabledLabel: "Suggest context compaction",
 		compactEnabledHint: "Suggest compacting the context after a long time away.",
-		compactMinutesLabel: "Show suggestion after",
+		recapModelLabel: "Recap model",
+		judgeModelLabel: "Judge model",
+		judgeModelHint: "Decides whether a reply stopped early and writes the follow-up.",
+		handoffGroupTitle: "Session handoff",
+		handoffGroupHint: "Handoff summaries an agent generates when reading another session",
+		handoffModelLabel: "Summary model",
+		handoffModelHint: "Used when an agent asks for a session handoff summary.",
 		autoContinue: "Auto-continue",
 		autoContinueOff: "Off",
 		autoContinueCautious: "Cautious",
@@ -183,22 +185,24 @@ const text = {
 		autoContinueStale: "State changed elsewhere; refreshed",
 		autoContinueFailed: "Could not change Auto-continue",
 		autoContinueGroup: "Auto-continue",
-		autoContinueDefaultLabel: "Default for new sessions",
-		autoContinueDefaultHint: "Only affects sessions created later. Choose above the composer before sending the first message; the choice stays locked once the session starts.",
+		autoContinueGroupHint: "Send a follow-up when a reply stops early",
+		autoContinueModeHint: "The mode (Off / Cautious / Bold) is chosen per session when creating it.",
 		autoContinueMaxLabel: "Maximum continuations",
 		autoContinueMaxHint: "How many times it may continue automatically after each message you send (1–10).",
 		autoContinueMaxInvalid: "Enter a whole number from 1 to 10.",
 		minutesUnit: "minutes",
-		modelLabel: "Recap model",
+		agentActionsGroup: "Agent actions",
+		agentActionsGroupHint: "Let the agent act on sessions on its own",
+		allowSelfForkLabel: "Allow self-fork",
+		allowSelfForkHint: "Let the agent fork the current session into an independent branch.",
+		allowSendMessageLabel: "Allow sending messages",
+		allowSendMessageHint: "Let the agent message other unarchived sessions; idle sessions are woken, running sessions queue the message.",
 		modelFollowOption: "Default auxiliary model",
-		modelGroupHint: "Used only for the welcome-back recap; empty follows the default auxiliary model.",
-		saveSettings: "Save",
 		settingsSaving: "Saving",
 		settingsSaved: "Saved",
 		settingsLoading: "Loading",
 		settingsUnavailable: "This runtime cannot edit the plugin configuration",
-		minutesInvalid: "Enter a whole number of minutes of at least 1.",
-		externalChange: "Settings changed elsewhere. The draft was kept; reload this page before saving."
+		minutesInvalid: "Enter a whole number of minutes of at least 1."
 	}
 };
 function uiText(locale, key) {
@@ -251,8 +255,29 @@ const CONFIG_READ_ENDPOINT = "config.read";
 const CONFIG_WRITE_ENDPOINT = "config.write";
 const AUTO_CONTINUE_STATUS_ENDPOINT = "autocontinue.status";
 const AUTO_CONTINUE_UPDATE_ENDPOINT = "autocontinue.update";
-/** This plugin's own row inside the shared Session Management settings list. */
-const SESSION_SETTINGS_ITEM_ID = "session-manager";
+/** This plugin's rows inside the shared Session Management settings list. */
+const SESSION_SETTINGS_ITEMS = [
+	{
+		id: "session-manager.composer",
+		order: 60
+	},
+	{
+		id: "session-manager.auto-continue",
+		order: 62
+	},
+	{
+		id: "session-manager.return",
+		order: 64
+	},
+	{
+		id: "session-manager.handoff",
+		order: 66
+	},
+	{
+		id: "session-manager.agent-actions",
+		order: 68
+	}
+];
 /** Card entry id in the chat flow; the recap renders at the latest completed turn's tail. */
 const WELCOME_BACK_CARD_ID = "@klarkxy/dsh-session-manager.welcome-back";
 const TURN_TAIL_SLOT = "conversation.chat.turnTail";
@@ -397,7 +422,9 @@ Object.values({
 		"--dsh-scrollbar-thumb-hover",
 		"--dsh-content-font-size-secondary",
 		"--dsh-content-font-delta",
-		"--dsh-frame-top-clearance"
+		"--dsh-frame-top-clearance",
+		"--dsh-composer-model-icon-display",
+		"--dsh-composer-model-text-display"
 	]
 }).flat();
 /**
@@ -724,18 +751,6 @@ const KEY_SEPARATOR = "";
 function modelRouteKey(provider, model) {
 	return provider && model ? `${provider}${KEY_SEPARATOR}${model}` : "";
 }
-/** Inverse of modelRouteKey; undefined for malformed keys. */
-function parseModelRouteKey(value) {
-	const index = value.indexOf(KEY_SEPARATOR);
-	if (index <= 0) return void 0;
-	const provider = value.slice(0, index);
-	const model = value.slice(index + 1);
-	if (!provider || !model) return void 0;
-	return {
-		provider,
-		model
-	};
-}
 //#endregion
 //#region ../dsh-model-route/src/catalog.ts
 /** Both services are required: Cordis checks the nested namespace separately. */
@@ -830,6 +845,7 @@ function parseModelMenuChoices(value, bound) {
 				provider,
 				model,
 				label: `${providerName} / ${name}`,
+				providerLabel: providerName,
 				efforts
 			});
 		}
@@ -1048,11 +1064,11 @@ function modelMenuShortName(choice) {
 /** Group catalog choices by provider and filter them by a case-insensitive query. */
 function groupModelMenuChoices(choices, query) {
 	const needle = query.trim().toLowerCase();
-	const matched = needle ? choices.filter((choice) => choice.label.toLowerCase().includes(needle) || choice.model.toLowerCase().includes(needle) || choice.provider.toLowerCase().includes(needle)) : choices;
+	const matched = needle ? choices.filter((choice) => choice.label.toLowerCase().includes(needle) || choice.model.toLowerCase().includes(needle) || choice.provider.toLowerCase().includes(needle) || (choice.providerLabel?.toLowerCase().includes(needle) ?? false)) : choices;
 	const groups = [];
 	for (const choice of matched) {
 		const sep = choice.label.indexOf(" / ");
-		const name = sep > 0 ? choice.label.slice(0, sep) : choice.provider;
+		const name = choice.providerLabel ?? (sep > 0 ? choice.label.slice(0, sep) : choice.provider);
 		const last = groups.at(-1);
 		if (last && last.provider === choice.provider) last.items.push(choice);
 		else groups.push({
@@ -1107,7 +1123,7 @@ function ModelMenu(props) {
 		empty: "No matching models",
 		clear: "Clear search"
 	};
-	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = copy.model, modelValue = "—", effortLabel = copy.effort, effortValue, defaultEffortLabel = copy.default, searchPlaceholder = copy.search, emptyLabel = copy.empty, clearSearchLabel = copy.clear, className, listClassName } = props;
+	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = copy.model, modelValue = "—", effortLabel = copy.effort, effortValue, defaultEffortLabel = copy.default, searchPlaceholder = copy.search, emptyLabel = copy.empty, clearSearchLabel = copy.clear, initialPane = "root", alwaysShowSearch = false, reasoningSlider = false, menuHeader, disabled = false, busy = false, closeOnPick = true, closeOnDisable = true, className, listClassName } = props;
 	const rootRef = (0, react.useRef)(null);
 	const openRef = (0, react.useRef)(open);
 	openRef.current = open;
@@ -1122,9 +1138,10 @@ function ModelMenu(props) {
 	const [pane, setPane] = (0, react.useState)("root");
 	const [query, setQuery] = (0, react.useState)("");
 	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(null);
+	const [keyNav, setKeyNav] = (0, react.useState)(0);
 	const [menuPos, setMenuPos] = (0, react.useState)(null);
 	const id = (0, react.useId)();
-	const showSearch = choices.length > 4;
+	const showSearch = alwaysShowSearch || choices.length > 4;
 	const effortRows = (0, react.useMemo)(() => [{
 		id: "",
 		name: defaultEffortLabel
@@ -1141,7 +1158,12 @@ function ModelMenu(props) {
 		items: (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(group.items.map((choice) => ({
 			choice,
 			name: modelMenuShortName(choice),
-			label: choice.model
+			label: [
+				choice.provider,
+				choice.providerLabel,
+				choice.model,
+				choice.label
+			].filter(Boolean).join(" ")
 		})), showSearch ? query.trim() : "")
 	})).filter((group) => group.items.length > 0), [
 		choices,
@@ -1173,10 +1195,12 @@ function ModelMenu(props) {
 		paneFocus.current = "drill";
 		setPane(next);
 	};
-	/** Leave a drilled pane for the root one, handing the keyboard back to its cell. */
+	/** Leave a drilled pane for the entry pane, handing the keyboard back to it.
+	*  A root entry refocuses the cell that opened the pane; a search-first
+	*  (model) entry refocuses that pane's own intent. */
 	const back = (from) => {
-		paneFocus.current = from;
-		setPane("root");
+		paneFocus.current = initialPane === "root" ? from : "drill";
+		setPane(initialPane);
 	};
 	const moveFocus = (offset) => {
 		const items = itemRefs.current.filter((item) => item !== null && !item.disabled);
@@ -1216,10 +1240,18 @@ function ModelMenu(props) {
 	}, [requestedOpen, open]);
 	(0, react.useEffect)(() => {
 		if (!open) return;
-		setPane("root");
+		setPane(initialPane);
+		if (initialPane === "model") paneFocus.current = "drill";
 		setQuery("");
 		setHighlightedIndex(null);
-	}, [open]);
+	}, [open, initialPane]);
+	(0, react.useEffect)(() => {
+		if (disabled && open && closeOnDisable) changeOpen(false);
+	}, [
+		disabled,
+		open,
+		closeOnDisable
+	]);
 	(0, react.useEffect)(() => {
 		if (!open) return;
 		const closeOutside = (event) => {
@@ -1227,9 +1259,25 @@ function ModelMenu(props) {
 			if (rootRef.current?.contains(target) || menuRef.current?.contains(target)) return;
 			changeOpen(false);
 		};
+		const escapeOutside = (event) => {
+			if (event.key !== "Escape" || event.defaultPrevented || event.isComposing) return;
+			if (!openRef.current) return;
+			event.preventDefault();
+			if (pane !== initialPane) back(pane);
+			else close(true);
+		};
 		document.addEventListener("mousedown", closeOutside);
-		return () => document.removeEventListener("mousedown", closeOutside);
-	}, [open, onOpenChange]);
+		document.addEventListener("keydown", escapeOutside);
+		return () => {
+			document.removeEventListener("mousedown", closeOutside);
+			document.removeEventListener("keydown", escapeOutside);
+		};
+	}, [
+		open,
+		onOpenChange,
+		pane,
+		initialPane
+	]);
 	(0, react.useEffect)(() => {
 		const intent = paneFocus.current;
 		if (!open || menuPos === null || intent === null) return;
@@ -1259,13 +1307,21 @@ function ModelMenu(props) {
 		pane,
 		filteredGroups
 	]);
+	const modelPaneOpen = open && pane === "model";
+	const scrollSignal = !modelPaneOpen ? "closed" : keyNav === 0 ? "open" : `key:${keyNav}`;
+	const scrollSignalRef = (0, react.useRef)(null);
 	(0, react.useLayoutEffect)(() => {
-		if (open && pane === "model" && activeModelIndex >= 0) itemRefs.current[leading.length + activeModelIndex]?.scrollIntoView({ block: "nearest" });
+		if (!modelPaneOpen || activeModelIndex < 0) {
+			if (!modelPaneOpen) scrollSignalRef.current = null;
+			return;
+		}
+		if (scrollSignalRef.current === scrollSignal) return;
+		scrollSignalRef.current = scrollSignal;
+		itemRefs.current[leading.length + activeModelIndex]?.scrollIntoView({ block: "nearest" });
 	}, [
-		open,
-		pane,
+		modelPaneOpen,
+		scrollSignal,
 		activeModelIndex,
-		visibleModels,
 		leading.length
 	]);
 	(0, react.useLayoutEffect)(() => {
@@ -1280,7 +1336,7 @@ function ModelMenu(props) {
 			let x = rect.right - lw, y = rect.top - 8 - lh;
 			if (lw > 0) x = Math.min(Math.max(x, margin), window.innerWidth - lw - margin);
 			if (lh > 0) y = Math.min(Math.max(y, margin), window.innerHeight - lh - margin);
-			setMenuPos({
+			setMenuPos((prev) => prev && prev.left === x && prev.top === y ? prev : {
 				left: x,
 				top: y
 			});
@@ -1300,6 +1356,13 @@ function ModelMenu(props) {
 	]);
 	function onKeyDown(event) {
 		if (event.defaultPrevented || event.nativeEvent.isComposing) return;
+		if (event.key === "Escape" && open) {
+			event.preventDefault();
+			if (pane !== initialPane) back(pane);
+			else close(true);
+			return;
+		}
+		if (disabled) return;
 		if (!open && [
 			"Enter",
 			" ",
@@ -1313,17 +1376,12 @@ function ModelMenu(props) {
 			requestOpen();
 			return;
 		}
-		if (event.key === "Escape" && open) {
-			event.preventDefault();
-			if (pane !== "root") back(pane);
-			else close(true);
-			return;
-		}
 		if (!open) return;
 		if (pane === "model" && showSearch && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
 			event.preventDefault();
 			if (visibleModels.length > 0) {
 				setHighlightedIndex((activeModelIndex + (event.key === "ArrowDown" ? 1 : -1) + visibleModels.length) % visibleModels.length);
+				setKeyNav((n) => n + 1);
 				searchRef.current?.focus();
 			}
 			return;
@@ -1332,19 +1390,19 @@ function ModelMenu(props) {
 			if (event.key === "Tab" && visibleModels.length === 0) return;
 			event.preventDefault();
 			const highlighted = visibleModels[activeModelIndex];
-			if (highlighted) {
+			if (highlighted && !busy) {
 				onPick({
 					provider: highlighted.provider,
 					model: highlighted.model
 				});
-				close(true);
+				if (closeOnPick) close(true);
 			}
 			return;
 		}
 		if (event.key === "Tab") {
 			if (event.shiftKey) {
 				event.preventDefault();
-				if (pane !== "root") back(pane);
+				if (pane !== initialPane) back(pane);
 				else close(true);
 				return;
 			}
@@ -1368,7 +1426,10 @@ function ModelMenu(props) {
 		}
 	}
 	function onBlur(event) {
-		if (event.relatedTarget instanceof Node && (rootRef.current?.contains(event.relatedTarget) || menuRef.current?.contains(event.relatedTarget))) return;
+		const related = event.relatedTarget;
+		if (related instanceof Node && (rootRef.current?.contains(related) || menuRef.current?.contains(related) || !related.isConnected)) return;
+		if (!closeOnPick && !(related instanceof Node)) return;
+		if (busy && related == null) return;
 		if (open) changeOpen(false);
 	}
 	itemRefs.current = [];
@@ -1389,11 +1450,16 @@ function ModelMenu(props) {
 		"aria-label": modelLabel,
 		lang: language,
 		children: [
+			menuHeader ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-model-menu-header",
+				children: menuHeader
+			}) : null,
 			pane === "root" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				ref: itemRef(),
 				type: "button",
 				role: "menuitem",
 				className: "dsh-model-menu-cell",
+				disabled,
 				onClick: () => drill("model"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1406,11 +1472,12 @@ function ModelMenu(props) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { className: "dsh-model-menu-cellChevron" })
 				]
-			}), efforts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			}), efforts.length > 0 && !reasoningSlider ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				ref: itemRef(),
 				type: "button",
 				role: "menuitem",
 				className: "dsh-model-menu-cell",
+				disabled,
 				onClick: () => drill("effort"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1429,6 +1496,7 @@ function ModelMenu(props) {
 					className: "dsh-model-menu-searchRow",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
 						ref: searchRef,
+						disabled,
 						className: `dsh-model-menu-search${query !== "" ? " dsh-model-menu-searchWithQuery" : ""}`,
 						type: "text",
 						role: "searchbox",
@@ -1445,6 +1513,7 @@ function ModelMenu(props) {
 						type: "button",
 						className: "dsh-model-menu-searchClear",
 						"aria-label": clearSearchLabel,
+						disabled,
 						onClick: () => {
 							setQuery("");
 							setHighlightedIndex(null);
@@ -1467,10 +1536,12 @@ function ModelMenu(props) {
 							type: "button",
 							role: "menuitemradio",
 							"aria-checked": item.selected === true,
+							disabled: disabled || busy,
 							className: `dsh-model-menu-option${item.selected === true ? " dsh-model-menu-selected" : ""}`,
 							onClick: () => {
+								if (disabled || busy) return;
 								onPickLeading?.(item.id);
-								close(true);
+								if (closeOnPick) close(true);
 							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsh-model-menu-optionCopy",
@@ -1496,6 +1567,7 @@ function ModelMenu(props) {
 								"aria-checked": checked,
 								id: `${id}-model-${index}`,
 								tabIndex: showSearch ? -1 : 0,
+								disabled: disabled || busy,
 								onFocus: () => setHighlightedIndex(index),
 								"data-highlighted": index === activeModelIndex ? "" : void 0,
 								className: `dsh-model-menu-option dsh-model-menu-modelOption${checked ? " dsh-model-menu-selected" : ""}${index === activeModelIndex ? " dsh-model-menu-optionActive" : ""}`,
@@ -1505,11 +1577,12 @@ function ModelMenu(props) {
 								},
 								title: choice.label,
 								onClick: () => {
+									if (disabled || busy) return;
 									onPick({
 										provider: choice.provider,
 										model: choice.model
 									});
-									close(true);
+									if (closeOnPick) close(true);
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-model-menu-optionCopy",
@@ -1525,6 +1598,14 @@ function ModelMenu(props) {
 						})
 					}, group.provider))]
 				}),
+				reasoningSlider && efforts.length > 0 && filteredGroups.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EffortSlider, {
+					label: effortLabel,
+					rows: effortRows,
+					selected: selectedEffort ?? "",
+					disabled,
+					busy,
+					onPick: (value) => onPickEffort?.(value)
+				}) : null,
 				filteredGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dsh-model-menu-empty",
 					role: "status",
@@ -1538,10 +1619,12 @@ function ModelMenu(props) {
 					type: "button",
 					role: "menuitemradio",
 					"aria-checked": checked,
+					disabled: disabled || busy,
 					className: `dsh-model-menu-option${checked ? " dsh-model-menu-selected" : ""}`,
 					onClick: () => {
+						if (disabled || busy) return;
 						onPickEffort?.(row.id || void 0);
-						close(true);
+						if (closeOnPick) close(true);
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-model-menu-optionCopy",
@@ -1560,7 +1643,8 @@ function ModelMenu(props) {
 	const trigger = (0, react.isValidElement)(anchor) ? (0, react.cloneElement)(anchor, {
 		"aria-haspopup": "menu",
 		"aria-expanded": open,
-		"aria-controls": open ? `${id}-menu` : void 0
+		"aria-controls": open ? `${id}-menu` : void 0,
+		"aria-disabled": disabled || void 0
 	}) : anchor;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		ref: rootRef,
@@ -1568,7 +1652,7 @@ function ModelMenu(props) {
 		onKeyDown,
 		onBlur,
 		onClick: (event) => {
-			if (event.defaultPrevented) return;
+			if (disabled || event.defaultPrevented) return;
 			const button = event.target instanceof Element ? event.target.closest("button") : null;
 			if (!(button instanceof HTMLButtonElement) || button.disabled || !rootRef.current?.contains(button)) return;
 			requestOpen();
@@ -1580,6 +1664,102 @@ function ModelMenu(props) {
 	});
 }
 /**
+* Discrete reasoning-effort slider shown under the model list in enhanced mode.
+*
+* A native range input (`step=1`) over exactly the rows the caller supplies —
+* the default row plus each effort the selected model advertises — so it can
+* never invent a level. It previews locally while dragging or arrowing and
+* commits only when the gesture ends (pointer up, key up, or blur), so a drag
+* does not write on every step. The menu stays open, so adjusting the effort
+* never loses the model selection or the search query.
+*
+* The input itself stays the entire interaction and accessibility surface —
+* keyboard, ARIA, disabled and the native step snapping all come from it —
+* while the track, gradient fill and thumb below are decorative layers painted
+* from the `--_p` percentage the preview position sets on the rail. Value
+* changes only update that custom property, so the CSS transitions animate
+* between levels without remounting nodes or restarting an animation.
+*/
+function EffortSlider(props) {
+	const { label, rows, selected, disabled = false, busy = false, onPick } = props;
+	const active = Math.max(0, rows.findIndex((row) => row.id === selected));
+	const [position, setPosition] = (0, react.useState)(active);
+	const positionRef = (0, react.useRef)(position);
+	(0, react.useEffect)(() => {
+		positionRef.current = active;
+		setPosition(active);
+	}, [active]);
+	const preview = (next) => {
+		positionRef.current = next;
+		setPosition(next);
+	};
+	const commit = () => {
+		if (disabled || busy) return;
+		const row = rows[positionRef.current];
+		if (row !== void 0) onPick(row.id === "" ? void 0 : row.id);
+	};
+	const max = Math.max(0, rows.length - 1);
+	const percent = max > 0 ? Math.round(position / max * 100) : 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsh-model-menu-sliderGroup",
+		role: "group",
+		"aria-label": label,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsh-model-menu-sliderHead",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-model-menu-sliderTitle",
+				children: label
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-model-menu-sliderValue",
+				children: rows[position]?.name
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsh-model-menu-sliderRail",
+			style: { "--_p": percent },
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "range",
+					className: "dsh-model-menu-sliderInput",
+					min: 0,
+					max,
+					step: 1,
+					value: position,
+					disabled,
+					"aria-label": label,
+					"aria-disabled": disabled || busy || void 0,
+					"aria-valuetext": rows[position]?.name,
+					onChange: (event) => {
+						const value = Number(event.target.value);
+						if (Number.isFinite(value)) preview(value);
+					},
+					onPointerUp: commit,
+					onKeyUp: commit,
+					onBlur: commit
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsh-model-menu-sliderTrack",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-sliderFill",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-model-menu-sliderFillBar" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-sliderNodes",
+						children: rows.map((row, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-covered": index <= position ? "" : void 0,
+							className: "dsh-model-menu-sliderNode",
+							style: { "--_n": max > 0 ? Math.round(index / max * 100) : 0 }
+						}, row.id || "__default"))
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-model-menu-sliderThumb",
+					"aria-hidden": "true"
+				})
+			]
+		})]
+	});
+}
+/**
 * ModelMenu styles, transcribed from the official ModelSelect.module.css (the
 * published dsh-client-ui-model-selection bundle): card capped at
 * min(360px, 100vh - 96px), 34px option cells at 13/18 with 5px 7px padding,
@@ -1638,6 +1818,7 @@ const modelMenuCss = `
   overflow: hidden;
 }
 .dsh-model-menu-status, .dsh-model-menu-empty { color: var(--dsw-alias-label-tertiary); padding: 8px; font-size: 12px; line-height: 18px; }
+.dsh-model-menu-header { flex: none; padding: 2px 2px 4px; }
 .dsh-model-menu-searchRow { flex-shrink: 0; margin: 2px 0 3px; position: relative; }
 .dsh-model-menu-searchRow .dsh-model-menu-search { border-radius: var(--dsw-radius-md); background: none; border: 0 solid transparent; height: auto; padding: 5px 7px; display: flex; }
 .dsh-model-menu-searchRow .dsh-model-menu-search:focus-within { border-color: transparent; }
@@ -1716,6 +1897,145 @@ const modelMenuCss = `
 .dsh-model-menu-cellLabel { white-space: nowrap; flex: none; }
 .dsh-model-menu-cellValue { text-overflow: ellipsis; white-space: nowrap; text-align: right; min-width: 0; color: var(--dsw-alias-label-tertiary); flex: auto; overflow: hidden; }
 .dsh-model-menu-cellChevron { width: 12px; height: 12px; color: var(--dsw-alias-menu-icon); flex: none; }
+/* Discrete reasoning-effort slider under the model list (enhanced mode).
+ * The painted control is layered over a fully functional native range input:
+ * the input stays on top, transparent, and owns pointer/keyboard/ARIA, while
+ * the decorative track, fill and thumb render beneath it at pointer-events:
+ * none. Position lives in one custom property (--_p, 0–100) on the rail, so
+ * the only animated work a level change triggers is a clip-path/left
+ * transition — no keyframes, no element churn. */
+.dsh-model-menu-sliderGroup { border-top: 0.5px solid var(--dsw-alias-border-l2); flex: none; margin-top: 4px; padding: 6px 8px 8px; }
+.dsh-model-menu-sliderHead { align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 2px 4px; display: flex; }
+.dsh-model-menu-sliderTitle { color: var(--dsw-alias-label-tertiary); font-size: 12px; line-height: 18px; }
+.dsh-model-menu-sliderValue { color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 600; line-height: 20px; transition: color var(--ds-transition-duration) var(--ds-ease-in-out); }
+.dsh-model-menu-sliderRail { position: relative; direction: ltr; height: 38px; margin-top: 2px; }
+.dsh-model-menu-sliderRail:has(:disabled) { opacity: 0.45; }
+.dsh-model-menu-sliderInput {
+  appearance: none;
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  border: 0;
+  cursor: pointer;
+  direction: ltr;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  touch-action: pan-y;
+}
+.dsh-model-menu-sliderInput:disabled { cursor: default; }
+/* The transparent input must keep the painted thumb's geometry: an
+ * appearance:none webkit thumb defaults to 16px, which would shift the
+ * end-point positions 7px off the decorative 30px disc and misplace the
+ * native drag hit target. Track gets the full rail height so the whole band
+ * maps to values identically. */
+.dsh-model-menu-sliderInput::-webkit-slider-runnable-track { width: 100%; height: 100%; }
+.dsh-model-menu-sliderInput::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 30px; height: 30px; margin: 0; }
+.dsh-model-menu-sliderInput::-moz-range-track { width: 100%; height: 100%; }
+.dsh-model-menu-sliderInput::-moz-range-thumb { width: 30px; height: 30px; margin: 0; border: 0; }
+.dsh-model-menu-sliderTrack {
+  pointer-events: none;
+  border-radius: 999px;
+  width: 100%;
+  height: 26px;
+  background: var(--dsw-alias-interactive-bg-hover);
+  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-border-l2);
+  position: absolute;
+  inset-inline: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  /* No overflow:hidden — it would clip the fill's drop-shadow glow; the bar's
+   * own clip-path already supplies the rounded reveal shape. */
+}
+/* The accent ramp paints the full track width once and is revealed by an
+ * animated clip-path, so raising the effort unwraps more of the spectrum
+ * instead of squashing the same gradient into a narrower bar. The glow lives
+ * on the un-clipped parent: a filter on the clipped element itself would be
+ * clipped away with it. */
+.dsh-model-menu-sliderFill {
+  display: block;
+  height: 100%;
+  filter: drop-shadow(0 0 5px var(--dsw-alias-state-business-primary));
+  transition: filter var(--ds-transition-duration) var(--ds-ease-in-out);
+}
+.dsh-model-menu-sliderInput:hover:not(:disabled) ~ .dsh-model-menu-sliderTrack .dsh-model-menu-sliderFill,
+.dsh-model-menu-sliderInput:active:not(:disabled) ~ .dsh-model-menu-sliderTrack .dsh-model-menu-sliderFill {
+  filter: drop-shadow(0 0 9px var(--dsw-alias-state-business-primary));
+}
+/* The fill stops at the thumb's center, not at the track edge — at a 30px
+ * thumb the end stops sit 15px in from each side, matching the node dots. */
+.dsh-model-menu-sliderFillBar {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg,
+    var(--dsw-alias-state-business-primary),
+    var(--dsw-alias-state-success-primary),
+    var(--dsw-alias-state-warn-primary),
+    var(--dsw-alias-state-error-primary));
+  clip-path: inset(0 calc(100% - 15px - (100% - 30px) * var(--_p, 0) / 100) 0 0 round 999px);
+  transition: clip-path var(--ds-transition-duration) var(--ds-ease-in-out);
+}
+/* Stop dots: one per declared row (default + every advertised effort), evenly
+ * spread across the band between the two thumb-center extremes (inset 15px,
+ * i.e. half the 30px thumb). --_n is 0-100 along that band. A covered dot
+ * reads as a pale pin through the gradient; an uncovered one stays a neutral
+ * notch on the empty track. */
+.dsh-model-menu-sliderNodes {
+  pointer-events: none;
+  display: block;
+  position: absolute;
+  inset-inline: 15px;
+  inset-block: 0;
+}
+.dsh-model-menu-sliderNode {
+  pointer-events: none;
+  box-sizing: border-box;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--dsw-alias-label-secondary) 35%, transparent);
+  position: absolute;
+  left: calc(var(--_n, 0) * 1%);
+  top: 50%;
+  transform: translate(-50%, -50%);
+  transition: background-color var(--ds-transition-duration) var(--ds-ease-in-out),
+    transform var(--ds-transition-duration) var(--ds-ease-in-out);
+}
+.dsh-model-menu-sliderNode[data-covered] { background: color-mix(in srgb, var(--dsw-alias-label-primary) 60%, transparent); }
+.dsh-model-menu-sliderThumb {
+  pointer-events: none;
+  box-sizing: border-box;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  background: var(--dsw-alias-button-primary-fill);
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  box-shadow: 0 0 0 3px var(--dsw-alias-interactive-bg-hover), var(--dsw-elevation-soft);
+  position: absolute;
+  left: calc((100% - 30px) * var(--_p, 0) / 100);
+  top: 50%;
+  transform: translateY(-50%) scale(0.92);
+  transition: left var(--ds-transition-duration) var(--ds-ease-in-out),
+    transform var(--ds-transition-duration) var(--ds-ease-in-out),
+    box-shadow var(--ds-transition-duration) var(--ds-ease-in-out);
+}
+.dsh-model-menu-sliderInput:hover:not(:disabled) ~ .dsh-model-menu-sliderThumb { transform: translateY(-50%) scale(1); }
+.dsh-model-menu-sliderInput:active:not(:disabled) ~ .dsh-model-menu-sliderThumb {
+  transform: translateY(-50%) scale(1.1);
+  box-shadow: 0 0 0 4px var(--dsw-alias-interactive-bg-hover), 0 0 12px var(--dsw-alias-state-business-primary);
+}
+.dsh-model-menu-sliderInput:focus-visible ~ .dsh-model-menu-sliderThumb {
+  box-shadow: 0 0 0 3px var(--dsw-alias-interactive-bg-hover),
+    0 0 0 calc(3px + var(--dsw-focus-ring-width)) var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+}
+@media (prefers-reduced-motion: reduce) {
+  .dsh-model-menu-sliderFill, .dsh-model-menu-sliderFillBar, .dsh-model-menu-sliderThumb,
+  .dsh-model-menu-sliderNode, .dsh-model-menu-sliderValue { transition: none; }
+}
 `;
 //#endregion
 //#region src/styles.ts
@@ -1882,42 +2202,24 @@ ${modelMenuCss}
 }
 .${FREE_CHAT_ROOT}.dsm-item[open] > .dsm-item-summary .dsm-item-chevron { transform: rotate(180deg); }
 .${FREE_CHAT_ROOT} .dsm-item-body { padding: 0 0 16px; }
-/* Settings group body: one quiet reading surface. Rules, not nested wells,
- * separate sections; dependent controls align with the feature they belong to. */
+/* Settings row bodies: each collapsible row edits its own keys and saves on
+ * change, so the body is one flat reading surface — a feature block per
+ * switch/section, dependent controls indented underneath. */
 .${FREE_CHAT_ROOT} .dsm-settings {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  min-width: 0;
-}
-.${FREE_CHAT_ROOT} .dsm-setting {
   display: flex;
   flex-direction: column;
   gap: 12px;
   min-width: 0;
 }
-.${FREE_CHAT_ROOT} .dsm-setting + .dsm-setting {
-  padding-top: 20px;
-  border-top: 0.5px solid var(--dsw-alias-border-l2);
-}
-.${FREE_CHAT_ROOT} .dsm-setting-header {
+.${FREE_CHAT_ROOT} .dsm-feature {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-}
-.${FREE_CHAT_ROOT} .dsm-ghost-controls {
-  display: grid;
-  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
-  align-items: start;
-  gap: 16px;
-}
-/* SegmentedTabs is 42px tall; its adjacent text controls share that baseline. */
-.${FREE_CHAT_ROOT} .dsm-ghost-controls .dsh-model-menu-trigger,
-.${FREE_CHAT_ROOT} .dsm-ghost-controls .dsm-ghost-input {
-  height: 42px;
+  gap: 8px;
+  min-width: 0;
 }
 .${FREE_CHAT_ROOT} .dsm-feature + .dsm-feature {
   margin-top: 4px;
+  padding-top: 4px;
   border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 .${FREE_CHAT_ROOT} .dsm-feature > .dsh-ui-toggle-row { padding: 8px 0; }
@@ -1925,20 +2227,44 @@ ${modelMenuCss}
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding: 4px 0 8px;
+  padding: 0 0 8px 24px;
 }
 .${FREE_CHAT_ROOT} .dsm-feature-options[data-disabled='true'] .dsh-ui-label,
 .${FREE_CHAT_ROOT} .dsm-feature-options[data-disabled='true'] .dsh-ui-meta {
   color: var(--dsw-alias-label-tertiary);
 }
-.${FREE_CHAT_ROOT} .dsm-compact-options { max-width: calc(50% - 10px); }
-.${FREE_CHAT_ROOT} .dsm-model-field .dsh-model-menu-root,
-.${FREE_CHAT_ROOT} .dsm-model-field .dsh-model-menu-trigger {
-  width: 100%;
-  max-width: none;
+/* A feature's model picker: label on the left, the menu trigger on the right;
+ * narrow widths wrap the trigger under the label. */
+.${FREE_CHAT_ROOT} .dsm-model-field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+.${FREE_CHAT_ROOT} .dsm-model-choice .dsh-model-menu-trigger:disabled {
+  color: var(--dsw-alias-label-tertiary);
+  cursor: not-allowed;
+}
+.${FREE_CHAT_ROOT} .dsm-model-choice {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px 16px;
 }
-.${FREE_CHAT_ROOT} .dsm-model-field .dsh-model-menu-trigger {
+.${FREE_CHAT_ROOT} .dsm-model-choice > .dsh-ui-label {
+  flex: 1 1 120px;
+  min-width: 120px;
+}
+.${FREE_CHAT_ROOT} .dsm-model-choice .dsh-model-menu-root {
+  flex: 1 1 200px;
+  min-width: min(200px, 100%);
+  max-width: 280px;
+}
+.${FREE_CHAT_ROOT} .dsm-model-choice .dsh-model-menu-trigger {
+  display: flex;
   justify-content: space-between;
+  width: 100%;
   height: 32px;
   padding: 0 10px;
   border: 0.5px solid var(--dsw-alias-border-l4);
@@ -1946,13 +2272,13 @@ ${modelMenuCss}
   background: var(--dsw-alias-bg-layer-3);
   color: var(--dsw-alias-label-primary);
 }
-.${FREE_CHAT_ROOT} .dsm-model-field .dsh-model-menu-triggerLabel {
+.${FREE_CHAT_ROOT} .dsm-model-choice .dsh-model-menu-triggerLabel {
   flex: 1;
-  text-align: left;
-}
-.${FREE_CHAT_ROOT} .dsm-settings-footer .dsh-ui-notice--error {
-  flex: 0 0 100%;
   min-width: 0;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .${FREE_CHAT_ROOT} .dsm-minutes-control {
   display: flex;
@@ -1960,10 +2286,7 @@ ${modelMenuCss}
   gap: 8px;
 }
 .${FREE_CHAT_ROOT} .dsm-minutes { width: 88px; }
-@media (max-width: 560px) {
-  .${FREE_CHAT_ROOT} .dsm-ghost-controls { grid-template-columns: minmax(0, 1fr); }
-  .${FREE_CHAT_ROOT} .dsm-compact-options { max-width: none; }
-}
+.${FREE_CHAT_ROOT} .dsm-text-input { max-width: 320px; }
 /* Welcome-back card: one flat full-width row at the latest turn's tail in the
  * chat flow — a single bordered surface with the recap laid out inline, no
  * nested box. */
@@ -3219,6 +3542,19 @@ async function callContinueSuggest(host, sessionId, knownSeq, signal) {
 		...value?.fallback === true ? { fallback: true } : {}
 	};
 }
+/**
+* A host that predates the agent-action flags returns a config view without
+* them, and a malformed one may carry a non-boolean. Both normalize to
+* false: an absent or unusable flag must never read as granted. Only a real
+* boolean true keeps the permission on.
+*/
+function normalizeConfigView(view) {
+	return {
+		...view,
+		allowSelfFork: view.allowSelfFork === true,
+		allowSendMessage: view.allowSendMessage === true
+	};
+}
 function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))) {
 	const events = store();
 	const lifetime = new AbortController();
@@ -3229,6 +3565,8 @@ function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) =
 	let failure;
 	let snapshot = build();
 	let readGeneration = 0;
+	/** Several settings rows share this model; collapse concurrent reads into one call. */
+	let inflightLoad;
 	function build() {
 		return {
 			phase,
@@ -3254,23 +3592,29 @@ function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) =
 			return view[key] === value;
 		});
 	}
+	async function doLoad() {
+		const generation = ++readGeneration;
+		try {
+			const view = await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal);
+			if (lifetime.signal.aborted || generation !== readGeneration) return;
+			values = normalizeConfigView(view);
+			phase = "ready";
+			failure = void 0;
+		} catch (error) {
+			if (lifetime.signal.aborted || generation !== readGeneration) return;
+			phase = "unavailable";
+			failure = readFailure(error);
+		}
+		publish();
+	}
 	return {
 		subscribe: events.subscribe,
 		getSnapshot: () => snapshot,
-		async load() {
-			const generation = ++readGeneration;
-			try {
-				const view = await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal);
-				if (lifetime.signal.aborted || generation !== readGeneration) return;
-				values = view;
-				phase = "ready";
-				failure = void 0;
-			} catch (error) {
-				if (lifetime.signal.aborted || generation !== readGeneration) return;
-				phase = "unavailable";
-				failure = readFailure(error);
-			}
-			publish();
+		load() {
+			inflightLoad ??= doLoad().finally(() => {
+				inflightLoad = void 0;
+			});
+			return inflightLoad;
 		},
 		async save(patch) {
 			if (saving || lifetime.signal.aborted) return;
@@ -3287,14 +3631,14 @@ function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) =
 					await delay(400);
 					let view;
 					try {
-						view = await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal);
+						view = normalizeConfigView(await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal));
 					} catch (error) {
 						if (lifetime.signal.aborted || attempt === 9) throw error;
 						continue;
 					}
 					if (same(view, patch)) {
 						++readGeneration;
-						values = view;
+						values = normalizeConfigView(view);
 						phase = "ready";
 						saved = true;
 						saving = false;
@@ -3806,6 +4150,95 @@ function registerSessionSettingsItem(ctx, item, component) {
 	};
 }
 //#endregion
+//#region ../dsh-plugin-kit/src/model-picker.tsx
+/**
+* Optional shared model picker (`klarkxy.model-picker` Factory).
+*
+* `@klarkxy/dsh-model-picker`, when installed, registers one root-scoped
+* Component Factory under `MODEL_PICKER_FACTORY`: an enhanced model menu with
+* a searchable provider-grouped list and a reasoning-effort slider, built on
+* the same ModelMenu recipe. Consumers keep their own ModelMenu as the
+* `fallback`; when no definition is registered the renderer resolves that
+* fallback verbatim, so the shared picker is strictly opt-in and every saved
+* value keeps its existing write path.
+*
+* `renderFactorySlot` is a framework-composed prop, never a context: the
+* component a plugin registers into any slot receives it automatically, but
+* the plugin must pass it down to whichever child renders the menu (or to the
+* render callback handed to registerSessionSettingsItem).
+*
+* The Factory manages its own open state; a consumer's `open`/`onOpenChange`
+* pair belongs to the fallback menu only and must not be fed to both.
+*/
+/**
+* The trigger every consumer used to hand its own ModelMenu, rebuilt as the
+* factory's `anchor` local component: identical classes and chevron, the menu
+* state coming from the occurrence's props instead of local open state.
+*
+* `ariaLabel` and `title` are the whole accessible name and tooltip (the
+* caller formats "field: current route" itself because the factory's resolved
+* caption may intentionally be a short name). The component identity stays
+* put across label changes — a new function would unmount the trigger, and
+* its cleanup would close a menu that `closeOnPick={false}` is keeping open.
+* The latest label, title, and `onClose` are read from refs.
+*/
+function useModelMenuAnchor(ariaLabel, title, onClose) {
+	const closeRef = (0, react.useRef)(onClose);
+	const labelRef = (0, react.useRef)(ariaLabel);
+	const titleRef = (0, react.useRef)(title);
+	closeRef.current = onClose;
+	labelRef.current = ariaLabel;
+	titleRef.current = title;
+	return (0, react.useMemo)(() => {
+		const ModelPickerTrigger = (props) => {
+			(0, react.useEffect)(() => () => closeRef.current?.(), []);
+			const record = props;
+			const injected = {};
+			for (const [key, value] of Object.entries(record)) if (key.startsWith("aria-")) injected[key] = value;
+			const extraClass = typeof record.className === "string" ? ` ${record.className}` : "";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: `dsh-model-menu-trigger${extraClass}`,
+				disabled: props.disabled,
+				"aria-haspopup": "menu",
+				"aria-expanded": props.open,
+				...injected,
+				"aria-label": labelRef.current,
+				title: titleRef.current,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-triggerLabel",
+						children: props.label
+					}),
+					props.effortLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-triggerEffort",
+						children: props.effortLabel
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${props.open ? " dsh-model-menu-chevronOpen" : ""}` })
+				]
+			});
+		};
+		return ModelPickerTrigger;
+	}, []);
+}
+/**
+* Render the shared model picker while it is registered; `options.fallback`
+* whenever it is not (plugin absent, disabled, or unloaded).
+*
+* `options.anchor` is optional: the factory ships a default trigger, so only
+* consumers that need their own chrome (custom aria-label, tooltip, class)
+* pass one built with {@link useModelMenuAnchor}. The returned node is never
+* assumed to be the factory's own output — a defensive `?? fallback` covers a
+* renderer that yields null for an unregistered definition.
+*/
+function renderModelPicker(renderFactorySlot, props, options) {
+	if (typeof renderFactorySlot !== "function") return options.fallback;
+	return renderFactorySlot("klarkxy.model-picker", props, {
+		...options.anchor ? { slots: { ["anchor"]: options.anchor } } : {},
+		fallback: options.fallback
+	}) ?? options.fallback;
+}
+//#endregion
 //#region ../dsh-plugin-kit/src/model-settings-client.ts
 /** This stream carries invalidations only; ready is never a settings snapshot. */
 function parseModelSettingsChangeFrame(value) {
@@ -4051,7 +4484,7 @@ async function callAuxiliaryRpc(client, endpoint, payload = {}) {
 * The shared card. All state comes from the shared host service over the
 * plugin-kit RPC channel; the card only renders the stored row.
 */
-function AuxiliaryModelCard({ client, subscribe }) {
+function AuxiliaryModelCard({ client, subscribe, renderFactorySlot }) {
 	const language = useAuxiliaryLocale(client);
 	const text = auxiliaryCopy[language];
 	const [settings, setSettings] = (0, react.useState)();
@@ -4172,6 +4605,17 @@ function AuxiliaryModelCard({ client, subscribe }) {
 		refreshCatalog
 	]);
 	const locked = busy;
+	const current = settings?.model ?? {
+		provider: "",
+		model: ""
+	};
+	const follow = !current.provider || !current.model;
+	const selected = follow ? void 0 : choices.find((item) => item.provider === current.provider && item.model === current.model);
+	const efforts = follow ? [] : modelMenuEffortOptions(selected, current.reasoningEffort);
+	const currentLabel = follow ? text.modelDefault : selected?.label ?? `${current.provider} / ${current.model}`;
+	const selectedEffort = efforts.find((item) => item.id === (current.reasoningEffort || ""));
+	const effortName = selectedEffort ? modelMenuEffortLabel(selectedEffort, language) : void 0;
+	const anchor = useModelMenuAnchor(`${text.model}: ${settings ? currentLabel : ""}`, void 0, () => setMenuOpen(false));
 	if (!settings) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: "ams-root dsh-ui-card",
 		"data-testid": "auxiliary-model-settings",
@@ -4210,16 +4654,6 @@ function AuxiliaryModelCard({ client, subscribe }) {
 			})
 		]
 	});
-	const current = settings.model ?? {
-		provider: "",
-		model: ""
-	};
-	const follow = !current.provider || !current.model;
-	const selected = follow ? void 0 : choices.find((item) => item.provider === current.provider && item.model === current.model);
-	const efforts = follow ? [] : modelMenuEffortOptions(selected, current.reasoningEffort);
-	const currentLabel = follow ? text.modelDefault : selected?.label ?? `${current.provider} / ${current.model}`;
-	const selectedEffort = efforts.find((item) => item.id === (current.reasoningEffort || ""));
-	const effortName = selectedEffort ? modelMenuEffortLabel(selectedEffort, language) : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: "ams-root dsh-ui-card",
 		"data-testid": "auxiliary-model-settings",
@@ -4243,28 +4677,12 @@ function AuxiliaryModelCard({ client, subscribe }) {
 						state: catalogState,
 						locale: language
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+					renderModelPicker(renderFactorySlot, {
 						locale: language,
-						open: menuOpen && !locked,
+						disabled: locked,
+						busy: locked,
 						onOpenChange: (next) => setMenuOpen(next && !locked),
 						listClassName: "ams-root ams-menu-portal",
-						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: "dsh-model-menu-trigger",
-							disabled: locked,
-							"aria-label": `${text.model}: ${currentLabel}`,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-model-menu-triggerLabel",
-									children: currentLabel
-								}),
-								!follow && efforts.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-model-menu-triggerEffort",
-									children: effortName ?? text.effortDefault
-								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${menuOpen && !locked ? " dsh-model-menu-chevronOpen" : ""}` })
-							]
-						}),
 						choices,
 						selected: follow ? void 0 : {
 							provider: current.provider,
@@ -4287,9 +4705,61 @@ function AuxiliaryModelCard({ client, subscribe }) {
 							model: current.model,
 							...effort ? { reasoningEffort: effort } : {}
 						}),
+						triggerLabel: currentLabel,
+						triggerEffortLabel: !follow && efforts.length ? effortName ?? text.effortDefault : void 0,
 						modelLabel: text.model,
 						modelValue: currentLabel,
 						defaultEffortLabel: text.effortDefault
+					}, {
+						anchor,
+						fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+							locale: language,
+							open: menuOpen && !locked,
+							onOpenChange: (next) => setMenuOpen(next && !locked),
+							listClassName: "ams-root ams-menu-portal",
+							anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-model-menu-trigger",
+								disabled: locked,
+								"aria-label": `${text.model}: ${currentLabel}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-model-menu-triggerLabel",
+										children: currentLabel
+									}),
+									!follow && efforts.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-model-menu-triggerEffort",
+										children: effortName ?? text.effortDefault
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${menuOpen && !locked ? " dsh-model-menu-chevronOpen" : ""}` })
+								]
+							}),
+							choices,
+							selected: follow ? void 0 : {
+								provider: current.provider,
+								model: current.model
+							},
+							onPick: (picked) => save({
+								provider: picked.provider,
+								model: picked.model
+							}),
+							leading: [{
+								id: "default",
+								label: text.modelDefault,
+								selected: follow
+							}],
+							onPickLeading: () => save(null),
+							efforts,
+							selectedEffort: current.reasoningEffort || "",
+							onPickEffort: (effort) => save(follow ? null : {
+								provider: current.provider,
+								model: current.model,
+								...effort ? { reasoningEffort: effort } : {}
+							}),
+							modelLabel: text.model,
+							modelValue: currentLabel,
+							defaultEffortLabel: text.effortDefault
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-ui-hint",
@@ -4391,9 +4861,10 @@ function acquireAuxiliaryModelCard(root, ctx) {
 	let unprovide;
 	const watchLease = acquireWatchCoordinator(root).mount();
 	const subscriber = createModelSettingsSubscriber(ctx.root, AUXILIARY_MODEL_PACKAGE, AUXILIARY_MODEL_CHANGES_IDENTITY, (ns) => ns === AUXILIARY_MODEL_NS);
-	const render = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuxiliaryModelCard, {
+	const render = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuxiliaryModelCard, {
 		client: root,
-		subscribe: subscriber.subscribe
+		subscribe: subscriber.subscribe,
+		renderFactorySlot: props.renderFactorySlot
 	});
 	const service = {
 		retain() {
@@ -4690,24 +5161,6 @@ function WelcomeBackCard(props) {
 }
 //#endregion
 //#region src/settings-panel.tsx
-function toDraft(values) {
-	const recapEnabled = values.recapMinutes > 0;
-	const compactEnabled = values.compactMinutes > 0;
-	return {
-		recapEnabled,
-		recapMinutes: String(recapEnabled ? values.recapMinutes : 15),
-		compactEnabled,
-		compactMinutes: String(compactEnabled ? values.compactMinutes : 60),
-		continueText: values.continueText,
-		continueMode: values.continueMode,
-		autoContinueMode: values.autoContinueMode,
-		autoContinueMax: String(values.autoContinueMax),
-		model: values.model === null ? "" : modelRouteKey(values.model.provider, values.model.model),
-		ghostModel: values.ghostModel === null ? "" : modelRouteKey(values.ghostModel.provider, values.ghostModel.model),
-		judgeModel: values.judgeModel === null ? "" : modelRouteKey(values.judgeModel.provider, values.judgeModel.model),
-		handoffModel: values.handoffModel === null ? "" : modelRouteKey(values.handoffModel.provider, values.handoffModel.model)
-	};
-}
 /** Enabled thresholds are whole minutes of at least 1. 0 stays the stored "off" value and is not a valid enabled draft. */
 function minutesOf(text) {
 	if (!/^[1-9]\d*$/.test(text.trim())) return void 0;
@@ -4720,624 +5173,649 @@ function autoMaxOf(text) {
 	const value = Number.parseInt(text.trim(), 10);
 	return Number.isSafeInteger(value) && value >= 1 && value <= 10 ? value : void 0;
 }
-function sameDraft(left, right) {
-	return left.recapEnabled === right.recapEnabled && left.recapMinutes === right.recapMinutes && left.compactEnabled === right.compactEnabled && left.compactMinutes === right.compactMinutes && left.continueText === right.continueText && left.continueMode === right.continueMode && left.autoContinueMode === right.autoContinueMode && left.autoContinueMax === right.autoContinueMax && left.model === right.model && left.ghostModel === right.ghostModel && left.judgeModel === right.judgeModel && left.handoffModel === right.handoffModel;
-}
 const missingCatalog = async () => {
 	throw new Error("Model catalog service unavailable");
 };
-/** The bundle config page: edits the cordis plugin config through the host config editor. */
-function SessionManagerSettings(props) {
-	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, props.model.getSnapshot, props.model.getSnapshot);
-	const [draft, setDraft] = (0, react.useState)(void 0);
-	const catalog = useModelCatalog(props.modelCatalog ?? missingCatalog, { subscribe: props.subscribeCatalog });
-	const [menuOpen, setMenuOpen] = (0, react.useState)(false);
-	const [ghostMenuOpen, setGhostMenuOpen] = (0, react.useState)(false);
-	const [judgeMenuOpen, setJudgeMenuOpen] = (0, react.useState)(false);
-	const [handoffMenuOpen, setHandoffMenuOpen] = (0, react.useState)(false);
-	const [externalChange, setExternalChange] = (0, react.useState)(false);
-	const dirty = (0, react.useRef)(false);
-	const baseline = (0, react.useRef)();
-	const tabsId = (0, react.useId)();
-	const copy = (key) => uiText(props.locale, key);
-	const edit = (next) => {
-		dirty.current = true;
-		setDraft(next);
+function copy(locale, key) {
+	return uiText(locale, key);
+}
+const writers = /* @__PURE__ */ new WeakMap();
+function writerFor(model) {
+	let writer = writers.get(model);
+	if (writer !== void 0) return writer;
+	let queue;
+	const flush = () => {
+		if (queue === void 0 || model.getSnapshot().saving) return;
+		const patch = queue;
+		queue = void 0;
+		model.save(patch).finally(flush);
 	};
+	writer = {
+		lastRow: void 0,
+		send(patch, row) {
+			writer.lastRow = row;
+			queue = {
+				...queue,
+				...patch
+			};
+			flush();
+		}
+	};
+	writers.set(model, writer);
+	return writer;
+}
+function useConfigPatch(model) {
+	const row = (0, react.useRef)(Symbol("row")).current;
+	const writer = writerFor(model);
+	return {
+		send: (0, react.useCallback)((patch) => writer.send(patch, row), [writer, row]),
+		owns: () => writer.lastRow === row
+	};
+}
+/**
+* One controlled text/number input bound to a stored string. The draft follows
+* external writes only while untouched — a focused, edited draft is never
+* wiped by a settings reload. The commit runs on blur and Enter: valid input
+* normalizes and saves when it differs; invalid input keeps the draft and its
+* inline error and is never written.
+*/
+function useTextSetting(props) {
+	const [draft, setDraft] = (0, react.useState)(props.stored);
+	const seen = (0, react.useRef)(props.stored);
+	const touched = (0, react.useRef)(false);
 	(0, react.useEffect)(() => {
-		if (snapshot.phase === "loading") props.model.load();
-	}, [props.model, snapshot.phase]);
-	(0, react.useEffect)(() => {
-		if (snapshot.values === void 0) return;
-		const next = toDraft(snapshot.values);
+		if (props.stored === seen.current) return;
+		seen.current = props.stored;
 		setDraft((current) => {
-			if (dirty.current && (current === void 0 || !sameDraft(current, next))) return current;
-			dirty.current = false;
-			baseline.current = next;
-			return next;
+			if (touched.current && current !== props.stored) return current;
+			touched.current = false;
+			return props.stored;
 		});
-		setExternalChange(dirty.current);
-	}, [snapshot.values]);
-	(0, react.useEffect)(() => props.subscribeSettings?.(() => {
-		props.model.load();
-		catalog.refresh();
-	}) ?? (() => {}), [
-		props.model,
-		props.subscribeSettings,
-		catalog.refresh
+	}, [props.stored]);
+	const commit = (0, react.useCallback)(() => {
+		const parsed = props.parse(draft);
+		if (parsed === void 0) return;
+		setDraft(parsed.draft);
+		if (parsed.draft === seen.current) {
+			touched.current = false;
+			return;
+		}
+		props.send(parsed.value);
+	}, [
+		draft,
+		props.parse,
+		props.send
 	]);
-	if (snapshot.phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: `${FREE_CHAT_ROOT} dsh-ui-loading`,
-		children: copy("settingsLoading")
+	return {
+		draft,
+		invalid: props.parse(draft) === void 0,
+		inputProps: {
+			value: draft,
+			onChange: (event) => {
+				touched.current = true;
+				setDraft(event.target.value);
+			},
+			onBlur: commit,
+			onKeyDown: (event) => {
+				if (event.key === "Enter") commit();
+			}
+		}
+	};
+}
+/** Per-row write status: one line under the controls, only while it has something to say. */
+function SaveStatus(props) {
+	const { snapshot, locale } = props;
+	if (!props.owns()) return null;
+	if (snapshot.saving) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "dsh-ui-notice",
+		role: "status",
+		children: copy(locale, "settingsSaving")
 	});
-	if (snapshot.phase === "unavailable" || draft === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: `${FREE_CHAT_ROOT} dsh-ui-error`,
+	if (snapshot.failure) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "dsh-ui-notice dsh-ui-notice--error",
 		role: "alert",
-		children: snapshot.failure ? failureText(props.locale, snapshot.failure) : copy("settingsUnavailable")
+		children: failureText(locale, snapshot.failure)
 	});
-	const selectedRoute = parseModelRouteKey(draft.model);
-	const ghostRoute = parseModelRouteKey(draft.ghostModel);
-	const judgeRoute = parseModelRouteKey(draft.judgeModel);
-	const handoffRoute = parseModelRouteKey(draft.handoffModel);
-	const selectableChoices = parseModelMenuChoices(catalog.catalog);
-	for (const bound of [
-		selectedRoute,
-		ghostRoute,
-		judgeRoute,
-		handoffRoute
-	]) if (bound && !selectableChoices.some((choice) => choice.provider === bound.provider && choice.model === bound.model)) selectableChoices.push({
-		provider: bound.provider,
-		model: bound.model,
-		label: `${bound.provider} / ${bound.model}`,
-		efforts: []
+	if (snapshot.saved) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "dsh-ui-notice",
+		role: "status",
+		children: copy(locale, "settingsSaved")
 	});
-	const routeLabel = (key) => selectableChoices.find((choice) => modelRouteKey(choice.provider, choice.model) === key)?.label ?? copy("modelFollowOption");
-	const selectedLabel = routeLabel(draft.model);
-	const ghostLabel = routeLabel(draft.ghostModel);
-	const judgeLabel = routeLabel(draft.judgeModel);
-	const handoffLabel = routeLabel(draft.handoffModel);
-	const recapMinutes = draft.recapEnabled ? minutesOf(draft.recapMinutes) : 0;
-	const compactMinutes = draft.compactEnabled ? minutesOf(draft.compactMinutes) : 0;
-	const autoContinueMax = autoMaxOf(draft.autoContinueMax);
-	const recapInvalid = recapMinutes === void 0;
-	const compactInvalid = compactMinutes === void 0;
-	const autoMaxInvalid = autoContinueMax === void 0;
-	const invalid = recapInvalid || compactInvalid || autoMaxInvalid;
-	const fixedPanelId = `${tabsId}-fixed-panel`;
-	const autoPanelId = `${tabsId}-auto-panel`;
-	const save = () => {
-		if (invalid) return;
-		const routePatch = (key) => {
-			if (draft[key] === baseline.current?.[key]) return {};
-			const parsed = parseModelRouteKey(draft[key]);
-			return { [key]: parsed === void 0 ? null : {
-				provider: parsed.provider,
-				model: parsed.model
-			} };
-		};
-		setExternalChange(false);
-		props.model.save({
-			recapMinutes,
-			compactMinutes,
-			continueText: draft.continueText,
-			continueMode: draft.continueMode,
-			autoContinueMode: draft.autoContinueMode,
-			autoContinueMax,
-			...routePatch("model"),
-			...routePatch("ghostModel"),
-			...routePatch("judgeModel"),
-			...routePatch("handoffModel")
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `${FREE_CHAT_ROOT} dsh-ui-page`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "dsm-settings",
+	return null;
+}
+/** Shared loading/unavailable body: every row reads the same config snapshot. */
+function useRowGate(props) {
+	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, props.model.getSnapshot, props.model.getSnapshot);
+	(0, react.useEffect)(() => {
+		if (snapshot.phase === "loading") props.model.load();
+	}, [props.model, snapshot.phase]);
+	if (snapshot.phase === "loading") return {
+		snapshot,
+		gate: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "dsh-ui-loading",
+			children: copy(props.locale, "settingsLoading")
+		})
+	};
+	if (snapshot.phase === "unavailable" || snapshot.values === void 0) return {
+		snapshot,
+		gate: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "dsh-ui-error",
+			role: "alert",
+			children: snapshot.failure ? failureText(props.locale, snapshot.failure) : copy(props.locale, "settingsUnavailable")
+		})
+	};
+	return {
+		snapshot,
+		values: snapshot.values
+	};
+}
+/** 输入框建议 / Composer suggestion row. */
+function ComposerSettings(props) {
+	const { snapshot, values, gate } = useRowGate(props);
+	const { send, owns } = useConfigPatch(props.model);
+	const tabsId = (0, react.useId)();
+	const field = useTextSetting({
+		stored: values?.continueText ?? "",
+		parse: (draft) => ({
+			value: draft.trim(),
+			draft: draft.trim()
+		}),
+		send: (0, react.useCallback)((value) => send({ continueText: value }), [send])
+	});
+	if (gate !== void 0 || values === void 0) return gate ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	const fixedPanelId = `${tabsId}-fixed-panel`;
+	const autoPanelId = `${tabsId}-auto-panel`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "dsm-settings",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsm-feature",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "dsm-setting",
-					"aria-labelledby": `${tabsId}-ghost-heading`,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-							className: "dsm-setting-header",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-								id: `${tabsId}-ghost-heading`,
-								className: "dsh-ui-title",
-								children: copy("settingsMode")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsh-ui-hint",
-								children: copy("settingsModeHint")
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsm-ghost-controls",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-ui-field",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-label",
-										children: copy("continueSourceLabel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
-										label: copy("continueSourceLabel"),
-										items: [{
-											id: `${tabsId}-fixed`,
-											panelId: fixedPanelId,
-											value: "fixed",
-											label: copy("modeFixed")
-										}, {
-											id: `${tabsId}-auto`,
-											panelId: autoPanelId,
-											value: "auto",
-											label: copy("modeAuto")
-										}],
-										value: draft.continueMode,
-										onChange: (value) => edit({
-											...draft,
-											continueMode: value
-										})
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									role: "tabpanel",
-									id: fixedPanelId,
-									"aria-labelledby": `${tabsId}-fixed`,
-									hidden: draft.continueMode !== "fixed",
-									children: draft.continueMode === "fixed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										className: "dsh-ui-field",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ui-label",
-											children: copy("continueTextLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-											className: "dsm-ghost-input",
-											value: draft.continueText,
-											placeholder: copy("continueTextPlaceholder"),
-											onChange: (event) => edit({
-												...draft,
-												continueText: event.target.value
-											})
-										})]
-									}) : null
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									role: "tabpanel",
-									id: autoPanelId,
-									"aria-labelledby": `${tabsId}-auto`,
-									hidden: draft.continueMode !== "auto",
-									children: draft.continueMode === "auto" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsh-ui-field dsm-model-field",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ui-label",
-											children: copy("ghostModelLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
-											locale: props.locale,
-											open: ghostMenuOpen,
-											onOpenChange: setGhostMenuOpen,
-											listClassName: FREE_CHAT_ROOT,
-											anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "dsh-model-menu-trigger",
-												"aria-label": `${copy("ghostModelLabel")}: ${ghostLabel}`,
-												"aria-haspopup": "menu",
-												"aria-expanded": ghostMenuOpen,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsh-model-menu-triggerLabel",
-													children: ghostLabel
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${ghostMenuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
-											}),
-											choices: selectableChoices,
-											selected: ghostRoute,
-											onPick: (route) => edit({
-												...draft,
-												ghostModel: modelRouteKey(route.provider, route.model)
-											}),
-											leading: [{
-												id: "follow",
-												label: copy("modelFollowOption"),
-												selected: !ghostRoute
-											}],
-											onPickLeading: () => edit({
-												...draft,
-												ghostModel: ""
-											}),
-											modelValue: ghostLabel
-										})]
-									}) : null
-								})
-							]
-						}),
-						draft.continueMode === "auto" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "dsh-ui-hint",
-							children: copy("ghostModelHint")
-						}) : null
-					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "dsm-setting",
-					"aria-labelledby": `${tabsId}-auto-continue-heading`,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-						className: "dsm-setting-header",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-							id: `${tabsId}-auto-continue-heading`,
-							className: "dsh-ui-title",
-							children: copy("autoContinueGroup")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsm-feature-options",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: "dsh-ui-field",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-label",
-										children: copy("autoContinueDefaultLabel")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: "dsh-ui-select",
-										value: draft.autoContinueMode,
-										onChange: (event) => edit({
-											...draft,
-											autoContinueMode: event.target.value
-										}),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "off",
-												children: copy("autoContinueOff")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "cautious",
-												children: copy("autoContinueCautious")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "bold",
-												children: copy("autoContinueBold")
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-hint",
-										children: copy("autoContinueDefaultHint")
-									})
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsh-ui-field",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-label",
-										children: copy("autoContinueMaxLabel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsm-minutes-control",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-											className: "dsm-minutes",
-											value: draft.autoContinueMax,
-											inputMode: "numeric",
-											"aria-invalid": autoMaxInvalid || void 0,
-											"aria-describedby": autoMaxInvalid ? `${tabsId}-auto-max-error` : void 0,
-											onChange: (event) => edit({
-												...draft,
-												autoContinueMax: event.target.value
-											})
-										})
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-ui-hint",
-									children: copy("autoContinueMaxHint")
-								}),
-								autoMaxInvalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									id: `${tabsId}-auto-max-error`,
-									className: "dsh-ui-error",
-									role: "alert",
-									children: copy("autoContinueMaxInvalid")
-								}) : null
-							] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsh-ui-field dsm-model-field",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-label",
-										children: copy("judgeModelLabel")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
-										locale: props.locale,
-										open: judgeMenuOpen,
-										onOpenChange: setJudgeMenuOpen,
-										listClassName: FREE_CHAT_ROOT,
-										anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											className: "dsh-model-menu-trigger",
-											"aria-label": `${copy("judgeModelLabel")}: ${judgeLabel}`,
-											"aria-haspopup": "menu",
-											"aria-expanded": judgeMenuOpen,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsh-model-menu-triggerLabel",
-												children: judgeLabel
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${judgeMenuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
-										}),
-										choices: selectableChoices,
-										selected: judgeRoute,
-										onPick: (route) => edit({
-											...draft,
-											judgeModel: modelRouteKey(route.provider, route.model)
-										}),
-										leading: [{
-											id: "follow",
-											label: copy("modelFollowOption"),
-											selected: !judgeRoute
-										}],
-										onPickLeading: () => edit({
-											...draft,
-											judgeModel: ""
-										}),
-										modelValue: judgeLabel
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-hint",
-										children: copy("judgeModelHint")
-									})
-								]
-							})
-						]
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-ui-field",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-label",
+						children: copy(props.locale, "continueSourceLabel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+						label: copy(props.locale, "continueSourceLabel"),
+						items: [{
+							id: `${tabsId}-fixed`,
+							panelId: fixedPanelId,
+							value: "fixed",
+							label: copy(props.locale, "modeFixed")
+						}, {
+							id: `${tabsId}-auto`,
+							panelId: autoPanelId,
+							value: "auto",
+							label: copy(props.locale, "modeAuto")
+						}],
+						value: values.continueMode,
+						onChange: (value) => {
+							if (value !== values.continueMode) send({ continueMode: value });
+						}
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "dsm-setting",
-					"aria-labelledby": `${tabsId}-handoff-heading`,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-						className: "dsm-setting-header",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-							id: `${tabsId}-handoff-heading`,
-							className: "dsh-ui-title",
-							children: copy("handoffGroup")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dsm-feature-options",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsh-ui-field dsm-model-field",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ui-label",
-									children: copy("handoffModelLabel")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
-									locale: props.locale,
-									open: handoffMenuOpen,
-									onOpenChange: setHandoffMenuOpen,
-									listClassName: FREE_CHAT_ROOT,
-									anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										type: "button",
-										className: "dsh-model-menu-trigger",
-										"aria-label": `${copy("handoffModelLabel")}: ${handoffLabel}`,
-										"aria-haspopup": "menu",
-										"aria-expanded": handoffMenuOpen,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-model-menu-triggerLabel",
-											children: handoffLabel
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${handoffMenuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
-									}),
-									choices: selectableChoices,
-									selected: handoffRoute,
-									onPick: (route) => edit({
-										...draft,
-										handoffModel: modelRouteKey(route.provider, route.model)
-									}),
-									leading: [{
-										id: "follow",
-										label: copy("modelFollowOption"),
-										selected: !handoffRoute
-									}],
-									onPickLeading: () => edit({
-										...draft,
-										handoffModel: ""
-									}),
-									modelValue: handoffLabel
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ui-hint",
-									children: copy("handoffModelHint")
-								})
-							]
-						})
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					role: "tabpanel",
+					id: fixedPanelId,
+					"aria-labelledby": `${tabsId}-fixed`,
+					hidden: values.continueMode !== "fixed",
+					children: values.continueMode === "fixed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "dsh-ui-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-label",
+							children: copy(props.locale, "continueTextLabel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							className: "dsm-text-input",
+							placeholder: copy(props.locale, "continueTextPlaceholder"),
+							...field.inputProps
+						})]
+					}) : null
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					role: "tabpanel",
+					id: autoPanelId,
+					"aria-labelledby": `${tabsId}-auto`,
+					hidden: values.continueMode !== "auto",
+					children: values.continueMode === "auto" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelField, {
+						...props,
+						field: "ghostModel",
+						labelKey: "ghostModelLabel",
+						route: values.ghostModel,
+						send
+					}) : null
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, "composerUsageHint")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveStatus, {
+					snapshot,
+					locale: props.locale,
+					owns
+				})
+			]
+		})
+	});
+}
+/** 自动继续 / Auto-continue row. */
+function AutoContinueSettings(props) {
+	const { snapshot, values, gate } = useRowGate(props);
+	const { send, owns } = useConfigPatch(props.model);
+	const errorId = (0, react.useId)();
+	const field = useTextSetting({
+		stored: String(values?.autoContinueMax ?? ""),
+		parse: (draft) => {
+			const value = autoMaxOf(draft);
+			return value === void 0 ? void 0 : {
+				value,
+				draft: String(value)
+			};
+		},
+		send: (0, react.useCallback)((value) => send({ autoContinueMax: value }), [send])
+	});
+	if (gate !== void 0 || values === void 0) return gate ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "dsm-settings",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsm-feature",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "dsh-ui-field",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-label",
+						children: copy(props.locale, "autoContinueMaxLabel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+						className: "dsm-minutes",
+						inputMode: "numeric",
+						"aria-invalid": field.invalid || void 0,
+						"aria-describedby": field.invalid ? `${errorId}-max-error` : void 0,
+						...field.inputProps
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "dsm-setting",
-					"aria-labelledby": `${tabsId}-return-heading`,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-							className: "dsm-setting-header",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-								id: `${tabsId}-return-heading`,
-								className: "dsh-ui-title",
-								children: copy("welcomeBackGroup")
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsm-feature",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsh-ui-toggle-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dsh-ui-toggle-text",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-toggle-label",
-										children: copy("recapEnabledLabel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-hint",
-										children: copy("recapEnabledHint")
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-									label: copy("recapEnabledLabel"),
-									checked: draft.recapEnabled,
-									onChange: (next) => edit({
-										...draft,
-										recapEnabled: next
-									})
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-feature-options",
-								"data-disabled": draft.recapEnabled ? void 0 : "true",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-ui-fields-grid",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										className: "dsh-ui-field",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ui-label",
-											children: copy("recapMinutesLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: "dsm-minutes-control",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-												className: "dsm-minutes",
-												value: draft.recapMinutes,
-												inputMode: "numeric",
-												disabled: !draft.recapEnabled,
-												"aria-invalid": recapInvalid || void 0,
-												"aria-describedby": recapInvalid ? `${tabsId}-recap-error` : void 0,
-												onChange: (event) => edit({
-													...draft,
-													recapMinutes: event.target.value
-												})
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsh-ui-meta",
-												children: copy("minutesUnit")
-											})]
-										})]
-									}), recapInvalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										id: `${tabsId}-recap-error`,
-										className: "dsh-ui-error",
-										role: "alert",
-										children: copy("minutesInvalid")
-									}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsh-ui-field dsm-model-field",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ui-label",
-											children: copy("modelLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
-											locale: props.locale,
-											open: menuOpen,
-											onOpenChange: setMenuOpen,
-											listClassName: FREE_CHAT_ROOT,
-											anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "dsh-model-menu-trigger",
-												disabled: !draft.recapEnabled,
-												"aria-label": `${copy("modelLabel")}: ${selectedLabel}`,
-												"aria-haspopup": "menu",
-												"aria-expanded": menuOpen,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsh-model-menu-triggerLabel",
-													children: selectedLabel
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${menuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
-											}),
-											choices: selectableChoices,
-											selected: selectedRoute,
-											onPick: (route) => edit({
-												...draft,
-												model: modelRouteKey(route.provider, route.model)
-											}),
-											leading: [{
-												id: "follow",
-												label: copy("modelFollowOption"),
-												selected: !selectedRoute
-											}],
-											onPickLeading: () => edit({
-												...draft,
-												model: ""
-											}),
-											modelValue: selectedLabel
-										})]
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
-									state: catalog,
-									locale: props.locale
-								})]
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsm-feature",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsh-ui-toggle-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dsh-ui-toggle-text",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-toggle-label",
-										children: copy("compactEnabledLabel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-hint",
-										children: copy("compactEnabledHint")
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-									label: copy("compactEnabledLabel"),
-									checked: draft.compactEnabled,
-									onChange: (next) => edit({
-										...draft,
-										compactEnabled: next
-									})
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-feature-options dsm-compact-options",
-								"data-disabled": draft.compactEnabled ? void 0 : "true",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsh-ui-field",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ui-label",
-										children: copy("compactMinutesLabel")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "dsm-minutes-control",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-											className: "dsm-minutes",
-											value: draft.compactMinutes,
-											inputMode: "numeric",
-											disabled: !draft.compactEnabled,
-											"aria-invalid": compactInvalid || void 0,
-											"aria-describedby": compactInvalid ? `${tabsId}-compact-error` : void 0,
-											onChange: (event) => edit({
-												...draft,
-												compactMinutes: event.target.value
-											})
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-ui-meta",
-											children: copy("minutesUnit")
-										})]
-									})]
-								}), compactInvalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									id: `${tabsId}-compact-error`,
-									className: "dsh-ui-error",
-									role: "alert",
-									children: copy("minutesInvalid")
-								}) : null] })
-							})]
-						})
-					]
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, "autoContinueMaxHint")
+				}),
+				field.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					id: `${errorId}-max-error`,
+					className: "dsh-ui-error",
+					role: "alert",
+					children: copy(props.locale, "autoContinueMaxInvalid")
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelField, {
+					...props,
+					field: "judgeModel",
+					labelKey: "judgeModelLabel",
+					route: values.judgeModel,
+					send
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, "judgeModelHint")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, "autoContinueModeHint")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveStatus, {
+					snapshot,
+					locale: props.locale,
+					owns
 				})
 			]
+		})
+	});
+}
+/** One return-feature block: a switch row and its gated "away for N minutes" input. */
+function ThresholdBlock(props) {
+	const enabled = (props.minutes ?? 0) > 0;
+	const errorId = (0, react.useId)();
+	const input = useTextSetting({
+		stored: String(enabled ? props.minutes : props.fallback),
+		parse: (draft) => {
+			const value = minutesOf(draft);
+			return value === void 0 ? void 0 : {
+				value,
+				draft: String(value)
+			};
+		},
+		send: (0, react.useCallback)((value) => props.send({ [props.field]: value }), [props.send, props.field])
+	});
+	const toggle = (next) => {
+		if (next === enabled) return;
+		if (!next) {
+			props.send({ [props.field]: 0 });
+			return;
+		}
+		props.send({ [props.field]: minutesOf(input.draft) ?? props.fallback });
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsm-feature",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsh-ui-toggle-row",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "dsh-ui-toggle-text",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-toggle-label",
+					children: copy(props.locale, props.titleKey)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, props.hintKey)
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+				label: copy(props.locale, props.titleKey),
+				checked: enabled,
+				onChange: toggle
+			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "dsh-ui-form-footer dsm-settings-footer",
+			className: "dsm-feature-options",
+			"data-disabled": enabled ? void 0 : "true",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-					variant: "primary",
-					disabled: invalid || snapshot.saving,
-					onClick: save,
-					children: snapshot.saving ? copy("settingsSaving") : copy("saveSettings")
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					className: "dsh-ui-field",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsm-minutes-control",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ui-label",
+								children: copy(props.locale, "awayMinutesLabel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: "dsm-minutes",
+								inputMode: "numeric",
+								disabled: !enabled,
+								"aria-label": `${copy(props.locale, "awayMinutesLabel")} ${copy(props.locale, "minutesUnit")}`,
+								"aria-invalid": enabled && input.invalid ? true : void 0,
+								"aria-describedby": enabled && input.invalid ? `${errorId}-minutes-error` : void 0,
+								...input.inputProps
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ui-meta",
+								children: copy(props.locale, "minutesUnit")
+							})
+						]
+					})
 				}),
-				snapshot.saved ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsh-ui-notice",
-					role: "status",
-					children: copy("settingsSaved")
-				}) : null,
-				externalChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsh-ui-notice dsh-ui-notice--error",
+				enabled && input.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					id: `${errorId}-minutes-error`,
+					className: "dsh-ui-error",
 					role: "alert",
-					children: copy("externalChange")
+					children: copy(props.locale, "minutesInvalid")
 				}) : null,
-				snapshot.failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsh-ui-notice dsh-ui-notice--error",
-					role: "alert",
-					children: failureText(props.locale, snapshot.failure)
-				}) : null
+				props.extra?.(enabled)
 			]
 		})]
 	});
 }
+/** 回到会话时 / When you return row. */
+function ReturnSettings(props) {
+	const { snapshot, values, gate } = useRowGate(props);
+	const { send, owns } = useConfigPatch(props.model);
+	if (gate !== void 0 || values === void 0) return gate ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsm-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThresholdBlock, {
+				...props,
+				field: "recapMinutes",
+				titleKey: "recapEnabledLabel",
+				hintKey: "recapEnabledHint",
+				minutes: values.recapMinutes,
+				fallback: 15,
+				send,
+				extra: (enabled) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelField, {
+					...props,
+					field: "model",
+					labelKey: "recapModelLabel",
+					route: values.model,
+					send,
+					disabled: !enabled
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThresholdBlock, {
+				...props,
+				field: "compactMinutes",
+				titleKey: "compactEnabledLabel",
+				hintKey: "compactEnabledHint",
+				minutes: values.compactMinutes,
+				fallback: 60,
+				send
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveStatus, {
+				snapshot,
+				locale: props.locale,
+				owns
+			})
+		]
+	});
+}
+/**
+* One feature's model picker. The catalog loads with the row (first expand);
+* a stored route missing from the catalog stays selectable so a refresh or a
+* partial outage never hides the current choice.
+*/
+function ModelField(props) {
+	const catalog = useModelCatalog(props.modelCatalog ?? missingCatalog, { subscribe: props.subscribeCatalog });
+	const [open, setOpen] = (0, react.useState)(false);
+	const label = copy(props.locale, props.labelKey);
+	const selected = props.route === null ? void 0 : {
+		provider: props.route.provider,
+		model: props.route.model
+	};
+	const choices = parseModelMenuChoices(catalog.catalog);
+	if (selected && !choices.some((choice) => choice.provider === selected.provider && choice.model === selected.model)) choices.push({
+		provider: selected.provider,
+		model: selected.model,
+		label: `${selected.provider} / ${selected.model}`,
+		efforts: []
+	});
+	const key = selected === void 0 ? "" : modelRouteKey(selected.provider, selected.model);
+	const value = choices.find((choice) => modelRouteKey(choice.provider, choice.model) === key)?.label ?? copy(props.locale, "modelFollowOption");
+	const anchor = useModelMenuAnchor(`${label}: ${value}`, void 0, () => setOpen(false));
+	const pick = (route) => {
+		if (selected && route.provider === selected.provider && route.model === selected.model) return;
+		props.send({ [props.field]: {
+			provider: route.provider,
+			model: route.model
+		} });
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsm-model-field",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsm-model-choice",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-ui-label",
+				children: label
+			}), renderModelPicker(props.renderFactorySlot, {
+				locale: props.locale,
+				disabled: props.disabled,
+				onOpenChange: (next) => setOpen(next && !props.disabled),
+				listClassName: FREE_CHAT_ROOT,
+				choices,
+				selected,
+				onPick: pick,
+				leading: [{
+					id: "follow",
+					label: copy(props.locale, "modelFollowOption"),
+					selected: selected === void 0
+				}],
+				onPickLeading: () => {
+					if (props.route !== null) props.send({ [props.field]: null });
+				},
+				triggerLabel: value,
+				modelValue: value
+			}, {
+				anchor,
+				fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+					locale: props.locale,
+					open: open && !props.disabled,
+					onOpenChange: (next) => setOpen(next && !props.disabled),
+					listClassName: FREE_CHAT_ROOT,
+					anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "dsh-model-menu-trigger",
+						disabled: props.disabled,
+						"aria-label": `${label}: ${value}`,
+						"aria-haspopup": "menu",
+						"aria-expanded": open,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-model-menu-triggerLabel",
+							children: value
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${open ? " dsh-model-menu-chevronOpen" : ""}` })]
+					}),
+					choices,
+					selected,
+					onPick: pick,
+					leading: [{
+						id: "follow",
+						label: copy(props.locale, "modelFollowOption"),
+						selected: selected === void 0
+					}],
+					onPickLeading: () => {
+						if (props.route !== null) props.send({ [props.field]: null });
+					},
+					modelValue: value
+				})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+			state: catalog,
+			locale: props.locale
+		})]
+	});
+}
+/** 会话交接 / Session handoff row: the model behind read_session handoff summaries. */
+function HandoffSettings(props) {
+	const { snapshot, values, gate } = useRowGate(props);
+	const { send, owns } = useConfigPatch(props.model);
+	if (gate !== void 0 || values === void 0) return gate ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "dsm-settings",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dsm-feature",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelField, {
+					...props,
+					field: "handoffModel",
+					labelKey: "handoffModelLabel",
+					route: values.handoffModel,
+					send
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-ui-hint",
+					children: copy(props.locale, "handoffModelHint")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveStatus, {
+					snapshot,
+					locale: props.locale,
+					owns
+				})
+			]
+		})
+	});
+}
+/**
+* 代理操作 / Agent actions row.
+*
+* Two independent switches: each one saves only its own field, so toggling
+* one never rewrites the other. Both default to off, and the agent decides
+* on its own once a switch is on — there is no per-call approval here.
+*
+* The switches share one sparse writer: the config model accepts a single
+* write at a time, so a second click while a save is in flight must queue
+* rather than be dropped. The shared writer merges the pending patches and
+* flushes them once the current save settles.
+*/
+function AgentActionsSettings(props) {
+	const { snapshot, values, gate } = useRowGate(props);
+	const { send, owns } = useConfigPatch(props.model);
+	if (gate !== void 0 || values === void 0) return gate ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsm-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-feature",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-ui-toggle-row",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsh-ui-toggle-text",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-toggle-label",
+							children: copy(props.locale, "allowSelfForkLabel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-hint",
+							children: copy(props.locale, "allowSelfForkHint")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+						label: copy(props.locale, "allowSelfForkLabel"),
+						checked: values.allowSelfFork === true,
+						onChange: (next) => {
+							send({ allowSelfFork: next });
+						}
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-feature",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-ui-toggle-row",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsh-ui-toggle-text",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-toggle-label",
+							children: copy(props.locale, "allowSendMessageLabel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-hint",
+							children: copy(props.locale, "allowSendMessageHint")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+						label: copy(props.locale, "allowSendMessageLabel"),
+						checked: values.allowSendMessage === true,
+						onChange: (next) => {
+							send({ allowSendMessage: next });
+						}
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveStatus, {
+				snapshot,
+				locale: props.locale,
+				owns
+			})
+		]
+	});
+}
+/**
+* One collapsible row in the shared Session Management section: a named
+* details group. The body mounts on the first expand only — opening the page
+* must not fire every feature's config and model reads — and stays mounted
+* afterwards so collapsing never drops an in-progress text draft.
+*/
+function SessionSettingsDetails(props) {
+	const [visited, setVisited] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+		className: `${FREE_CHAT_ROOT} dsm-item`,
+		"data-testid": props.testId,
+		onToggle: (event) => {
+			if (event.currentTarget.open) setVisited(true);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+			className: "dsm-item-summary",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsm-item-title",
+				children: copy(props.locale, props.titleKey)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsm-item-desc",
+				children: copy(props.locale, props.descKey)
+			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
+				className: "dsm-item-chevron",
+				"aria-hidden": "true"
+			})]
+		}), visited ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dsm-item-body",
+			children: props.children
+		}) : null]
+	});
+}
 //#endregion
 //#region src/message-editor.tsx
 function AttachmentPreview(props) {
@@ -6275,16 +6753,48 @@ function apply(ctx) {
 			locale: useLiveLocale(client.locale),
 			model: welcomeBack
 		}))));
-		stops.push(registerSessionSettingsItem(ctx, {
-			id: SESSION_SETTINGS_ITEM_ID,
-			order: 65
-		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionManagerSettingsItem, {
-			model: presenceConfig,
-			locale: useLiveLocale(client.locale),
+		const registerSettingsRow = (item, testId, titleKey, descKey, body) => stops.push(registerSessionSettingsItem(ctx, item, (slotProps) => {
+			const locale = useLiveLocale(client.locale);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionSettingsDetails, {
+				testId,
+				titleKey,
+				descKey,
+				locale,
+				children: body(locale, slotProps?.renderFactorySlot)
+			});
+		}));
+		const catalogProps = {
 			modelCatalog,
-			subscribeCatalog,
-			subscribeSettings
-		})));
+			subscribeCatalog
+		};
+		registerSettingsRow(SESSION_SETTINGS_ITEMS[0], "session-manager-composer-settings-item", "composerGroupTitle", "composerGroupHint", (locale, renderFactorySlot) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerSettings, {
+			model: presenceConfig,
+			locale,
+			renderFactorySlot,
+			...catalogProps
+		}));
+		registerSettingsRow(SESSION_SETTINGS_ITEMS[1], "session-manager-auto-continue-settings-item", "autoContinueGroup", "autoContinueGroupHint", (locale, renderFactorySlot) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoContinueSettings, {
+			model: presenceConfig,
+			locale,
+			renderFactorySlot,
+			...catalogProps
+		}));
+		registerSettingsRow(SESSION_SETTINGS_ITEMS[2], "session-manager-return-settings-item", "returnGroupTitle", "returnGroupHint", (locale, renderFactorySlot) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReturnSettings, {
+			model: presenceConfig,
+			locale,
+			renderFactorySlot,
+			...catalogProps
+		}));
+		registerSettingsRow(SESSION_SETTINGS_ITEMS[3], "session-manager-handoff-settings-item", "handoffGroupTitle", "handoffGroupHint", (locale, renderFactorySlot) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HandoffSettings, {
+			model: presenceConfig,
+			locale,
+			renderFactorySlot,
+			...catalogProps
+		}));
+		registerSettingsRow(SESSION_SETTINGS_ITEMS[4], "session-manager-agent-actions-settings-item", "agentActionsGroup", "agentActionsGroupHint", (locale) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AgentActionsSettings, {
+			model: presenceConfig,
+			locale
+		}));
 		stops.push(client.slots.inject("shell.overlay", () => client.slots.register({
 			name: "shell.overlay",
 			id: DELETE_DIALOG_ID,
@@ -6402,49 +6912,10 @@ function DeleteMenuItem(props) {
 		children: uiText(locale, "deleteChat")
 	});
 }
-/**
-* Session Management item: a named native details group. The body mounts on
-* the first expand only — the settings page must not fire every plugin's
-* config and model reads — and stays mounted afterwards so collapsing never
-* drops an unsaved draft or the settings-change subscription.
-*/
-function SessionManagerSettingsItem(props) {
-	const [visited, setVisited] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-		className: `${FREE_CHAT_ROOT} dsm-item`,
-		"data-testid": "session-manager-settings-item",
-		onToggle: (event) => {
-			if (event.currentTarget.open) setVisited(true);
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
-			className: "dsm-item-summary",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "dsm-item-title",
-				children: uiText(props.locale, "settingsGroupTitle")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "dsm-item-desc",
-				children: uiText(props.locale, "settingsGroupHint")
-			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
-				className: "dsm-item-chevron",
-				"aria-hidden": "true"
-			})]
-		}), visited ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "dsm-item-body",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionManagerSettings, {
-				model: props.model,
-				locale: props.locale,
-				modelCatalog: props.modelCatalog,
-				subscribeCatalog: props.subscribeCatalog,
-				subscribeSettings: props.subscribeSettings
-			})
-		}) : null]
-	});
-}
 function useLiveLocale(locale) {
 	return copyLocale((0, react.useSyncExternalStore)((listener) => locale?.subscribe(listener) ?? (() => {}), () => locale?.getSnapshot().active ?? "en", () => locale?.getSnapshot().active ?? "en"));
 }
 //#endregion
-exports.SessionManagerSettingsItem = SessionManagerSettingsItem;
 exports.apply = apply;
 exports.inject = inject;
 exports.name = name;