@morlay/dsh-session-mode 0.0.1-alpha.4

package/dist/client.cjs

@@ -0,0 +1,1008 @@
+window.__ModuleLoader__.load({
+	id: "@morlay/dsh-session-mode",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _morlay_dsh_client_ui_primitives_client = require("@morlay/dsh-client-ui-primitives/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region src/client/locales.ts
+		const zh = {
+			seatHint: "选择这个会话的模式",
+			headerHint: "这个会话运行的模式",
+			noDescription: "（无说明）",
+			switchRefused: "切换失败：{reason}",
+			loadFailed: "读不到模式清单",
+			cardTitle: "会话模式",
+			cardDescription: "给每个会话模式指定默认模型；不指定就跟全局默认模型。",
+			defaultsTitle: "各模式的默认模型",
+			defaultsHint: "只在会话还没有模型事实（没选过模型、也还没跑过请求）时生效；留空就是跟全局默认模型。改完按下面的保存写进设置。",
+			providerLabel: "服务商",
+			modelLabel: "模型",
+			effortLabel: "思考档位",
+			inheritOption: "跟全局默认",
+			chooseModel: "选择模型…",
+			effortDefaultOption: "跟模型默认",
+			staleOption: "{value}（不在目录里）",
+			overridden: "已覆盖",
+			reset: "恢复默认",
+			modelRequired: "还没选模型",
+			readOnly: "本部署的设置为只读。",
+			unavailable: "本插件当前未加载，暂时无法配置。",
+			save: "保存",
+			saving: "保存中…",
+			saveFailed: "本部署没有接受这些值，已保留供你修改。",
+			rosterFailed: "读不到会话模式清单，暂时列不出模式。",
+			directoryFailed: "读不到模型目录，暂时只能看当前值或恢复默认。",
+			directoryPartial: "这些服务商的目录没读到：{names}"
+		};
+		const en = {
+			seatHint: "Pick the mode for this session",
+			headerHint: "The mode this session runs",
+			noDescription: "(no description)",
+			switchRefused: "Switch refused: {reason}",
+			loadFailed: "Could not load the mode roster",
+			cardTitle: "Session mode",
+			cardDescription: "Set the default model of each session mode; unset follows the global default.",
+			defaultsTitle: "Default model per mode",
+			defaultsHint: "Applies only while a session has no model fact yet (no model picked, no request made); unset follows the global default model. Save writes it into the settings document.",
+			providerLabel: "Provider",
+			modelLabel: "Model",
+			effortLabel: "Reasoning effort",
+			inheritOption: "Same as global default",
+			chooseModel: "Choose a model…",
+			effortDefaultOption: "Model default",
+			staleOption: "{value} (not in the directory)",
+			overridden: "Overridden",
+			reset: "Reset to default",
+			modelRequired: "No model picked yet",
+			readOnly: "This deployment stores settings read-only.",
+			unavailable: "This plugin is not loaded, so it cannot be configured right now.",
+			save: "Save",
+			saving: "Saving…",
+			saveFailed: "The deployment did not accept these values; they were left for you to correct.",
+			rosterFailed: "Could not load the session mode roster, so no mode can be listed.",
+			directoryFailed: "Could not read the model directory, so only the current value or a reset is available.",
+			directoryPartial: "These providers could not be read: {names}"
+		};
+		/**
+		* 共享设置表单外框的文案，从本页字典里读。
+		* @param t - 本页的字典读取器。
+		* @returns `SettingsForm` 渲染用的标签。
+		*/
+		function formLabels(t) {
+			return {
+				unavailable: t("unavailable"),
+				readOnly: t("readOnly"),
+				saveFailed: t("saveFailed"),
+				save: t("save"),
+				saving: t("saving")
+			};
+		}
+		//#endregion
+		//#region src/client/ModelDefaultsCard.styles.ts
+		const styles = {
+			section: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "12px"
+			},
+			heading: {
+				margin: "0",
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: "600",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.primary
+			},
+			hint: {
+				margin: "0",
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.tertiary
+			},
+			notice: {
+				margin: "0",
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.state.warn.label
+			},
+			rows: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "12px"
+			},
+			row: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "8px",
+				padding: "10px 12px",
+				border: `0.5px solid ${String(_morlay_dsh_client_ui_primitives_client.dsw.alias.border.l2)}`,
+				borderRadius: "8px"
+			},
+			rowHead: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px"
+			},
+			rowName: {
+				fontSize: "13px",
+				lineHeight: "1.5",
+				fontWeight: "500",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.primary
+			},
+			badge: {
+				display: "inline-flex",
+				alignItems: "center",
+				borderRadius: "999px",
+				padding: "1px 8px",
+				fontSize: "11px",
+				lineHeight: "17px",
+				background: _morlay_dsh_client_ui_primitives_client.dsw.alias.bg.module.platform,
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.secondary
+			},
+			reset: {
+				marginLeft: "auto",
+				border: "none",
+				background: "none",
+				padding: 0,
+				font: "inherit",
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.secondary,
+				cursor: "pointer",
+				"&:hover:not(:disabled)": { color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.primary },
+				"&:disabled": { cursor: "default" }
+			},
+			rowHint: {
+				margin: "0",
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.tertiary
+			},
+			fields: {
+				display: "grid",
+				gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+				gap: "12px"
+			},
+			field: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "4px",
+				minWidth: 0
+			},
+			fieldLabel: {
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.secondary
+			},
+			select: {
+				height: "30px",
+				padding: "0 8px",
+				border: `0.5px solid ${String(_morlay_dsh_client_ui_primitives_client.dsw.alias.border.l4)}`,
+				borderRadius: "8px",
+				background: _morlay_dsh_client_ui_primitives_client.dsw.alias.bg.layer["3"],
+				font: "inherit",
+				fontSize: "13px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.primary,
+				"&:focus-visible": {
+					outline: "none",
+					borderColor: _morlay_dsh_client_ui_primitives_client.dsw.alias.brand.primary
+				},
+				"&:disabled": {
+					color: _morlay_dsh_client_ui_primitives_client.dsw.alias.label.tertiary,
+					cursor: "default"
+				}
+			},
+			invalid: {
+				fontSize: "12px",
+				lineHeight: "1.5",
+				color: _morlay_dsh_client_ui_primitives_client.dsw.alias.state.error.primary
+			}
+		};
+		//#endregion
+		//#region src/client/ModelDefaultsCard.tsx
+		/**
+		* 设置页「会话模式」那张卡片：每个模式一行「默认模型」，一段一起保存。
+		*
+		* 页面（Plugins 列表）画标题与一句话说明：`view: 'summary'` 给那句话，`view: 'page'` 给表单。编辑是 staged
+		* 的——选择器只改草稿，按保存才写一次 `mutate`；"恢复默认"（或把 provider 选回「跟全局默认」）把这一行的
+		* 用户层清掉，回到装配层那份。控件是本卡自研的：这里的编辑面是一张**动态映射**（模式 → provider / model /
+		* 档位），原语的标量字段控件套不进去——只借它的壳（保存 / 丢弃 / 只读 / 失败与 `SettingsFormShell`）。
+		*/
+		/**
+		* 选择器的选项：目录里的那些 + 当前值那条（不在目录里时补上）。
+		*
+		* 补当前值是必须的：`<select>` 的 value 不在选项里时浏览器会显示成别的选项，用户按保存就会把它写成
+		* 那个值——配置被悄悄改掉。（目录读不到、或适配器卸了的时候正是这个局面。）
+		* @param entries - 目录里的选项（provider 或 model）。
+		* @param current - 当前生效值的那一项 id。
+		* @param t - 本页字典。
+		* @returns 选项列表。
+		*/
+		function options(entries, current, t) {
+			if (current === void 0 || entries.some((entry) => entry.id === current)) return [...entries];
+			return [...entries, {
+				id: current,
+				name: t("staleOption", { value: current })
+			}];
+		}
+		/**
+		* 画一个模式的默认模型那一行。
+		* @param props - 这一行的值、可选项、字典与编辑动作。
+		* @returns 一行选择器（provider / model / 档位）与"恢复默认"。
+		*/
+		function ModeRow({ row, groups, disabled, t, onProvider, onModel, onEffort, onReset }) {
+			const models = groups.find((group) => group.id === row.value?.provider)?.models ?? [];
+			const efforts = models.find((entry) => entry.id === row.value?.model)?.reasoning?.efforts ?? [];
+			const withEffort = efforts.length > 0 || row.value?.reasoningEffort !== void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.row),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.rowHead),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.rowName),
+								children: row.name
+							}),
+							row.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.badge),
+								children: t("overridden")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.reset),
+								disabled: disabled || !row.overridden,
+								onClick: onReset,
+								children: t("reset")
+							})
+						]
+					}),
+					row.description === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.rowHint),
+						children: row.description
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.fields),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.field),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.fieldLabel),
+									children: t("providerLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.select),
+									value: row.value?.provider ?? "",
+									disabled,
+									onChange: (event) => {
+										onProvider(event.target.value);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("inheritOption")
+									}), options(groups.map((group) => ({
+										id: group.id,
+										name: group.name
+									})), row.value?.provider, t).map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: option.id,
+										children: option.name
+									}, option.id))]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.field),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										..._morlay_dsh_client_ui_primitives_client.styling.props(styles.fieldLabel),
+										children: t("modelLabel")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										..._morlay_dsh_client_ui_primitives_client.styling.props(styles.select),
+										value: row.value?.model ?? "",
+										disabled: disabled || row.value === void 0,
+										onChange: (event) => {
+											onModel(event.target.value);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "",
+											children: t("chooseModel")
+										}), options(models.map((entry) => ({
+											id: entry.id,
+											name: entry.name
+										})), row.value?.model, t).map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: option.id,
+											children: option.name
+										}, option.id))]
+									}),
+									row.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										..._morlay_dsh_client_ui_primitives_client.styling.props(styles.invalid),
+										role: "status",
+										children: t("modelRequired")
+									}) : null
+								]
+							}),
+							withEffort ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.field),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.fieldLabel),
+									children: t("effortLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.select),
+									value: row.value?.reasoningEffort ?? "",
+									disabled: disabled || row.value?.model === void 0 || row.value.model === "",
+									onChange: (event) => {
+										onEffort(event.target.value);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("effortDefaultOption")
+									}), options(efforts.map((effort) => ({
+										id: effort.id,
+										name: effort.name
+									})), row.value?.reasoningEffort, t).map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: option.id,
+										children: option.name
+									}, option.id))]
+								})]
+							}) : null
+						]
+					})
+				]
+			});
+		}
+		/**
+		* 渲染这张卡片（或它的一句话说明）。
+		* @param props - 字典、快照，以及编辑与保存 / 丢弃动作。
+		* @returns 摘要文本，或每个模式一行的默认模型表单。
+		*/
+		function ModelDefaultsCard(props) {
+			const { t } = props;
+			const state = props.useModelDefaultsCard((snapshot) => snapshot);
+			const headingId = (0, react.useId)();
+			if (props.view === "summary") return t("cardDescription");
+			const disabled = !state.writable || state.saving;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_morlay_dsh_client_ui_primitives_client.SettingsForm, {
+				labels: formLabels(t),
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: state.available ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles.section),
+					"aria-labelledby": headingId,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.heading),
+							id: headingId,
+							children: t("defaultsTitle")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.hint),
+							children: t("defaultsHint")
+						}),
+						state.rosterStatus === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.notice),
+							role: "status",
+							children: t("rosterFailed")
+						}) : null,
+						state.directoryStatus === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.notice),
+							role: "status",
+							children: t("directoryFailed")
+						}) : null,
+						state.directoryFailures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.notice),
+							role: "status",
+							children: t("directoryPartial", { names: state.directoryFailures.join("、") })
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.rows),
+							children: state.rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModeRow, {
+								row,
+								groups: state.directory,
+								disabled,
+								t,
+								onProvider: (provider) => {
+									props.setProvider(row.id, provider);
+								},
+								onModel: (model) => {
+									props.setModel(row.id, model);
+								},
+								onEffort: (effort) => {
+									props.setEffort(row.id, effort);
+								},
+								onReset: () => {
+									props.resetMode(row.id);
+								}
+							}, row.id))
+						})
+					]
+				}) : null
+			});
+		}
+		//#endregion
+		//#region src/client/model-defaults-card-controller.ts
+		/** 本包 host 行 id：settings 的命名空间名与 `config` 的 volatile 字段都在它下面。 */
+		const SESSION_MODE_NS = "session-mode";
+		/** 从 settings 的一层里取 `models`（层是原始 JSON 形状，取不到就是空）。 */
+		function layerModels(layer) {
+			const models = layer?.models;
+			return typeof models === "object" && models !== null ? models : {};
+		}
+		/** 两份模型是不是同一份（三个字段逐个比；缺省字段与 `undefined` 同义）。 */
+		function sameModel(left, right) {
+			return right !== void 0 && left.provider === right.provider && left.model === right.model && left.reasoningEffort === right.reasoningEffort;
+		}
+		/** 草稿是不是半成品（选了 provider 还没选 model）——半成品不许保存。 */
+		function incomplete(draft) {
+			return draft !== void 0 && draft !== null && draft.model === "";
+		}
+		/** 把 staged 的三元组写成 config 里的那个值（空档位不写键，别把"跟模型默认"物化成一个值）。 */
+		function modelValue(draft) {
+			return {
+				provider: draft.provider,
+				model: draft.model,
+				...draft.reasoningEffort === void 0 ? {} : { reasoningEffort: draft.reasoningEffort }
+			};
+		}
+		/** 把一张动态映射编辑成一次设置的写。 */
+		var ModelDefaultsCardController = class {
+			scope;
+			sources;
+			store;
+			unsubscribe;
+			drafts = /* @__PURE__ */ new Map();
+			roster;
+			rosterStatus = "loading";
+			directory = [];
+			directoryFailures = [];
+			directoryStatus = "loading";
+			saving = false;
+			failed = false;
+			disposed = false;
+			saveGeneration = 0;
+			/**
+			* @param scope - 本包 host 行（`session-mode`）的共享配置表单。
+			* @param sources - 模式清单与模型目录的两条读取。
+			*/
+			constructor(scope, sources) {
+				this.scope = scope;
+				this.sources = sources;
+				this.store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(this.projection());
+				this.unsubscribe = scope.subscribe(() => {
+					this.publish();
+				});
+				this.loadRoster();
+				this.loadDirectory();
+			}
+			/** 停止观察设置，并让晚到的写入结果不再落到状态上。 */
+			dispose() {
+				this.disposed = true;
+				this.saveGeneration += 1;
+				this.unsubscribe();
+			}
+			/**
+			* 把状态与动作绑到槽位渲染器上。
+			* @returns 快照与编辑、保存动作。
+			*/
+			inject() {
+				return {
+					hooks: { modelDefaultsCard: this.store },
+					setProvider: (modeId, provider) => {
+						this.setProvider(modeId, provider);
+					},
+					setModel: (modeId, model) => {
+						this.setModel(modeId, model);
+					},
+					setEffort: (modeId, effort) => {
+						this.setEffort(modeId, effort);
+					},
+					resetMode: (modeId) => {
+						this.stage(modeId, null);
+					},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						this.discard();
+					}
+				};
+			}
+			/** 用户层有没有这一条。 */
+			overridden(modeId) {
+				return Object.hasOwn(layerModels(this.scope.getSnapshot().user), modeId);
+			}
+			/** 生效值（用户层叠在装配层上）。 */
+			current(modeId) {
+				return this.scope.getSnapshot().value?.models?.[modeId];
+			}
+			/** 装配层那份（用户层清掉之后剩下的）。 */
+			base(modeId) {
+				return layerModels(this.scope.getSnapshot().base)[modeId];
+			}
+			/**
+			* 这一行现在的值：草稿优先，否则是生效值；草稿是"回到默认"时看装配层那份（它清掉的就是用户层）。
+			* 同一个值既是选择器显示的东西，也是下一次编辑的起点。
+			* @param modeId - 模式 id。
+			* @returns 这一行呈现的模型；`undefined` = 跟全局默认。
+			*/
+			shown(modeId) {
+				const draft = this.drafts.get(modeId);
+				if (draft === null) return this.base(modeId);
+				return draft ?? this.current(modeId);
+			}
+			/**
+			* 这一行的草稿算不算一次真的编辑。
+			* @param modeId - 模式 id。
+			* @returns 保存会不会改变什么。
+			*/
+			dirty(modeId) {
+				const draft = this.drafts.get(modeId);
+				if (draft === void 0) return false;
+				if (draft === null) return this.overridden(modeId);
+				return !sameModel(draft, this.current(modeId));
+			}
+			/** 保存之后这一行会不会留下用户层那一条（"已覆盖"与"恢复默认"都看它）。 */
+			leavesOverride(modeId) {
+				return this.overridden(modeId) || this.drafts.get(modeId) !== void 0;
+			}
+			setProvider(modeId, provider) {
+				if (!this.writable() || provider === this.shown(modeId)?.provider) return;
+				if (provider === "") {
+					this.stage(modeId, null);
+					return;
+				}
+				this.stage(modeId, {
+					provider,
+					model: ""
+				});
+			}
+			setModel(modeId, model) {
+				const current = this.shown(modeId);
+				if (!this.writable() || current === void 0) return;
+				const keep = this.efforts(current.provider, model).some((effort) => effort.id === current.reasoningEffort);
+				this.stage(modeId, {
+					provider: current.provider,
+					model,
+					...keep && current.reasoningEffort !== void 0 ? { reasoningEffort: current.reasoningEffort } : {}
+				});
+			}
+			setEffort(modeId, effort) {
+				const current = this.shown(modeId);
+				if (!this.writable() || current === void 0) return;
+				this.stage(modeId, {
+					provider: current.provider,
+					model: current.model,
+					...effort === "" ? {} : { reasoningEffort: effort }
+				});
+			}
+			stage(modeId, draft) {
+				if (!this.writable()) return;
+				this.drafts.set(modeId, draft);
+				this.failed = false;
+				this.publish();
+			}
+			discard() {
+				if (this.saving || this.drafts.size === 0) return;
+				this.drafts.clear();
+				this.failed = false;
+				this.publish();
+			}
+			/** 可以编辑：这一行被服务到（`status: ready`）且文档接受写入。 */
+			writable() {
+				const snapshot = this.scope.getSnapshot();
+				return !this.disposed && !this.saving && snapshot.status === "ready" && snapshot.writable;
+			}
+			/** 这一次保存要写的 path op（按编辑顺序；没变的行不写）。 */
+			plannedOps() {
+				const ops = [];
+				for (const [modeId, draft] of this.drafts) {
+					if (!this.dirty(modeId)) continue;
+					ops.push(draft === null ? {
+						op: "unset",
+						path: ["models", modeId]
+					} : {
+						op: "set",
+						path: ["models", modeId],
+						value: modelValue(draft)
+					});
+				}
+				return ops;
+			}
+			async save() {
+				const snapshot = this.scope.getSnapshot();
+				const ops = this.plannedOps();
+				if (this.disposed || this.saving || snapshot.status !== "ready" || !snapshot.writable || ops.length === 0 || [...this.drafts.values()].some(incomplete)) return;
+				const generation = this.saveGeneration;
+				this.saving = true;
+				this.failed = false;
+				this.publish();
+				let landed = false;
+				try {
+					landed = await this.scope.mutate(ops, snapshot.revision);
+				} catch {
+					landed = false;
+				}
+				if (generation !== this.saveGeneration || this.disposed) return;
+				this.saving = false;
+				this.failed = !landed;
+				if (landed) this.drafts.clear();
+				this.publish();
+			}
+			async loadRoster() {
+				try {
+					this.roster = await this.sources.roster();
+					this.rosterStatus = "ready";
+				} catch {
+					this.rosterStatus = "error";
+				}
+				if (!this.disposed) this.publish();
+			}
+			async loadDirectory() {
+				try {
+					const directory = await this.sources.directory();
+					this.directory = directory.groups;
+					this.directoryFailures = directory.failures;
+					this.directoryStatus = "ready";
+				} catch {
+					this.directoryStatus = "error";
+				}
+				if (!this.disposed) this.publish();
+			}
+			/** 某个 provider 在目录里的模型。 */
+			modelsOf(provider) {
+				return this.directory.find((group) => group.id === provider)?.models ?? [];
+			}
+			/** 某个 provider + model 声明的档位（模型自带；没声明就是没有）。 */
+			efforts(provider, model) {
+				return this.modelsOf(provider).find((entry) => entry.id === model)?.reasoning?.efforts ?? [];
+			}
+			projection() {
+				const snapshot = this.scope.getSnapshot();
+				const invalid = [...this.drafts.values()].some(incomplete);
+				return {
+					available: snapshot.status === "ready",
+					writable: snapshot.writable,
+					dirty: [...this.drafts.keys()].some((modeId) => this.dirty(modeId)),
+					invalid,
+					saving: this.saving,
+					failed: this.failed,
+					rows: (this.roster?.modes ?? []).map((mode) => {
+						const value = this.shown(mode.id);
+						return {
+							id: mode.id,
+							name: mode.name,
+							...mode.description === void 0 ? {} : { description: mode.description },
+							...value === void 0 ? {} : { value },
+							overridden: this.leavesOverride(mode.id),
+							dirty: this.dirty(mode.id),
+							invalid: incomplete(this.drafts.get(mode.id))
+						};
+					}),
+					directory: this.directory,
+					rosterStatus: this.rosterStatus,
+					directoryStatus: this.directoryStatus,
+					directoryFailures: this.directoryFailures
+				};
+			}
+			publish() {
+				this.store.set(this.projection());
+			}
+		};
+		//#endregion
+		//#region src/shared.ts
+		/**
+		* host 半与 client 半共用的接口面：一条 HTTP 路径、模式行的对外形状、请求与响应体。
+		*
+		* 为什么不是 Typert Remote：客户端的 remote 清单（`@deepseek-ai/dsh-api-remotes/client`）由上游硬编码，
+		* 我们的服务不在里面，`ctx.remote.sessionModes` 解析不到。仓库既有的跨半通路是 HTTP 路由
+		* （见 `@morlay/ui-conversation-message-actions` 的 `/session-editor`），这里沿用同一种。
+		*
+		* 会话当前模式不走这条通路：它是一条 session 投影（`sessionMode`），随会话列表一起到页面。
+		*/
+		/** 模式清单与切换的路由路径：宿主（web 与桌面）在同一张路由表上服务它。 */
+		const SESSION_MODE_PATH = "/session-mode";
+		//#endregion
+		//#region src/client/api.ts
+		/**
+		* client 半与 host 的**唯一**通路：模式清单（`GET`）与切换（`POST`）。
+		*
+		* 当前模式不走这里——它是一条会话投影（`sessionMode`），随会话列表一起到页面，组件用 `useSessions`
+		* 读它。于是这里只剩两件事：拉清单、发一次切换。
+		*/
+		/** 读一次模式清单；清单在页面生命周期里是静态的（装配事实），调用方自己缓存。 */
+		async function fetchRoster() {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "GET",
+				headers: { accept: "application/json" }
+			});
+			if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
+			return await response.json();
+		}
+		/**
+		* 把某个空白会话切到某个模式。
+		* @param sessionId - 目标会话。
+		* @param mode - 目标模式 id。
+		* @returns 提交后的模式 id。
+		* @throws 会话已开始、模式不存在、会话不存在——host 给的中文原因。
+		*/
+		async function selectMode(sessionId, mode) {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					sessionId,
+					mode
+				})
+			});
+			const value = await response.json().catch(() => void 0);
+			if (!response.ok) {
+				const error = value?.["error"];
+				throw new Error(typeof error === "string" ? error : `HTTP ${String(response.status)}`);
+			}
+			return value?.mode ?? mode;
+		}
+		//#endregion
+		//#region src/client/use-roster.ts
+		/**
+		* 模块级缓存：清单是装配事实（`session-mode` 行的 config），页面生命周期里不会变，两次挂载之间不必重拉。
+		* 失败不缓存——下次挂载就是一次重试。
+		*/
+		let pending;
+		/** 读模式清单；还没读到（或读失败）时返回 undefined，组件据此不渲染。 */
+		function useRoster() {
+			const [roster, setRoster] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				pending ??= fetchRoster();
+				pending.then((value) => {
+					if (alive) setRoster(value);
+				}, () => {
+					pending = void 0;
+				});
+				return () => {
+					alive = false;
+				};
+			}, []);
+			return roster;
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/profile/dsh-session-mode/src/client/SessionModeLabel.module.css.mjs
+		const css$1 = ".HBEdcq_label{background:var(--dsw-alias-bg-layer-2);max-width:180px;height:22px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:4px;padding:0 6px;font-size:12px;line-height:22px;display:inline-flex;overflow:hidden}.HBEdcq_icon{opacity:.7;flex:none}";
+		const tagId$1 = "@morlay/dsh-session-mode/SessionModeLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SessionModeLabel.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var SessionModeLabel_module_css_default = {
+			"label": "HBEdcq_label",
+			"icon": "HBEdcq_icon"
+		};
+		//#endregion
+		//#region src/client/SessionModeLabel.tsx
+		/**
+		* 会话头部的模式标签：**只读**。
+		*
+		* 一个会话的装配在它开始第一轮时就定下了，头部又是"跑起来之后"才值得看的东西——在这里放一个能切模式的
+		* 控件，等于承诺一次 host 会拒绝的切换。说出这个会话运行的是什么，才是这里诚实的表述；选择本身在
+		* 新会话屏幕的 chip 上。
+		*/
+		/**
+		* 渲染这个会话的模式名。
+		* @param props - 槽位合成的 props。
+		* @returns 标签；清单没读到时返回 null（此时名字无从得知）。
+		*/
+		function SessionModeLabel({ sessionId, useSessions, t }) {
+			const roster = useRoster();
+			const mode = useSessions((state) => {
+				const value = state.byId[sessionId]?.projectionValues?.sessionMode;
+				return typeof value === "string" ? value : void 0;
+			});
+			if (roster === void 0) return null;
+			const id = mode ?? roster.default;
+			const chosen = roster.modes.find((entry) => entry.id === id);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: SessionModeLabel_module_css_default.label,
+				title: chosen?.description ?? t("headerHint"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconAgentPresetOutlineRegular, {
+					size: 14,
+					className: SessionModeLabel_module_css_default.icon
+				}), chosen?.name ?? id]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/profile/dsh-session-mode/src/client/SessionModeSeat.module.css.mjs
+		const css = ".dDMF8q_menuAnchor{min-width:54px;max-width:100%}.dDMF8q_seat{min-width:0;max-width:min(100%,240px);min-height:28px;color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.dDMF8q_seat:not(:disabled):hover,.dDMF8q_seat[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.dDMF8q_seat:disabled{cursor:default;color:var(--dsw-alias-label-quaternary)}.dDMF8q_seatIcon{color:var(--dsw-alias-label-primary);flex:none}.dDMF8q_seatLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dDMF8q_chevron{color:var(--dsw-alias-label-caption);flex:none}.dDMF8q_item{flex-direction:column;gap:2px;max-width:280px;display:flex}.dDMF8q_itemName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}.dDMF8q_itemDesc{color:var(--dsw-alias-label-caption);white-space:normal;font-size:12px;line-height:16px}";
+		const tagId = "@morlay/dsh-session-mode/SessionModeSeat.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SessionModeSeat.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SessionModeSeat_module_css_default = {
+			"itemDesc": "dDMF8q_itemDesc",
+			"seatLabel": "dDMF8q_seatLabel",
+			"menuAnchor": "dDMF8q_menuAnchor",
+			"chevron": "dDMF8q_chevron",
+			"item": "dDMF8q_item",
+			"seatIcon": "dDMF8q_seatIcon",
+			"seat": "dDMF8q_seat",
+			"itemName": "dDMF8q_itemName"
+		};
+		//#endregion
+		//#region src/client/SessionModeSeat.tsx
+		/**
+		* 新会话屏幕上的模式 chip：**切换列表**就在这里（点开是 coding / chat 两项）。
+		*
+		* 为什么住在新会话屏幕而不是输入框上方：选择只在会话开始**之前**有效——一旦跑过 turn，那段历史是在某个
+		* 模式的工具与提示词下产生的，host 会拒绝换（与上游 `agentPresets.select` 同一条判据）。一个大半辈子都
+		* 该禁用的控件，放在它仍然可用的那块屏幕上更诚实。
+		*/
+		/**
+		* 渲染新会话的模式 chip。
+		* @param props - 槽位合成的 props。
+		* @returns chip；清单没读到、或不是主视图的会话时返回 null。
+		*/
+		function SessionModeSeat({ sessionId, useSessions, useSessionRetainInfo, t }) {
+			const roster = useRoster();
+			const selected = useSessions((state) => {
+				const value = sessionId === void 0 ? void 0 : state.byId[sessionId]?.projectionValues?.sessionMode;
+				return typeof value === "string" ? value : void 0;
+			});
+			const main = useSessionRetainInfo((info) => sessionId === void 0 || (info?.retainedBy.mainView ?? 0) > 0);
+			const [open, setOpen] = (0, react.useState)(false);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			if (!main || roster === void 0) return null;
+			const current = selected ?? roster.default;
+			const label = roster.modes.find((mode) => mode.id === current)?.name ?? current;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					setOpen(false);
+				},
+				items: roster.modes.map((mode) => ({
+					id: mode.id,
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: SessionModeSeat_module_css_default.item,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SessionModeSeat_module_css_default.itemName,
+							children: mode.name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SessionModeSeat_module_css_default.itemDesc,
+							children: mode.description ?? t("noDescription")
+						})]
+					})
+				})),
+				selectedId: current,
+				onSelect: (id) => {
+					setOpen(false);
+					if (sessionId === void 0 || id === current) return;
+					setBusy(true);
+					setError(null);
+					selectMode(sessionId, id).catch((cause) => {
+						setError(cause instanceof Error ? cause.message : String(cause));
+					}).finally(() => {
+						setBusy(false);
+					});
+				},
+				align: "start",
+				portal: true,
+				className: SessionModeSeat_module_css_default.menuAnchor,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: SessionModeSeat_module_css_default.seat,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					title: error ?? t("seatHint"),
+					disabled: busy,
+					onClick: () => {
+						setOpen((value) => !value);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconAgentPresetOutlineRegular, { className: SessionModeSeat_module_css_default.seatIcon }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SessionModeSeat_module_css_default.seatLabel,
+							children: label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: SessionModeSeat_module_css_default.chevron })
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/index.ts
+		/** 浏览器半插件的字典命名空间。 */
+		const NS = "session-mode";
+		/**
+		* 本行的配置入口 key：`<bundle 包名>#<行 id>`。
+		*
+		* 页面侧由 `ui-plugin-manager` 的 `rowConfigKey(bundle, rowId)` 生成同一个串——bundle 是本包
+		* （`dsh.profile.bundles` 里那一项），行 id 是本包 patch 里插的 `session-mode`。
+		*/
+		const SESSION_MODE_ROW_CONFIG_KEY = "@morlay/dsh-session-mode#session-mode";
+		/** 需要的服务：槽位与字典（会话列表经槽位的标准 props 到达组件，不必自己 inject）。 */
+		const inject = ["slots", "locale"];
+		/**
+		* 装上三个面。
+		* @param ctx - 浏览器插件上下文。
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "session-mode: dictionaries");
+			ctx.inject(["slots", "conversation"], (scope) => {
+				scope.effect(() => {
+					const seat = scope.slots.register({
+						name: "conversation.hero.agentPreset",
+						locale: NS
+					}, SessionModeSeat);
+					const label = scope.slots.register({
+						name: "conversation.session.header.actions",
+						id: "session-mode",
+						order: -10,
+						locale: NS
+					}, SessionModeLabel);
+					return () => {
+						seat();
+						label();
+					};
+				}, "session-mode: hero chip and header label");
+			});
+			ctx.inject([
+				"slots",
+				"locale",
+				"configForms",
+				"remote",
+				"remote.session"
+			], (forms) => {
+				const t = forms.locale.bind(NS);
+				forms.effect(() => {
+					const controller = new ModelDefaultsCardController(forms.configForms.get(SESSION_MODE_NS), {
+						roster: fetchRoster,
+						directory: async () => {
+							const response = await forms.remote.session.modelCatalog();
+							if (!response.ok) throw new Error("model catalog is unavailable");
+							return {
+								groups: response.value.groups,
+								failures: response.value.failures.map((failure) => failure.name)
+							};
+						}
+					});
+					const face = controller.inject();
+					const page = forms.configForms.whileServed([SESSION_MODE_NS], () => forms.slots.inject("plugins.row.config", () => forms.slots.register({
+						name: "plugins.row.config",
+						key: SESSION_MODE_ROW_CONFIG_KEY,
+						inject: () => ({
+							...face,
+							t
+						})
+					}, ModelDefaultsCard)));
+					return () => {
+						page();
+						controller.dispose();
+					};
+				}, "session-mode: settings card");
+			});
+		}
+		//#endregion
+		exports.ModelDefaultsCardController = ModelDefaultsCardController;
+		exports.SESSION_MODE_NS = SESSION_MODE_NS;
+		exports.SESSION_MODE_ROW_CONFIG_KEY = SESSION_MODE_ROW_CONFIG_KEY;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});