@morlay/dsh-session-mode 0.0.15 → 0.0.16

package/dist/client.cjs

@@ -36,9 +36,9 @@ window.__ModuleLoader__.load({
 			value: mod,
 			enumerable: true
 		}) : target, mod));
+		let react = require("react");
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		let _deepseek_ai_cordis = require("@deepseek-ai/cordis");
-		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		// src/catalog-remote.ts
@@ -57,8 +57,77 @@ window.__ModuleLoader__.load({
 			}]
 		};
 		// src/shared.ts
-		const SESSION_MODE_PATH = "/session-mode";
-		const POLICY_NAMES = ["fs/write-intent", "fs/edit-intent"];
+		const SESSION_MODE_PATH = "/api/morlay/v1/session-mode";
+		const POLICY_NAMES = [
+			"fs/write-intent",
+			"fs/edit-intent",
+			"fs/delete-intent"
+		];
+		function groupRef(group) {
+			return group.startsWith("mcp:") ? group : `group:${group}`;
+		}
+		// src/client/hints.ts
+		const SESSION_MODE_NS = "session-mode";
+		function unwrapService(value) {
+			if (value === void 0) return void 0;
+			return value[Symbol.for("cordis.original")] ?? value;
+		}
+		// src/client/llm-directory.ts
+		function remoteNamespace(scope, namespace) {
+			try {
+				return scope.get(`remote.${namespace}`);
+			} catch {
+				return;
+			}
+		}
+		function readAt(root, path) {
+			return path.reduce((node, segment) => {
+				if (Array.isArray(node)) return node[Number(segment)];
+				if (typeof node !== "object" || node === null) return void 0;
+				return Reflect.get(node, segment);
+			}, root);
+		}
+		function modelsOf(entry, forms) {
+			if (entry.settingsNs === "") return [];
+			const profile = readAt(forms.get(entry.settingsNs).getSnapshot().value, entry.settingsPath);
+			const models = typeof profile === "object" && profile !== null ? Reflect.get(profile, "models") : void 0;
+			if (!Array.isArray(models)) return [];
+			return models.flatMap((model) => {
+				if (typeof model !== "object" || model === null) return [];
+				const id = Reflect.get(model, "id");
+				if (typeof id !== "string") return [];
+				const name = Reflect.get(model, "name");
+				return [{
+					value: id,
+					label: typeof name === "string" && name !== "" ? name : id
+				}];
+			});
+		}
+		async function loadLlmProviders(scope) {
+			const llm = remoteNamespace(scope, "llm");
+			const forms = scope.get("configForms");
+			if (llm === void 0 || forms === void 0) return [];
+			const [routes, directory] = await Promise.all([llm.listProviders(), llm.listConfigurableProviders()]);
+			if (!routes.ok || !directory.ok) return [];
+			const merged = /* @__PURE__ */ new Map();
+			for (const entry of directory.value) merged.set(entry.provider, {
+				value: entry.provider,
+				label: entry.displayName,
+				settingsNs: entry.settingsNs,
+				settingsPath: [...entry.settingsPath]
+			});
+			for (const route of routes.value) if (!merged.has(route.id)) merged.set(route.id, {
+				value: route.id,
+				label: route.name,
+				settingsNs: "",
+				settingsPath: []
+			});
+			return [...merged.values()].map((entry) => ({
+				value: entry.value,
+				label: entry.label,
+				models: modelsOf(entry, forms)
+			}));
+		}
 		function emptyMeta() {
 			return {
 				description: void 0,
@@ -846,7 +915,7 @@ window.__ModuleLoader__.load({
 			const name = Reflect.get(extra, "source");
 			return typeof name === "string" && name.length > 0 ? name : void 0;
 		}
-		function fieldKey$1(path) {
+		function fieldKey(path) {
 			return JSON.stringify(path);
 		}
 		function projectRoot(serialized, rehydrate) {
@@ -1010,23 +1079,23 @@ window.__ModuleLoader__.load({
 				const root = this.#root;
 				const preview = this.#model.preview();
 				const walked = root === void 0 ? [] : walkFields(root, preview);
-				for (const item of walked) fields.set(fieldKey$1(item.path), this.#model.field(item.path, preview));
+				for (const item of walked) fields.set(fieldKey(item.path), this.#model.field(item.path, preview));
 				const secrets = /* @__PURE__ */ new Map();
-				for (const secret of this.#view?.secrets ?? []) secrets.set(fieldKey$1(secret.path), secret.set);
+				for (const secret of this.#view?.secrets ?? []) secrets.set(fieldKey(secret.path), secret.set);
 				const texts = /* @__PURE__ */ new Map();
 				const options = /* @__PURE__ */ new Map();
 				const addable = /* @__PURE__ */ new Map();
 				for (const item of walked) {
 					const text = this.#deps.hints?.textFor(item.path);
-					if (text !== void 0) texts.set(fieldKey$1(item.path), text);
+					if (text !== void 0) texts.set(fieldKey(item.path), text);
 					const candidates = optionsFor(item.node, item.path, preview, this.#deps.hints);
-					if (candidates !== void 0) options.set(fieldKey$1(item.path), candidates);
+					if (candidates !== void 0) options.set(fieldKey(item.path), candidates);
 					const addableHere = addableAt(item.node, item.path, readPath(preview, item.path), this.#deps.hints);
-					if (addableHere.length > 0) addable.set(fieldKey$1(item.path), addableHere);
+					if (addableHere.length > 0) addable.set(fieldKey(item.path), addableHere);
 				}
 				const violation = this.#model.violation();
 				const invalidAt = /* @__PURE__ */ new Map();
-				if (violation !== void 0 && violation.path.length > 0) invalidAt.set(fieldKey$1(violation.path), violation.message);
+				if (violation !== void 0 && violation.path.length > 0) invalidAt.set(fieldKey(violation.path), violation.message);
 				return {
 					...this.#model.shell(),
 					configured: root !== void 0,
@@ -1256,7 +1325,6 @@ window.__ModuleLoader__.load({
 			}
 			return plans;
 		}
-		const FALLBACK_PRIORITY = 100;
 		var RowRegistration = class {
 			#deps;
 			#live = /* @__PURE__ */ new Map();
@@ -1291,18 +1359,6 @@ window.__ModuleLoader__.load({
 					this.#live.delete(ns);
 					this.#deps.release(ns);
 				}
-				for (const [ns, plan] of wanted) {
-					if (this.#live.has(ns)) continue;
-					const entry = this.#deps.entryFor(ns);
-					if (entry === void 0) continue;
-					const dispose = this.#deps.slots.register({
-						name: "plugins.row.config",
-						key: plan.key,
-						priority: FALLBACK_PRIORITY,
-						locale: this.#deps.locale
-					}, entry.component);
-					this.#live.set(ns, dispose);
-				}
 			}
 			#release() {
 				for (const [ns, dispose] of this.#live) {
@@ -1331,17 +1387,17 @@ window.__ModuleLoader__.load({
 			}
 		}
 		function visibleFields(state, fold) {
-			const containers = new Set(state.walked.filter((item) => containerShape(item.node, valueAt(state, item.path)) !== void 0).map((item) => fieldKey$1(item.path)));
+			const containers = new Set(state.walked.filter((item) => containerShape(item.node, valueAt(state, item.path)) !== void 0).map((item) => fieldKey(item.path)));
 			return state.walked.filter((item) => {
 				for (let depth = 1; depth < item.path.length; depth++) {
 					const ancestor = item.path.slice(0, depth);
-					if (containers.has(fieldKey$1(ancestor)) && fold.collapsed(ancestor)) return false;
+					if (containers.has(fieldKey(ancestor)) && fold.collapsed(ancestor)) return false;
 				}
 				return true;
 			});
 		}
 		function valueAt(state, path) {
-			return state.fields.get(fieldKey$1(path))?.value;
+			return state.fields.get(fieldKey(path))?.value;
 		}
 		function addOf(node, shape, options) {
 			if (shape === "array") return { kind: "item" };
@@ -1398,7 +1454,7 @@ window.__ModuleLoader__.load({
 				const shape = containerShape(node, value);
 				if (shape !== void 0) {
 					const collapsed = fold.collapsed(item.path);
-					const add = addOf(node, shape, state.addable.get(fieldKey$1(item.path)) ?? []);
+					const add = addOf(node, shape, state.addable.get(fieldKey(item.path)) ?? []);
 					lines.push({
 						kind: "open",
 						path: item.path,
@@ -1424,7 +1480,7 @@ window.__ModuleLoader__.load({
 					path: item.path,
 					node,
 					depth,
-					field: state.fields.get(fieldKey$1(item.path)) ?? {
+					field: state.fields.get(fieldKey(item.path)) ?? {
 						value: void 0,
 						text: void 0,
 						invalid: void 0,
@@ -1466,7 +1522,7 @@ window.__ModuleLoader__.load({
 			return lines;
 		}
 		function commentFor(state, item, resolveText, t) {
-			const key = fieldKey$1(item.path);
+			const key = fieldKey(item.path);
 			const failure = state.fields.get(key)?.invalid ?? state.invalidAt.get(key);
 			if (failure !== void 0) return {
 				text: failure,
@@ -1474,7 +1530,7 @@ window.__ModuleLoader__.load({
 			};
 			const node = unwrapLazy(item.node) ?? item.node;
 			const parts = [];
-			const text = state.texts.get(fieldKey$1(item.path));
+			const text = state.texts.get(fieldKey(item.path));
 			const hint = [text?.label, text?.hint].filter((part) => part !== void 0 && part !== "").join("：") || fieldHint(node, resolveText);
 			if (hint !== void 0 && hint !== "") parts.push(hint);
 			if (node.meta.disabled) parts.push(t("readOnlyField"));
@@ -1499,25 +1555,25 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var schema_form_module_css_default = {
-			"lineKey": "oZhWGq_lineKey",
-			"lineNumber": "oZhWGq_lineNumber",
+			"lineRow": "oZhWGq_lineRow",
+			"lineFold": "oZhWGq_lineFold",
+			"lineValue": "oZhWGq_lineValue",
 			"lineComment": "oZhWGq_lineComment",
-			"lineBody": "oZhWGq_lineBody",
-			"hint": "oZhWGq_hint",
-			"hoverActions": "oZhWGq_hoverActions",
 			"lineFoldSpacer": "oZhWGq_lineFoldSpacer",
+			"lineToken": "oZhWGq_lineToken",
 			"compactInput": "oZhWGq_compactInput",
-			"lineFold": "oZhWGq_lineFold",
 			"editorRoot": "oZhWGq_editorRoot",
-			"valueTrigger": "oZhWGq_valueTrigger",
-			"lineToken": "oZhWGq_lineToken",
 			"valueSlot": "oZhWGq_valueSlot",
+			"lineActions": "oZhWGq_lineActions",
 			"compactTextField": "oZhWGq_compactTextField",
-			"lineRow": "oZhWGq_lineRow",
-			"lineValue": "oZhWGq_lineValue",
+			"lineBody": "oZhWGq_lineBody",
 			"lineInvalid": "oZhWGq_lineInvalid",
-			"lineActions": "oZhWGq_lineActions",
-			"addWrap": "oZhWGq_addWrap"
+			"hoverActions": "oZhWGq_hoverActions",
+			"lineNumber": "oZhWGq_lineNumber",
+			"lineKey": "oZhWGq_lineKey",
+			"valueTrigger": "oZhWGq_valueTrigger",
+			"addWrap": "oZhWGq_addWrap",
+			"hint": "oZhWGq_hint"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/schema-form/TruncatedTooltip.tsx
 		function TruncatedTooltip({ label, children }) {
@@ -1793,35 +1849,35 @@ window.__ModuleLoader__.load({
 						});
 					},
 					onAdded: (path) => {
-						setEditing(fieldKey$1(path));
+						setEditing(fieldKey(path));
 					},
 					dismissed,
 					onDismiss: (key) => {
 						setDismissed((previous) => new Set(previous).add(key));
 					},
 					onSelect: (path) => {
-						setSelected(fieldKey$1(path));
+						setSelected(fieldKey(path));
 					},
 					renderField
-				}, `${line.kind}:${fieldKey$1(line.path)}:${String(index)}`))
+				}, `${line.kind}:${fieldKey(line.path)}:${String(index)}`))
 			});
 		}
 		function useFold(state, toggled, setToggled) {
 			const defaults = (0, react.useMemo)(() => {
 				const collapsed = /* @__PURE__ */ new Set();
 				for (const item of state.walked) {
-					const value = state.fields.get(fieldKey$1(item.path))?.value;
-					if (item.node.meta.collapse && containerShape(item.node, value) !== void 0) collapsed.add(fieldKey$1(item.path));
+					const value = state.fields.get(fieldKey(item.path))?.value;
+					if (item.node.meta.collapse && containerShape(item.node, value) !== void 0) collapsed.add(fieldKey(item.path));
 				}
 				return collapsed;
 			}, [state.walked, state.fields]);
 			return (0, react.useMemo)(() => ({
 				collapsed: (path) => {
-					const key = fieldKey$1(path);
+					const key = fieldKey(path);
 					return toggled.has(key) !== defaults.has(key);
 				},
 				toggle: (path) => {
-					const key = fieldKey$1(path);
+					const key = fieldKey(path);
 					const next = new Set(toggled);
 					if (next.has(key)) next.delete(key);
 					else next.add(key);
@@ -1834,7 +1890,7 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		function Row$1({ line, n, ns, state, face, fold, t, resolveText, disabled, editing, selected, dismissed, onEdit, onAdded, onDismiss, onSelect, renderField }) {
-			const key = fieldKey$1(line.path);
+			const key = fieldKey(line.path);
 			const indent = { paddingLeft: `${String(line.depth * 14)}px` };
 			const body = line.kind === "comment" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: schema_form_module_css_default.lineFoldSpacer,
@@ -1934,7 +1990,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function FieldLine({ line, ns, state, face, t, disabled, editing, dismissed, onEdit, onDismiss, renderField }) {
-			const key = fieldKey$1(line.path);
+			const key = fieldKey(line.path);
 			const member = line.member;
 			const owner = {
 				ns,
@@ -2215,7 +2271,7 @@ window.__ModuleLoader__.load({
 					face.addKey(line.path, raw);
 					onAdded([...line.path, raw]);
 				} else if (spec.kind === "item") {
-					const current = state.fields.get(fieldKey$1(line.path))?.value;
+					const current = state.fields.get(fieldKey(line.path))?.value;
 					const index = Array.isArray(current) ? current.length : 0;
 					face.appendItem(line.path);
 					onAdded([...line.path, String(index)]);
@@ -2355,7 +2411,7 @@ window.__ModuleLoader__.load({
 			containerShape: () => containerShape,
 			editorLines: () => editorLines,
 			failureOf: () => failureOf,
-			fieldKey: () => fieldKey$1,
+			fieldKey: () => fieldKey,
 			inject: () => inject$2,
 			optionsFor: () => optionsFor,
 			parseFor: () => parseFor,
@@ -2501,55 +2557,55 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var layout_module_css_default = {
-			"gap10": "uxI0LG_gap10",
-			"gap4": "uxI0LG_gap4",
-			"stack": "uxI0LG_stack",
+			"fixed": "uxI0LG_fixed",
+			"plain": "uxI0LG_plain",
+			"narrow": "uxI0LG_narrow",
+			"gap16": "uxI0LG_gap16",
+			"gap0": "uxI0LG_gap0",
+			"gap6": "uxI0LG_gap6",
+			"alignStart": "uxI0LG_alignStart",
+			"gap12": "uxI0LG_gap12",
+			"gap14": "uxI0LG_gap14",
+			"padBlocking": "uxI0LG_padBlocking",
+			"padBody": "uxI0LG_padBody",
+			"mono": "uxI0LG_mono",
+			"grow": "uxI0LG_grow",
 			"toneDanger": "uxI0LG_toneDanger",
+			"gap2": "uxI0LG_gap2",
+			"padPage": "uxI0LG_padPage",
+			"justifyBetween": "uxI0LG_justifyBetween",
+			"row": "uxI0LG_row",
 			"text": "uxI0LG_text",
-			"wrap": "uxI0LG_wrap",
-			"padBlocking": "uxI0LG_padBlocking",
 			"sizeSm": "uxI0LG_sizeSm",
-			"tabular": "uxI0LG_tabular",
-			"truncate": "uxI0LG_truncate",
-			"tonePrimary": "uxI0LG_tonePrimary",
-			"gap8": "uxI0LG_gap8",
-			"fill": "uxI0LG_fill",
-			"weightMedium": "uxI0LG_weightMedium",
-			"gap2": "uxI0LG_gap2",
-			"push": "uxI0LG_push",
-			"gap14": "uxI0LG_gap14",
-			"alignEnd": "uxI0LG_alignEnd",
-			"grow": "uxI0LG_grow",
+			"sizeMd": "uxI0LG_sizeMd",
+			"gap10": "uxI0LG_gap10",
+			"gapWide": "uxI0LG_gapWide",
 			"justifyCenter": "uxI0LG_justifyCenter",
+			"alignEnd": "uxI0LG_alignEnd",
+			"gap4": "uxI0LG_gap4",
+			"wrap": "uxI0LG_wrap",
 			"padCard": "uxI0LG_padCard",
-			"strong": "uxI0LG_strong",
-			"boxed": "uxI0LG_boxed",
-			"padRow": "uxI0LG_padRow",
-			"justifyEnd": "uxI0LG_justifyEnd",
-			"gap6": "uxI0LG_gap6",
-			"narrow": "uxI0LG_narrow",
-			"alignStart": "uxI0LG_alignStart",
-			"fixed": "uxI0LG_fixed",
+			"fill": "uxI0LG_fill",
 			"sizeXs": "uxI0LG_sizeXs",
-			"gapWide": "uxI0LG_gapWide",
-			"padBody": "uxI0LG_padBody",
-			"gap16": "uxI0LG_gap16",
-			"plain": "uxI0LG_plain",
-			"toneTertiary": "uxI0LG_toneTertiary",
-			"sizeBase": "uxI0LG_sizeBase",
-			"toneSecondary": "uxI0LG_toneSecondary",
-			"gap12": "uxI0LG_gap12",
-			"padNone": "uxI0LG_padNone",
+			"justifyEnd": "uxI0LG_justifyEnd",
+			"tabular": "uxI0LG_tabular",
 			"wSearch": "uxI0LG_wSearch",
-			"mono": "uxI0LG_mono",
-			"row": "uxI0LG_row",
-			"sizeMd": "uxI0LG_sizeMd",
-			"gap0": "uxI0LG_gap0",
-			"justifyBetween": "uxI0LG_justifyBetween",
-			"scroll": "uxI0LG_scroll",
 			"sizeLg": "uxI0LG_sizeLg",
-			"padPage": "uxI0LG_padPage",
-			"alignCenter": "uxI0LG_alignCenter"
+			"padRow": "uxI0LG_padRow",
+			"gap8": "uxI0LG_gap8",
+			"tonePrimary": "uxI0LG_tonePrimary",
+			"stack": "uxI0LG_stack",
+			"push": "uxI0LG_push",
+			"toneSecondary": "uxI0LG_toneSecondary",
+			"toneTertiary": "uxI0LG_toneTertiary",
+			"truncate": "uxI0LG_truncate",
+			"boxed": "uxI0LG_boxed",
+			"scroll": "uxI0LG_scroll",
+			"padNone": "uxI0LG_padNone",
+			"sizeBase": "uxI0LG_sizeBase",
+			"alignCenter": "uxI0LG_alignCenter",
+			"weightMedium": "uxI0LG_weightMedium",
+			"strong": "uxI0LG_strong"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/layout/scales.ts
 		function gapClass(css, gap) {
@@ -2627,15 +2683,15 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SettingsFieldRow_module_css_default = {
-			"row": "_0Kpzea_row",
-			"label": "_0Kpzea_label",
-			"hint": "_0Kpzea_hint",
-			"invalid": "_0Kpzea_invalid",
+			"inline": "_0Kpzea_inline",
 			"text": "_0Kpzea_text",
+			"reset": "_0Kpzea_reset",
 			"badge": "_0Kpzea_badge",
+			"label": "_0Kpzea_label",
 			"body": "_0Kpzea_body",
-			"inline": "_0Kpzea_inline",
-			"reset": "_0Kpzea_reset"
+			"invalid": "_0Kpzea_invalid",
+			"hint": "_0Kpzea_hint",
+			"row": "_0Kpzea_row"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/settings-form/SettingsFieldRow.tsx
 		function SettingsFieldRow({ label, hint, layout = "stack", divider = false, overriddenLabel, resetLabel, onReset, invalid, children, className, ...rest }) {
@@ -2722,8 +2778,8 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var Button_module_css_default = {
-			"danger": "SBA8ka_danger",
-			"label": "SBA8ka_label"
+			"label": "SBA8ka_label",
+			"danger": "SBA8ka_danger"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/Button.tsx
 		const Button$1 = (0, react.forwardRef)(function Button({ className, tone, ...rest }, ref) {
@@ -2767,11 +2823,11 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SeatButton_module_css_default = {
+			"expanded": "io5HbW_expanded",
 			"chevron": "io5HbW_chevron",
-			"seat": "io5HbW_seat",
 			"label": "io5HbW_label",
-			"icon": "io5HbW_icon",
-			"expanded": "io5HbW_expanded"
+			"seat": "io5HbW_seat",
+			"icon": "io5HbW_icon"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/SeatButton.tsx
 		function SeatButton({ icon, label, expanded = false, chevron, type = "button", className, ...rest }) {
@@ -2866,9 +2922,9 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var IconButton_module_css_default = {
-			"circle": "G842ma_circle",
 			"sm": "G842ma_sm",
-			"iconButton": "G842ma_iconButton"
+			"iconButton": "G842ma_iconButton",
+			"circle": "G842ma_circle"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/IconButton.tsx
 		function IconButton({ label, children, type = "button", shape = "square", size = "md", className, ...rest }) {
@@ -2892,16 +2948,16 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var ModelRouteList_module_css_default = {
-			"group": "aGmQkW_group",
+			"list": "aGmQkW_list",
 			"id": "aGmQkW_id",
+			"provider": "aGmQkW_provider",
 			"item": "aGmQkW_item",
-			"error": "aGmQkW_error",
-			"list": "aGmQkW_list",
+			"group": "aGmQkW_group",
 			"name": "aGmQkW_name",
-			"text": "aGmQkW_text",
+			"error": "aGmQkW_error",
+			"notice": "aGmQkW_notice",
 			"picked": "aGmQkW_picked",
-			"provider": "aGmQkW_provider",
-			"notice": "aGmQkW_notice"
+			"text": "aGmQkW_text"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/ModelRouteList.tsx
 		function ModelRouteList({ label, candidates, selectedKey, disabled = false, status, loadingLabel, errorLabel, emptyLabel, onSelect }) {
@@ -3005,9 +3061,9 @@ window.__ModuleLoader__.load({
 		}
 		var SearchSelect_module_css_default = {
 			"trigger": "pNIIcq_trigger",
+			"searchRow": "pNIIcq_searchRow",
 			"searchInput": "pNIIcq_searchInput",
-			"empty": "pNIIcq_empty",
-			"searchRow": "pNIIcq_searchRow"
+			"empty": "pNIIcq_empty"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/SearchSelect.tsx
 		function SearchSelect({ label, value, emptyLabel, options, disabled = false, searchLabel, noMatchLabel, onSelect }) {
@@ -3117,13 +3173,13 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TagInput_module_css_default = {
-			"chip": "_0uSpIq_chip",
-			"empty": "_0uSpIq_empty",
 			"chipRemove": "_0uSpIq_chipRemove",
-			"row": "_0uSpIq_row",
-			"anchor": "_0uSpIq_anchor",
+			"empty": "_0uSpIq_empty",
+			"chip": "_0uSpIq_chip",
+			"input": "_0uSpIq_input",
 			"box": "_0uSpIq_box",
-			"input": "_0uSpIq_input"
+			"anchor": "_0uSpIq_anchor",
+			"row": "_0uSpIq_row"
 		};
 		// ../../client/dsh-client-ui-primitives/src/client/controls/TagInput.tsx
 		function TagInput({ value, onChange, options, placeholder, label, disabled = false, noMatchLabel = "", removeLabel }) {
@@ -18678,7 +18734,7 @@ window.__ModuleLoader__.load({
 				const child = children[index];
 				if (child === void 0) continue;
 				if (child.type === "link") {
-					const reference = parseReference(child.url ?? "", labelOf$1(child));
+					const reference = parseReference(child.url ?? "", labelOf(child));
 					if (reference !== void 0) {
 						children[index] = referenceNodeOf(reference, child, children[index - 1]);
 						continue;
@@ -18713,14 +18769,14 @@ window.__ModuleLoader__.load({
 				end: position.end
 			};
 		}
-		function labelOf$1(node) {
-			const label = textOf$1(node);
+		function labelOf(node) {
+			const label = textOf(node);
 			return label === "" ? void 0 : label;
 		}
-		function textOf$1(node) {
+		function textOf(node) {
 			if (node.value !== void 0) return node.value;
 			let text = "";
-			for (const child of node.children ?? []) text += textOf$1(child);
+			for (const child of node.children ?? []) text += textOf(child);
 			return text;
 		}
 		function parseBareReference(raw) {
@@ -18921,1290 +18977,850 @@ window.__ModuleLoader__.load({
 		function apply$1(ctx) {
 			apply$2(ctx);
 		}
-		// src/client/llm-directory.ts
-		function routeKey(provider, model) {
-			return `${provider}\u0000${model}`;
+		// src/mode-config.ts
+		function applyDraft(config, draft, defaults) {
+			const view = { ...structuredClone(config) };
+			for (const [kind, allowKey, denyKey] of [
+				[
+					"tools",
+					"allowTools",
+					"denyTools"
+				],
+				[
+					"skills",
+					"allowSkills",
+					"denySkills"
+				],
+				[
+					"policies",
+					"allowPolicies",
+					"denyPolicies"
+				]
+			]) {
+				const allow = new Set(view[allowKey]);
+				const deny = new Set(view[denyKey]);
+				for (const [id, value] of Object.entries(draft.lists?.[kind] ?? {})) if (value === "deny") deny.add(id);
+				else if (value === "allow") {
+					deny.delete(id);
+					if (allow.size > 0) allow.add(id);
+				} else {
+					allow.delete(id);
+					deny.delete(id);
+				}
+				view[allowKey] = [...allow];
+				view[denyKey] = [...deny];
+			}
+			if (draft.persona !== void 0 && draft.persona !== null) view["persona"] = draft.persona;
+			for (const [key, value] of Object.entries(draft.switches ?? {})) if (value !== null) view[key] = value;
+			else if (defaults !== void 0) view[key] = defaults[key];
+			return view;
 		}
-		function remoteNamespace(scope, namespace) {
-			try {
-				return scope.get(`remote.${namespace}`);
-			} catch {
-				return;
+		// src/client/api.ts
+		async function fetchRoster() {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "GET",
+				headers: { accept: "application/json" }
+			});
+			if (!response.ok) throw await failure(response);
+			return await response.json();
+		}
+		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;
 		}
-		function readAt(root, path) {
-			return path.reduce((node, segment) => {
-				if (Array.isArray(node)) return node[Number(segment)];
-				if (typeof node !== "object" || node === null) return void 0;
-				return Reflect.get(node, segment);
-			}, root);
+		async function failure(response) {
+			const value = await response.json().catch(() => void 0);
+			return new Error(typeof value?.error === "string" ? value.error : `HTTP ${String(response.status)}`);
 		}
-		function modelsOf(entry, forms) {
-			if (entry.settingsNs === "") return [];
-			const profile = readAt(forms.get(entry.settingsNs).getSnapshot().value, entry.settingsPath);
-			const models = typeof profile === "object" && profile !== null ? Reflect.get(profile, "models") : void 0;
-			if (!Array.isArray(models)) return [];
-			return models.flatMap((model) => {
-				if (typeof model !== "object" || model === null) return [];
-				const id = Reflect.get(model, "id");
-				if (typeof id !== "string") return [];
-				const name = Reflect.get(model, "name");
-				return [{
-					value: id,
-					label: typeof name === "string" && name !== "" ? name : id
-				}];
+		async function fetchActive(sessionId) {
+			const response = await fetch(`${SESSION_MODE_PATH}?sessionId=${encodeURIComponent(sessionId)}`, {
+				method: "GET",
+				headers: { accept: "application/json" }
 			});
+			if (!response.ok) throw await failure(response);
+			return await response.json();
 		}
-		async function loadLlmProviders(scope) {
-			const llm = remoteNamespace(scope, "llm");
-			const forms = scope.get("configForms");
-			if (llm === void 0 || forms === void 0) return [];
-			const [routes, directory] = await Promise.all([llm.listProviders(), llm.listConfigurableProviders()]);
-			if (!routes.ok || !directory.ok) return [];
-			const merged = /* @__PURE__ */ new Map();
-			for (const entry of directory.value) merged.set(entry.provider, {
-				value: entry.provider,
-				label: entry.displayName,
-				settingsNs: entry.settingsNs,
-				settingsPath: [...entry.settingsPath]
+		async function saveAsNewMode(sessionId, code, name) {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					sessionId,
+					saveAsNewMode: {
+						code,
+						name
+					}
+				})
 			});
-			for (const route of routes.value) if (!merged.has(route.id)) merged.set(route.id, {
-				value: route.id,
-				label: route.name,
-				settingsNs: "",
-				settingsPath: []
+			if (!response.ok) throw await failure(response);
+		}
+		async function deleteMode(sessionId) {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					sessionId,
+					deleteMode: true
+				})
 			});
-			return [...merged.values()].map((entry) => ({
-				value: entry.value,
-				label: entry.label,
-				models: modelsOf(entry, forms)
-			}));
+			if (!response.ok) throw await failure(response);
+			return await response.json();
 		}
-		function routesOf(providers) {
-			return providers.flatMap((provider) => provider.models.map((model) => ({
-				key: routeKey(provider.value, model.value),
-				provider: provider.value,
-				providerName: provider.label,
-				model: model.value,
-				modelName: model.label
-			})));
+		async function applySessionConfig(sessionId, config) {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					sessionId,
+					applyConfig: { config }
+				})
+			});
+			if (!response.ok) throw await failure(response);
+			return await response.json();
 		}
-		// src/client/bundle-config.ts
-		const SESSION_MODE_NS = "session-mode";
-		const BUNDLE_CONFIG_KEY = "@morlay/session-mode-profile";
-		const PROTECTED_MODE_IDS = ["noop"];
-		const ROLE_VALUES = ["main", "subagent"];
-		const GROUPS = [
-			{
-				key: "identity",
-				labelKey: "group.identity"
-			},
-			{
-				key: "persona",
-				labelKey: "group.persona"
-			},
-			{
-				key: "tools",
-				labelKey: "group.tools"
-			},
-			{
-				key: "rules",
-				labelKey: "group.rules"
-			},
-			{
-				key: "injections",
-				labelKey: "group.injections"
-			},
-			{
-				key: "model",
-				labelKey: "group.model"
-			}
-		];
-		const MODE_FIELDS = [
-			{
-				path: ["name"],
-				control: "text",
-				labelKey: "field.name",
-				hintKey: "hint.name",
-				group: "identity"
-			},
-			{
-				path: ["description"],
-				control: "text",
-				labelKey: "field.description",
-				hintKey: "hint.description",
-				group: "identity"
-			},
-			{
-				path: ["role"],
-				control: "roles",
-				labelKey: "field.role",
-				hintKey: "hint.role",
-				group: "identity"
-			},
-			{
-				path: ["presetsOnly"],
-				control: "tags",
-				labelKey: "field.presetsOnly",
-				hintKey: "hint.presetsOnly",
-				group: "identity"
-			},
-			{
-				path: ["persona", "prefix"],
-				control: "multiline",
-				labelKey: "field.prefix",
-				hintKey: "hint.prefix",
-				group: "persona"
-			},
-			{
-				path: ["persona", "suffix"],
-				control: "multiline",
-				labelKey: "field.suffix",
-				hintKey: "hint.suffix",
-				group: "persona"
-			},
-			{
-				path: ["allowTools"],
-				control: "tags",
-				labelKey: "field.allowTools",
-				hintKey: "hint.allowTools",
-				group: "tools"
-			},
-			{
-				path: ["denyTools"],
-				control: "tags",
-				labelKey: "field.denyTools",
-				hintKey: "hint.denyTools",
-				group: "tools"
-			},
-			{
-				path: ["allowSkills"],
-				control: "tags",
-				labelKey: "field.allowSkills",
-				hintKey: "hint.allowSkills",
-				group: "tools"
-			},
-			{
-				path: ["denySkills"],
-				control: "tags",
-				labelKey: "field.denySkills",
-				hintKey: "hint.denySkills",
-				group: "tools"
-			},
-			{
-				path: ["allowPolicies"],
-				control: "tags",
-				labelKey: "field.allowPolicies",
-				hintKey: "hint.allowPolicies",
-				group: "rules"
-			},
-			{
-				path: ["denyPolicies"],
-				control: "tags",
-				labelKey: "field.denyPolicies",
-				hintKey: "hint.denyPolicies",
-				group: "rules"
-			},
-			{
-				path: ["instructions"],
-				control: "switch",
-				labelKey: "field.instructions",
-				hintKey: "hint.instructions",
-				group: "injections"
-			},
-			{
-				path: ["skills"],
-				control: "tri",
-				labelKey: "field.skills",
-				hintKey: "hint.skills",
-				group: "injections"
-			},
-			{
-				path: ["runtimeContext"],
-				control: "switch",
-				labelKey: "field.runtimeContext",
-				hintKey: "hint.runtimeContext",
-				group: "injections"
-			},
-			{
-				path: ["defaultModel", "reasoningEffort"],
-				control: "text",
-				labelKey: "field.reasoningEffort",
-				hintKey: "hint.reasoningEffort",
-				group: "model"
-			}
-		];
-		function unwrapService(value) {
-			if (value === void 0) return void 0;
-			return value[Symbol.for("cordis.original")] ?? value;
+		async function saveConfigDraft(sessionId, config) {
+			const response = await fetch(SESSION_MODE_PATH, {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify({
+					sessionId,
+					saveConfig: { config }
+				})
+			});
+			if (!response.ok) throw await failure(response);
+			return await response.json();
 		}
-		function fieldKey(path) {
-			return JSON.stringify(path);
+		// src/client/SessionModePanel.tsx
+		const PANEL_STYLE = {
+			height: "100%",
+			overflowY: "auto",
+			boxSizing: "border-box",
+			padding: "20px 24px 40px"
+		};
+		function Section({ title, open, onToggle, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-role": "section",
+				"data-section": title,
+				style: { borderTop: "1px solid var(--dsw-alias-border-l1)" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					"data-role": "section-heading",
+					onClick: onToggle,
+					style: {
+						width: "100%",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						background: "none",
+						border: 0,
+						paddingBlock: 12,
+						paddingInline: 0,
+						font: "inherit",
+						fontSize: 13,
+						fontWeight: 500,
+						color: "inherit",
+						cursor: "pointer"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"data-role": "section-icon",
+						style: {
+							display: "inline-flex",
+							alignItems: "center",
+							justifyContent: "center",
+							width: 16,
+							height: 16,
+							fontSize: 14,
+							lineHeight: 1,
+							color: "var(--dsw-alias-label-tertiary)"
+						},
+						children: open ? "−" : "+"
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { padding: "0 0 8px" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
+						gap: 6,
+						children
+					})
+				}) : null]
+			});
 		}
-		function createBundleConfigFace(ctx, t, hintsOf = () => void 0) {
-			const forms = ctx.configForms;
-			const hints = () => unwrapService(hintsOf());
-			const deps = () => ({
-				form: forms.get(SESSION_MODE_NS),
-				describe: forms.describe(),
-				rehydrate: (serialized) => ctx.settingsSchema.rehydrate(serialized),
-				validate: (schema, value) => validateSection(schema, value, t),
-				t: ctx.locale.bind("settings.schema-form"),
-				hints: {
-					keysFor: () => [],
-					textFor: (path) => hints()?.textFor("session-mode", path) ?? {},
-					selectFor: (path) => hints()?.selectFor(SESSION_MODE_NS, path),
-					sourceFor: (name) => hints()?.sourceFor(name)
-				}
+		function TriStateRow({ id, description, value, indent = 0, t, onChange, onLabelClick }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-role": "tri-state",
+				"data-id": id,
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 8,
+					padding: "6px 0",
+					paddingLeft: indent
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 2,
+						minWidth: 0,
+						flex: "1 1 140px"
+					},
+					children: [onLabelClick === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+						size: "sm",
+						children: id
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: onLabelClick,
+						style: {
+							background: "none",
+							border: 0,
+							padding: 0,
+							font: "inherit",
+							fontSize: 13,
+							color: "inherit",
+							textAlign: "left",
+							cursor: "pointer"
+						},
+						children: id
+					}), description === void 0 || description.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+						size: "sm",
+						tone: "tertiary",
+						children: description
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						maxWidth: "100%",
+						marginLeft: "auto"
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.SegmentedControl, {
+						id: `tri-${id.replace(/[^a-zA-Z0-9_-]+/gu, "-")}`,
+						label: id,
+						value,
+						options: value === "mixed" ? [
+							{
+								value: "mixed",
+								label: t("stateMixed")
+							},
+							{
+								value: "unset",
+								label: t("stateDefault")
+							},
+							{
+								value: "allow",
+								label: t("stateAllow")
+							},
+							{
+								value: "deny",
+								label: t("stateDeny")
+							}
+						] : [
+							{
+								value: "unset",
+								label: t("stateDefault")
+							},
+							{
+								value: "allow",
+								label: t("stateAllow")
+							},
+							{
+								value: "deny",
+								label: t("stateDeny")
+							}
+						],
+						onChange: (next) => {
+							if (next === "mixed") return;
+							onChange(next);
+						}
+					})
+				})]
 			});
-			const controller = new SchemaFormController(SESSION_MODE_NS, deps());
-			const face = controller.face();
-			const form = forms.get(SESSION_MODE_NS);
-			const statusStore = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(form.getSnapshot().status);
-			const unsubscribeStatus = form.subscribe(() => {
-				statusStore.set(form.getSnapshot().status);
+		}
+		function SessionModePanel({ sessionId, useSessions, t }) {
+			const mode = useSessions((state) => {
+				const value = sessionId === void 0 ? void 0 : state.byId[sessionId]?.projectionValues?.sessionMode;
+				return typeof value === "string" ? value : void 0;
 			});
-			const modelsStore = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
-				status: "loading",
-				routes: []
+			const preset = useSessions((state) => {
+				const value = sessionId === void 0 ? void 0 : state.byId[sessionId]?.projectionValues?.agentPreset;
+				return typeof value === "string" ? value : void 0;
 			});
-			const loadModels = async () => {
-				try {
-					const providers = await loadLlmProviders(ctx);
-					modelsStore.set({
-						status: "ready",
-						routes: routesOf(providers)
-					});
-				} catch {
-					modelsStore.set({
-						status: "error",
-						routes: []
-					});
+			const [load, setLoad] = (0, react.useState)({ kind: "loading" });
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [draft, setDraft] = (0, react.useState)({
+				switches: {},
+				items: {
+					tools: {},
+					skills: {},
+					policies: {}
 				}
-			};
-			const remote = ctx.get("remote");
-			const unsubscribeModels = typeof remote?.$on !== "function" ? [] : [remote.$on("llm/adapters-updated", () => {
-				loadModels();
-			}), remote.$on("settings/document-updated", () => {
-				loadModels();
-			})];
-			loadModels();
-			const diagnose = () => {
-				const view = forms.describe().getSnapshot().view;
-				const namespaces = view?.namespaces.map((row) => row.ns) ?? [];
-				const live = controller.face().hooks.schemaForm.getSnapshot();
-				const controllerSummary = `store configured=${String(live.configured)} walked=${String(live.walked.length)}`;
-				const own = view?.namespaces.find((row) => row.ns === SESSION_MODE_NS);
-				if (own === void 0) return {
-					namespaces,
-					controller: controllerSummary,
-					problem: `describe has no namespace "${SESSION_MODE_NS}"`
-				};
-				try {
-					const schema = ctx.settingsSchema.rehydrate(own.schema);
-					const renderable = projectRoot(own.schema, (serialized) => ctx.settingsSchema.rehydrate(serialized)) !== void 0;
-					let probe;
-					try {
-						const rebuilt = new SchemaFormController(SESSION_MODE_NS, deps());
-						probe = `probe configured=${String(rebuilt.face().hooks.schemaForm.getSnapshot().configured)}`;
-						rebuilt.dispose();
-					} catch (error) {
-						probe = `probe threw: ${error instanceof Error ? error.message : String(error)}`;
-					}
-					return {
-						namespaces,
-						controller: `${controllerSummary}; ${probe}`,
-						problem: renderable ? "renderable" : `schema root is "${String(schema.type)}"`
-					};
-				} catch (error) {
-					return {
-						namespaces,
-						controller: controllerSummary,
-						problem: `schema rehydrate failed: ${error instanceof Error ? error.message : String(error)}`
-					};
-				}
-			};
-			const resync = () => {
-				statusStore.set(form.getSnapshot().status);
-				controller.refresh();
-			};
-			return {
-				face: {
-					hooks: {
-						bundleConfig: face.hooks.schemaForm,
-						bundleStatus: statusStore,
-						bundleModels: modelsStore
-					},
-					diagnose,
-					resync,
-					set: (path, value) => {
-						face.set(path, value);
-					},
-					editText: (path, text) => {
-						if (text === "") face.clear(path);
-						else face.setText(path, text, (raw) => ({
-							kind: "value",
-							value: raw
-						}));
-					},
-					clear: (path) => {
-						face.clear(path);
-					},
-					appendItem: (path) => {
-						face.appendItem(path);
-					},
-					removeItem: (path, index) => {
-						face.removeItem(path, index);
-					},
-					addMode: (id) => {
-						const trimmed = id.trim();
-						if (trimmed === "") return;
-						face.addKey(["modes"], trimmed);
-						face.setText([
-							"modes",
-							trimmed,
-							"name"
-						], trimmed, (raw) => ({
-							kind: "value",
-							value: raw
-						}));
-					},
-					removeMode: (id) => {
-						if (PROTECTED_MODE_IDS.includes(id)) return;
-						face.removeKey(["modes"], id);
-					},
-					save: () => {
-						face.save();
-					},
-					discard: () => {
-						face.discard();
-					}
-				},
-				refresh: resync,
-				dispose: () => {
-					unsubscribeStatus();
-					for (const off of unsubscribeModels) off?.();
-					controller.dispose();
+			});
+			const [dialog, setDialog] = (0, react.useState)(null);
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			const [code, setCode] = (0, react.useState)("");
+			const [name, setName] = (0, react.useState)("");
+			const [openSection, setOpenSection] = (0, react.useState)("general");
+			const [openGroups, setOpenGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0) {
+					setLoad({
+						kind: "error",
+						message: t("panelNoSession")
+					});
+					return;
 				}
-			};
-		}
-		function validateSection(schema, value, t) {
-			try {
-				schema(value);
-			} catch (error) {
-				return failureOf(error);
-			}
-			return rosterProblem(value, t);
-		}
-		function rosterProblem(value, t) {
-			if (typeof value !== "object" || value === null) return void 0;
-			const modes = Reflect.get(value, "modes");
-			if (typeof modes !== "object" || modes === null || Array.isArray(modes)) return {
-				message: t("violation.modesEmpty"),
-				path: ["modes"]
-			};
-			const ids = Object.keys(modes);
-			if (ids.length === 0) return {
-				message: t("violation.modesEmpty"),
-				path: ["modes"]
-			};
-			const selected = Reflect.get(value, "default");
-			if (typeof selected === "string" && selected !== "" && !ids.includes(selected)) return {
-				message: t("violation.defaultMissing"),
-				path: ["default"]
-			};
-			for (const id of ids) {
-				const mode = Reflect.get(modes, id);
-				const model = typeof mode === "object" && mode !== null ? Reflect.get(mode, "defaultModel") : void 0;
-				if (typeof model !== "object" || model === null) continue;
-				const provider = Reflect.get(model, "provider");
-				const name = Reflect.get(model, "model");
-				if (provider === void 0 && name === void 0) continue;
-				if (typeof provider === "string" && provider !== "" && typeof name === "string" && name !== "") continue;
-				return {
-					message: t("violation.modelPair"),
-					path: [
-						"modes",
-						id,
-						"defaultModel"
-					]
+				let cancelled = false;
+				setLoad({ kind: "loading" });
+				fetchActive(sessionId).then((value) => {
+					if (!cancelled) setLoad({
+						kind: "ready",
+						value
+					});
+				}).catch((error) => {
+					if (!cancelled) setLoad({
+						kind: "error",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				});
+				return () => {
+					cancelled = true;
 				};
-			}
-		}
-		function projectBundleConfig(state, t, status = "ready") {
-			const read = (path) => state.fields.get(fieldKey(path));
-			const optionsAt = (path) => state.options.get(fieldKey(path)) ?? [];
-			const invalidAt = (path) => state.invalidAt.get(fieldKey(path)) ?? read(path)?.invalid;
-			const modes = collectModeIds(state);
-			const selected = textOf(read(["default"]));
-			return {
-				available: state.available,
-				writable: state.writable,
-				dirty: state.dirty,
-				invalid: state.invalid,
-				saving: state.saving,
-				failed: state.failed,
-				configured: state.configured,
-				readiness: state.configured ? "ready" : status === "loading" ? "loading" : status === "ready" ? "unreadable" : "missing",
-				defaultMode: {
-					value: selected,
-					options: modes.map((id) => ({
-						value: id,
-						label: labelOf(id, read)
-					})),
-					invalid: invalidAt(["default"]) ?? (selected === "" || modes.includes(selected) ? void 0 : t("violation.defaultMissing"))
-				},
-				modes: modes.map((id) => ({
-					id,
-					title: labelOf(id, read),
-					role: arrayOf(read([
-						"modes",
-						id,
-						"role"
-					])),
-					summary: summaryOf(id, read, t),
-					model: modelOf(id, read),
-					deletable: !PROTECTED_MODE_IDS.includes(id),
-					staged: MODE_FIELDS.some((spec) => read([
-						"modes",
-						id,
-						...spec.path
-					])?.staged === true),
-					groups: GROUPS.map((group) => ({
-						key: group.key,
-						label: t(group.labelKey),
-						fields: MODE_FIELDS.filter((spec) => spec.group === group.key).map((spec) => fieldView(id, spec, read, optionsAt, invalidAt, t))
-					}))
-				})),
-				violation: state.violation?.message
-			};
-		}
-		function labelOf(id, read) {
-			const name = textOf(read([
-				"modes",
-				id,
-				"name"
-			]));
-			return name === "" ? id : name;
-		}
-		function collectModeIds(state) {
-			const ids = [];
-			for (const item of state.walked) {
-				if (item.path.length < 2 || item.path[0] !== "modes") continue;
-				const id = item.path[1];
-				if (id === void 0 || ids.includes(id)) continue;
-				ids.push(id);
-			}
-			return ids;
-		}
-		function modelOf(id, read) {
-			if (read([
-				"modes",
-				id,
-				"defaultModel"
-			]) === void 0) return void 0;
-			return {
-				provider: textOf(read([
-					"modes",
-					id,
-					"defaultModel",
-					"provider"
-				])),
-				model: textOf(read([
-					"modes",
-					id,
-					"defaultModel",
-					"model"
-				]))
-			};
-		}
-		function fieldView(id, spec, read, optionsAt, invalidAt, t) {
-			const path = [
-				"modes",
-				id,
-				...spec.path
-			];
-			const field = read(path);
-			const common = {
-				key: fieldKey(path),
-				path,
-				control: spec.control,
-				label: t(spec.labelKey),
-				hint: t(spec.hintKey),
-				present: field !== void 0,
-				overridden: field?.overridden === true,
-				options: optionsAt(path),
-				invalid: invalidAt(path)
-			};
-			if (spec.control === "tags" || spec.control === "roles") return {
-				...common,
-				text: "",
-				value: arrayOf(field)
-			};
-			if (spec.control === "switch") return {
-				...common,
-				text: "",
-				value: field?.value === true
-			};
-			if (spec.control === "tri") return {
-				...common,
-				text: "",
-				value: triOf(field)
-			};
-			return {
-				...common,
-				text: textOf(field),
-				value: field?.value
-			};
-		}
-		function triOf(field) {
-			if (field === void 0 || field.value === void 0) return "unset";
-			return field.value === true ? "on" : "off";
-		}
-		function summaryOf(id, read, t) {
-			const allowed = arrayOf(read([
-				"modes",
-				id,
-				"allowTools"
-			]));
-			const denied = arrayOf(read([
-				"modes",
-				id,
-				"denyTools"
+			}, [
+				sessionId,
+				mode,
+				preset
+			]);
+			if (load.kind === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-role": "session-mode-panel",
+				style: PANEL_STYLE,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+					size: "sm",
+					tone: "tertiary",
+					children: t("loading")
+				})
+			});
+			if (load.kind === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-role": "session-mode-panel",
+				style: PANEL_STYLE,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+					as: "p",
+					size: "sm",
+					tone: "danger",
+					children: load.message
+				})
+			});
+			const active = load?.kind === "ready" ? load.value : void 0;
+			if (active === void 0 || active === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-role": "session-mode-panel",
+				style: PANEL_STYLE,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+					size: "sm",
+					tone: "tertiary",
+					children: t("loading")
+				})
+			});
+			const effective = active.session ?? active.config;
+			const overridden = new Set(active.overriddenFields ?? (active.session === void 0 ? [] : [
+				"persona",
+				"instructions",
+				"skills",
+				"runtimeContext"
 			]));
-			const provider = read([
-				"modes",
-				id,
-				"defaultModel",
-				"provider"
-			])?.value;
-			const model = read([
-				"modes",
-				id,
-				"defaultModel",
-				"model"
-			])?.value;
-			return `${allowed.length > 0 ? t("summary.tools", { n: String(allowed.length) }) : denied.length > 0 ? t("summary.denyTools", { n: String(denied.length) }) : t("summary.allTools")} · ${typeof model === "string" && model !== "" ? `${typeof provider === "string" && provider !== "" ? `${provider} / ` : ""}${model}` : t("summary.globalModel")}`;
-		}
-		function textOf(field) {
-			if (field === void 0) return "";
-			if (typeof field.text === "string") return field.text;
-			return typeof field.value === "string" ? field.value : "";
-		}
-		function arrayOf(field) {
-			const value = field?.value;
-			return Array.isArray(value) ? value.map((item) => String(item)) : [];
-		}
-		const ROLES = ROLE_VALUES;
-		// src/client/BundleConfigPage.tsx
-		function BundleConfigPage(props) {
-			const { t, view } = props;
-			const face = {
-				set: props.set,
-				editText: props.editText,
-				clear: props.clear,
-				appendItem: props.appendItem,
-				removeItem: props.removeItem,
-				addMode: props.addMode,
-				removeMode: props.removeMode,
-				save: props.save,
-				discard: props.discard
+			const source = (field) => overridden.has(field) ? t("fromSession") : t("fromMode");
+			const configValue = (entry) => {
+				if (entry.group !== void 0 && effective.denyTools.includes(groupRef(entry.group))) return "deny";
+				return entry.fallback === void 0 || entry.fallback === "default" ? "unset" : entry.fallback;
 			};
-			const snapshot = props.useBundleConfig((current) => current);
-			const status = props.useBundleStatus((current) => current);
-			const models = props.useBundleModels((current) => current);
-			const state = (0, react.useMemo)(() => projectBundleConfig(snapshot, t, status), [
-				snapshot,
-				t,
-				status
-			]);
-			const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set());
-			const [addingId, setAddingId] = (0, react.useState)("");
-			const [addingOpen, setAddingOpen] = (0, react.useState)(false);
-			const [removing, setRemoving] = (0, react.useState)(null);
-			const resync = props.resync;
-			(0, react.useEffect)(() => {
-				resync();
-			}, [resync]);
-			if (view !== "page") return null;
-			if (state.readiness !== "ready") {
-				const diagnosis = props.diagnose();
-				const message = state.readiness === "loading" ? t("configured.loading") : state.readiness === "missing" ? t("configured.missing") : t("configured.unreadable", { problem: diagnosis.problem });
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					"data-bundle-config": state.readiness,
-					"data-namespace": SESSION_MODE_NS,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-						as: "p",
-						size: "sm",
-						tone: "tertiary",
-						"data-namespaces": diagnosis.namespaces.join(","),
-						"data-problem": diagnosis.problem,
-						"data-controller": diagnosis.controller,
-						children: message
-					}), state.readiness !== "unreadable" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-						as: "p",
-						size: "xs",
-						tone: "tertiary",
-						mono: true,
-						"data-diagnosis": "true",
-						children: `${diagnosis.problem} · ${diagnosis.controller} · namespaces=[${diagnosis.namespaces.join(", ")}]`
-					})]
-				});
-			}
-			const labels = {
-				unavailable: t("unavailable"),
-				readOnly: t("readOnly"),
-				saveFailed: t("saveFailed"),
-				save: t("save"),
-				saving: t("saving")
+			const viewConfig = () => applyDraft(effective, {
+				lists: {
+					tools: draft.items["tools"] ?? {},
+					skills: draft.items["skills"] ?? {},
+					policies: draft.items["policies"] ?? {}
+				},
+				...draft.persona === void 0 ? {} : { persona: draft.persona },
+				switches: draft.switches
+			}, active.config);
+			const commit = (target) => {
+				if (sessionId === void 0) return;
+				const config = viewConfig();
+				(target === "session" ? applySessionConfig(sessionId, config) : saveConfigDraft(sessionId, config)).then((value) => {
+					setLoad({
+						kind: "ready",
+						value
+					});
+					setDraft({
+						switches: {},
+						items: {
+							tools: {},
+							skills: {},
+							policies: {}
+						}
+					});
+					setNotice(t(target === "session" ? "applied" : "saved"));
+				}).catch((error) => setNotice(`${t("saveFailed")}: ${String(error)}`));
 			};
-			const toggle = (id) => {
-				setExpanded((previous) => {
-					const next = new Set(previous);
-					if (next.has(id)) next.delete(id);
-					else next.add(id);
+			const toolGroups = /* @__PURE__ */ new Map();
+			for (const entry of active.catalog.tools) {
+				const group = entry.group ?? "其它";
+				const list = toolGroups.get(group);
+				if (list === void 0) toolGroups.set(group, [entry]);
+				else list.push(entry);
+			}
+			const toggleGroup = (group) => {
+				setOpenGroups((current) => {
+					const next = new Set(current);
+					if (next.has(group)) next.delete(group);
+					else next.add(group);
 					return next;
 				});
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(client_exports.SettingsForm, {
-				labels,
-				state,
-				onSave: face.save,
-				onDiscard: face.discard,
+			const section = (key, title, children) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title,
+				open: openSection === key,
+				onToggle: () => {
+					setOpenSection((current) => current === key ? null : key);
+				},
+				children
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-role": "session-mode-panel",
+				style: PANEL_STYLE,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
-						gap: 16,
-						"data-bundle-config": "page",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
-							as: "section",
-							gap: 8,
-							"data-section": "default",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsFieldRow, {
-								label: t("default.label"),
-								hint: t("default.hint"),
-								layout: "inline",
-								...state.defaultMode.invalid === void 0 ? {} : { invalid: state.defaultMode.invalid },
-								"data-field": "default",
-								"data-control": "choice",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchSelect, {
-									label: t("default.label"),
-									value: state.defaultMode.value,
-									emptyLabel: t("tri.unset"),
-									options: state.defaultMode.options.map((option) => ({
-										value: String(option.value),
-										...option.label === void 0 ? {} : { label: option.label }
-									})),
-									searchLabel: t("select.search"),
-									noMatchLabel: t("select.noMatch"),
-									disabled: !state.writable,
-									onSelect: (next) => {
-										if (next === "") face.clear(["default"]);
-										else face.set(["default"], next);
-									}
-								})
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
-							as: "section",
-							gap: 8,
-							"data-section": "modes",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
-								gap: 8,
-								justify: "between",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
-									gap: 2,
-									grow: true,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-										as: "h4",
-										size: "md",
-										tone: "primary",
-										weight: "strong",
-										children: t("modes.label")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 48
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-role": "header",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+									gap: 4,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+										gap: 6,
+										align: "center",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+											size: "lg",
+											children: active.mode.name
+										})
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-										as: "p",
 										size: "sm",
 										tone: "tertiary",
-										children: t("modes.hint")
+										children: active.mode.description.length === 0 ? t("empty") : active.mode.description
 									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
-									label: t("add.label"),
-									"data-action": "open-add-mode",
-									disabled: !state.writable,
-									onClick: () => {
-										setAddingId("");
-										setAddingOpen(true);
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconPlusOutlineRegular, {})
-								})]
-							}), state.modes.map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModeCard, {
-								mode,
-								models,
-								open: expanded.has(mode.id),
-								writable: state.writable,
-								t,
-								face,
-								onRequestRemove: () => {
-									setRemoving(mode);
-								},
-								onToggle: () => {
-									toggle(mode.id);
-								}
-							}, mode.id))]
-						})]
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: { height: 12 } }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								"data-role": "content",
+								children: [
+									section("general", t("general"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: [
+										[
+											"instructions",
+											t("instructions"),
+											effective.instructions
+										],
+										[
+											"skills",
+											t("skillsCatalog"),
+											effective.skills
+										],
+										[
+											"runtimeContext",
+											t("runtimeContext"),
+											effective.runtimeContext
+										]
+									].map(([key, label, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											flexWrap: "wrap",
+											alignItems: "center",
+											justifyContent: "space-between",
+											gap: 8,
+											padding: "4px 0"
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											style: {
+												display: "flex",
+												flexDirection: "column",
+												gap: 2
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+												size: "md",
+												children: label
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+												size: "sm",
+												tone: "tertiary",
+												children: source(key)
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+											gap: 6,
+											style: { marginLeft: "auto" },
+											children: [overridden.has(key) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+												variant: "outline",
+												size: "sm",
+												onClick: () => {
+													setDraft((prev) => ({
+														...prev,
+														switches: {
+															...prev.switches,
+															[key]: null
+														}
+													}));
+												},
+												children: t("stateDefault")
+											}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Switch, {
+												checked: draft.switches[key] ?? value,
+												label,
+												onChange: (next) => {
+													setDraft((prev) => ({
+														...prev,
+														switches: {
+															...prev.switches,
+															[key]: next
+														}
+													}));
+												}
+											}) })]
+										})]
+									}, key)) })),
+									section("persona", t("persona"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+											size: "sm",
+											tone: "tertiary",
+											children: source("persona")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultilineField, {
+											value: draft.persona?.prefix ?? effective.persona.prefix,
+											rows: 6,
+											"aria-label": t("persona"),
+											onChange: (event) => {
+												const prefix = event.currentTarget.value;
+												setDraft((prev) => ({
+													...prev,
+													persona: {
+														prefix,
+														suffix: prev.persona?.suffix ?? effective.persona.suffix
+													}
+												}));
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultilineField, {
+											value: draft.persona?.suffix ?? effective.persona.suffix,
+											rows: 3,
+											"aria-label": t("persona"),
+											onChange: (event) => {
+												const suffix = event.currentTarget.value;
+												setDraft((prev) => ({
+													...prev,
+													persona: {
+														prefix: prev.persona?.prefix ?? effective.persona.prefix,
+														suffix
+													}
+												}));
+											}
+										})
+									] })),
+									section("tools", `${t("tools")} (${String(active.catalog.tools.length)})`, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: [...toolGroups].map(([group, entries]) => {
+										const groupDraft = draft.items["tools"]?.[groupRef(group)];
+										const values = groupDraft !== void 0 ? entries.map(() => groupDraft) : entries.map((entry) => draft.items["tools"]?.[entry.id] ?? entry.override ?? configValue(entry));
+										const groupValue = values.every((value) => value === values[0]) ? values[0] ?? "unset" : "mixed";
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+											gap: 2,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriStateRow, {
+												id: `${entries[0]?.groupLabel ?? group} (${String(entries.length)})`,
+												t,
+												value: groupValue,
+												onLabelClick: () => {
+													toggleGroup(group);
+												},
+												onChange: (next) => {
+													const value = next === "allow" || next === "deny" ? next : "unset";
+													setDraft((prev) => ({
+														...prev,
+														items: {
+															...prev.items,
+															tools: {
+																...prev.items["tools"],
+																[groupRef(group)]: value
+															}
+														}
+													}));
+												}
+											}), openGroups.has(group) ? entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriStateRow, {
+												id: entry.id,
+												description: entry.description,
+												indent: 16,
+												t,
+												value: draft.items["tools"]?.[entry.id] ?? entry.override ?? configValue(entry),
+												onChange: (next) => {
+													const value = next === "allow" || next === "deny" ? next : "unset";
+													setDraft((prev) => ({
+														...prev,
+														items: {
+															...prev.items,
+															tools: {
+																...prev.items["tools"],
+																[entry.id]: value
+															}
+														}
+													}));
+												}
+											}, entry.id)) : null]
+										}, group);
+									}) })),
+									section("skills", `${t("skills")} (${String(active.catalog.skills.length)})`, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: active.catalog.skills.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriStateRow, {
+										id: entry.id,
+										description: entry.description,
+										t,
+										value: draft.items["skills"]?.[entry.id] ?? entry.override ?? configValue(entry),
+										onChange: (next) => {
+											setDraft((prev) => ({
+												...prev,
+												items: {
+													...prev.items,
+													skills: {
+														...prev.items.skills,
+														[entry.id]: next === "allow" || next === "deny" ? next : "unset"
+													}
+												}
+											}));
+										}
+									}, entry.id)) })),
+									section("policies", `${t("policies")} (${String(active.catalog.policies.length)})`, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: active.catalog.policies.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriStateRow, {
+										id: entry.id,
+										description: entry.description,
+										t,
+										value: draft.items["policies"]?.[entry.id] ?? entry.override ?? configValue(entry),
+										onChange: (next) => {
+											setDraft((prev) => ({
+												...prev,
+												items: {
+													...prev.items,
+													policies: {
+														...prev.items.policies,
+														[entry.id]: next === "allow" || next === "deny" ? next : "unset"
+													}
+												}
+											}));
+										}
+									}, entry.id)) }))
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-role": "actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+									gap: 8,
+									justify: "end",
+									align: "center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+										variant: "outline",
+										onClick: () => {
+											setDraft({
+												switches: {},
+												items: {
+													tools: {},
+													skills: {},
+													policies: {}
+												}
+											});
+											setNotice(null);
+										},
+										children: t("reset")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Menu, {
+										open: menuOpen,
+										onClose: () => {
+											setMenuOpen(false);
+										},
+										align: "start",
+										portal: true,
+										items: [
+											{
+												id: "saveDefault",
+												label: t("saveDefault")
+											},
+											{
+												id: "saveAs",
+												label: t("saveAs")
+											},
+											{
+												id: "delete",
+												label: t("delete"),
+												disabled: !active.deletable
+											}
+										],
+										onSelect: (id) => {
+											setMenuOpen(false);
+											if (id === "saveDefault") {
+												commit("config");
+												return;
+											}
+											if (id === "saveAs") {
+												setCode("");
+												setName(active.mode.name);
+												setDialog("saveAs");
+												return;
+											}
+											if (active.deletable) setDialog("delete");
+										},
+										anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+											gap: 0,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+												variant: "primary",
+												style: {
+													borderTopRightRadius: 0,
+													borderBottomRightRadius: 0,
+													borderRightWidth: 0
+												},
+												onClick: () => {
+													commit("session");
+												},
+												children: t("apply")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+												variant: "primary",
+												"aria-haspopup": "menu",
+												"aria-expanded": menuOpen,
+												style: {
+													borderTopLeftRadius: 0,
+													borderBottomLeftRadius: 0,
+													paddingInline: 8
+												},
+												onClick: () => {
+													setMenuOpen((current) => !current);
+												},
+												children: "▾"
+											})]
+										})
+									})]
+								})
+							}),
+							notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-role": "notice",
+								style: { paddingTop: 8 },
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+									as: "p",
+									size: "sm",
+									tone: "tertiary",
+									children: notice
+								})
+							})
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
-						open: addingOpen,
+						open: dialog === "saveAs",
 						onClose: () => {
-							setAddingOpen(false);
+							setDialog(null);
 						},
-						title: t("add.label"),
-						closeLabel: t("add.close"),
-						description: t("add.hint"),
-						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-							variant: "outline",
-							onClick: () => {
-								setAddingOpen(false);
-							},
-							children: t("add.cancel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-							variant: "primary",
-							"data-action": "add-mode",
-							disabled: addingId.trim() === "",
-							onClick: () => {
-								const id = addingId.trim();
-								face.addMode(id);
-								setAddingId("");
-								setAddingOpen(false);
-								setExpanded((previous) => new Set(previous).add(id));
-							},
-							children: t("add.confirm")
-						})] }),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Input, {
-							"data-field": "new-mode",
-							"data-modal-autofocus": true,
-							value: addingId,
-							placeholder: t("add.placeholder"),
-							"aria-label": t("add.label"),
-							onChange: (event) => {
-								setAddingId(event.currentTarget.value);
-							}
+						title: t("saveAs"),
+						closeLabel: t("cancel"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+							gap: 6,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => {
+									setDialog(null);
+								},
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+								size: "sm",
+								disabled: code.trim().length === 0,
+								onClick: () => {
+									if (sessionId === void 0 || code.trim().length === 0) return;
+									saveAsNewMode(sessionId, code, name).then(() => {
+										setDialog(null);
+										setNotice(t("savedNewMode"));
+									}).catch((error) => setNotice(`${t("saveFailed")}: ${String(error)}`));
+								},
+								children: t("confirm")
+							})]
+						}),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+							gap: 6,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Input, {
+								value: code,
+								placeholder: t("codePlaceholder"),
+								"aria-label": t("codeLabel"),
+								onChange: (event) => {
+									setCode(event.currentTarget.value);
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Input, {
+								value: name,
+								placeholder: t("namePlaceholder"),
+								"aria-label": t("nameLabel"),
+								onChange: (event) => {
+									setName(event.currentTarget.value);
+								}
+							})]
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
-						open: removing !== null,
+						open: dialog === "delete",
 						onClose: () => {
-							setRemoving(null);
+							setDialog(null);
 						},
-						title: t("remove.title"),
-						closeLabel: t("remove.close"),
-						description: t("remove.description", { name: removing?.title ?? "" }),
-						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-							variant: "outline",
-							onClick: () => {
-								setRemoving(null);
-							},
-							children: t("remove.cancel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-							variant: "primary",
-							tone: "danger",
-							"data-action": "confirm-remove",
-							onClick: () => {
-								if (removing !== null) face.removeMode(removing.id);
-								setRemoving(null);
-							},
-							children: t("remove.confirm")
-						})] })
-					})
-				]
-			});
-		}
-		function ModeCard({ mode, models, open, writable, t, face, onRequestRemove, onToggle }) {
-			const hasModel = mode.model !== void 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
-				boxed: true,
-				pad: "card",
-				"data-mode": mode.id,
-				"data-deletable": mode.deletable ? "true" : "false",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureRow, {
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconAgentPresetOutlineRegular, {}),
-					title: mode.title,
-					open,
-					expandable: true,
-					expandOnRowClick: true,
-					onToggle,
-					keepContentWhenOpen: true,
-					collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-						as: "code",
-						size: "sm",
-						tone: "tertiary",
-						"data-mode-id": true,
-						children: mode.id
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
-						gap: 8,
-						push: true,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-							as: "span",
-							size: "sm",
-							tone: "tertiary",
-							children: mode.summary
-						}), mode.deletable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
-							size: "sm",
-							"data-action": "remove-mode",
-							disabled: !writable,
-							label: t("removeNamed", { name: mode.title }),
-							onClick: (event) => {
-								event.stopPropagation();
-								onRequestRemove();
-							},
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconTrashOutlineRegular, {})
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-							as: "span",
-							size: "sm",
-							tone: "tertiary",
-							"data-protected": "true",
-							children: t("protected")
-						})]
-					})] }),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
-						gap: 14,
-						pad: "body",
-						children: mode.groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
-							gap: 0,
-							"data-group": group.key,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-								gap: 8,
-								justify: "between",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-									size: "sm",
-									tone: "secondary",
-									weight: "strong",
-									children: group.label
-								})
-							}), group.key === "model" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsFieldRow, {
-									label: t("field.defaultModel"),
-									hint: t("hint.defaultModel"),
-									layout: "inline",
-									"data-control": "default-model",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Switch, {
-										checked: hasModel,
-										label: t("field.defaultModel"),
-										disabled: !writable,
-										onChange: (next) => {
-											if (next) face.set([
-												"modes",
-												mode.id,
-												"defaultModel"
-											], {
-												provider: "",
-												model: ""
-											});
-											else face.clear([
-												"modes",
-												mode.id,
-												"defaultModel"
-											]);
-										}
-									})
-								}),
-								!hasModel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsFieldRow, {
-									label: t("field.modelRoute"),
-									hint: t("hint.modelRoute"),
-									divider: true,
-									"data-control": "model-routes",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRouteList, {
-										label: t("field.modelRoute"),
-										candidates: models.routes,
-										selectedKey: mode.model === void 0 || mode.model.provider === "" ? void 0 : routeKey(mode.model.provider, mode.model.model),
-										disabled: !writable,
-										status: models.status,
-										loadingLabel: t("model.loading"),
-										errorLabel: t("model.error"),
-										emptyLabel: t("model.empty"),
-										onSelect: (candidate) => {
-											face.set([
-												"modes",
-												mode.id,
-												"defaultModel"
-											], {
-												provider: candidate.provider,
-												model: candidate.model
-											});
-										}
-									})
-								}),
-								group.fields.map((field, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRow, {
-									field,
-									writable,
-									t,
-									face,
-									divider: index > 0 || hasModel
-								}, field.key))
-							] }) : group.fields.map((field, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRow, {
-								field,
-								writable,
-								t,
-								face,
-								divider: index > 0
-							}, field.key))]
-						}, group.key))
-					})
-				})
-			});
-		}
-		function FieldRow({ field, writable, divider, t, face }) {
-			if (field.control === "choice" && !field.present) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsFieldRow, {
-				label: field.label,
-				hint: field.hint,
-				divider,
-				layout: field.control === "switch" || field.control === "tri" || field.control === "roles" ? "inline" : "stack",
-				...field.overridden ? { overriddenLabel: t("overridden") } : {},
-				...field.control === "text" ? {
-					resetLabel: t("field.reset"),
-					onReset: () => {
-						face.clear(field.path);
-					}
-				} : {},
-				...field.invalid === void 0 ? {} : { invalid: field.invalid },
-				"data-field": field.path.join("."),
-				"data-control": field.control,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldControl, {
-					field,
-					writable,
-					t,
-					face
-				})
-			});
-		}
-		function FieldControl({ field, writable, t, face }) {
-			const disabled = !writable;
-			const id = (0, react.useId)();
-			switch (field.control) {
-				case "multiline": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultilineField, {
-					value: field.text,
-					rows: 3,
-					disabled,
-					"aria-label": field.label,
-					onChange: (event) => {
-						face.editText(field.path, event.currentTarget.value);
-					}
-				});
-				case "choice": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchSelect, {
-					label: field.label,
-					value: field.text,
-					emptyLabel: t("tri.unset"),
-					options: field.options.map((option) => ({
-						value: String(option.value),
-						...option.label === void 0 ? {} : { label: option.label }
-					})),
-					searchLabel: t("select.search"),
-					noMatchLabel: t("select.noMatch"),
-					disabled,
-					onSelect: (next) => {
-						if (next === "") face.clear(field.path);
-						else face.set(field.path, next);
-					}
-				});
-				case "switch": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Switch, {
-					checked: field.value === true,
-					label: field.label,
-					disabled,
-					onChange: (next) => {
-						face.set(field.path, next);
-					}
-				});
-				case "tri": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.SegmentedControl, {
-					id: `${id}-tri`,
-					label: field.label,
-					value: triValue(field),
-					disabled,
-					options: [
-						{
-							value: "unset",
-							label: t("tri.unset")
-						},
-						{
-							value: "on",
-							label: t("tri.on")
-						},
-						{
-							value: "off",
-							label: t("tri.off")
-						}
-					],
-					onChange: (next) => {
-						if (next === "unset") face.clear(field.path);
-						else face.set(field.path, next === "on");
-					}
-				});
-				case "roles": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-					gap: 6,
-					wrap: true,
-					"data-control": "roles",
-					children: ROLES.map((role) => {
-						const active = Array.isArray(field.value) && field.value.includes(role);
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-							variant: active ? "primary" : "outline",
+						title: t("delete"),
+						closeLabel: t("cancel"),
+						description: t("deleteConfirm"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+							gap: 6,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => {
+									setDialog(null);
+								},
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+								size: "sm",
+								onClick: () => {
+									if (sessionId === void 0) return;
+									deleteMode(sessionId).then((next) => {
+										setDialog(null);
+										setLoad({
+											kind: "ready",
+											value: next
+										});
+									}).catch((error) => setNotice(`${t("saveFailed")}: ${String(error)}`));
+								},
+								children: t("confirm")
+							})]
+						}),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							as: "p",
 							size: "sm",
-							"data-mode-role": role,
-							disabled,
-							"aria-pressed": active,
-							onClick: () => {
-								const current = Array.isArray(field.value) ? field.value.map(String) : [];
-								const wanted = active ? current.filter((value) => value !== role) : [...current.filter((value) => value !== role), role];
-								face.set(field.path, wanted);
-							},
-							children: t(`role.${role}`)
-						}, role);
+							children: active.mode.name
+						})
 					})
-				});
-				case "tags": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagInput, {
-					value: Array.isArray(field.value) ? field.value.map(String) : [],
-					options: field.options.map((option) => ({
-						value: String(option.value),
-						...option.label === void 0 ? {} : { label: option.label }
-					})),
-					placeholder: t("tags.placeholder"),
-					label: field.label,
-					noMatchLabel: t("select.noMatch"),
-					removeLabel: (name) => t("tags.remove", { name }),
-					disabled,
-					onChange: (next) => {
-						face.set(field.path, next);
-					}
-				});
-				case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Input, {
-					value: field.text,
-					"aria-label": field.label,
-					disabled,
-					onChange: (event) => {
-						face.editText(field.path, event.currentTarget.value);
-					}
-				});
-			}
-		}
-		function triValue(field) {
-			return field.value === "unset" || field.value === "on" || field.value === "off" ? field.value : "unset";
-		}
-		// src/client/bundle-locales.ts
-		const BUNDLE_NS = "session-mode-bundle";
-		const bundleZh = {
-			"default.label": "新会话的默认模式",
-			"default.hint": "还没选过模式的会话从这里开始。",
-			"modes.label": "模式",
-			"modes.hint": "展开一个模式，改它的提示词、工具与技能、上游规则和注入内容。",
-			"add.label": "添加模式",
-			"add.placeholder": "模式 id",
-			"add.confirm": "添加",
-			"add.cancel": "取消",
-			"add.close": "关闭",
-			"add.hint": "给新模式一个 id（选择器与列表里也显示它，加好后可以再改名称）。",
-			removeNamed: "删除模式 {name}",
-			protected: "内置模式，不提供删除",
-			untitled: "（未命名）",
-			overridden: "已覆盖",
-			"group.identity": "基本信息",
-			"group.persona": "提示词",
-			"group.tools": "工具与技能",
-			"group.rules": "上游规则",
-			"group.injections": "请求里注入什么",
-			"group.model": "默认模型",
-			"role.main": "会话可选",
-			"role.subagent": "子代理可用",
-			"field.name": "名称",
-			"field.description": "一句话说明",
-			"field.role": "角色",
-			"field.presetsOnly": "允许挂的 preset",
-			"field.prefix": "提示词前缀",
-			"field.suffix": "提示词后缀",
-			"field.allowTools": "允许的工具",
-			"field.denyTools": "禁用的工具",
-			"field.allowSkills": "允许的技能",
-			"field.denySkills": "禁用的技能",
-			"field.allowPolicies": "生效的规则",
-			"field.denyPolicies": "禁用的规则",
-			"field.instructions": "工作区指令",
-			"field.skills": "技能目录",
-			"field.runtimeContext": "动态快照",
-			"field.defaultModel": "设默认模型",
-			"field.modelRoute": "用哪个模型",
-			"field.reasoningEffort": "思考档位",
-			"field.reset": "恢复默认",
-			"hint.name": "选择器和列表里显示的名字。",
-			"hint.description": "一句话说明这个模式做什么。",
-			"hint.role": "「会话可选」= 用户能在会话里选它；「子代理可用」= 可以把子代理跑在这个模式下。",
-			"hint.presetsOnly": "只允许这个模式挂这些 preset（行清单由挂着的那份提供）；不填 = 允许全部（哪份 preset 都行，切模式也不动它）。有值时切到这个模式，会话当前那份不在名单里就换成名单第一个。",
-			"hint.prefix": "加在系统提示词开头的一段话。",
-			"hint.suffix": "加在系统提示词结尾的一段话。",
-			"hint.allowTools": "只允许这些工具；不填 = 不限制（用会话当前 preset 的全部工具）。",
-			"hint.denyTools": "从上面那份里去掉这些工具。",
-			"hint.allowSkills": "只允许这些技能；不填 = 不限制。",
-			"hint.denySkills": "这些技能不列进技能目录，`skill` 工具也加载不了。",
-			"hint.allowPolicies": "只让这些上游规则生效；不填 = 全部生效。",
-			"hint.denyPolicies": "禁用这些上游规则，它的判断连拒绝一起丢掉。",
-			"hint.instructions": "每步都把工作区指令（AGENTS.md 之类）发给模型；关掉就不发。",
-			"hint.skills": "每步都把技能目录发给模型；默认按这个模式的工具名单自动判断。",
-			"hint.runtimeContext": "每步都把沙箱与审批策略发给模型。",
-			"hint.defaultModel": "开 = 这个模式自带一个默认模型（会话还没选过模型时用它）；关 = 跟随全局模型。",
-			"hint.modelRoute": "从部署里已设置的模型里挑一条：服务商与模型是一对，选它等于两个一起定。",
-			"hint.reasoningEffort": "思考档位；不填用服务商默认。",
-			"model.loading": "正在读部署里已设置的模型…",
-			"model.error": "读不出部署里已设置的模型。",
-			"model.empty": "部署里还没有已设置的模型。",
-			"tags.placeholder": "加一个后回车，或粘贴一串",
-			"tags.add": "添加",
-			"tags.remove": "移除 {name}",
-			"select.search": "搜索候选",
-			"select.noMatch": "没有匹配的候选",
-			"tri.unset": "默认",
-			"tri.on": "开",
-			"tri.off": "关",
-			"remove.title": "删除模式",
-			"remove.description": "删除 {name}？删除只在保存之后生效，保存之前还可以丢弃。",
-			"remove.confirm": "删除",
-			"remove.cancel": "取消",
-			"remove.close": "关闭",
-			"model.set": "设置默认模型",
-			"model.follow": "改为跟随全局",
-			save: "保存",
-			saving: "保存中…",
-			saveFailed: "保存没有生效，请重试。",
-			readOnly: "这份部署的配置是只读的。",
-			unavailable: "这一行当前不可写。",
-			notSaved: "没有保存：{message}",
-			"configured.loading": "正在读取这一行的配置…",
-			"configured.missing": "设置面里没有 `session-mode` 这一行：没装、被禁用，或者还没装配成功（依赖没到齐时会一直 PENDING）。",
-			"configured.unreadable": "`session-mode` 这一行在跑，但这份配置读不出来（{problem}）。",
-			"violation.modesEmpty": "至少要有一种模式。",
-			"violation.defaultMissing": "默认模式不在模式清单里。",
-			"violation.modelPair": "默认模型要同时给出服务商与模型。",
-			"summary.allTools": "全部工具",
-			"summary.tools": "{n} 件工具",
-			"summary.denyTools": "禁 {n} 件",
-			"summary.globalModel": "跟随全局模型"
-		};
-		const bundleEn = {
-			"default.label": "Mode for new sessions",
-			"default.hint": "Sessions that never picked a mode start here.",
-			"modes.label": "Modes",
-			"modes.hint": "Expand a mode to edit its prompt, tools and skills, upstream rules, and injected content.",
-			"add.label": "Add a mode",
-			"add.placeholder": "mode id",
-			"add.confirm": "Add",
-			"add.cancel": "Cancel",
-			"add.close": "Close",
-			"add.hint": "Give the new mode an id (it also shows in pickers and lists; rename it after adding).",
-			removeNamed: "Delete mode {name}",
-			protected: "Built-in mode: no delete",
-			untitled: "(untitled)",
-			overridden: "Overridden",
-			"group.identity": "Basics",
-			"group.persona": "Prompt",
-			"group.tools": "Tools and skills",
-			"group.rules": "Upstream rules",
-			"group.injections": "Injected into requests",
-			"group.model": "Default model",
-			"role.main": "Selectable in sessions",
-			"role.subagent": "Usable for subagents",
-			"field.name": "Name",
-			"field.description": "One-line description",
-			"field.role": "Roles",
-			"field.presetsOnly": "Presets it may ride on",
-			"field.prefix": "Prompt prefix",
-			"field.suffix": "Prompt suffix",
-			"field.allowTools": "Allowed tools",
-			"field.denyTools": "Denied tools",
-			"field.allowSkills": "Allowed skills",
-			"field.denySkills": "Denied skills",
-			"field.allowPolicies": "Rules in force",
-			"field.denyPolicies": "Rules disabled",
-			"field.instructions": "Workspace instructions",
-			"field.skills": "Skill catalog",
-			"field.runtimeContext": "Runtime snapshot",
-			"field.defaultModel": "Default model",
-			"field.modelRoute": "Which model",
-			"field.reasoningEffort": "Reasoning effort",
-			"field.reset": "Reset",
-			"hint.name": "Shown in the picker and in lists.",
-			"hint.description": "One line saying what this mode is for.",
-			"hint.role": "Selectable in sessions = the user can pick it; usable for subagents = subagents may run in it.",
-			"hint.presetsOnly": "Only these presets may back this mode (the one it rides on supplies the row list); empty = every preset is allowed (and selecting the mode switches nothing). When set, selecting the mode switches to the first entry if the session's current preset is not listed.",
-			"hint.prefix": "Text prepended to the system prompt.",
-			"hint.suffix": "Text appended to the system prompt.",
-			"hint.allowTools": "Only these tools; empty = no restriction (every tool of the session's preset).",
-			"hint.denyTools": "Those tools are removed from the list above.",
-			"hint.allowSkills": "Only these skills; empty = no restriction.",
-			"hint.denySkills": "Those skills leave the catalog, and the `skill` tool cannot load them.",
-			"hint.allowPolicies": "Only these upstream rules stay in force; empty = all of them.",
-			"hint.denyPolicies": "Those upstream rules are disabled, rejection included.",
-			"hint.instructions": "Sends the workspace instructions (AGENTS.md and friends) with every step; off means it is not sent.",
-			"hint.skills": "Sends the skill catalog with every step; default decides from this mode's tool lists.",
-			"hint.runtimeContext": "Sends the sandbox and approval policies with every step.",
-			"hint.defaultModel": "On = this mode carries a default model (used while a session has picked none); off = follow the global model.",
-			"hint.modelRoute": "Pick one model already set up in this deployment: a provider and a model come as one route, so choosing it sets both.",
-			"hint.reasoningEffort": "Reasoning effort; empty uses the provider default.",
-			"model.loading": "Reading the models set up in this deployment…",
-			"model.error": "Could not read the models set up in this deployment.",
-			"model.empty": "No model is set up in this deployment yet.",
-			"tags.placeholder": "Add one and press Enter, or paste a list",
-			"tags.add": "Add",
-			"tags.remove": "Remove {name}",
-			"select.search": "Search candidates",
-			"select.noMatch": "No matching candidate",
-			"tri.unset": "Default",
-			"tri.on": "On",
-			"tri.off": "Off",
-			"remove.title": "Delete mode",
-			"remove.description": "Delete {name}? The deletion applies on save; until then you can discard it.",
-			"remove.confirm": "Delete",
-			"remove.cancel": "Cancel",
-			"remove.close": "Close",
-			"model.set": "Set a default model",
-			"model.follow": "Follow the global model",
-			save: "Save",
-			saving: "Saving…",
-			saveFailed: "The save did not take effect; try again.",
-			readOnly: "This deployment stores settings read-only.",
-			unavailable: "This row is not writable right now.",
-			notSaved: "Not saved: {message}",
-			"configured.loading": "Reading this row's configuration…",
-			"configured.missing": "The settings surface has no `session-mode` row: not installed, disabled, or not composed yet (it stays PENDING while a dependency is missing).",
-			"configured.unreadable": "The `session-mode` row is running, but its configuration cannot be read ({problem}).",
-			"violation.modesEmpty": "At least one mode is required.",
-			"violation.defaultMissing": "The default mode is not in the mode list.",
-			"violation.modelPair": "A default model needs both a provider and a model.",
-			"summary.allTools": "every tool",
-			"summary.tools": "{n} tools",
-			"summary.denyTools": "{n} denied",
-			"summary.globalModel": "global model"
-		};
-		// src/client/api.ts
-		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();
-		}
-		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;
 		}
 		// src/client/use-roster.ts
 		let pending;
@@ -20304,7 +19920,46 @@ window.__ModuleLoader__.load({
 			model: "模型",
 			modelHint: "模型 id。",
 			reasoningEffort: "思考档位",
-			reasoningEffortHint: "默认就跟服务商自己的默认。"
+			reasoningEffortHint: "默认就跟服务商自己的默认。",
+			panel: "会话模式",
+			panelDescription: "当前会话的模式与生效面：工具、技能、政策与注入开关。",
+			panelNoSession: "当前没有会话",
+			persona: "系统提示词",
+			tools: "工具",
+			skills: "技能",
+			policies: "政策规则",
+			switches: "注入面",
+			instructions: "工作区指令",
+			skillsCatalog: "技能目录",
+			runtimeContext: "动态快照",
+			empty: "（无）",
+			loading: "读取中…",
+			saveDefault: "保存为默认",
+			reset: "重置",
+			apply: "应用到会话",
+			applied: "已应用到会话",
+			fromSession: "会话覆盖",
+			fromMode: "模式默认",
+			saveAs: "另存为",
+			delete: "删除",
+			deleteConfirm: "删除这个模式？它会从配置里移除，使用它的会话回到默认模式。",
+			cancel: "取消",
+			confirm: "确定",
+			nameLabel: "显示名（可选）",
+			codeLabel: "模式 code（必填）",
+			codePlaceholder: "例如 my-mode",
+			namePlaceholder: "新模式名",
+			addValue: "添加一项",
+			general: "通用配置",
+			stateDefault: "默认",
+			stateMixed: "混合",
+			stateOn: "开",
+			stateOff: "关",
+			stateAllow: "允许",
+			stateDeny: "禁止",
+			savedNewMode: "已另存为新模式，对新会话生效",
+			saved: "已保存，对新会话生效",
+			saveFailed: "保存失败"
 		};
 		const en = {
 			seatHint: "Pick the mode for this session",
@@ -20315,10 +19970,50 @@ window.__ModuleLoader__.load({
 			model: "Model",
 			modelHint: "Model id.",
 			reasoningEffort: "Reasoning effort",
-			reasoningEffortHint: "Default keeps the provider's own default."
+			reasoningEffortHint: "Default keeps the provider's own default.",
+			panel: "Session mode",
+			panelDescription: "The mode this session runs and what it currently exposes: tools, skills, policies and injections.",
+			panelNoSession: "No session",
+			persona: "System prompt",
+			tools: "Tools",
+			skills: "Skills",
+			policies: "Policies",
+			switches: "Injections",
+			instructions: "Workspace instructions",
+			skillsCatalog: "Skill catalog",
+			runtimeContext: "Runtime context",
+			empty: "(none)",
+			loading: "Loading…",
+			saveDefault: "Save as default",
+			reset: "Reset",
+			apply: "Apply to session",
+			applied: "Applied to session",
+			fromSession: "session override",
+			fromMode: "mode default",
+			saveAs: "Save as",
+			delete: "Delete",
+			deleteConfirm: "Delete this mode? It is removed from the configuration and sessions using it fall back to the default.",
+			cancel: "Cancel",
+			confirm: "Confirm",
+			nameLabel: "Display name (optional)",
+			codeLabel: "Mode code (required)",
+			codePlaceholder: "e.g. my-mode",
+			namePlaceholder: "New mode name",
+			addValue: "Add an entry",
+			general: "General",
+			stateDefault: "Default",
+			stateMixed: "Mixed",
+			stateOn: "On",
+			stateOff: "Off",
+			stateAllow: "Allow",
+			stateDeny: "Deny",
+			savedNewMode: "Saved as a new mode; applies to new sessions",
+			saved: "Saved; applies to new sessions",
+			saveFailed: "Save failed"
 		};
 		// src/client/index.ts
 		const NS = "session-mode";
+		const PANEL_ID = "@morlay/dsh-session-mode";
 		const FIELDS = [
 			"provider",
 			"model",
@@ -20458,46 +20153,59 @@ window.__ModuleLoader__.load({
 					};
 				}, "session-mode: composer chip");
 			});
-			let refreshPage;
-			let hints;
-			ctx.inject(["schemaFormHints"], (scope) => scope.effect(() => {
-				const service = unwrapHintService(scope);
-				hints = service;
-				const off = service.subscribe(() => {
-					refreshPage?.();
+			ctx.inject([
+				"sidebarRightTabs",
+				"slots",
+				"locale"
+			], (scope) => scope.effect(() => {
+				const panelT = scope.locale.bind(NS);
+				const offType = scope.sidebarRightTabs.register({
+					id: PANEL_ID,
+					kind: PANEL_ID,
+					priority: "extension",
+					title: () => panelT("panel"),
+					guide: [{
+						id: PANEL_ID,
+						order: 20,
+						title: () => panelT("panel"),
+						description: () => panelT("panelDescription")
+					}]
 				});
+				const body = scope.slots.inject("sidebar.right.pane.tab", () => scope.slots.register({
+					name: "sidebar.right.pane.tab",
+					key: PANEL_ID,
+					locale: NS
+				}, SessionModePanel));
 				return () => {
-					off();
-					hints = void 0;
+					body();
+					offType();
 				};
-			}, "session-mode: bundle page candidates"));
-			ctx.inject([
-				"slots",
-				"locale",
-				"configForms",
-				"settingsSchema"
-			], (scope) => {
-				scope.effect(() => {
-					const { face, refresh, dispose } = createBundleConfigFace(scope, scope.locale.bind(BUNDLE_NS), () => hints);
-					refreshPage = refresh;
-					const bundleDictionary = scope.locale.register(BUNDLE_NS, {
-						zh: bundleZh,
-						en: bundleEn
+			}, "session-mode: sidebar panel"));
+			ctx.inject(["sidebarRight", "uiSession"], (scope) => scope.effect(() => {
+				const current = scope.uiSession.adapter.current;
+				const mounted = scope.sidebarRight.mounted;
+				let queued = false;
+				const sync = () => {
+					if (queued) return;
+					queued = true;
+					queueMicrotask(() => {
+						queued = false;
+						const key = current.getSnapshot().key;
+						if (typeof key !== "string" || key.length === 0) return;
+						if (mounted.getSnapshot() !== key) return;
+						try {
+							scope.sidebarRight.openTab(PANEL_ID);
+						} catch {}
 					});
-					const off = scope.slots.inject("plugins.bundle.config", () => scope.slots.register({
-						name: "plugins.bundle.config",
-						key: BUNDLE_CONFIG_KEY,
-						locale: BUNDLE_NS,
-						inject: () => face
-					}, BundleConfigPage));
-					return () => {
-						off();
-						bundleDictionary();
-						refreshPage = void 0;
-						dispose();
-					};
-				}, "session-mode: bundle configuration page");
-			});
+				};
+				const offCurrent = current.subscribe(sync);
+				const offMounted = mounted.subscribe(sync);
+				sync();
+				return () => {
+					offCurrent();
+					offMounted();
+				};
+			}, "session-mode: panel follows the session"));
 		}
 		exports.SESSION_MODE_NS = SESSION_MODE_NS;
 		exports.apply = apply;