dsh-model-switch 0.4.23 → 0.4.24

package/lib/client.js

@@ -39,6 +39,11 @@ window.__ModuleLoader__.load({
 			provider: "compactProvider",
 			model: "compactModel"
 		});
+		/** Automatic session-title naming route; both unset means the official default (the session's own logged route). */
+		const TITLE_SETTINGS_FIELDS = Object.freeze({
+			provider: "titleProvider",
+			model: "titleModel"
+		});
 		function deriveSubagentSettings(settings) {
 			return {
 				mode: settings.subagentMode,
@@ -71,6 +76,12 @@ window.__ModuleLoader__.load({
 				...settings.compactModel === void 0 ? {} : { model: settings.compactModel }
 			};
 		}
+		function deriveTitleSettings(settings) {
+			return {
+				...settings.titleProvider === void 0 ? {} : { provider: settings.titleProvider },
+				...settings.titleModel === void 0 ? {} : { model: settings.titleModel }
+			};
+		}
 		/** Whether both fields of a model route form a complete pair; an incomplete pair stays off. */
 		function routePairConfigured(route) {
 			return route !== void 0 && (route.provider ?? "").trim() !== "" && (route.model ?? "").trim() !== "";
@@ -84,7 +95,9 @@ window.__ModuleLoader__.load({
 			"autoReviewModel",
 			"subagentProvider",
 			"subagentModel",
-			"subagentReasoningEffort"
+			"subagentReasoningEffort",
+			"titleProvider",
+			"titleModel"
 		]);
 		/** Own data property, so a literal '__proto__' provider id can never touch a prototype. */
 		function setKey(target, key, value) {
@@ -147,62 +160,6 @@ window.__ModuleLoader__.load({
 			if (!Object.prototype.hasOwnProperty.call(groups, provider)) return void 0;
 			return groups[provider];
 		}
-		/** A complete pinned pair; either half missing leaves the capability at its default. */
-		function pair(group, providerField, modelField) {
-			const provider = group[providerField];
-			const model = group[modelField];
-			return present(provider) && present(model) ? {
-				provider,
-				model
-			} : void 0;
-		}
-		/**
-		* Ordered writes applying one group with full-replacement semantics: pinned
-		* capabilities land as pairs, everything else reverts to its default state
-		* (compaction/review follow the session model; Subagent follows official
-		* inherit). The mode write comes last so a fixed route never publishes with
-		* the previous provider's fields still half-written.
-		*/
-		function providerGroupWrites(group) {
-			const compact = pair(group, "compactProvider", "compactModel");
-			const review = pair(group, "autoReviewProvider", "autoReviewModel");
-			const subagent = pair(group, "subagentProvider", "subagentModel");
-			const effort = subagent !== void 0 && present(group.subagentReasoningEffort) ? group.subagentReasoningEffort : void 0;
-			return [
-				{
-					field: "compactProvider",
-					value: compact?.provider
-				},
-				{
-					field: "compactModel",
-					value: compact?.model
-				},
-				{
-					field: "autoReviewProvider",
-					value: review?.provider
-				},
-				{
-					field: "autoReviewModel",
-					value: review?.model
-				},
-				{
-					field: "subagentProvider",
-					value: subagent?.provider
-				},
-				{
-					field: "subagentModel",
-					value: subagent?.model
-				},
-				{
-					field: "subagentReasoningEffort",
-					value: effort
-				},
-				{
-					field: "subagentMode",
-					mode: subagent !== void 0 ? "fixed" : "follow-main"
-				}
-			];
-		}
 		/** Storage entry for one provider's group; absent or blank route fields become ''. */
 		function entryOf(provider, group) {
 			return {
@@ -213,7 +170,9 @@ window.__ModuleLoader__.load({
 				autoReviewModel: group.autoReviewModel ?? "",
 				subagentProvider: group.subagentProvider ?? "",
 				subagentModel: group.subagentModel ?? "",
-				subagentReasoningEffort: group.subagentReasoningEffort ?? ""
+				subagentReasoningEffort: group.subagentReasoningEffort ?? "",
+				titleProvider: group.titleProvider ?? "",
+				titleModel: group.titleModel ?? ""
 			};
 		}
 		/**
@@ -230,19 +189,6 @@ window.__ModuleLoader__.load({
 			}
 			return Object.entries(groups).map(([key, value]) => entryOf(key, value));
 		}
-		/**
-		* Apply a saved group's routes to the live flat settings.
-		* @returns true when a group existed and every write settled; false when the
-		* provider has no group (nothing was written). A rejected write propagates.
-		*/
-		async function applyProviderGroupTo(sink, groups, provider) {
-			const group = groupOf(groups, provider);
-			if (group === void 0) return false;
-			for (const write of providerGroupWrites(group)) if (write.field === "subagentMode") await sink.set("subagentMode", write.mode);
-			else if (write.value === void 0) await sink.unset(write.field);
-			else await sink.set(write.field, write.value);
-			return true;
-		}
 		//#endregion
 		//#region src/client/derived-config-form.ts
 		function deriveConfigForm(source, project, fields) {
@@ -263,11 +209,28 @@ window.__ModuleLoader__.load({
 				const sourceField = fields[field];
 				if (!(operation === "set" ? await source.set(sourceField, value) : await source.unset(sourceField))) throw new Error("settings-rejected");
 			};
+			/**
+			* Batch write: map every view field through the same `fields` table `set`/`unset`
+			* use, so one atomic source mutate can carry a whole row's worth of edits under
+			* a single revision fence instead of N independent fenced writes.
+			*/
+			const mutate = async (ops, expectedRevision) => {
+				const mapped = ops.map((op) => op.value === void 0 ? {
+					op: "unset",
+					path: [fields[op.field]]
+				} : {
+					op: "set",
+					path: [fields[op.field]],
+					value: op.value
+				});
+				if (!await source.mutate(mapped, expectedRevision)) throw new Error("settings-rejected");
+			};
 			return {
 				getSnapshot,
 				subscribe: (listener) => source.subscribe(listener),
 				set: (field, value) => write("set", field, value),
-				unset: (field) => write("unset", field)
+				unset: (field) => write("unset", field),
+				mutate
 			};
 		}
 		//#endregion
@@ -828,6 +791,23 @@ window.__ModuleLoader__.load({
 					strokeLinejoin: "round"
 				})]
 			});
+			if (kind === "sessionTitle") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 18 18",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3 4.5h7.5l4.2 4.2-5.7 5.7L3 9.8V4.5Z",
+					stroke: "currentColor",
+					strokeLinejoin: "round"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "6.2",
+					cy: "7.2",
+					r: "1.1",
+					stroke: "currentColor"
+				})]
+			});
 			return null;
 		}
 		function RouteCard({ title, summary, hint, icon, open, onToggle, disabled = false, badge, badgeWarn = false, trailing, expandable = true, children }) {
@@ -952,17 +932,34 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/**
+		* One editable row draft.
+		*
+		* Only a PRISTINE draft follows the accepted snapshot. A draft the user has
+		* edited is never overwritten by an incoming snapshot — another tab's write, or
+		* the recovery read that follows a refused write, would otherwise discard the
+		* typed values and make the page look like it rolled back on its own. The user
+		* either saves the draft or cancels it back to the accepted value.
+		* @param snapshot - the accepted form snapshot for this row.
+		* @returns the draft, its setter, and a reset that re-adopts the accepted value.
+		*/
 		function useDraft(snapshot) {
 			const [draft, setDraft] = (0, react.useState)(snapshot.value);
+			const pristine = (0, react.useRef)(true);
 			(0, react.useEffect)(() => {
+				if (!pristine.current) return;
 				setDraft(snapshot.value);
 			}, [snapshot.revision, snapshot.value]);
 			return [
 				draft,
-				setDraft,
-				() => {
+				(0, react.useCallback)((value) => {
+					pristine.current = false;
+					setDraft(value);
+				}, []),
+				(0, react.useCallback)(() => {
+					pristine.current = true;
 					setDraft(snapshot.value);
-				}
+				}, [snapshot.value])
 			];
 		}
 		function routeName(groups, route) {
@@ -1018,6 +1015,7 @@ window.__ModuleLoader__.load({
 			const image = props.useImageSettings((value) => value);
 			const autoReview = props.useAutoReviewSettings((value) => value);
 			const compaction = props.useCompactionSettings((value) => value);
+			const sessionTitle = props.useTitleSettings((value) => value);
 			const switchSettings = props.useSwitchSettings((value) => value);
 			const [open, setOpen] = (0, react.useState)();
 			const [subagentDraft, setSubagentDraft, resetSubagent] = useDraft(subagent);
@@ -1025,6 +1023,7 @@ window.__ModuleLoader__.load({
 			const [imageDraft, setImageDraft, resetImage] = useDraft(image);
 			const [autoReviewDraft, setAutoReviewDraft, resetAutoReview] = useDraft(autoReview);
 			const [compactionDraft, setCompactionDraft, resetCompaction] = useDraft(compaction);
+			const [titleDraft, setTitleDraft, resetTitle] = useDraft(sessionTitle);
 			const [busy, setBusy] = (0, react.useState)();
 			const [message, setMessage] = (0, react.useState)();
 			const [compactBusy, setCompactBusy] = (0, react.useState)(false);
@@ -1070,15 +1069,17 @@ window.__ModuleLoader__.load({
 				};
 			}, [loadSearchCapabilities]);
 			const providerGroups = normalizeProviderGroups(switchSettings.value?.providerGroups);
-			/** Seed an unsaved group from the live routes. */
+			/**
+			* Seed an unsaved group from the live routes.
+			*
+			* Only the two per-session capabilities are seeded: a group carrying a
+			* compaction or reviewer pin would store a value no consumer reads (see
+			* src/session-route.ts), which is worse than storing nothing.
+			*/
 			const seedGroupFromActive = () => {
-				const compact = compaction.value !== void 0 && routePairConfigured(compaction.value) ? {
-					provider: compaction.value.provider ?? "",
-					model: compaction.value.model ?? ""
-				} : void 0;
-				const review = autoReview.value !== void 0 && routePairConfigured(autoReview.value) ? {
-					provider: autoReview.value.provider ?? "",
-					model: autoReview.value.model ?? ""
+				const title = sessionTitle.value !== void 0 && routePairConfigured(sessionTitle.value) ? {
+					provider: sessionTitle.value.provider ?? "",
+					model: sessionTitle.value.model ?? ""
 				} : void 0;
 				const fixedSubagent = subagent.value !== void 0 && subagent.value.mode === "fixed" && routePairConfigured(subagent.value) ? {
 					provider: subagent.value.provider ?? "",
@@ -1086,13 +1087,9 @@ window.__ModuleLoader__.load({
 					reasoningEffort: subagent.value.reasoningEffort
 				} : void 0;
 				return {
-					...compact === void 0 ? {} : {
-						compactProvider: compact.provider,
-						compactModel: compact.model
-					},
-					...review === void 0 ? {} : {
-						autoReviewProvider: review.provider,
-						autoReviewModel: review.model
+					...title === void 0 ? {} : {
+						titleProvider: title.provider,
+						titleModel: title.model
 					},
 					...fixedSubagent === void 0 ? {} : {
 						subagentProvider: fixedSubagent.provider,
@@ -1126,13 +1123,15 @@ window.__ModuleLoader__.load({
 				switchSettings.value,
 				subagent.value,
 				autoReview.value,
-				compaction.value
+				compaction.value,
+				sessionTitle.value
 			]);
 			if ([
 				subagent,
 				search,
 				image,
-				switchSettings
+				switchSettings,
+				sessionTitle
 			].some((form) => form.mode === "memory")) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
 				className: ModelSwitchSettings_module_css_default.section,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
@@ -1182,83 +1181,125 @@ window.__ModuleLoader__.load({
 			const autoReviewOn = routePairConfigured(autoReview.value);
 			const compactionChoices = deriveRouteChoices(groups, compactionDraft);
 			const compactionOn = routePairConfigured(compaction.value);
+			const titleChoices = deriveRouteChoices(groups, titleDraft);
+			const titleOn = routePairConfigured(sessionTitle.value);
 			const synced = [
 				subagent,
 				search,
 				image,
 				autoReview,
-				compaction
+				compaction,
+				sessionTitle
 			].every((snapshot) => snapshot.status === "ready");
+			/**
+			* Run one row save with a visible outcome that ALWAYS settles.
+			*
+			* A stalled write used to latch the page on "保存中…" forever, because `busy`
+			* was only cleared by the settling promise. The 30s deadline reports the stall
+			* instead; a late result is ignored by the race, so it can never overwrite a
+			* newer draft either.
+			* @param route - the row whose save is running, for busy and message routing.
+			* @param operation - the single fenced write to perform.
+			* @returns whether the write was accepted.
+			*/
 			const run = async (route, operation) => {
-				if (busy !== void 0) return;
+				if (busy !== void 0) return false;
+				const timeoutMs = 3e4;
 				setBusy(route);
 				setMessage(void 0);
+				let timer;
 				try {
-					await operation();
+					await Promise.race([operation(), new Promise((_resolve, reject) => {
+						timer = setTimeout(() => reject(new Error(props.t("saveTimeout"))), timeoutMs);
+					})]);
 					setMessage({
 						route,
 						text: props.t("saved")
 					});
+					return true;
 				} catch (error) {
 					setMessage({
 						route,
 						text: error instanceof Error ? error.message : props.t("requestFailed")
 					});
+					return false;
 				} finally {
+					if (timer !== void 0) clearTimeout(timer);
 					setBusy(void 0);
 				}
 			};
 			const saveSubagent = () => {
 				if (subagentDraft === void 0 || subagentDraft.mode !== "fixed") return;
-				run("subagent", async () => {
-					if (subagent.value?.provider !== subagentDraft.provider) await props.setSubagent("provider", subagentDraft.provider);
-					const matched = subagentCatalogModel;
-					const nextModel = matched?.model.id ?? subagentDraft.model;
-					const nextEffort = subagentDraft.reasoningEffort === "" ? void 0 : subagentDraft.reasoningEffort || matched?.effort;
-					if (subagent.value?.model !== nextModel) await props.setSubagent("model", nextModel);
-					if (subagent.value?.reasoningEffort !== nextEffort) await props.setSubagent("reasoningEffort", nextEffort);
-				});
+				const matched = subagentCatalogModel;
+				const provider = (subagentDraft.provider ?? "").trim();
+				const model = (matched?.model.id ?? subagentDraft.model ?? "").trim();
+				if (provider === "" || model === "") return;
+				const nextEffort = subagentDraft.reasoningEffort === "" ? void 0 : subagentDraft.reasoningEffort || matched?.effort;
+				run("subagent", () => props.saveSubagent([
+					{
+						field: "provider",
+						value: provider
+					},
+					{
+						field: "model",
+						value: model
+					},
+					{
+						field: "reasoningEffort",
+						value: nextEffort
+					}
+				]));
 			};
 			const persistSubagentEnabled = (enabled) => {
 				if (subagentDraft === void 0 || busy === "subagent" || !subagent.writable) return;
-				setSubagentDraft({
-					...subagentDraft,
-					mode: subagentModeForEnabled(enabled)
-				});
-				setBusy("subagent");
-				setMessage(void 0);
-				props.setSubagent("mode", subagentModeForEnabled(enabled)).then(() => {
-					setBusy(void 0);
-					setOpen((current) => enabled ? "subagent" : current === "subagent" ? void 0 : current);
-				}, (error) => {
-					setBusy(void 0);
-					resetSubagent();
-					setMessage({
-						route: "subagent",
-						text: error instanceof Error ? error.message : props.t("requestFailed")
+				const mode = subagentModeForEnabled(enabled);
+				run("subagent", () => props.saveSubagent([{
+					field: "mode",
+					value: mode
+				}])).then((accepted) => {
+					if (!accepted) {
+						resetSubagent();
+						return;
+					}
+					setSubagentDraft({
+						...subagentDraft,
+						mode
 					});
+					setOpen((current) => enabled ? "subagent" : current === "subagent" ? void 0 : current);
 				});
 			};
-			const saveCapability = (route, current, next) => {
+			/** Both halves of one pinned capability route, written together in one mutation. */
+			const pairOps = (next) => [{
+				field: "provider",
+				value: next.provider
+			}, {
+				field: "model",
+				value: next.model
+			}];
+			const saveCapability = (route, next) => {
 				if (next === void 0) return;
-				run(route, async () => {
-					if (current.value?.provider !== next.provider) await props.setCapability(route, "provider", next.provider);
-					if (current.value?.model !== next.model) await props.setCapability(route, "model", next.model);
-				});
+				const provider = (next.provider ?? "").trim();
+				const model = (next.model ?? "").trim();
+				if (provider === "" || model === "") return;
+				run(route, () => props.saveCapability(route, [{
+					field: "provider",
+					value: provider
+				}, {
+					field: "model",
+					value: model
+				}]));
 			};
 			const saveAutoReview = () => {
-				if (autoReviewDraft === void 0) return;
-				run("autoReview", async () => {
-					if (autoReview.value?.provider !== autoReviewDraft.provider) await props.setCapability("autoReview", "provider", autoReviewDraft.provider);
-					if (autoReview.value?.model !== autoReviewDraft.model) await props.setCapability("autoReview", "model", autoReviewDraft.model);
-				});
+				if (autoReviewDraft === void 0 || (autoReviewDraft.provider ?? "").trim() === "" || (autoReviewDraft.model ?? "").trim() === "") return;
+				run("autoReview", () => props.saveCapability("autoReview", pairOps(autoReviewDraft)));
 			};
 			const saveCompaction = () => {
-				if (compactionDraft === void 0) return;
-				run("compaction", async () => {
-					if (compaction.value?.provider !== compactionDraft.provider) await props.setCapability("compaction", "provider", compactionDraft.provider);
-					if (compaction.value?.model !== compactionDraft.model) await props.setCapability("compaction", "model", compactionDraft.model);
-				});
+				if (compactionDraft === void 0 || (compactionDraft.provider ?? "").trim() === "" || (compactionDraft.model ?? "").trim() === "") return;
+				run("compaction", () => props.saveCapability("compaction", pairOps(compactionDraft)));
+			};
+			const saveTitle = () => {
+				if (titleDraft === void 0 || (titleDraft.provider ?? "").trim() === "" || (titleDraft.model ?? "").trim() === "") return;
+				run("sessionTitle", () => props.saveCapability("title", pairOps(titleDraft)));
 			};
 			/**
 			* The reviewer switch: Off unsets both stored fields (follow the session
@@ -1270,32 +1311,24 @@ window.__ModuleLoader__.load({
 				if (busy === "autoReview" || !autoReview.writable || autoReview.value === void 0) return;
 				if (!enabled) {
 					setOpen((current) => current === "autoReview" ? void 0 : current);
-					run("autoReview", async () => {
-						if (autoReview.value?.provider !== void 0) await props.setCapability("autoReview", "provider", void 0);
-						if (autoReview.value?.model !== void 0) await props.setCapability("autoReview", "model", void 0);
-					});
+					run("autoReview", () => props.saveCapability("autoReview", [{
+						field: "provider",
+						value: void 0
+					}, {
+						field: "model",
+						value: void 0
+					}]));
 					return;
 				}
 				const seed = firstCatalogRoute(groups);
 				if (seed === void 0) return;
-				setBusy("autoReview");
-				setMessage(void 0);
-				(async () => {
-					if (autoReview.value?.provider !== seed.provider) await props.setCapability("autoReview", "provider", seed.provider);
-					if (autoReview.value?.model !== seed.model) await props.setCapability("autoReview", "model", seed.model);
-				})().then(() => {
+				run("autoReview", () => props.saveCapability("autoReview", pairOps(seed))).then((accepted) => {
+					if (!accepted) return;
 					setAutoReviewDraft({
 						provider: seed.provider,
 						model: seed.model
 					});
-					setBusy(void 0);
 					setOpen("autoReview");
-				}, (error) => {
-					setBusy(void 0);
-					setMessage({
-						route: "autoReview",
-						text: error instanceof Error ? error.message : props.t("requestFailed")
-					});
 				});
 			};
 			/**
@@ -1308,32 +1341,54 @@ window.__ModuleLoader__.load({
 				if (busy === "compaction" || !compaction.writable || compaction.value === void 0) return;
 				if (!enabled) {
 					setOpen((current) => current === "compaction" ? void 0 : current);
-					run("compaction", async () => {
-						if (compaction.value?.provider !== void 0) await props.setCapability("compaction", "provider", void 0);
-						if (compaction.value?.model !== void 0) await props.setCapability("compaction", "model", void 0);
-					});
+					run("compaction", () => props.saveCapability("compaction", [{
+						field: "provider",
+						value: void 0
+					}, {
+						field: "model",
+						value: void 0
+					}]));
 					return;
 				}
 				const seed = firstCatalogRoute(groups);
 				if (seed === void 0) return;
-				setBusy("compaction");
-				setMessage(void 0);
-				(async () => {
-					if (compaction.value?.provider !== seed.provider) await props.setCapability("compaction", "provider", seed.provider);
-					if (compaction.value?.model !== seed.model) await props.setCapability("compaction", "model", seed.model);
-				})().then(() => {
+				run("compaction", () => props.saveCapability("compaction", pairOps(seed))).then((accepted) => {
+					if (!accepted) return;
 					setCompactionDraft({
 						provider: seed.provider,
 						model: seed.model
 					});
-					setBusy(void 0);
 					setOpen("compaction");
-				}, (error) => {
-					setBusy(void 0);
-					setMessage({
-						route: "compaction",
-						text: error instanceof Error ? error.message : props.t("requestFailed")
+				});
+			};
+			/**
+			* The session-title switch: Off unsets both stored fields (naming follows
+			* the session's own logged route); On pins the route to the catalog head so
+			* the pin takes effect immediately and stays editable below. A failed write
+			* reports, never flips silently.
+			*/
+			const persistTitleEnabled = (enabled) => {
+				if (busy === "sessionTitle" || !sessionTitle.writable || sessionTitle.value === void 0) return;
+				if (!enabled) {
+					setOpen((current) => current === "sessionTitle" ? void 0 : current);
+					run("sessionTitle", () => props.saveCapability("title", [{
+						field: "provider",
+						value: void 0
+					}, {
+						field: "model",
+						value: void 0
+					}]));
+					return;
+				}
+				const seed = firstCatalogRoute(groups);
+				if (seed === void 0) return;
+				run("sessionTitle", () => props.saveCapability("title", pairOps(seed))).then((accepted) => {
+					if (!accepted) return;
+					setTitleDraft({
+						provider: seed.provider,
+						model: seed.model
 					});
+					setOpen("sessionTitle");
 				});
 			};
 			const subagentRole = subagentDraft?.mode === "fixed" && subagentDraft.provider !== void 0 && subagentDraft.provider !== "" ? props.providerRoleOf?.(subagentDraft.provider) : void 0;
@@ -1343,17 +1398,16 @@ window.__ModuleLoader__.load({
 			const capabilityDisabled = (route, snapshot, next) => snapshot.status !== "ready" || !snapshot.writable || next === void 0 || busy === route || (next.provider ?? "").trim() === "" || (next.model ?? "").trim() === "";
 			const autoReviewDisabled = autoReview.status !== "ready" || !autoReview.writable || autoReviewDraft === void 0 || busy === "autoReview" || !autoReviewOn || (autoReviewDraft.provider ?? "").trim() === "" || (autoReviewDraft.model ?? "").trim() === "";
 			const compactionDisabled = compaction.status !== "ready" || !compaction.writable || compactionDraft === void 0 || busy === "compaction" || !compactionOn || (compactionDraft.provider ?? "").trim() === "" || (compactionDraft.model ?? "").trim() === "";
+			const titleDisabled = sessionTitle.status !== "ready" || !sessionTitle.writable || titleDraft === void 0 || busy === "sessionTitle" || !titleOn || (titleDraft.provider ?? "").trim() === "" || (titleDraft.model ?? "").trim() === "";
 			const configuredGroupCount = Object.keys(providerGroups).length;
 			const groupControlsDisabled = busy === "providerGroups" || switchSettings.status !== "ready" || !switchSettings.writable;
 			const groupProviderChoices = deriveRouteChoices(groups, groupProvider === "" ? void 0 : { provider: groupProvider }).providers.map((choice) => groupOf(providerGroups, choice.id) === void 0 ? choice : {
 				...choice,
 				name: choice.name + " ✓"
 			});
-			const groupCompaction = groupDraft === void 0 ? void 0 : draftPair(groupDraft.compactProvider, groupDraft.compactModel);
-			const groupReview = groupDraft === void 0 ? void 0 : draftPair(groupDraft.autoReviewProvider, groupDraft.autoReviewModel);
+			const groupTitle = groupDraft === void 0 ? void 0 : draftPair(groupDraft.titleProvider, groupDraft.titleModel);
 			const groupSubagent = groupDraft === void 0 ? void 0 : draftPair(groupDraft.subagentProvider, groupDraft.subagentModel);
-			const groupCompactionChoices = deriveRouteChoices(groups, groupCompaction);
-			const groupReviewChoices = deriveRouteChoices(groups, groupReview);
+			const groupTitleChoices = deriveRouteChoices(groups, groupTitle);
 			const groupSubagentChoices = deriveRouteChoices(groups, groupSubagent);
 			const groupSubMatched = matchCatalogModel(groups.find((group) => group.id === (groupDraft?.subagentProvider ?? ""))?.models ?? [], groupDraft?.subagentModel ?? "");
 			const groupSubEfforts = (() => {
@@ -1372,30 +1426,25 @@ window.__ModuleLoader__.load({
 			* Enable a capability row by pinning it: to that capability's live route
 			* when one is configured, else to the catalog head (same sources the
 			* editor's first-edit seed uses).
+			*
+			* Only the two capabilities with a public per-session seam are editable here
+			* (see src/session-route.ts): compaction records the summarizer that wrote
+			* each summary durably and auto review carries no session identity at its
+			* interception point, so both stay deployment-wide cards.
 			*/
 			const enableGroupCapability = (kind) => {
 				const active = seedGroupFromActive();
 				const seed = firstCatalogRoute(groups);
 				setGroupDraft((draft) => {
 					if (draft === void 0) return draft;
-					if (kind === "compaction") {
-						const provider = active.compactProvider ?? seed?.provider;
-						const model = active.compactModel ?? seed?.model;
+					if (kind === "sessionTitle") {
+						const provider = active.titleProvider ?? seed?.provider;
+						const model = active.titleModel ?? seed?.model;
 						if (provider === void 0 || model === void 0) return draft;
 						return {
 							...draft,
-							compactProvider: provider,
-							compactModel: model
-						};
-					}
-					if (kind === "autoReview") {
-						const provider = active.autoReviewProvider ?? seed?.provider;
-						const model = active.autoReviewModel ?? seed?.model;
-						if (provider === void 0 || model === void 0) return draft;
-						return {
-							...draft,
-							autoReviewProvider: provider,
-							autoReviewModel: model
+							titleProvider: provider,
+							titleModel: model
 						};
 					}
 					const provider = active.subagentProvider ?? seed?.provider;
@@ -1413,15 +1462,10 @@ window.__ModuleLoader__.load({
 			const disableGroupCapability = (kind) => {
 				setGroupDraft((draft) => {
 					if (draft === void 0) return draft;
-					if (kind === "compaction") return {
-						...draft,
-						compactProvider: "",
-						compactModel: ""
-					};
-					if (kind === "autoReview") return {
+					if (kind === "sessionTitle") return {
 						...draft,
-						autoReviewProvider: "",
-						autoReviewModel: ""
+						titleProvider: "",
+						titleModel: ""
 					};
 					return {
 						...draft,
@@ -1674,7 +1718,7 @@ window.__ModuleLoader__.load({
 											setMessage(void 0);
 										},
 										onSave: () => {
-											saveCapability("search", search, searchDraft);
+											saveCapability("search", searchDraft);
 										}
 									})
 								] })
@@ -1741,7 +1785,7 @@ window.__ModuleLoader__.load({
 											setMessage(void 0);
 										},
 										onSave: () => {
-											saveCapability("image", image, imageDraft);
+											saveCapability("image", imageDraft);
 										}
 									})
 								] })
@@ -1882,6 +1926,70 @@ window.__ModuleLoader__.load({
 										onSave: saveCompaction
 									})
 								] })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RouteCard, {
+								title: props.t("sessionTitle"),
+								summary: titleDraft === void 0 ? props.t("loading") : titleOn ? routeName(groups, titleDraft) : props.t("titleFollow"),
+								hint: props.t("titleHelp"),
+								icon: "sessionTitle",
+								open: open === "sessionTitle" && titleOn,
+								onToggle: () => {
+									if (titleOn) toggle("sessionTitle");
+								},
+								expandable: titleOn,
+								trailing: titleDraft === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
+									checked: titleOn,
+									disabled: busy === "sessionTitle" || !sessionTitle.writable,
+									label: props.t("sessionTitle"),
+									onChange: persistTitleEnabled
+								}),
+								children: titleDraft === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: ModelSwitchSettings_module_css_default.hint,
+									children: props.t("loading")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: ModelSwitchSettings_module_css_default.hint,
+										children: props.t("titleRouteHelp")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: ModelSwitchSettings_module_css_default.formGrid,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+											label: props.t("provider"),
+											value: titleDraft.provider ?? "",
+											disabled: busy === "sessionTitle" || !sessionTitle.writable,
+											choices: titleChoices.providers,
+											onChange: (provider) => {
+												const first = groups.find((group) => group.id === provider)?.models[0];
+												setTitleDraft({
+													provider,
+													...first === void 0 ? {} : { model: first.id }
+												});
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+											label: props.t("model"),
+											value: titleDraft.model ?? "",
+											disabled: busy === "sessionTitle" || !sessionTitle.writable,
+											choices: titleChoices.models,
+											onChange: (model) => {
+												setTitleDraft({
+													...titleDraft,
+													model
+												});
+											}
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Actions, {
+										t: props.t,
+										busy: busy === "sessionTitle",
+										disabled: titleDisabled,
+										...message?.route === "sessionTitle" ? { message: message.text } : {},
+										onCancel: () => {
+											resetTitle();
+											setMessage(void 0);
+										},
+										onSave: saveTitle
+									})
+								] })
 							})
 						]
 					}),
@@ -1925,94 +2033,45 @@ window.__ModuleLoader__.load({
 											className: ModelSwitchSettings_module_css_default.rowCopy,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 												className: ModelSwitchSettings_module_css_default.rowTitle,
-												children: props.t("compaction")
+												children: props.t("sessionTitle")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 												className: ModelSwitchSettings_module_css_default.hint,
-												children: groupCompaction === void 0 ? props.t("compactionFollow") : routeName(groups, groupCompaction)
+												children: groupTitle === void 0 ? props.t("titleFollow") : routeName(groups, groupTitle)
 											})]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
-											checked: groupCompaction !== void 0,
+											checked: groupTitle !== void 0,
 											disabled: groupControlsDisabled,
-											label: props.t("compaction"),
+											label: props.t("sessionTitle"),
 											onChange: (value) => {
-												if (value) enableGroupCapability("compaction");
-												else disableGroupCapability("compaction");
+												if (value) enableGroupCapability("sessionTitle");
+												else disableGroupCapability("sessionTitle");
 											}
 										})]
 									}),
-									groupCompaction === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									groupTitle === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: ModelSwitchSettings_module_css_default.formGrid,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("provider"),
-											value: groupCompaction.provider,
+											value: groupTitle.provider,
 											disabled: groupControlsDisabled,
-											choices: groupCompactionChoices.providers,
+											choices: groupTitleChoices.providers,
 											onChange: (provider) => {
 												const first = groups.find((item) => item.id === provider)?.models[0];
 												setGroupDraft((draft) => draft === void 0 ? draft : {
 													...draft,
-													compactProvider: provider,
-													compactModel: first?.id ?? ""
+													titleProvider: provider,
+													titleModel: first?.id ?? ""
 												});
 											}
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
-											value: groupCompaction.model,
+											value: groupTitle.model,
 											disabled: groupControlsDisabled,
-											choices: groupCompactionChoices.models,
+											choices: groupTitleChoices.models,
 											onChange: (model) => {
 												setGroupDraft((draft) => draft === void 0 ? draft : {
 													...draft,
-													compactModel: model
-												});
-											}
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: ModelSwitchSettings_module_css_default.rowCard,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: ModelSwitchSettings_module_css_default.rowCopy,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: ModelSwitchSettings_module_css_default.rowTitle,
-												children: props.t("autoReview")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: ModelSwitchSettings_module_css_default.hint,
-												children: groupReview === void 0 ? props.t("autoReviewFollow") : routeName(groups, groupReview)
-											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
-											checked: groupReview !== void 0,
-											disabled: groupControlsDisabled,
-											label: props.t("autoReview"),
-											onChange: (value) => {
-												if (value) enableGroupCapability("autoReview");
-												else disableGroupCapability("autoReview");
-											}
-										})]
-									}),
-									groupReview === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: ModelSwitchSettings_module_css_default.formGrid,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-											label: props.t("provider"),
-											value: groupReview.provider,
-											disabled: groupControlsDisabled,
-											choices: groupReviewChoices.providers,
-											onChange: (provider) => {
-												const first = groups.find((item) => item.id === provider)?.models[0];
-												setGroupDraft((draft) => draft === void 0 ? draft : {
-													...draft,
-													autoReviewProvider: provider,
-													autoReviewModel: first?.id ?? ""
-												});
-											}
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-											label: props.t("model"),
-											value: groupReview.model,
-											disabled: groupControlsDisabled,
-											choices: groupReviewChoices.models,
-											onChange: (model) => {
-												setGroupDraft((draft) => draft === void 0 ? draft : {
-													...draft,
-													autoReviewModel: model
+													titleModel: model
 												});
 											}
 										})]
@@ -2154,13 +2213,18 @@ window.__ModuleLoader__.load({
 			compactionFollow: "跟随会话模型",
 			compactionHelp: "为官方压缩（/compact 与官方自动压缩）指定摘要模型；关闭（两个字段都留空）时使用官方默认，即当前会话的目标模型。",
 			compactionRouteHelp: "摘要请求固定使用这里的 Provider/模型，与会话目标模型无关；保存后对下一次压缩立即生效。保存时若恰有压缩进行中，可能被打断并在下次重试。",
+			sessionTitle: "会话命名模型",
+			titleFollow: "跟随会话模型",
+			titleHelp: "为官方自动命名（新会话首条消息后生成标题）指定模型；关闭（两个字段都留空）时命名跟随当前会话模型。",
+			titleRouteHelp: "命名请求固定使用这里的 Provider/模型（不带推理强度）；关闭时跟随会话模型。保存后立即对下一次命名生效，不会中断正在进行的命名，会话日志记录的也是实际使用的模型。",
 			providerGroups: "供应商配置组",
 			providerGroupsCard: "按供应商预设路由",
-			providerGroupsSummary: "会话模型切换到该供应商时自动应用对应组",
-			providerGroupsHelp: "为压缩、子代理、审查按供应商分别保存路由。",
-			providerGroupsBodyHelp: "每个供应商保存一组压缩、子代理、审查路由；本会话的模型切换到该供应商时（无论通过插件的模型选择器还是 TUI 等其他界面），这三条路由自动写入上方对应卡片。切换到未配置的供应商时现有路由保持不变；应用会覆盖三张卡片的当前值（含手动修改）。",
+			providerGroupsSummary: "使用该供应商的会话自动采用对应组",
+			providerGroupsHelp: "为会话命名与子代理按供应商分别保存路由。",
+			providerGroupsBodyHelp: "每个供应商保存一组会话命名与子代理路由。会话自身的供应商与该组一致时，该会话的命名与子代理按组解析，否则回落到上方卡片里的全局设置。切换某个会话的模型不会写入任何全局设置，因此不同供应商的多个会话互不影响。压缩与自动审查仍是全局卡片：压缩事件要如实记录实际写入摘要的模型，审查的拦截点没有会话身份。",
 			providerGroupPick: "选择供应商以编辑其配置组。",
 			providerGroupDelete: "删除该组",
+			saveTimeout: "保存超时，请重试",
 			"reason.central-subagent-routing": "Alpha.4 没有全局子代理启动路由接口。",
 			"reason.packaged-preset-roots": "Alpha.4 不支持插件提供额外 preset root。",
 			"reason.tool-owner-suppression": "Alpha.4 没有工具所有者或来源抑制接口。",
@@ -2209,13 +2273,18 @@ window.__ModuleLoader__.load({
 			compactionFollow: "Follows the conversation model",
 			compactionHelp: "Pick the summarization model for official compaction (/compact and official automatic compaction). When off (both fields empty), the official default applies: the conversation target model.",
 			compactionRouteHelp: "Summarization requests use exactly this provider/model regardless of the conversation target; saved changes apply to the very next compaction. Saving while a compaction is running may interrupt it; it retries next time.",
+			sessionTitle: "Session title model",
+			titleFollow: "Follows the session model",
+			titleHelp: "Pick the model used to name new sessions automatically (right after the first prompt). When off (both fields empty), naming follows the session model.",
+			titleRouteHelp: "Naming requests use exactly this provider/model (no reasoning effort); when off they follow the session model. A saved change applies to the very next title, never interrupts a running one, and the session log records the route actually used.",
 			providerGroups: "Provider groups",
 			providerGroupsCard: "Per-provider route presets",
-			providerGroupsSummary: "Applied automatically when this session switches to that provider",
-			providerGroupsHelp: "Save compaction, subagent, and review routes per provider.",
-			providerGroupsBodyHelp: "Each provider stores one compaction, subagent, and review route group. When this session switches to that provider — through the plugin picker or any other surface such as the TUI — these three routes are written into the cards above. Switching to a provider without a group leaves the current routes untouched. Applying a group overwrites those three cards, including manual edits.",
+			providerGroupsSummary: "Sessions using that provider adopt this group",
+			providerGroupsHelp: "Save session-naming and subagent routes per provider.",
+			providerGroupsBodyHelp: "Each provider stores one session-naming and subagent route group. A session running on that provider resolves its naming and subagent calls from the group, and falls back to the cards above otherwise. Switching a session’s model writes no global setting, so sessions on different providers never affect each other. Compaction and auto review stay global cards: the compaction event must record the model that actually wrote each summary, and the reviewer gate carries no session identity.",
 			providerGroupPick: "Pick a provider to edit its group.",
 			providerGroupDelete: "Delete group",
+			saveTimeout: "The save timed out; try again",
 			"reason.central-subagent-routing": "Alpha.4 exposes no global Subagent start-routing seam.",
 			"reason.packaged-preset-roots": "Alpha.4 exposes no plugin-owned preset root.",
 			"reason.tool-owner-suppression": "Alpha.4 exposes no tool owner or provenance suppression seam.",
@@ -3704,66 +3773,6 @@ window.__ModuleLoader__.load({
 			}, operations);
 		}
 		//#endregion
-		//#region src/client/picker/provider-group-watch.ts
-		/**
-		* Watch one directory store and apply groups on provider changes.
-		*
-		* - The first observed provider (or the one already loaded) is the baseline
-		*   and never triggers a write, so mounting and initial load stay silent.
-		* - Applies are serialized: a change arriving mid-apply coalesces to the
-		*   latest target and runs once the current apply finishes, so two writes
-		*   never interleave pair writes.
-		* - `current` being null (catalog still loading) is ignored, not a change.
-		* @param options - the store to watch and the apply to run.
-		* @returns the watch handle.
-		*/
-		function createProviderGroupWatch(options) {
-			const onFailure = options.onFailure ?? ((error) => {
-				console.warn("dsh-model-switch: provider group apply failed", error);
-			});
-			let baselined = false;
-			let lastSeen;
-			const initial = options.source.getSnapshot().current;
-			if (initial !== null) {
-				baselined = true;
-				lastSeen = initial.provider;
-			}
-			let running = false;
-			let pending;
-			const run = async (provider) => {
-				running = true;
-				try {
-					await options.apply(provider);
-				} catch (error) {
-					onFailure(error);
-				} finally {
-					running = false;
-					if (pending !== void 0) {
-						const next = pending;
-						pending = void 0;
-						run(next);
-					}
-				}
-			};
-			const check = () => {
-				const current = options.source.getSnapshot().current;
-				if (current === null) return;
-				if (!baselined) {
-					baselined = true;
-					lastSeen = current.provider;
-					return;
-				}
-				if (current.provider === lastSeen) return;
-				lastSeen = current.provider;
-				if (running) {
-					pending = current.provider;
-					return;
-				}
-				run(current.provider);
-			};
-			return { dispose: options.source.subscribe(check) };
-		}
-		//#endregion
 		//#region src/picker/pending-dismissal.ts
 		/** Raised when the running Host exposes neither withdrawal verb. */
 		var PlanDismissalUnsupportedError = class extends Error {
@@ -4557,23 +4566,6 @@ window.__ModuleLoader__.load({
 			], (scope) => {
 				const models = scope.modelDirectories;
 				const sessions = scope.sessions;
-				const ownedForm = scope.configForms.get(MODEL_SWITCH_CONFIG_ID);
-				const groupWatches = /* @__PURE__ */ new Map();
-				const watchGroupsFor = (sessionId, source) => {
-					const key = String(sessionId);
-					if (groupWatches.has(key)) return;
-					const watch = createProviderGroupWatch({
-						source,
-						apply: async (provider) => {
-							await applyProviderGroupTo(ownedForm, normalizeProviderGroups(ownedForm.getSnapshot().value?.providerGroups), provider);
-						}
-					});
-					groupWatches.set(key, watch.dispose);
-				};
-				scope.effect(() => () => {
-					for (const dispose of groupWatches.values()) dispose();
-					groupWatches.clear();
-				});
 				let directoryService;
 				const orderStore = providerOrderStore(scope.configForms.get(PROVIDERS_CONFIG_ID));
 				scope.inject(["providerDirectory"], (directoryScope) => {
@@ -4604,7 +4596,6 @@ window.__ModuleLoader__.load({
 					};
 					const roleOf = (key) => readProviderRole(directoryService, key);
 					const providerLockStore = createProviderLockStore(readLock);
-					if (available) watchGroupsFor(sessionId, directory.store);
 					return {
 						available,
 						roleOf,
@@ -4743,6 +4734,7 @@ window.__ModuleLoader__.load({
 			const image = deriveConfigForm(owned, deriveImageSettings, IMAGE_SETTINGS_FIELDS);
 			const autoReview = deriveConfigForm(owned, deriveAutoReviewSettings, AUTO_REVIEW_SETTINGS_FIELDS);
 			const compaction = deriveConfigForm(owned, deriveCompactionSettings, COMPACTION_SETTINGS_FIELDS);
+			const sessionTitle = deriveConfigForm(owned, deriveTitleSettings, TITLE_SETTINGS_FIELDS);
 			const connectionRpc = (() => {
 				try {
 					const rpc = ctx.get("connection", false)?.rpc;
@@ -4780,13 +4772,13 @@ window.__ModuleLoader__.load({
 						imageSettings: image,
 						autoReviewSettings: autoReview,
 						compactionSettings: compaction,
+						titleSettings: sessionTitle,
 						switchSettings: owned
 					},
 					capabilities: RUNTIME_CAPABILITIES,
-					setSubagent: (field, value) => value === void 0 ? subagent.unset(field) : subagent.set(field, value),
-					setCapability: (route, field, value) => {
-						const scope = route === "search" ? search : route === "image" ? image : route === "compaction" ? compaction : autoReview;
-						return value === void 0 ? scope.unset(field) : scope.set(field, value);
+					saveSubagent: (ops) => subagent.mutate(ops),
+					saveCapability: (route, ops) => {
+						return (route === "search" ? search : route === "image" ? image : route === "compaction" ? compaction : route === "title" ? sessionTitle : autoReview).mutate(ops);
 					},
 					setCompactOnSwitch: async (value) => {
 						if (!await owned.set("compactOnSwitch", value)) throw new Error("settings-rejected");