dsh-model-switch 0.4.23 → 0.4.25

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,10 +1023,9 @@ 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);
-			const [compactError, setCompactError] = (0, react.useState)();
 			const [groupProvider, setGroupProvider] = (0, react.useState)("");
 			const [groupDraft, setGroupDraft] = (0, react.useState)(void 0);
 			const loadSearchCapabilities = props.loadCapabilities;
@@ -1070,29 +1067,43 @@ 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.
+			*
+			* All four per-session capabilities (compaction, autoReview, sessionTitle,
+			* subagent) are seeded from their active deployment-wide cards so a newly
+			* edited provider group starts from the currently active configuration.
+			*/
 			const seedGroupFromActive = () => {
-				const compact = compaction.value !== void 0 && routePairConfigured(compaction.value) ? {
+				const compactionPin = 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) ? {
+				const reviewPin = autoReview.value !== void 0 && routePairConfigured(autoReview.value) ? {
 					provider: autoReview.value.provider ?? "",
 					model: autoReview.value.model ?? ""
 				} : void 0;
+				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 ?? "",
 					model: subagent.value.model ?? "",
 					reasoningEffort: subagent.value.reasoningEffort
 				} : void 0;
 				return {
-					...compact === void 0 ? {} : {
-						compactProvider: compact.provider,
-						compactModel: compact.model
+					...compactionPin === void 0 ? {} : {
+						compactProvider: compactionPin.provider,
+						compactModel: compactionPin.model
 					},
-					...review === void 0 ? {} : {
-						autoReviewProvider: review.provider,
-						autoReviewModel: review.model
+					...reviewPin === void 0 ? {} : {
+						autoReviewProvider: reviewPin.provider,
+						autoReviewModel: reviewPin.model
+					},
+					...title === void 0 ? {} : {
+						titleProvider: title.provider,
+						titleModel: title.model
 					},
 					...fixedSubagent === void 0 ? {} : {
 						subagentProvider: fixedSubagent.provider,
@@ -1126,13 +1137,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 +1195,126 @@ 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 catalogSeed = firstCatalogRoute(groups);
 			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")
+				if (subagentDraft === void 0 || busy !== void 0 || !subagent.writable) return;
+				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
@@ -1267,35 +1323,26 @@ window.__ModuleLoader__.load({
 			* flips silently.
 			*/
 			const persistAutoReviewEnabled = (enabled) => {
-				if (busy === "autoReview" || !autoReview.writable || autoReview.value === void 0) return;
+				if (busy !== void 0 || !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(() => {
+				if (catalogSeed === void 0) return;
+				run("autoReview", () => props.saveCapability("autoReview", pairOps(catalogSeed))).then((accepted) => {
+					if (!accepted) return;
 					setAutoReviewDraft({
-						provider: seed.provider,
-						model: seed.model
+						provider: catalogSeed.provider,
+						model: catalogSeed.model
 					});
-					setBusy(void 0);
 					setOpen("autoReview");
-				}, (error) => {
-					setBusy(void 0);
-					setMessage({
-						route: "autoReview",
-						text: error instanceof Error ? error.message : props.t("requestFailed")
-					});
 				});
 			};
 			/**
@@ -1305,55 +1352,82 @@ window.__ModuleLoader__.load({
 			* reports, never flips silently.
 			*/
 			const persistCompactionEnabled = (enabled) => {
-				if (busy === "compaction" || !compaction.writable || compaction.value === void 0) return;
+				if (busy !== void 0 || !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(() => {
+				if (catalogSeed === void 0) return;
+				run("compaction", () => props.saveCapability("compaction", pairOps(catalogSeed))).then((accepted) => {
+					if (!accepted) return;
 					setCompactionDraft({
-						provider: seed.provider,
-						model: seed.model
+						provider: catalogSeed.provider,
+						model: catalogSeed.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 !== void 0 || !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;
+				}
+				if (catalogSeed === void 0) return;
+				run("sessionTitle", () => props.saveCapability("title", pairOps(catalogSeed))).then((accepted) => {
+					if (!accepted) return;
+					setTitleDraft({
+						provider: catalogSeed.provider,
+						model: catalogSeed.model
 					});
+					setOpen("sessionTitle");
 				});
 			};
 			const subagentRole = subagentDraft?.mode === "fixed" && subagentDraft.provider !== void 0 && subagentDraft.provider !== "" ? props.providerRoleOf?.(subagentDraft.provider) : void 0;
 			const subagentOn = subagentDraft?.mode === "fixed";
 			const subagentSummary = subagentDraft === void 0 ? props.t("loading") : subagentOn ? compact(routeName(groups, subagentRoute), isAgentRole(subagentRole) ? props.t("agentBadge") : void 0, subagentEffortSegment(props.t, subagentCatalogModel, (subagentDraft.reasoningEffort ?? "").trim(), defaultEffort)) : props.t("subagentOff");
-			const subagentDisabled = subagent.status !== "ready" || !subagent.writable || subagentDraft === void 0 || busy === "subagent" || !subagentOn || (subagentDraft.provider ?? "").trim() === "" || (subagentDraft.model ?? "").trim() === "";
-			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 subagentSwitchDisabled = busy !== void 0 || !subagent.writable || subagentDraft === void 0;
+			const autoReviewSwitchDisabled = busy !== void 0 || !autoReview.writable || autoReview.value === void 0 || !autoReviewOn && catalogSeed === void 0;
+			const compactionSwitchDisabled = busy !== void 0 || !compaction.writable || compaction.value === void 0 || !compactionOn && catalogSeed === void 0;
+			const titleSwitchDisabled = busy !== void 0 || !sessionTitle.writable || sessionTitle.value === void 0 || !titleOn && catalogSeed === void 0;
+			const subagentDisabled = subagent.status !== "ready" || !subagent.writable || subagentDraft === void 0 || busy !== void 0 || !subagentOn || (subagentDraft.provider ?? "").trim() === "" || (subagentDraft.model ?? "").trim() === "";
+			const capabilityDisabled = (_route, snapshot, next) => snapshot.status !== "ready" || !snapshot.writable || next === void 0 || busy !== void 0 || (next.provider ?? "").trim() === "" || (next.model ?? "").trim() === "";
+			const autoReviewDisabled = autoReview.status !== "ready" || !autoReview.writable || autoReviewDraft === void 0 || busy !== void 0 || !autoReviewOn || (autoReviewDraft.provider ?? "").trim() === "" || (autoReviewDraft.model ?? "").trim() === "";
+			const compactionDisabled = compaction.status !== "ready" || !compaction.writable || compactionDraft === void 0 || busy !== void 0 || !compactionOn || (compactionDraft.provider ?? "").trim() === "" || (compactionDraft.model ?? "").trim() === "";
+			const titleDisabled = sessionTitle.status !== "ready" || !sessionTitle.writable || titleDraft === void 0 || busy !== void 0 || !titleOn || (titleDraft.provider ?? "").trim() === "" || (titleDraft.model ?? "").trim() === "";
 			const configuredGroupCount = Object.keys(providerGroups).length;
-			const groupControlsDisabled = busy === "providerGroups" || switchSettings.status !== "ready" || !switchSettings.writable;
+			const groupControlsDisabled = busy !== void 0 || 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 groupAutoReview = 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 groupAutoReviewChoices = deriveRouteChoices(groups, groupAutoReview);
+			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 = (() => {
@@ -1369,18 +1443,16 @@ window.__ModuleLoader__.load({
 				return efforts;
 			})();
 			/**
-			* 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).
+			* Enable a capability row inside a provider group by pinning it: to that
+			* capability's live route when one is configured, else to the catalog head.
 			*/
 			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;
+						const provider = active.compactProvider ?? catalogSeed?.provider;
+						const model = active.compactModel ?? catalogSeed?.model;
 						if (provider === void 0 || model === void 0) return draft;
 						return {
 							...draft,
@@ -1389,8 +1461,8 @@ window.__ModuleLoader__.load({
 						};
 					}
 					if (kind === "autoReview") {
-						const provider = active.autoReviewProvider ?? seed?.provider;
-						const model = active.autoReviewModel ?? seed?.model;
+						const provider = active.autoReviewProvider ?? catalogSeed?.provider;
+						const model = active.autoReviewModel ?? catalogSeed?.model;
 						if (provider === void 0 || model === void 0) return draft;
 						return {
 							...draft,
@@ -1398,10 +1470,20 @@ window.__ModuleLoader__.load({
 							autoReviewModel: model
 						};
 					}
-					const provider = active.subagentProvider ?? seed?.provider;
-					const model = active.subagentModel ?? seed?.model;
+					if (kind === "sessionTitle") {
+						const provider = active.titleProvider ?? catalogSeed?.provider;
+						const model = active.titleModel ?? catalogSeed?.model;
+						if (provider === void 0 || model === void 0) return draft;
+						return {
+							...draft,
+							titleProvider: provider,
+							titleModel: model
+						};
+					}
+					const provider = active.subagentProvider ?? catalogSeed?.provider;
+					const model = active.subagentModel ?? catalogSeed?.model;
 					if (provider === void 0 || model === void 0) return draft;
-					const effort = active.subagentProvider !== void 0 ? active.subagentReasoningEffort : seed?.reasoningEffort;
+					const effort = active.subagentProvider !== void 0 ? active.subagentReasoningEffort : catalogSeed?.reasoningEffort;
 					return {
 						...draft,
 						subagentProvider: provider,
@@ -1423,6 +1505,11 @@ window.__ModuleLoader__.load({
 						autoReviewProvider: "",
 						autoReviewModel: ""
 					};
+					if (kind === "sessionTitle") return {
+						...draft,
+						titleProvider: "",
+						titleModel: ""
+					};
 					return {
 						...draft,
 						subagentProvider: "",
@@ -1458,69 +1545,6 @@ window.__ModuleLoader__.load({
 						className: cx(ModelSwitchSettings_module_css_default.hint, ModelSwitchSettings_module_css_default.message),
 						children: catalogError
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: ModelSwitchSettings_module_css_default.group,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-							className: ModelSwitchSettings_module_css_default.groupLabel,
-							children: props.t("sendProtection")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: ModelSwitchSettings_module_css_default.rowCard,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: ModelSwitchSettings_module_css_default.routeIcon,
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-										width: "18",
-										height: "18",
-										viewBox: "0 0 18 18",
-										fill: "none",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-											d: "M4 5.5h10M4 9h7M4 12.5h5",
-											stroke: "currentColor",
-											strokeLinecap: "round"
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-											d: "M13 11.5v3.5l2-1.6",
-											stroke: "currentColor",
-											strokeLinecap: "round",
-											strokeLinejoin: "round"
-										})]
-									})
-								}),
-								/* @__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("compactOnSwitch")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: ModelSwitchSettings_module_css_default.hint,
-											children: props.t("compactOnSwitchHelp")
-										}),
-										compactError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: cx(ModelSwitchSettings_module_css_default.hint, ModelSwitchSettings_module_css_default.message),
-											children: compactError
-										})
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
-									checked: switchSettings.value?.compactOnSwitch !== false,
-									disabled: !switchSettings.writable || compactBusy,
-									label: props.t("compactOnSwitch"),
-									onChange: (value) => {
-										setCompactBusy(true);
-										setCompactError(void 0);
-										props.setCompactOnSwitch(value).then(() => {
-											setCompactBusy(false);
-										}, (error) => {
-											setCompactBusy(false);
-											setCompactError(error instanceof Error ? error.message : props.t("requestFailed"));
-										});
-									}
-								})
-							]
-						})]
-					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						className: ModelSwitchSettings_module_css_default.group,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -1538,7 +1562,7 @@ window.__ModuleLoader__.load({
 							expandable: subagentOn,
 							trailing: subagentDraft === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
 								checked: subagentOn,
-								disabled: busy === "subagent" || !subagent.writable,
+								disabled: subagentSwitchDisabled,
 								label: props.t("subagent"),
 								onChange: persistSubagentEnabled
 							}),
@@ -1551,7 +1575,7 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 										label: props.t("provider"),
 										value: subagentDraft.provider ?? "",
-										disabled: busy === "subagent" || !subagent.writable,
+										disabled: busy !== void 0 || !subagent.writable,
 										choices: subagentChoices.providers,
 										onChange: (provider) => {
 											const first = groups.find((group) => group.id === provider)?.models[0];
@@ -1564,7 +1588,7 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 										label: props.t("model"),
 										value: subagentCatalogModel?.model.id ?? subagentDraft.model ?? "",
-										disabled: busy === "subagent" || !subagent.writable,
+										disabled: busy !== void 0 || !subagent.writable,
 										choices: subagentChoices.models,
 										onChange: (model) => {
 											setSubagentDraft({
@@ -1576,7 +1600,7 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 										label: props.t("effort"),
 										value: subagentDraft.reasoningEffort || subagentCatalogModel?.effort || "",
-										disabled: busy === "subagent" || !subagent.writable,
+										disabled: busy !== void 0 || !subagent.writable,
 										choices: subagentEfforts,
 										onChange: (effort) => {
 											const matched = subagentCatalogModel;
@@ -1642,7 +1666,7 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("provider"),
 											value: searchDraft.provider,
-											disabled: busy === "search" || !search.writable || searchError !== void 0,
+											disabled: busy !== void 0 || !search.writable || searchError !== void 0,
 											choices: searchChoices.providers,
 											onChange: (provider) => {
 												const first = searchGroups.find((group) => group.id === provider)?.models[0];
@@ -1654,7 +1678,7 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
 											value: searchDraft.model,
-											disabled: busy === "search" || !search.writable || searchError !== void 0,
+											disabled: busy !== void 0 || !search.writable || searchError !== void 0,
 											choices: searchChoices.models,
 											onChange: (model) => {
 												setSearchDraft({
@@ -1674,7 +1698,7 @@ window.__ModuleLoader__.load({
 											setMessage(void 0);
 										},
 										onSave: () => {
-											saveCapability("search", search, searchDraft);
+											saveCapability("search", searchDraft);
 										}
 									})
 								] })
@@ -1709,7 +1733,7 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("provider"),
 											value: imageDraft.provider,
-											disabled: busy === "image" || !image.writable,
+											disabled: busy !== void 0 || !image.writable,
 											choices: imageChoices.providers,
 											onChange: (provider) => {
 												const model = provider === "grok" ? "grok-imagine-image-quality" : groups.find((group) => group.id === provider)?.models[0]?.id;
@@ -1721,7 +1745,7 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
 											value: imageDraft.model,
-											disabled: busy === "image" || !image.writable,
+											disabled: busy !== void 0 || !image.writable,
 											choices: imageChoices.models,
 											onChange: (model) => {
 												setImageDraft({
@@ -1741,7 +1765,7 @@ window.__ModuleLoader__.load({
 											setMessage(void 0);
 										},
 										onSave: () => {
-											saveCapability("image", image, imageDraft);
+											saveCapability("image", imageDraft);
 										}
 									})
 								] })
@@ -1767,7 +1791,7 @@ window.__ModuleLoader__.load({
 								expandable: autoReviewOn,
 								trailing: autoReviewDraft === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
 									checked: autoReviewOn,
-									disabled: busy === "autoReview" || !autoReview.writable,
+									disabled: autoReviewSwitchDisabled,
 									label: props.t("autoReview"),
 									onChange: persistAutoReviewEnabled
 								}),
@@ -1784,7 +1808,7 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("provider"),
 											value: autoReviewDraft.provider ?? "",
-											disabled: busy === "autoReview" || !autoReview.writable,
+											disabled: busy !== void 0 || !autoReview.writable,
 											choices: autoReviewChoices.providers,
 											onChange: (provider) => {
 												const first = groups.find((group) => group.id === provider)?.models[0];
@@ -1796,7 +1820,7 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
 											value: autoReviewDraft.model ?? "",
-											disabled: busy === "autoReview" || !autoReview.writable,
+											disabled: busy !== void 0 || !autoReview.writable,
 											choices: autoReviewChoices.models,
 											onChange: (model) => {
 												setAutoReviewDraft({
@@ -1831,7 +1855,7 @@ window.__ModuleLoader__.load({
 								expandable: compactionOn,
 								trailing: compactionDraft === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
 									checked: compactionOn,
-									disabled: busy === "compaction" || !compaction.writable,
+									disabled: compactionSwitchDisabled,
 									label: props.t("compaction"),
 									onChange: persistCompactionEnabled
 								}),
@@ -1848,7 +1872,7 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("provider"),
 											value: compactionDraft.provider ?? "",
-											disabled: busy === "compaction" || !compaction.writable,
+											disabled: busy !== void 0 || !compaction.writable,
 											choices: compactionChoices.providers,
 											onChange: (provider) => {
 												const first = groups.find((group) => group.id === provider)?.models[0];
@@ -1860,7 +1884,7 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
 											value: compactionDraft.model ?? "",
-											disabled: busy === "compaction" || !compaction.writable,
+											disabled: busy !== void 0 || !compaction.writable,
 											choices: compactionChoices.models,
 											onChange: (model) => {
 												setCompactionDraft({
@@ -1882,6 +1906,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: titleSwitchDisabled,
+									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 !== void 0 || !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 !== void 0 || !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
+									})
+								] })
 							})
 						]
 					}),
@@ -1932,7 +2020,7 @@ window.__ModuleLoader__.load({
 											})]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
 											checked: groupCompaction !== void 0,
-											disabled: groupControlsDisabled,
+											disabled: groupControlsDisabled || groupCompaction === void 0 && catalogSeed === void 0 && !compactionOn,
 											label: props.t("compaction"),
 											onChange: (value) => {
 												if (value) enableGroupCapability("compaction");
@@ -1977,11 +2065,11 @@ window.__ModuleLoader__.load({
 												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)
+												children: groupAutoReview === void 0 ? props.t("autoReviewFollow") : routeName(groups, groupAutoReview)
 											})]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
-											checked: groupReview !== void 0,
-											disabled: groupControlsDisabled,
+											checked: groupAutoReview !== void 0,
+											disabled: groupControlsDisabled || groupAutoReview === void 0 && catalogSeed === void 0 && !autoReviewOn,
 											label: props.t("autoReview"),
 											onChange: (value) => {
 												if (value) enableGroupCapability("autoReview");
@@ -1989,13 +2077,13 @@ window.__ModuleLoader__.load({
 											}
 										})]
 									}),
-									groupReview === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									groupAutoReview === 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,
+											value: groupAutoReview.provider,
 											disabled: groupControlsDisabled,
-											choices: groupReviewChoices.providers,
+											choices: groupAutoReviewChoices.providers,
 											onChange: (provider) => {
 												const first = groups.find((item) => item.id === provider)?.models[0];
 												setGroupDraft((draft) => draft === void 0 ? draft : {
@@ -2006,9 +2094,9 @@ window.__ModuleLoader__.load({
 											}
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
 											label: props.t("model"),
-											value: groupReview.model,
+											value: groupAutoReview.model,
 											disabled: groupControlsDisabled,
-											choices: groupReviewChoices.models,
+											choices: groupAutoReviewChoices.models,
 											onChange: (model) => {
 												setGroupDraft((draft) => draft === void 0 ? draft : {
 													...draft,
@@ -2017,6 +2105,55 @@ window.__ModuleLoader__.load({
 											}
 										})]
 									}),
+									/* @__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("sessionTitle")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: ModelSwitchSettings_module_css_default.hint,
+												children: groupTitle === void 0 ? props.t("titleFollow") : routeName(groups, groupTitle)
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
+											checked: groupTitle !== void 0,
+											disabled: groupControlsDisabled || groupTitle === void 0 && catalogSeed === void 0 && !titleOn,
+											label: props.t("sessionTitle"),
+											onChange: (value) => {
+												if (value) enableGroupCapability("sessionTitle");
+												else disableGroupCapability("sessionTitle");
+											}
+										})]
+									}),
+									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: groupTitle.provider,
+											disabled: groupControlsDisabled,
+											choices: groupTitleChoices.providers,
+											onChange: (provider) => {
+												const first = groups.find((item) => item.id === provider)?.models[0];
+												setGroupDraft((draft) => draft === void 0 ? draft : {
+													...draft,
+													titleProvider: provider,
+													titleModel: first?.id ?? ""
+												});
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+											label: props.t("model"),
+											value: groupTitle.model,
+											disabled: groupControlsDisabled,
+											choices: groupTitleChoices.models,
+											onChange: (model) => {
+												setGroupDraft((draft) => draft === void 0 ? draft : {
+													...draft,
+													titleModel: model
+												});
+											}
+										})]
+									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: ModelSwitchSettings_module_css_default.rowCard,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2030,7 +2167,7 @@ window.__ModuleLoader__.load({
 											})]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstantSwitch, {
 											checked: groupSubagent !== void 0,
-											disabled: groupControlsDisabled,
+											disabled: groupControlsDisabled || groupSubagent === void 0 && catalogSeed === void 0 && !(subagent.value?.mode === "fixed" && routePairConfigured(subagent.value)),
 											label: props.t("subagent"),
 											onChange: (value) => {
 												if (value) enableGroupCapability("subagent");
@@ -2119,12 +2256,9 @@ window.__ModuleLoader__.load({
 			subtitle: "为子代理与能力路由设置固定模型；当前会话模型用输入框旁的选择器直接切换。",
 			conversationRoutes: "对话路由",
 			capabilityRoutes: "能力路由",
-			sendProtection: "发送保护",
 			settingsSynced: "设置已同步",
 			remoteSettingsUnavailable: "官方 DSH 在非本机浏览器禁用配置读取与写入；请在 Host 的 127.0.0.1 页面打开设置。",
 			cancel: "取消",
-			compactOnSwitch: "切换时压缩",
-			compactOnSwitchHelp: "发送且换了模型时，先按目标窗口检查上下文；超了就用切换前的模型压一次历史，再继续请求。只选模型、不发送，不会压缩。官方自动压缩和 /compact 不受影响。压缩会产生额外模型用量，摘要可能省略细节。",
 			provider: "提供商",
 			model: "模型",
 			providerDefault: "使用提供商默认值",
@@ -2154,13 +2288,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 没有工具所有者或来源抑制接口。",
@@ -2174,12 +2313,9 @@ window.__ModuleLoader__.load({
 			subtitle: "Pin routes for Subagents and capability tools; switch the active session model through the composer picker.",
 			conversationRoutes: "Conversation routes",
 			capabilityRoutes: "Capability routes",
-			sendProtection: "Send protection",
 			settingsSynced: "Settings synced",
 			remoteSettingsUnavailable: "Official DSH disables settings reads and writes in non-loopback browsers. Open Settings on the Host loopback URL to edit model routes.",
 			cancel: "Cancel",
-			compactOnSwitch: "Compact on switch",
-			compactOnSwitchHelp: "When a sent message uses a new model, check the target window first. If needed, compact history with the previous model, then continue. Choosing a model does not compact. Official automatic compaction and /compact are unchanged. Compaction uses extra model quota and may omit details.",
 			provider: "Provider",
 			model: "Model",
 			providerDefault: "Provider default",
@@ -2209,13 +2345,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 compaction, auto-review, session-naming, and subagent routes per provider.",
+			providerGroupsBodyHelp: "Each provider stores one route group for compaction, auto review, session naming, and subagents. A session running on that provider resolves all four capabilities from the group and falls back to the cards above when a row is off. Switching a session’s model writes no global setting, so parallel sessions on different providers never affect each other, and mid-session provider switches take effect on the very next call.",
 			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 +3845,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 +4638,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 +4668,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 +4806,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,16 +4844,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);
-					},
-					setCompactOnSwitch: async (value) => {
-						if (!await owned.set("compactOnSwitch", value)) throw new Error("settings-rejected");
+					saveSubagent: (ops) => subagent.mutate(ops),
+					saveCapability: (route, ops) => {
+						return (route === "search" ? search : route === "image" ? image : route === "compaction" ? compaction : route === "title" ? sessionTitle : autoReview).mutate(ops);
 					},
 					saveProviderGroup: async (provider, group) => {
 						const current = owned.getSnapshot().value?.providerGroups;