@klarkxy/dsh-session-manager 0.3.4 → 0.4.0

package/lib/client.js

@@ -72,6 +72,9 @@ const text = {
 		creatingContinuation: "正在创建新会话",
 		continueNewHint: "在来源会话的工作区新建会话，将摘要和原会话 ID 填入草稿，不自动发送。",
 		compactNothing: "没有值得压缩的内容。",
+		settingsTitle: "会话管理",
+		settingsGroupTitle: "会话行为",
+		settingsGroupHint: "继续灰影、自动继续、交接与会话摘要",
 		settingsMode: "继续灰影",
 		modeFixed: "固定文本",
 		modeAuto: "模型生成",
@@ -80,7 +83,12 @@ const text = {
 		continueTextLabel: "固定文本内容",
 		continueTextPlaceholder: "留空使用默认「继续」",
 		ghostModelLabel: "生成模型",
-		ghostModelHint: "每轮结束后生成一次并缓存；不选择时使用当前会话或宿主的默认模型。",
+		ghostModelHint: "每轮结束后生成一次并缓存；不选择时使用默认辅助模型。",
+		judgeModelLabel: "判定模型",
+		judgeModelHint: "判断回复是否提前结束；不选择时使用默认辅助模型。",
+		handoffGroup: "交接摘要",
+		handoffModelLabel: "交接模型",
+		handoffModelHint: "工具请求会话交接摘要时使用；不选择时使用默认辅助模型。",
 		welcomeBackGroup: "回到会话时",
 		recapEnabledLabel: "显示会话摘要",
 		recapEnabledHint: "在对话中回顾上次进展。",
@@ -104,8 +112,8 @@ const text = {
 		autoContinueMaxInvalid: "请填写 1–10 的整数。",
 		minutesUnit: "分钟",
 		modelLabel: "摘要模型",
-		modelFollowOption: "当前会话 / 宿主默认模型",
-		modelGroupHint: "只用于欢迎回来摘要；留空跟随会话或宿主默认。",
+		modelFollowOption: "默认辅助模型",
+		modelGroupHint: "只用于欢迎回来摘要；留空使用默认辅助模型。",
 		saveSettings: "保存",
 		settingsSaving: "正在保存",
 		settingsSaved: "已保存",
@@ -148,6 +156,9 @@ const text = {
 		creatingContinuation: "Creating new session",
 		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",
 		modeFixed: "Fixed text",
 		modeAuto: "Model-generated",
@@ -156,7 +167,12 @@ const text = {
 		continueTextLabel: "Fixed text",
 		continueTextPlaceholder: "Empty uses the default \"Continue\"",
 		ghostModelLabel: "Generation model",
-		ghostModelHint: "Generated once after each turn and cached. The default follows the current conversation or host.",
+		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",
 		recapEnabledLabel: "Show session recap",
 		recapEnabledHint: "Review your previous progress in the conversation.",
@@ -180,8 +196,8 @@ const text = {
 		autoContinueMaxInvalid: "Enter a whole number from 1 to 10.",
 		minutesUnit: "minutes",
 		modelLabel: "Recap model",
-		modelFollowOption: "Current conversation / host default",
-		modelGroupHint: "Used only for the welcome-back recap; empty follows the conversation or host default.",
+		modelFollowOption: "Default auxiliary model",
+		modelGroupHint: "Used only for the welcome-back recap; empty follows the default auxiliary model.",
 		saveSettings: "Save",
 		settingsSaving: "Saving",
 		settingsSaved: "Saved",
@@ -241,6 +257,8 @@ 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";
 /** 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";
@@ -830,6 +848,15 @@ function parseModelMenuChoices(value, bound) {
 	});
 	return choices;
 }
+/** Reasoning-effort options for one choice; the saved value stays selectable. */
+function modelMenuEffortOptions(choice, current) {
+	const listed = (choice?.efforts ?? []).map((item) => ({ ...item }));
+	if (current && !listed.some((item) => item.id === current)) listed.push({
+		id: current,
+		name: current
+	});
+	return listed;
+}
 //#endregion
 //#region ../dsh-model-route/src/catalog-ui.tsx
 /**
@@ -1821,8 +1848,48 @@ ${modelMenuCss}
   font-size: 13px;
   line-height: 18px;
 }
-/* Settings page: one quiet reading surface. Rules, not nested wells, separate
- * sections; dependent controls align with the feature they belong to. */
+/* General-section item: a named details group mirroring the host's native
+ * item rows (16px vertical padding, a 0.5px l2 rule the shell drops on the
+ * last item, 24px label-control gutter). The body mounts on first expand and
+ * stays mounted while collapsed, so a fold never drops an unsaved draft. */
+.${FREE_CHAT_ROOT}.dsm-item {
+  padding: 0;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+}
+.${FREE_CHAT_ROOT} .dsm-item-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  padding: 16px 0;
+  list-style: none;
+  cursor: pointer;
+}
+.${FREE_CHAT_ROOT} .dsm-item-summary::-webkit-details-marker { display: none; }
+.${FREE_CHAT_ROOT} .dsm-item-summary > span:first-child { min-width: 0; }
+.${FREE_CHAT_ROOT} .dsm-item-title {
+  display: block;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--dsw-alias-label-primary);
+}
+.${FREE_CHAT_ROOT} .dsm-item-desc {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-secondary);
+}
+.${FREE_CHAT_ROOT} .dsm-item-chevron {
+  width: 14px;
+  height: 14px;
+  color: var(--dsw-alias-label-secondary);
+  transition: transform 0.15s ease;
+}
+.${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. */
 .${FREE_CHAT_ROOT} .dsm-settings {
   display: flex;
   flex-direction: column;
@@ -3189,7 +3256,7 @@ function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) =
 	function same(view, patch) {
 		if (view === void 0) return false;
 		return Object.entries(patch).every(([key, value]) => {
-			if (key === "model" || key === "ghostModel") return sameRoute(view[key], value);
+			if (key === "model" || key === "ghostModel" || key === "judgeModel" || key === "handoffModel") return sameRoute(view[key], value);
 			return view[key] === value;
 		});
 	}
@@ -3597,6 +3664,153 @@ function modelSettingsChangesIdentity(packageName) {
 		namespace: segment
 	};
 }
+/**
+* Shared "Session Management" settings section id. The section is provided by
+* shared infrastructure (see `registerSessionSettingsItem` in `client-utils`),
+* not by any one business plugin: every participant registers only a row into
+* {@link SESSION_SETTINGS_ITEM_SLOT}, so any enabled subset yields the same page.
+*/
+const SESSION_SETTINGS_SECTION_ID = "session-manager";
+/**
+* Child list slot declared by the shared Session Management page. Neutral
+* naming on purpose: participants never import each other, they only
+* contribute `{id, order}` rows into this slot while the page is alive.
+*/
+const SESSION_SETTINGS_ITEM_SLOT = "dsh.session-settings.item";
+/**
+* Host-owned nav icon seat: a root-scoped list where each entry's `id` must
+* equal the `settings.section` id it decorates. Owner props are
+* `{size, active}`; icons stay `aria-hidden` so the section label remains the
+* accessible name. Contributors into a shared section may register the same
+* icon `id` with different priorities — the ledger keeps every entry while the
+* host renders one icon per section.
+*/
+const SETTINGS_SECTION_ICON_SLOT = "settings.section.icon";
+/** Authenticated host-RPC channel for get/set of the shared default. */
+const AUXILIARY_MODEL_CHANNEL = "/dsh-auxiliary-model";
+/** Model-settings namespace under which the shared default is published. */
+const AUXILIARY_MODEL_NS = "@klarkxy/dsh-plugin-kit/auxiliary-model";
+/**
+* Typert identity of the shared change stream. Mounted on the root context
+* with ownerNs filtering, so frames only carry {@link AUXILIARY_MODEL_NS}.
+*/
+const AUXILIARY_MODEL_CHANGES_IDENTITY = modelSettingsChangesIdentity("@klarkxy/dsh-plugin-kit");
+//#endregion
+//#region ../dsh-plugin-kit/src/client-utils.ts
+/** One `<svg>` with the shared icon chrome; children are plain elements. */
+function lineIcon(children) {
+	return function SettingsSectionIcon(props) {
+		return (0, react.createElement)("svg", {
+			"aria-hidden": "true",
+			width: props.size ?? 16,
+			height: props.size ?? 16,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: 1,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, ...children.map(([tag, attrs], index) => (0, react.createElement)(tag, {
+			key: index,
+			...attrs
+		})));
+	};
+}
+/** Chat bubble for the shared Session Management section. */
+const IconSessionSettings = lineIcon([["path", { d: "M8.5 13a5.5 5.5 0 0 0 5.5-5.5A5.5 5.5 0 0 0 8.5 2 5.5 5.5 0 0 0 3 7.5a5.48 5.48 0 0 0 .9 3L2.8 12.6a.5.5 0 0 0 .62.62l2.9-.98a5.48 5.48 0 0 0 2.18.76Z" }]]);
+/** Private Cordis rendezvous; every bundled copy of this helper resolves the same root service. */
+const SESSION_SETTINGS_PAGE_SERVICE = "dshSessionSettingsPage";
+/** The page component renders only its declared child list: items paint their own titles and styles. */
+function SessionSettingsPageView(props) {
+	return props.renderSlot(SESSION_SETTINGS_ITEM_SLOT, {});
+}
+/**
+* Acquire the root-owned page service, creating and providing it on first use.
+* One counter covers participants, the section wait and the provider: the last
+* release removes the wait and then the provider synchronously (Cordis deletes
+* the impl before its async disposer awaits), so a later acquire sees a clean
+* get() miss and can re-establish the page.
+*/
+function acquireSessionSettingsPage(root) {
+	const existing = root.get(SESSION_SETTINGS_PAGE_SERVICE, false);
+	if (existing) return existing;
+	const slots = root.slots;
+	let users = 0;
+	let stopPage;
+	let unprovide;
+	const page = {
+		retain() {
+			users += 1;
+			if (!stopPage) stopPage = slots.inject("settings.section", () => slots.register({
+				name: "settings.section",
+				id: SESSION_SETTINGS_SECTION_ID,
+				order: 30,
+				label: () => {
+					const locale = root.get("locale", false);
+					return String(locale?.getSnapshot?.().active ?? "").startsWith("zh") ? "会话管理" : "Session Management";
+				},
+				children: { [SESSION_SETTINGS_ITEM_SLOT]: {
+					kind: "list",
+					scope: "root"
+				} }
+			}, SessionSettingsPageView));
+		},
+		release() {
+			if (users <= 0) return;
+			users -= 1;
+			if (users > 0) return;
+			stopPage?.();
+			stopPage = void 0;
+			unprovide?.();
+		}
+	};
+	unprovide = root.provide(SESSION_SETTINGS_PAGE_SERVICE, page);
+	return page;
+}
+/**
+* Contribute one row to the shared Session Management settings page.
+*
+* `ctx` is the plugin's own context: the row's slot wait unloads with the
+* plugin, while the page itself is retained on the shared root context for as
+* long as any contributor lives. There is no fallback seat — when every
+* contributor is gone the section disappears with the page. Returns a disposer.
+* Shared root-owned infrastructure (the auxiliary-model card) calls this on
+* `ctx.root` so its row, icon and page share are owned by the root lifetime
+* and released by the returned disposer, not by any plugin fiber.
+*/
+function registerSessionSettingsItem(ctx, item, component) {
+	const slots = ctx.slots;
+	const root = ctx.root;
+	const page = acquireSessionSettingsPage(root);
+	let stopItem;
+	let stopIcon;
+	try {
+		page.retain();
+		stopItem = slots.inject(SESSION_SETTINGS_ITEM_SLOT, () => slots.register({
+			name: SESSION_SETTINGS_ITEM_SLOT,
+			...item
+		}, component));
+		stopIcon = slots.inject(SETTINGS_SECTION_ICON_SLOT, () => slots.register({
+			name: SETTINGS_SECTION_ICON_SLOT,
+			id: SESSION_SETTINGS_SECTION_ID,
+			order: item.order,
+			priority: item.order
+		}, IconSessionSettings));
+	} catch (error) {
+		stopIcon?.();
+		stopItem?.();
+		page.release();
+		throw error;
+	}
+	let disposed = false;
+	return () => {
+		if (disposed) return;
+		disposed = true;
+		stopIcon?.();
+		stopItem?.();
+		page.release();
+	};
+}
 //#endregion
 //#region ../dsh-plugin-kit/src/model-settings-client.ts
 /** This stream carries invalidations only; ready is never a settings snapshot. */
@@ -3766,6 +3980,488 @@ function createModelSettingsSubscriber(ctx, packageName, identity = modelSetting
 	} });
 }
 //#endregion
+//#region ../dsh-plugin-kit/src/auxiliary-model-client.tsx
+const AUXILIARY_MODEL_PACKAGE = "@klarkxy/dsh-plugin-kit";
+const AUXILIARY_MODEL_SEAT_ID = "auxiliary-model";
+/** Private Cordis rendezvous; every bundled copy resolves the same root service. */
+const AUXILIARY_MODEL_CARD_SERVICE = "dshAuxiliaryModelSettingsCard";
+/** Theme-token-only stylesheet: officialUiCss scope plus the shared ModelMenu recipe. */
+const auxiliaryModelCss = `${officialUiCss("ams-root")}${modelMenuCss}
+.ams-root .ams-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
+`;
+const auxiliaryCopy = {
+	zh: {
+		title: "默认辅助模型",
+		help: "各辅助功能（如标题生成、摘要）没有单独指定模型时使用的模型；仅影响声明使用它的功能。",
+		model: "辅助模型",
+		modelDefault: "跟随会话或宿主默认",
+		modelHint: "不选择模型时，各功能按自己的规则决定对话模型。",
+		effortDefault: "跟随模型默认",
+		loading: "正在读取设置…",
+		failed: "无法读取模型设置。",
+		stale: "设置已被其他窗口更新，请刷新后重试。",
+		saveFailed: "保存失败，原设置未更改。请重试。",
+		saved: "已保存。",
+		retry: "重试",
+		refresh: "刷新设置",
+		syncUnavailable: "自动刷新不可用，请手动刷新设置。"
+	},
+	en: {
+		title: "Default Auxiliary Model",
+		help: "The model used by auxiliary features (such as title generation or summarizing) that do not name their own model; only features that opted in are affected.",
+		model: "Auxiliary model",
+		modelDefault: "Follow session or host default",
+		modelHint: "With no model selected, each feature follows its own rules for the conversation model.",
+		effortDefault: "Follow model default",
+		loading: "Loading settings…",
+		failed: "Could not load model settings.",
+		stale: "Settings were changed elsewhere; refresh and retry.",
+		saveFailed: "Save failed; the previous setting was not changed. Try again.",
+		saved: "Saved.",
+		retry: "Retry",
+		refresh: "Refresh settings",
+		syncUnavailable: "Automatic refresh unavailable; refresh settings manually."
+	}
+};
+/** A failed RPC keeps its code so the card can translate known rejections. */
+var AuxiliaryRpcError = class extends Error {
+	code;
+	constructor(code, message) {
+		super(message);
+		this.code = code;
+		this.name = "AuxiliaryRpcError";
+	}
+};
+/** Host UI language, following live switches with the host's English fallback. */
+function useAuxiliaryLocale(client) {
+	const subscribe = (0, react.useCallback)((listener) => client.locale?.subscribe(listener) ?? (() => {}), [client]);
+	const snapshot = (0, react.useCallback)(() => client.locale?.getSnapshot().active ?? "en", [client]);
+	return String((0, react.useSyncExternalStore)(subscribe, snapshot, snapshot)).startsWith("zh") ? "zh" : "en";
+}
+function isAbort(error) {
+	return error instanceof Error && (error.name === "AbortError" || /abort|cancel/i.test(error.message));
+}
+function isStaleRejection(error) {
+	if (!(error instanceof AuxiliaryRpcError)) return false;
+	return error.code === "stale" || error.code === "auxiliary-model/conflict" || /changed|revision|reload|stale|conflict/i.test(error.message);
+}
+async function callAuxiliaryRpc(client, endpoint, payload = {}) {
+	const result = await client.connection.rpc.call(AUXILIARY_MODEL_CHANNEL, endpoint, payload);
+	if (!result || result.ok !== true) {
+		const error = result && "error" in result ? result.error : void 0;
+		throw new AuxiliaryRpcError(error?.code ?? "unknown", error?.message ?? `RPC ${endpoint} failed`);
+	}
+	return result.value;
+}
+/**
+* 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 }) {
+	const language = useAuxiliaryLocale(client);
+	const text = auxiliaryCopy[language];
+	const [settings, setSettings] = (0, react.useState)();
+	const catalogState = useModelCatalog((0, react.useCallback)(() => readModelCatalog(client), [client]), { subscribe: (0, react.useCallback)((change) => client.connection.generation?.subscribe(change), [client]) });
+	const { refresh: refreshCatalog } = catalogState;
+	const choices = parseModelMenuChoices(catalogState.catalog, settings?.model ?? void 0);
+	const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)("");
+	const [note, setNote] = (0, react.useState)(false);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [syncError, setSyncError] = (0, react.useState)("");
+	const operation = (0, react.useRef)({
+		epoch: 0,
+		active: false,
+		reading: false,
+		writing: false,
+		pending: false
+	});
+	const refreshRef = (0, react.useRef)(() => {});
+	const refresh = () => {
+		const state = operation.current;
+		if (!state.active) return;
+		if (state.reading || state.writing) {
+			state.pending = true;
+			return;
+		}
+		state.pending = false;
+		state.reading = true;
+		setBusy(true);
+		const epoch = state.epoch;
+		callAuxiliaryRpc(client, "defaults.get").then((next) => {
+			if (state.active && state.epoch === epoch && !state.pending) {
+				setSettings(next);
+				setError("");
+			}
+		}).catch((reason) => {
+			if (state.active && state.epoch === epoch && !state.pending && !isAbort(reason)) setError("failed");
+		}).finally(() => {
+			if (!state.active || state.epoch !== epoch) return;
+			state.reading = false;
+			setBusy(false);
+			if (state.pending) refreshRef.current();
+		});
+	};
+	refreshRef.current = refresh;
+	(0, react.useEffect)(() => {
+		const state = operation.current;
+		state.epoch++;
+		state.active = true;
+		state.reading = false;
+		state.writing = false;
+		state.pending = false;
+		setBusy(false);
+		setSettings(void 0);
+		setError("");
+		setNote(false);
+		refreshRef.current();
+		return () => {
+			state.active = false;
+			state.epoch++;
+		};
+	}, [client]);
+	(0, react.useEffect)(() => {
+		setSyncError("");
+		let live = true;
+		let stop;
+		try {
+			stop = subscribe?.(() => {
+				if (live) {
+					setSyncError("");
+					refreshCatalog();
+					refreshRef.current();
+				}
+			}, (message) => {
+				if (live) setSyncError(message);
+			});
+		} catch {
+			if (live) setSyncError("Model settings sync service unavailable");
+		}
+		return () => {
+			live = false;
+			try {
+				stop?.();
+			} catch {}
+		};
+	}, [subscribe, refreshCatalog]);
+	const save = (0, react.useCallback)((model) => {
+		const state = operation.current;
+		if (!settings || !state.active || state.writing || state.reading) return;
+		state.writing = true;
+		const epoch = state.epoch;
+		setBusy(true);
+		setNote(false);
+		setError("");
+		callAuxiliaryRpc(client, "defaults.set", {
+			model: model ?? {
+				provider: "",
+				model: ""
+			},
+			expectedRevision: settings.revision
+		}).then((next) => {
+			if (state.active && state.epoch === epoch) {
+				setSettings(next);
+				setNote(true);
+				refreshCatalog();
+			}
+		}).catch((reason) => {
+			if (state.active && state.epoch === epoch) setError(isStaleRejection(reason) ? "stale" : "saveFailed");
+		}).finally(() => {
+			if (!state.active || state.epoch !== epoch) return;
+			state.writing = false;
+			setBusy(false);
+			if (state.pending) refreshRef.current();
+		});
+	}, [
+		client,
+		settings,
+		refreshCatalog
+	]);
+	const locked = busy;
+	if (!settings) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "ams-root dsh-ui-card",
+		"data-testid": "auxiliary-model-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-ui-heading",
+				children: text.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: text.help
+			}),
+			error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error",
+				children: text[error]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "dsh-ui-hint",
+				children: text.loading
+			}),
+			syncError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "dsh-ui-hint",
+				children: text.syncUnavailable
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ui-actions",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "ghost",
+					size: "sm",
+					disabled: locked,
+					onClick: () => refreshRef.current(),
+					children: text.retry
+				})
+			})
+		]
+	});
+	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",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-ui-heading",
+				children: text.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: text.help
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ui-field",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-label",
+						children: text.model
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+						state: catalogState,
+						locale: language
+					}),
+					/* @__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",
+						children: text.modelHint
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "ams-row",
+				children: [
+					syncError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "dsh-ui-hint",
+						children: text.syncUnavailable
+					}),
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error",
+						children: text[error]
+					}),
+					note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "dsh-ui-notice",
+						children: text.saved
+					}),
+					error || syncError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "sm",
+						disabled: locked,
+						onClick: () => refreshRef.current(),
+						children: text.refresh
+					}) : null
+				]
+			})
+		]
+	});
+}
+const AUXILIARY_MODEL_WATCH_COORDINATOR = "dshAuxiliaryModelWatchCoordinator";
+function acquireWatchCoordinator(root) {
+	const existing = root.get(AUXILIARY_MODEL_WATCH_COORDINATOR, false);
+	if (existing) return existing;
+	let unprovide;
+	const coordinator = {
+		tail: Promise.resolve(),
+		active: 0,
+		mount() {
+			coordinator.active += 1;
+			const previousTail = coordinator.tail;
+			const lease = {
+				closed: false,
+				done() {
+					if (lease.closed) return;
+					lease.closed = true;
+					coordinator.active -= 1;
+					const owned = lease.fiber;
+					lease.fiber = void 0;
+					coordinator.tail = coordinator.tail.then(() => Promise.resolve(owned?.dispose()).catch(() => {}));
+					coordinator.tail.then(() => {
+						if (coordinator.active > 0) return;
+						try {
+							if (root.get(AUXILIARY_MODEL_WATCH_COORDINATOR, false) === coordinator) Promise.resolve(unprovide?.()).catch(() => {});
+						} catch {}
+					});
+				},
+				fiber: void 0
+			};
+			previousTail.then(() => {
+				if (lease.closed) return;
+				try {
+					lease.fiber = root.inject(["remote"], (injected) => {
+						const scope = injected;
+						const mounting = scope.remote.$mount(modelSettingsChangesRemote(AUXILIARY_MODEL_PACKAGE, AUXILIARY_MODEL_CHANGES_IDENTITY));
+						mounting.catch(() => {});
+						scope.effect(() => async () => {
+							await (await mounting.catch(() => void 0))?.();
+						});
+					});
+				} catch {}
+			});
+			return lease;
+		}
+	};
+	unprovide = root.provide(AUXILIARY_MODEL_WATCH_COORDINATOR, coordinator);
+	return coordinator;
+}
+/**
+* Acquire the root-owned card service, creating it on first use. One counter
+* covers participants, the seat wait and the change-stream mount: the last
+* release removes the wait, then the watch contribution, then the provider
+* itself synchronously (Cordis deletes the impl before its async disposer
+* awaits), so a later acquire sees a clean get() miss and can re-establish.
+*/
+function acquireAuxiliaryModelCard(root, ctx) {
+	const existing = root.get(AUXILIARY_MODEL_CARD_SERVICE, false);
+	if (existing) return existing;
+	let users = 0;
+	let styleElement;
+	let stopItem;
+	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, {
+		client: root,
+		subscribe: subscriber.subscribe
+	});
+	const service = {
+		retain() {
+			users += 1;
+			if (styleElement === void 0 && typeof document !== "undefined") {
+				styleElement = document.createElement("style");
+				styleElement.setAttribute("data-plugin", "dsh-auxiliary-model-shared");
+				styleElement.textContent = auxiliaryModelCss;
+				document.head.appendChild(styleElement);
+			}
+			if (!stopItem) stopItem = registerSessionSettingsItem(ctx.root, {
+				id: AUXILIARY_MODEL_SEAT_ID,
+				order: 55
+			}, render);
+		},
+		release() {
+			if (users <= 0) return;
+			users -= 1;
+			if (users > 0) return;
+			stopItem?.();
+			stopItem = void 0;
+			styleElement?.remove();
+			styleElement = void 0;
+			watchLease.done();
+			try {
+				Promise.resolve(unprovide?.()).catch(() => {});
+			} catch {}
+			unprovide = void 0;
+		}
+	};
+	unprovide = root.provide(AUXILIARY_MODEL_CARD_SERVICE, service);
+	return service;
+}
+/**
+* Show the shared "default auxiliary model" card while the calling plugin is
+* enabled.
+*
+* `ctx` is the plugin's own client context: the card itself is retained on the
+* shared root context for as long as any participant lives, so an arbitrary
+* subset of enabled plugins yields the same single card. The mount's slot wait
+* and the change-stream contribution are owned by the root service — the first
+* participant's unload cannot take the card down. Returns a disposer; it may
+* be invoked by both ctx.effect and an explicit caller and releases at most
+* once, so a double call cannot unbalance the shared refcount.
+*/
+function registerAuxiliaryModelSettings(ctx) {
+	const root = ctx.root;
+	const service = acquireAuxiliaryModelCard(root, ctx);
+	try {
+		service.retain();
+	} catch (error) {
+		service.release();
+		throw error;
+	}
+	let disposed = false;
+	return () => {
+		if (disposed) return;
+		disposed = true;
+		service.release();
+	};
+}
+//#endregion
 //#region src/presence-panel.tsx
 /**
 * Grey inline-completion for an empty composer, IDE style: the shipped
@@ -4013,7 +4709,9 @@ function toDraft(values) {
 		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)
+		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. */
@@ -4029,7 +4727,7 @@ function autoMaxOf(text) {
 	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;
+	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");
@@ -4041,6 +4739,8 @@ function SessionManagerSettings(props) {
 	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)();
@@ -4083,9 +4783,25 @@ function SessionManagerSettings(props) {
 	});
 	const selectedRoute = parseModelRouteKey(draft.model);
 	const ghostRoute = parseModelRouteKey(draft.ghostModel);
-	const selectableChoices = parseModelMenuChoices(catalog.catalog, selectedRoute ?? ghostRoute);
-	const selectedLabel = selectableChoices.find((choice) => modelRouteKey(choice.provider, choice.model) === draft.model)?.label ?? copy("modelFollowOption");
-	const ghostLabel = selectableChoices.find((choice) => modelRouteKey(choice.provider, choice.model) === draft.ghostModel)?.label ?? copy("modelFollowOption");
+	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: []
+	});
+	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);
@@ -4097,8 +4813,14 @@ function SessionManagerSettings(props) {
 	const autoPanelId = `${tabsId}-auto-panel`;
 	const save = () => {
 		if (invalid) return;
-		const route = parseModelRouteKey(draft.model);
-		const ghost = parseModelRouteKey(draft.ghostModel);
+		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,
@@ -4107,14 +4829,10 @@ function SessionManagerSettings(props) {
 			continueMode: draft.continueMode,
 			autoContinueMode: draft.autoContinueMode,
 			autoContinueMax,
-			...draft.model === baseline.current?.model ? {} : { model: route === void 0 ? null : {
-				provider: route.provider,
-				model: route.model
-			} },
-			...draft.ghostModel === baseline.current?.ghostModel ? {} : { ghostModel: ghost === void 0 ? null : {
-				provider: ghost.provider,
-				model: ghost.model
-			} }
+			...routePatch("model"),
+			...routePatch("ghostModel"),
+			...routePatch("judgeModel"),
+			...routePatch("handoffModel")
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4251,72 +4969,181 @@ function SessionManagerSettings(props) {
 						})
 					}), /* @__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.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)("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("autoContinueDefaultLabel")
+									children: copy("handoffModelLabel")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-									className: "dsh-ui-select",
-									value: draft.autoContinueMode,
-									onChange: (event) => edit({
+								/* @__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,
-										autoContinueMode: event.target.value
+										handoffModel: modelRouteKey(route.provider, route.model)
 									}),
-									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")
-										})
-									]
+									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("autoContinueDefaultHint")
+									children: copy("handoffModelHint")
 								})
 							]
-						}), /* @__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)("section", {
@@ -5454,15 +6281,16 @@ function apply(ctx) {
 			locale: useLiveLocale(client.locale),
 			model: welcomeBack
 		}))));
-		stops.push(client.slots.inject("plugins.bundle.config", () => client.slots.register({
-			name: "plugins.bundle.config",
-			key: "@klarkxy/dsh-session-manager"
-		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionManagerSettings, {
+		stops.push(registerSessionSettingsItem(ctx, {
+			id: SESSION_SETTINGS_ITEM_ID,
+			order: 65
+		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionManagerSettingsItem, {
 			model: presenceConfig,
 			locale: useLiveLocale(client.locale),
 			modelCatalog,
-			subscribeCatalog
-		}))));
+			subscribeCatalog,
+			subscribeSettings
+		})));
 		stops.push(client.slots.inject("shell.overlay", () => client.slots.register({
 			name: "shell.overlay",
 			id: DELETE_DIALOG_ID,
@@ -5485,6 +6313,7 @@ function apply(ctx) {
 				})
 			] });
 		})));
+		stops.push(registerAuxiliaryModelSettings(ctx));
 		const findCurrent = () => Object.values(client.sessions?.list.getSnapshot().byId ?? {}).find((row) => (row?.retainedBy?.mainView ?? 0) > 0)?.id ?? "";
 		let current = findCurrent();
 		const onReturn = () => {
@@ -5579,10 +6408,49 @@ 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;