@morlay/dsh-session-mode 0.0.7 → 0.0.8

package/dist/client.cjs

@@ -6,6 +6,9 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		//#region \0rolldown/runtime.js
 		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
 		var __exportAll = (all, no_symbols) => {
 			let target = {};
 			for (var name in all) __defProp(target, name, {
@@ -15,6 +18,17 @@ window.__ModuleLoader__.load({
 			if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 			return target;
 		};
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 		//#endregion
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		let _deepseek_ai_cordis = require("@deepseek-ai/cordis");
@@ -810,7 +824,7 @@ window.__ModuleLoader__.load({
 			const name = Reflect.get(extra, "source");
 			return typeof name === "string" && name.length > 0 ? name : void 0;
 		}
-		function fieldKey(path) {
+		function fieldKey$1(path) {
 			return JSON.stringify(path);
 		}
 		function projectRoot(serialized, rehydrate) {
@@ -938,7 +952,7 @@ window.__ModuleLoader__.load({
 				return this.#ns;
 			}
 			refresh() {
-				this.#store.set(this.#project());
+				this.#sync();
 			}
 			dispose() {
 				for (const dispose of this.#disposers.splice(0)) dispose();
@@ -974,23 +988,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(item.path), this.#model.field(item.path, preview));
+				for (const item of walked) fields.set(fieldKey$1(item.path), this.#model.field(item.path, preview));
 				const secrets = /* @__PURE__ */ new Map();
-				for (const secret of this.#view?.secrets ?? []) secrets.set(fieldKey(secret.path), secret.set);
+				for (const secret of this.#view?.secrets ?? []) secrets.set(fieldKey$1(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(item.path), text);
+					if (text !== void 0) texts.set(fieldKey$1(item.path), text);
 					const candidates = optionsFor(item.node, item.path, preview, this.#deps.hints);
-					if (candidates !== void 0) options.set(fieldKey(item.path), candidates);
+					if (candidates !== void 0) options.set(fieldKey$1(item.path), candidates);
 					const addableHere = addableAt(item.node, item.path, readPath(preview, item.path), this.#deps.hints);
-					if (addableHere.length > 0) addable.set(fieldKey(item.path), addableHere);
+					if (addableHere.length > 0) addable.set(fieldKey$1(item.path), addableHere);
 				}
 				const violation = this.#model.violation();
 				const invalidAt = /* @__PURE__ */ new Map();
-				if (violation !== void 0 && violation.path.length > 0) invalidAt.set(fieldKey(violation.path), violation.message);
+				if (violation !== void 0 && violation.path.length > 0) invalidAt.set(fieldKey$1(violation.path), violation.message);
 				return {
 					...this.#model.shell(),
 					configured: root !== void 0,
@@ -1300,17 +1314,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(item.path)));
+			const containers = new Set(state.walked.filter((item) => containerShape(item.node, valueAt(state, item.path)) !== void 0).map((item) => fieldKey$1(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(ancestor)) && fold.collapsed(ancestor)) return false;
+					if (containers.has(fieldKey$1(ancestor)) && fold.collapsed(ancestor)) return false;
 				}
 				return true;
 			});
 		}
 		function valueAt(state, path) {
-			return state.fields.get(fieldKey(path))?.value;
+			return state.fields.get(fieldKey$1(path))?.value;
 		}
 		function addOf(node, shape, options) {
 			if (shape === "array") return { kind: "item" };
@@ -1367,7 +1381,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(item.path)) ?? []);
+					const add = addOf(node, shape, state.addable.get(fieldKey$1(item.path)) ?? []);
 					lines.push({
 						kind: "open",
 						path: item.path,
@@ -1393,7 +1407,7 @@ window.__ModuleLoader__.load({
 					path: item.path,
 					node,
 					depth,
-					field: state.fields.get(fieldKey(item.path)) ?? {
+					field: state.fields.get(fieldKey$1(item.path)) ?? {
 						value: void 0,
 						text: void 0,
 						invalid: void 0,
@@ -1435,7 +1449,7 @@ window.__ModuleLoader__.load({
 			return lines;
 		}
 		function commentFor(state, item, resolveText, t) {
-			const key = fieldKey(item.path);
+			const key = fieldKey$1(item.path);
 			const failure = state.fields.get(key)?.invalid ?? state.invalidAt.get(key);
 			if (failure !== void 0) return {
 				text: failure,
@@ -1443,7 +1457,7 @@ window.__ModuleLoader__.load({
 			};
 			const node = unwrapLazy(item.node) ?? item.node;
 			const parts = [];
-			const text = state.texts.get(fieldKey(item.path));
+			const text = state.texts.get(fieldKey$1(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"));
@@ -1458,1212 +1472,37 @@ window.__ModuleLoader__.load({
 			return prefix.every((segment, index) => path[index] === segment);
 		}
 		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/toolkit.ts
-		function isUndefined(value) {
-			return value === void 0;
-		}
-		function isNull(value) {
-			return value === null;
-		}
-		function isString(value) {
-			return typeof value === "string";
-		}
-		function isFunction(value) {
-			return typeof value === "function";
-		}
-		function isPlainObject(value) {
-			return typeof value === "object" && value !== null && !Array.isArray(value);
-		}
-		function toMerged(target, source) {
-			if (!isPlainObject(target) || !isPlainObject(source)) return source;
-			const result = { ...target };
-			for (const [key, value] of Object.entries(source)) result[key] = key in result ? toMerged(result[key], value) : value;
-			return result;
-		}
-		function mapKeys(source, map) {
-			const result = {};
-			for (const [key, value] of Object.entries(source)) result[map(key, value)] = value;
-			return result;
-		}
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/token.ts
-		const cssVarSymbol = Symbol("cssVar");
-		const tokensSymbol = Symbol("tokens");
-		const tokenInstSymbol = Symbol("tokenInst");
-		const SELF = "$";
-		function tokenVars(token, tokens, path) {
-			const reserved = /* @__PURE__ */ new Set([
-				"constructor",
-				"toJSON",
-				"__proto__"
-			]);
-			return new Proxy(() => {}, {
-				apply() {
-					return Token.fallbackVar(token.cssVar(path));
-				},
-				get(_target, property) {
-					if (property === Symbol.toPrimitive || property === Symbol.toStringTag || property === "toString") return () => `var(${token.cssVar(path)})`;
-					if (property === "valueOf") return () => Token.fallbackVar(token.cssVar(path));
-					if (property === tokenInstSymbol) return token;
-					if (property === tokensSymbol) return tokens;
-					if (property === cssVarSymbol) return token.cssVar(path);
-					if (!isString(property) || reserved.has(property)) return void 0;
-					const next = tokens[property];
-					if (isUndefined(next)) return void 0;
-					return tokenVars(token, next, [...path, property]);
-				}
-			});
-		}
-		var Token = class Token {
-			prefix;
-			static vars(tokens, options = {}) {
-				return tokenVars(new Token(options.prefix ?? ""), tokens, []);
-			}
-			static extendsVars(vars, extra) {
-				const tokens = vars[tokensSymbol] ?? {};
-				return Token.vars(toMerged(tokens, extra));
-			}
-			static assignVars(vars, overwrites) {
-				const tokens = overwrites ?? vars[tokensSymbol] ?? {};
-				const token = vars[tokenInstSymbol] ?? new Token("");
-				const result = {};
-				for (const [name, value] of flattenTokens(token, tokens, [])) result[name] = token.normalize(value);
-				return result;
-			}
-			static variants(variants) {
-				return mapKeys(variants, (key) => `&[data-variant="${key}"]`);
-			}
-			static val(strings, ...values) {
-				return function* () {
-					for (let index = 0; index < strings.length; index += 1) {
-						const literal = strings[index];
-						if (literal) yield literal;
-						if (index >= values.length) continue;
-						const value = values[index];
-						yield* isFunction(value) ? value() : [value];
-					}
-				};
-			}
-			static calc(strings, ...values) {
-				return combinator("calc(", ")", strings, values);
-			}
-			static min(strings, ...values) {
-				return combinator("min(", ")", strings, values);
-			}
-			static max(strings, ...values) {
-				return combinator("max(", ")", strings, values);
-			}
-			static url(strings, ...values) {
-				return combinator("url(", ")", strings, values);
-			}
-			static colorMix(strings, ...values) {
-				return combinator("color-mix(", ")", strings, values);
-			}
-			static colorScale(color, options = {}) {
-				const channel = (name, amount, max) => Token.calc`${name} + (${String(max)} - ${name}) * max(${amount}, 0) + ${name} * min(${amount}, 0)`;
-				const mix = (from, to, amount) => Token.colorMix`in srgb, ${from}, ${to} ${Token.calc`${amount} * 100%`}`;
-				let result = color;
-				if (!isUndefined(options.alpha) || !isUndefined(options.lightness) || !isUndefined(options.saturation)) result = Token.val`hsl(from ${result} h ${isUndefined(options.saturation) ? "s" : channel("s", options.saturation, 100)} ${isUndefined(options.lightness) ? "l" : channel("l", options.lightness, 100)} / ${isUndefined(options.alpha) ? "alpha" : channel("alpha", options.alpha, 1)})`;
-				if (!isUndefined(options.whiteness)) result = mix(result, "white", options.whiteness);
-				if (!isUndefined(options.blackness)) result = mix(result, "black", options.blackness);
-				return result;
-			}
-			static fallbackVar(value, ...fallbacks) {
-				return Object.assign(function* () {
-					yield "var(";
-					for (const [index, item] of [value, ...fallbacks].entries()) {
-						if (index > 0) yield ", ";
-						yield* asIterable(item);
-					}
-					yield ")";
-				}, { [cssVarSymbol]: value });
-			}
-			static collect(value) {
-				const iterable = isFunction(value) ? value() : value;
-				let result = "";
-				for (const item of iterable) result += `${item}`;
-				return result;
-			}
-			constructor(prefix = "") {
-				this.prefix = prefix;
-			}
-			prop = (key) => key.startsWith("--") ? key : kebabCase(key);
-			normalize = (input) => {
-				const value = isFunction(input) ? input() : input;
-				if (typeof value === "number") return `${value}`;
-				if (typeof value === "string") return value;
-				if (isUndefined(value) || isNull(value)) return "";
-				if (isFunction(value)) return Token.collect(value);
-				if (isPlainObject(value) && Symbol.iterator in value) return Token.collect(value);
-				return "";
-			};
-			cssVar = (paths) => `--${[this.prefix, ...paths].filter(Boolean).join("-")}`;
-		};
-		function combinator(open, close, strings, values) {
-			return function* () {
-				yield open;
-				yield* Token.val(strings, ...values)();
-				yield close;
-			};
-		}
-		function* asIterable(value) {
-			const resolved = isFunction(value) ? value() : value;
-			const variable = resolved?.[cssVarSymbol];
-			if (!isUndefined(variable)) {
-				yield variable;
-				return;
-			}
-			if (typeof resolved === "object" && resolved !== null && Symbol.iterator in resolved) {
-				yield* resolved;
-				return;
-			}
-			yield resolved;
-		}
-		function* flattenTokens(token, value, parents) {
-			for (const [property, child] of Object.entries(value)) {
-				if (property === SELF) continue;
-				if (isPlainObject(child)) {
-					yield* flattenTokens(token, child, [...parents, property]);
-					continue;
-				}
-				yield [token.cssVar([...parents, property]), child];
-			}
-		}
-		function kebabCase(value) {
-			return value.replace(/([A-Z])/g, "-$1").toLowerCase();
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/schema-form/schema-form.module.css.mjs
+		const css$16 = ".B1Faoa_editorRoot{width:100%;color:var(--dsw-alias-label-primary);flex-direction:column;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:22px;display:flex}.B1Faoa_lineRow{white-space:nowrap;align-items:flex-start;gap:6px;min-height:22px;padding-right:8px;display:flex}.B1Faoa_lineRow:hover{background:var(--dsw-alias-bg-layer-2)}.B1Faoa_lineRow[data-selected=true]{background:var(--dsw-alias-bg-layer-3)}.B1Faoa_lineRow[data-dirty=true]{box-shadow:inset 2px 0 0 var(--dsw-alias-brand-primary)}.B1Faoa_lineRow[data-overridden=true]{box-shadow:inset 2px 0 0 var(--dsw-elevation-stroke-color)}.B1Faoa_lineRow[data-dirty=true] [data-role=key],.B1Faoa_lineRow[data-overridden=true] [data-role=key]{color:var(--dsw-alias-brand-primary)}.B1Faoa_lineRow[data-invalid=true]{background:color-mix(in srgb, var(--dsw-alias-state-error-secondary) 12%, transparent);box-shadow:inset 2px 0 0 var(--dsw-alias-state-error-primary)}.B1Faoa_lineRow[data-invalid=true] [data-role=key]{color:var(--dsw-alias-state-error-primary)}.B1Faoa_lineRow:hover [data-role=actions]{opacity:1}.B1Faoa_lineBody{flex:1;align-items:center;gap:6px;min-width:0;min-height:22px;display:flex}.B1Faoa_lineNumber{text-align:right;width:32px;color:var(--dsw-alias-label-caption);user-select:none;cursor:pointer;flex:none;line-height:22px}.B1Faoa_lineFold{width:14px;height:22px;color:var(--dsw-alias-label-caption);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.B1Faoa_lineFold:hover{color:var(--dsw-alias-label-secondary)}.B1Faoa_lineFoldSpacer{flex:none;width:14px}.B1Faoa_lineKey{color:var(--dsw-alias-label-primary);flex:none}.B1Faoa_lineKey[data-index=true]{color:var(--dsw-alias-label-caption)}.B1Faoa_lineToken{color:var(--dsw-alias-label-caption);flex:none}.B1Faoa_lineValue{text-overflow:ellipsis;cursor:text;min-width:0;color:var(--dsw-alias-state-business-primary);display:block;overflow:hidden}.B1Faoa_lineValue[data-tone=number]{color:var(--dsw-alias-state-warn-primary)}.B1Faoa_lineValue[data-tone=boolean]{color:var(--dsw-alias-state-success-primary)}.B1Faoa_lineValue[data-tone=empty]{color:var(--dsw-alias-label-caption)}.B1Faoa_valueSlot{flex:0 auto;min-width:0;display:block;overflow:hidden}.B1Faoa_valueTrigger{min-width:0;font:inherit;text-align:left;cursor:pointer;color:var(--dsw-alias-label-caption);background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.B1Faoa_valueTrigger:disabled{cursor:default}.B1Faoa_valueTrigger:focus-visible{outline:none}.B1Faoa_compactInput{flex:auto;min-width:0;display:inline-flex}.B1Faoa_compactInput>span{border-radius:4px;width:100%;height:22px;padding:0 6px}.B1Faoa_compactInput input{font-size:14px;line-height:22px}.B1Faoa_compactTextField{background:var(--dsw-alias-bg-layer-1);min-width:0;box-shadow:0 0 0 .5px var(--dsw-elevation-stroke-color);border:0;border-radius:4px;flex:auto;padding:0 6px;display:inline-flex}.B1Faoa_compactTextField:focus-within{--dsw-elevation-stroke-color:var(--dsw-alias-brand-primary)}.B1Faoa_compactTextField>textarea{resize:none;field-sizing:content;width:100%;min-height:20px;max-height:240px;color:var(--dsw-alias-label-primary);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px;line-height:22px}.B1Faoa_lineComment{text-overflow:ellipsis;min-width:0;color:var(--dsw-alias-label-tertiary);flex:auto;font-family:inherit;font-size:12px;overflow:hidden}.B1Faoa_lineInvalid{text-overflow:ellipsis;min-width:0;color:var(--dsw-alias-state-error-primary);flex:0 auto;font-family:inherit;font-size:12px;overflow:hidden}.B1Faoa_lineActions{opacity:0;flex:none;align-items:center;gap:4px;display:inline-flex}.B1Faoa_lineActions>button{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.B1Faoa_lineActions>button:hover{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary)}.B1Faoa_lineActions>button:disabled{cursor:not-allowed;color:var(--dsw-alias-label-dimmed)}.B1Faoa_hoverActions[data-editing=true]{opacity:1;gap:6px}.B1Faoa_hoverActions[data-editing=true]>button{box-shadow:0 0 0 .5px var(--dsw-elevation-stroke-color);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.B1Faoa_hoverActions[data-editing=true]>button:first-of-type{color:var(--dsw-alias-state-success-primary)}.B1Faoa_addWrap{flex:auto;align-items:center;gap:6px;min-width:0;margin-left:6px;display:inline-flex;position:relative}.B1Faoa_addWrap[data-invalid=true] input{border-color:var(--dsw-alias-state-error-primary)}.B1Faoa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$16 = "@morlay/dsh-session-mode/schema-form.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/schema-form.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$16;
+			tag.textContent = css$16;
+			document.head.appendChild(tag);
 		}
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/styling.ts
-		var Styling = class Styling {
-			static create() {
-				return new Styling();
-			}
-			static toRule(sheet) {
-				return sheet.selector === void 0 ? sheet.contents.join("") : `${sheet.selector} {${sheet.contents.join("")} }`;
-			}
-			#token = new Token();
-			#sheets = /* @__PURE__ */ new Map();
-			#injected = /* @__PURE__ */ new Set();
-			props = (...styles) => {
-				const merged = mergeStyles(styles);
-				if (Object.keys(merged).length === 0) return {};
-				const sheet = this.#sheet(2, this.#rules(merged));
-				return sheet === void 0 ? {} : { [`data-css-${sheet.id}`]: "" };
-			};
-			keyframes = (frames = {}) => {
-				return this.#sheet(1, this.#rules(frames))?.id ?? "anim-none";
-			};
-			injectGlobals = (styles = {}) => {
-				for (const [name, style] of Object.entries(styles)) this.#sheet(0, this.#rules(style), name);
-			};
-			className = (...styles) => {
-				const merged = mergeStyles(styles);
-				if (Object.keys(merged).length === 0) return "";
-				const sheet = this.#sheet(3, this.#rules(merged));
-				return sheet === void 0 ? "" : `cls-${sheet.id}`;
-			};
-			sheets = () => [...this.#sheets.values()].map((sheet) => Styling.toRule(sheet));
-			#sheet(type, rules, selector) {
-				let hash = 0;
-				const contents = [];
-				for (const rule of rules) {
-					contents.push(rule);
-					hash = incrementalHash(rule, hash);
-				}
-				if (selector !== void 0) hash = incrementalHash(selector, hash);
-				if (hash === 0) return void 0;
-				let id = selector ?? "";
-				if (type === 2) id = `s${hash.toString(36)}`;
-				if (type === 3) id = `c${hash.toString(36)}`;
-				if (type === 0) id = `g${hash.toString(36)}`;
-				if (type === 1) id = `a${hash.toString(36)}`;
-				let resolvedSelector = selector;
-				if (resolvedSelector === void 0) {
-					if (type === 1) resolvedSelector = `@keyframes ${id}`;
-					if (type === 2) resolvedSelector = `[data-css-${id}]`;
-					if (type === 3) resolvedSelector = `.cls-${id}`;
-				}
-				const sheet = {
-					id,
-					contents,
-					selector: resolvedSelector
-				};
-				const existing = this.#sheets.get(id);
-				if (existing !== void 0 && existing.contents.join("") === contents.join("")) return existing;
-				this.#sheets.set(id, sheet);
-				this.#inject(sheet);
-				return sheet;
-			}
-			#inject(sheet) {
-				if (this.#injected.has(sheet.id)) return;
-				this.#injected.add(sheet.id);
-				if (typeof document === "undefined") return;
-				const element = document.createElement("style");
-				element.setAttribute("data-css", sheet.id);
-				element.textContent = Styling.toRule(sheet);
-				document.head.appendChild(element);
-			}
-			*#rules(styles) {
-				const nested = /* @__PURE__ */ new Map();
-				for (const [key, value] of Object.entries(styles)) {
-					if (isNull(value) || isUndefined(value)) continue;
-					if (isPlainObject(value)) {
-						nested.set(key, value);
-						continue;
-					}
-					yield ` ${this.#token.prop(key)}: ${this.#token.normalize(value)};`;
-				}
-				for (const [key, value] of nested.entries()) {
-					yield ` ${key} {`;
-					yield* this.#rules(value);
-					yield " }";
-				}
-			}
+		var schema_form_module_css_default = {
+			"addWrap": "B1Faoa_addWrap",
+			"valueTrigger": "B1Faoa_valueTrigger",
+			"hint": "B1Faoa_hint",
+			"valueSlot": "B1Faoa_valueSlot",
+			"compactInput": "B1Faoa_compactInput",
+			"compactTextField": "B1Faoa_compactTextField",
+			"editorRoot": "B1Faoa_editorRoot",
+			"lineFold": "B1Faoa_lineFold",
+			"lineToken": "B1Faoa_lineToken",
+			"lineValue": "B1Faoa_lineValue",
+			"lineNumber": "B1Faoa_lineNumber",
+			"lineKey": "B1Faoa_lineKey",
+			"lineInvalid": "B1Faoa_lineInvalid",
+			"lineRow": "B1Faoa_lineRow",
+			"lineFoldSpacer": "B1Faoa_lineFoldSpacer",
+			"lineComment": "B1Faoa_lineComment",
+			"lineBody": "B1Faoa_lineBody",
+			"lineActions": "B1Faoa_lineActions",
+			"hoverActions": "B1Faoa_hoverActions"
 		};
-		function mergeStyles(styles) {
-			return styles.reduce((accumulated, style) => style ? toMerged(accumulated, style) : accumulated, {});
-		}
-		function incrementalHash(value, previous = 0) {
-			let hash = previous;
-			for (let index = 0; index < value.length; index += 1) {
-				hash = (hash << 5) - hash + value.charCodeAt(index);
-				hash &= 2147483647;
-			}
-			return hash;
-		}
-		const STYLING_SINGLETON = Symbol.for("@morlay/dsh-client-ui-primitives/styling");
-		const globalScope = globalThis;
-		const styling = globalScope[STYLING_SINGLETON] ??= Styling.create();
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/styled.tsx
-		const sxSymbol = Symbol("styled.sx");
-		function styled(Component, defaultProps = {}) {
-			return (...styles) => {
-				const sx = styles.reduce((merged, style) => toMerged(merged, style), {});
-				const Styled = (0, react.forwardRef)((props, ref) => {
-					const styleProps = (0, react.useMemo)(() => styling.props(sx), []);
-					return (0, react.createElement)(Component, {
-						...defaultProps,
-						...props,
-						...styleProps,
-						ref
-					});
-				});
-				Styled.displayName = `styled(${typeof Component === "string" ? Component : Component.displayName ?? Component.name ?? "Component"})`;
-				return Object.assign(Styled, { [sxSymbol]: sx });
-			};
-		}
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/theme.ts
-		const dsw = Token.vars({
-			alias: {
-				bg: {
-					base: "var(--dsw-static-neutral-bluish-00)",
-					document: {
-						preview: "var(--dsw-static-neutral-bluish-100)",
-						selection: "color-mix(in srgb, var(--dsw-static-blue-500) 40%, transparent)"
-					},
-					layer: {
-						"1": "var(--dsw-static-neutral-bluish-00)",
-						"2": "var(--dsw-static-neutral-bluish-00)",
-						"3": "var(--dsw-static-neutral-bluish-00)"
-					},
-					mask: {
-						"1": "rgba(0, 0, 0, 0.24)",
-						"2": "rgba(0, 0, 0, 0.12)",
-						"3": "rgba(0, 0, 0, 0.48)",
-						drop: "rgba(255, 255, 255, 0.7)",
-						photo: "rgba(0, 0, 0, 0.88)"
-					},
-					module: { platform: "var(--dsw-static-neutral-bluish-60)" },
-					multi: { select: "var(--dsw-static-neutral-bluish-60)" },
-					overlay: "var(--dsw-static-neutral-bluish-150)",
-					skeleton: "rgba(0, 0, 0, 0.04)"
-				},
-				border: {
-					inverted: "rgba(0, 0, 0, 0)",
-					inverted2: "rgba(0, 0, 0, 0)",
-					l1: "rgba(0, 0, 0, 0.04)",
-					l2: {
-						$: "rgba(0, 0, 0, 0.1)",
-						darkmode: { thin: "rgba(0, 0, 0, 0.1)" }
-					},
-					l3: "rgba(0, 0, 0, 0.12)",
-					l4: "rgba(0, 0, 0, 0.16)"
-				},
-				brand: {
-					primary: {
-						$: "var(--dsw-static-neutral-bluish-1000)",
-						invert: "var(--dsw-static-neutral-bluish-1000)",
-						new: { colorprimary: { new: { color: "rgb(65, 118, 230)" } } }
-					},
-					text: "var(--dsw-static-neutral-bluish-1000)"
-				},
-				button: {
-					contrast: { fill: "var(--dsw-static-neutral-bluish-700)" },
-					elevated: { fill: "var(--dsw-static-neutral-bluish-00)" },
-					floating: {
-						fill: "var(--dsw-static-neutral-bluish-00)",
-						hover: "var(--dsw-static-neutral-bluish-75)"
-					},
-					ghost: { active: {
-						border: "var(--dsw-static-neutral-bluish-500)",
-						fill: "var(--dsw-static-neutral-bluish-100)",
-						hover: "var(--dsw-static-neutral-bluish-150)"
-					} },
-					info: {
-						fill: "var(--dsw-static-deepseek-500)",
-						hover: "var(--dsw-static-deepseek-400)"
-					},
-					primary: {
-						dimmed: "var(--dsw-static-neutral-bluish-100)",
-						fill: "var(--dsw-alias-brand-primary)",
-						hover: "var(--dsw-static-neutral-bluish-750)"
-					},
-					tool: { bar: {
-						fill: {
-							$: "rgba(84, 85, 87, 0.5)",
-							invisible: "rgba(31, 31, 31, 0.36)"
-						},
-						hover: "rgba(84, 85, 87, 0.6)"
-					} }
-				},
-				code: { diff: {
-					added: "var(--dsw-static-green-500-a08)",
-					deleted: "var(--dsw-static-red-600-a08)"
-				} },
-				file: { diff: {
-					added: {
-						bg: "rgb(230, 244, 231)",
-						gutter: "rgb(237, 247, 237)",
-						marker: "rgb(1, 162, 65)"
-					},
-					deleted: {
-						bg: "rgb(252, 230, 226)",
-						gutter: "rgb(253, 236, 233)",
-						marker: "rgb(186, 39, 35)"
-					}
-				} },
-				interactive: { bg: {
-					active: "rgba(38, 49, 72, 0.1)",
-					hover: {
-						$: "rgba(38, 49, 72, 0.06)",
-						accent: "rgba(38, 49, 72, 0.14)",
-						danger: "rgba(236, 19, 19, 0.05)",
-						solid: "var(--dsw-static-neutral-bluish-75)"
-					}
-				} },
-				label: {
-					caption: "var(--dsw-static-neutral-bluish-400)",
-					deep: { diving: {
-						$: "color-mix(in srgb, var(--dsw-static-deepseek-500) 70%, var(--dsw-static-blue-950))",
-						shimmer: "color-mix(in srgb, var(--dsw-static-deepseek-500) 30%, var(--dsw-static-blue-950))"
-					} },
-					dimmed: "var(--dsw-static-neutral-bluish-200)",
-					document: { preview: "var(--dsw-static-neutral-bluish-700)" },
-					primary: {
-						$: "var(--dsw-static-neutral-bluish-1000)",
-						bluish: "var(--dsw-static-blue-900)",
-						dimmed: "var(--dsw-static-neutral-bluish-950)",
-						foreground: "var(--dsw-static-neutral-bluish-00)",
-						inverted: "var(--dsw-static-neutral-bluish-00)"
-					},
-					secondary: "var(--dsw-static-neutral-bluish-700)",
-					shimmer: "color-mix(in srgb, var(--dsw-static-neutral-1000) 30%, transparent)",
-					tertiary: "var(--dsw-static-neutral-bluish-600)"
-				},
-				link: "var(--dsw-static-deepseek-500)",
-				markdown: {
-					citation: "var(--dsw-static-neutral-bluish-100)",
-					code: {
-						block: {
-							$: "var(--dsw-static-neutral-bluish-50)",
-							banner: "var(--dsw-static-neutral-bluish-50)"
-						},
-						segment: {
-							selected: "var(--dsw-static-neutral-bluish-00)",
-							unselected: "var(--dsw-static-neutral-bluish-75)"
-						}
-					},
-					inline: { code: "var(--dsw-static-neutral-50)" },
-					placeholder: "var(--dsw-static-neutral-bluish-60)",
-					tag: "var(--dsw-static-neutral-bluish-75)"
-				},
-				menu: {
-					group: { header: { fill: "rgba(248, 249, 250, 0.94)" } },
-					icon: "var(--dsw-static-neutral-bluish-800)"
-				},
-				onboarding: {
-					accent: "rgb(57, 100, 254)",
-					card: { fill: "color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 80%, transparent)" },
-					checkbox: { border: "color-mix(in srgb, var(--dsw-static-neutral-bluish-1000) 20%, transparent)" },
-					secondary: { fill: "var(--dsw-static-neutral-bluish-00)" }
-				},
-				scrollbar: {
-					bg: {
-						l1: "var(--dsw-static-neutral-200)",
-						l2: "var(--dsw-static-neutral-200)"
-					},
-					hover: {
-						l1: "var(--dsw-static-neutral-300)",
-						l2: "var(--dsw-static-neutral-300)"
-					}
-				},
-				settings: { card: {
-					fill: "var(--dsw-alias-bg-layer-2)",
-					stroke: "var(--dsw-alias-border-l4)"
-				} },
-				state: {
-					business: {
-						primary: "var(--dsw-static-deepseek-500)",
-						tertiary: "var(--dsw-static-deepseek-100)"
-					},
-					error: {
-						primary: "var(--dsw-static-red-600)",
-						secondary: "var(--dsw-static-red-400)"
-					},
-					idle: { primary: "var(--dsw-static-neutral-300)" },
-					success: {
-						primary: "var(--dsw-static-green-500)",
-						secondary: "var(--dsw-static-green-400)",
-						tertiary: "var(--dsw-static-green-100)"
-					},
-					warn: {
-						label: "var(--dsw-static-amber-600)",
-						primary: "var(--dsw-static-amber-500)",
-						secondary: "var(--dsw-static-amber-400)",
-						tertiary: "var(--dsw-static-amber-100)"
-					}
-				},
-				switch: { thumb: "var(--dsw-static-neutral-bluish-00)" },
-				toast: {
-					bg: "var(--dsw-static-neutral-bluish-800)",
-					label: "var(--dsw-static-neutral-bluish-00)"
-				},
-				tooltip: {
-					bg: "var(--dsw-static-neutral-bluish-850)",
-					key: { bg: "color-mix(in srgb, var(--dsw-alias-tooltip-bg), white 18%)" }
-				},
-				turn: { trigger: { bg: {
-					$: "var(--dsw-alias-markdown-code-block)",
-					hover: "var(--dsw-alias-interactive-bg-hover)"
-				} } }
-			},
-			corner: { shape: "superellipse(1.5)" },
-			elevation: {
-				panel: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
-				prominent: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
-				soft: "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
-				stroke: {
-					$: "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
-					color: "var(--dsw-alias-border-l4)"
-				}
-			},
-			focus: { ring: {
-				color: "transparent",
-				width: "2px"
-			} },
-			font: {
-				base: {
-					"16": {
-						$: "16px/24px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "16px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "24px" }
-					},
-					strong: { "16": {
-						$: "500 16px/24px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "16px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "24px" }
-					} }
-				},
-				family: {
-					$: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-					brand: "'Montserrat', var(--dsw-font-family)"
-				},
-				l: { "20": {
-					$: "500 20px/28px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "20px",
-						style: "normal",
-						weight: "500"
-					},
-					line: { height: "28px" }
-				} },
-				m: { "18": {
-					$: "500 16px/28px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "16px",
-						style: "normal",
-						weight: "500"
-					},
-					line: { height: "28px" }
-				} },
-				markdown: {
-					base: {
-						$: "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size, 14px)",
-							style: "normal",
-							weight: "400"
-						},
-						italic: {
-							$: "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size, 14px)",
-								style: "italic",
-								weight: "400"
-							},
-							line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-						},
-						line: { height: "calc(24px + var(--dsh-content-font-delta))" },
-						strong: {
-							$: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size, 14px)",
-								style: "normal",
-								weight: "600"
-							},
-							italic: {
-								$: "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-								font: {
-									family: "var(--dsw-font-family)",
-									size: "var(--dsh-content-font-size, 14px)",
-									style: "italic",
-									weight: "600"
-								},
-								line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-							},
-							line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-						}
-					},
-					code: {
-						$: "12px/19px var(--ds-font-family-code)",
-						block: {
-							$: "11px/19px var(--ds-font-family-code)",
-							font: {
-								family: "var(--ds-font-family-code)",
-								size: "11px",
-								style: "normal",
-								weight: "400"
-							},
-							line: { height: "19px" },
-							small: {
-								$: "11px/16px var(--ds-font-family-code)",
-								font: {
-									family: "var(--ds-font-family-code)",
-									size: "11px",
-									style: "normal",
-									weight: "400"
-								},
-								line: { height: "16px" }
-							}
-						},
-						font: {
-							family: "var(--ds-font-family-code)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "19px" }
-					},
-					h1: {
-						$: "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(21px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(30px + var(--dsh-content-font-delta))" }
-					},
-					h2: {
-						$: "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(19px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(28px + var(--dsh-content-font-delta))" }
-					},
-					h3: {
-						$: "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(18px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(26px + var(--dsh-content-font-delta))" }
-					},
-					h4: {
-						$: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size, 14px)",
-							style: "normal",
-							weight: "600"
-						},
-						line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-					},
-					small: {
-						$: "12px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						italic: {
-							$: "italic 12px/20px var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "12px",
-								style: "italic",
-								weight: "400"
-							},
-							line: { height: "20px" }
-						},
-						line: { height: "20px" },
-						strong: {
-							$: "600 12px/20px var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "12px",
-								style: "normal",
-								weight: "600"
-							},
-							italic: {
-								$: "italic 600 12px/20px var(--dsw-font-family)",
-								font: {
-									family: "var(--dsw-font-family)",
-									size: "12px",
-									style: "italic",
-									weight: "600"
-								},
-								line: { height: "20px" }
-							},
-							line: { height: "20px" }
-						}
-					},
-					table: {
-						$: "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size-secondary, 13px)",
-							style: "normal",
-							weight: "400"
-						},
-						head: {
-							$: "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size-secondary, 13px)",
-								style: "normal",
-								weight: "500"
-							},
-							line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
-						},
-						line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
-					}
-				},
-				s: {
-					"14": {
-						$: "14px/22px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "14px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "22px" }
-					},
-					strong: { "14": {
-						$: "500 14px/22px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "14px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "22px" }
-					} }
-				},
-				xl: { "24": {
-					$: "600 24px/32px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "24px",
-						style: "normal",
-						weight: "600"
-					},
-					line: { height: "32px" }
-				} },
-				xs: {
-					"13": {
-						$: "13px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "13px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "20px" }
-					},
-					strong: { "13": {
-						$: "500 13px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "13px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "20px" }
-					} }
-				},
-				xxs: {
-					"12": {
-						$: "12px/18px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "18px" }
-					},
-					strong: { "12": {
-						$: "500 12px/18px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "18px" }
-					} }
-				},
-				xxxs: {
-					"11": {
-						$: "11px/14px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "11px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "14px" }
-					},
-					strong: { "11": {
-						$: "500 11px/14px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "11px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "14px" }
-					} }
-				}
-			},
-			gradient: { onboarding: {
-				blue: { stops: "#3964fe 18.75%, #398efe 51.78%, #6dccff 86.252%, #3964fe" },
-				cyan: { stops: "#0293b4 21.154%, #2dc8eb 50.954%, #aff0ff 85.326%, #0293b4" },
-				violet: { stops: "#2a2fb6 33.102%, #8b76f6 50.954%, #c5c0ff 85.326%, #2a2fb6" }
-			} },
-			linear: {
-				gradient: { think: "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)" },
-				think: { select: "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)" }
-			},
-			mask: { blur: "none" },
-			menu: {
-				backdrop: { filter: "blur(40px) saturate(150%)" },
-				surface: { fill: "rgba(248, 249, 250, 0.58)" }
-			},
-			radius: {
-				lg: "16px",
-				md: "12px",
-				panel: "28px",
-				sm: "8px",
-				xl: "20px",
-				xs: "4px"
-			},
-			shadow: {
-				lv1: {
-					$: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
-					blur: "0 4px 12px 0 rgba(0, 0, 0, 0.02)"
-				},
-				lv2: "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
-				lv3: "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)"
-			},
-			specific: {
-				bubble: {
-					$: "var(--dsw-static-deepseek-50)",
-					highlight: "var(--dsw-static-deepseek-200)"
-				},
-				input: { major: "var(--dsw-static-neutral-bluish-00)" },
-				login: { input: "var(--dsw-static-neutral-bluish-50)" },
-				menu: "var(--dsw-menu-surface-fill)",
-				selector: "var(--dsw-static-neutral-bluish-60)",
-				sidebar: {
-					fill: "var(--dsw-static-neutral-bluish-50)",
-					nav: { item: {
-						active: {
-							$: "var(--dsw-static-neutral-bluish-100)",
-							accent: "var(--dsw-static-deepseek-100)"
-						},
-						hover: "var(--dsw-static-neutral-bluish-75)"
-					} }
-				},
-				tip: "var(--dsw-static-neutral-bluish-60)"
-			},
-			static: {
-				amber: {
-					"100": "rgb(254, 245, 231)",
-					"400": "rgb(247, 173, 49)",
-					"500": "rgb(245, 158, 11)",
-					"600": "rgb(221, 134, 41)",
-					"900": "rgb(39, 36, 31)"
-				},
-				blue: {
-					"50": "rgb(239, 246, 255)",
-					"75": "rgb(229, 240, 255)",
-					"100": "rgb(219, 234, 254)",
-					"300": "rgb(147, 197, 253)",
-					"400": "rgb(96, 165, 250)",
-					"450": "rgb(77, 147, 248)",
-					"500": "rgb(59, 130, 246)",
-					"600": "rgb(37, 99, 235)",
-					"800": "rgb(30, 64, 175)",
-					"900": "rgb(14, 48, 116)",
-					"950": "rgb(23, 37, 84)",
-					"50p": "rgb(234, 243, 255)"
-				},
-				deepseek: {
-					"50": "rgb(237, 243, 254)",
-					"100": "rgb(228, 237, 253)",
-					"200": "rgb(211, 226, 255)",
-					"300": "rgb(183, 200, 254)",
-					"400": "rgb(122, 170, 255)",
-					"450": "rgb(86, 134, 254)",
-					"500": "rgb(65, 118, 230)",
-					"600": "rgb(72, 104, 178)",
-					"700": { delete: "rgb(47, 76, 143)" },
-					"800": "rgb(52, 65, 91)",
-					"900": "rgb(40, 49, 66)"
-				},
-				green: {
-					"100": "rgb(230, 250, 237)",
-					"400": "rgb(78, 209, 126)",
-					"500": {
-						$: "rgb(34, 197, 94)",
-						a08: "rgb(34 197 94 / 8%)",
-						a12: "rgb(34 197 94 / 12%)"
-					},
-					"900": "rgb(35, 60, 44)"
-				},
-				neutral: {
-					"50": "rgb(250, 250, 250)",
-					"100": "rgb(245, 245, 245)",
-					"150": "rgb(237, 237, 237)",
-					"200": "rgb(229, 229, 229)",
-					"250": "rgb(220, 220, 220)",
-					"300": "rgb(212, 212, 212)",
-					"400": "rgb(162, 164, 166)",
-					"500": "rgb(127, 130, 135)",
-					"550": "rgb(101, 103, 107)",
-					"600": "rgb(84, 85, 87)",
-					"700": "rgb(60, 60, 61)",
-					"800": "rgb(41, 41, 41)",
-					"850": "rgb(33, 33, 35)",
-					"900": "rgb(15, 15, 15)",
-					"1000": "rgb(0, 0, 0)",
-					"00": "rgb(255, 255, 255)",
-					bluish: {
-						"50": "rgb(249, 250, 251)",
-						"60": "rgb(245, 246, 247)",
-						"75": "rgb(241, 243, 245)",
-						"100": "rgb(235, 238, 242)",
-						"150": "rgb(233, 236, 242)",
-						"200": "rgb(225, 229, 238)",
-						"300": "rgb(207, 211, 214)",
-						"400": "rgb(173, 178, 184)",
-						"500": "rgb(151, 157, 166)",
-						"600": "rgb(129, 133, 140)",
-						"700": "rgb(97, 102, 107)",
-						"750": "rgb(67, 69, 74)",
-						"800": "rgb(53, 54, 56)",
-						"850": "rgb(44, 44, 46)",
-						"875": "rgb(35, 35, 36)",
-						"900": "rgb(27, 27, 28)",
-						"950": "rgb(21, 21, 23)",
-						"1000": "rgb(15, 17, 21)",
-						"00": "rgb(255, 255, 255)"
-					}
-				},
-				red: {
-					"50": "rgb(254, 242, 242)",
-					"100": "rgb(254, 226, 226)",
-					"400": {
-						$: "rgb(242, 90, 90)",
-						a12: "rgb(242 90 90 / 12%)"
-					},
-					"500": "rgb(239, 68, 68)",
-					"600": {
-						$: "rgb(236, 19, 19)",
-						a08: "rgb(236 19 19 / 8%)"
-					},
-					"900": "rgb(87, 12, 12)"
-				}
-			}
-		}, { prefix: "dsw" });
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/schema-form/styles.ts
-		const MONO = "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace";
-		const ROW = "22px";
-		const GAP = "6px";
-		const ACTION = "20px";
-		const ACTION_GAP = "4px";
-		const FOLD = "14px";
-		const NUMBER = "32px";
-		const PAD = "8px";
-		const HAIRLINE = dsw.elevation.stroke;
-		const LINE = dsw.elevation.stroke.color;
-		const EDGE = "2px";
-		const ERROR_WASH = `color-mix(in srgb, ${String(dsw.alias.state.error.secondary)} 12%, transparent)`;
-		const EditorRoot = styled("div")({
-			display: "flex",
-			flexDirection: "column",
-			width: "100%",
-			fontFamily: MONO,
-			fontSize: "14px",
-			lineHeight: ROW,
-			color: dsw.alias.label.primary
-		});
-		const LineRow = styled("div")({
-			display: "flex",
-			alignItems: "flex-start",
-			gap: GAP,
-			minHeight: ROW,
-			paddingRight: PAD,
-			whiteSpace: "nowrap",
-			"&:hover": { background: dsw.alias.bg.layer["2"] },
-			"&[data-selected='true']": { background: dsw.alias.bg.layer["3"] },
-			"&[data-dirty='true']": { boxShadow: `inset ${EDGE} 0 0 ${String(dsw.alias.brand.primary)}` },
-			"&[data-overridden='true']": { boxShadow: `inset ${EDGE} 0 0 ${String(LINE)}` },
-			"&[data-dirty='true'] [data-role='key']": { color: dsw.alias.brand.primary },
-			"&[data-overridden='true'] [data-role='key']": { color: dsw.alias.brand.primary },
-			"&[data-invalid='true']": {
-				background: ERROR_WASH,
-				boxShadow: `inset ${EDGE} 0 0 ${String(dsw.alias.state.error.primary)}`
-			},
-			"&[data-invalid='true'] [data-role='key']": { color: dsw.alias.state.error.primary },
-			"&:hover [data-role='actions']": { opacity: 1 }
-		});
-		const LineBody = styled("div")({
-			display: "flex",
-			alignItems: "center",
-			gap: GAP,
-			flex: 1,
-			minWidth: 0,
-			minHeight: ROW
-		});
-		const LineNumber = styled("span")({
-			flex: "none",
-			width: NUMBER,
-			lineHeight: ROW,
-			textAlign: "right",
-			color: dsw.alias.label.caption,
-			userSelect: "none",
-			cursor: "pointer"
-		});
-		const LineFold = styled("button")({
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flex: "none",
-			width: FOLD,
-			height: ROW,
-			padding: 0,
-			border: 0,
-			background: "none",
-			color: dsw.alias.label.caption,
-			cursor: "pointer",
-			"&:hover": { color: dsw.alias.label.secondary }
-		});
-		const LineFoldSpacer = styled("span")({
-			flex: "none",
-			width: FOLD
-		});
-		const LineKey = styled("span")({
-			flex: "none",
-			color: dsw.alias.label.primary,
-			"&[data-index='true']": { color: dsw.alias.label.caption }
-		});
-		const LineToken = styled("span")({
-			flex: "none",
-			color: dsw.alias.label.caption
-		});
-		const LineValue = styled("span")({
-			display: "block",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			cursor: "text",
-			color: dsw.alias.state.business.primary,
-			"&[data-tone='number']": { color: dsw.alias.state.warn.primary },
-			"&[data-tone='boolean']": { color: dsw.alias.state.success.primary },
-			"&[data-tone='empty']": { color: dsw.alias.label.caption }
-		});
-		const ValueSlot = styled("span")({
-			display: "block",
-			flex: "0 1 auto",
-			minWidth: 0,
-			overflow: "hidden"
-		});
-		const ValueTrigger = styled("button")({
-			display: "inline-flex",
-			alignItems: "center",
-			gap: "2px",
-			minWidth: 0,
-			padding: 0,
-			border: 0,
-			background: "none",
-			font: "inherit",
-			textAlign: "left",
-			cursor: "pointer",
-			color: dsw.alias.label.caption,
-			"&:disabled": { cursor: "default" },
-			"&:focus-visible": { outline: "none" }
-		});
-		const CompactInput = styled("span")({
-			display: "inline-flex",
-			flex: "1 1 auto",
-			minWidth: 0,
-			"& > span": {
-				width: "100%",
-				height: ROW,
-				padding: "0 6px",
-				borderRadius: "4px"
-			},
-			"& input": {
-				fontSize: "14px",
-				lineHeight: ROW
-			}
-		});
-		const CompactTextField = styled("span")({
-			display: "inline-flex",
-			flex: "1 1 auto",
-			minWidth: 0,
-			padding: "0 6px",
-			borderRadius: "4px",
-			background: dsw.alias.bg.layer["1"],
-			border: 0,
-			boxShadow: HAIRLINE,
-			"&:focus-within": { "--dsw-elevation-stroke-color": dsw.alias.brand.primary },
-			"& > textarea": {
-				flex: 1,
-				width: "100%",
-				minHeight: ACTION,
-				maxHeight: "240px",
-				padding: 0,
-				border: 0,
-				outline: "none",
-				background: "transparent",
-				resize: "none",
-				fieldSizing: "content",
-				fontFamily: "inherit",
-				fontSize: "14px",
-				lineHeight: ROW,
-				color: dsw.alias.label.primary
-			}
-		});
-		const LineComment = styled("span")({
-			flex: "1 1 auto",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			color: dsw.alias.label.tertiary,
-			fontFamily: "inherit",
-			fontSize: "12px"
-		});
-		const LineInvalid = styled("span")({
-			flex: "0 1 auto",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			color: dsw.alias.state.error.primary,
-			fontFamily: "inherit",
-			fontSize: "12px"
-		});
-		const HoverActions = styled(styled("span")({
-			display: "inline-flex",
-			alignItems: "center",
-			gap: ACTION_GAP,
-			flex: "none",
-			opacity: 0,
-			"& > button": {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				width: ACTION,
-				height: ACTION,
-				padding: 0,
-				border: 0,
-				borderRadius: "4px",
-				background: "none",
-				color: dsw.alias.label.secondary,
-				cursor: "pointer",
-				"&:hover": {
-					background: dsw.alias.bg.layer["3"],
-					color: dsw.alias.label.primary
-				},
-				"&:disabled": {
-					cursor: "not-allowed",
-					color: dsw.alias.label.dimmed
-				}
-			}
-		}))({ "&[data-editing='true']": {
-			opacity: 1,
-			gap: GAP,
-			"& > button": {
-				boxShadow: HAIRLINE,
-				background: dsw.alias.bg.layer["1"],
-				color: dsw.alias.label.primary,
-				"&:first-of-type": { color: dsw.alias.state.success.primary }
-			}
-		} });
-		const AddWrap = styled("span")({
-			position: "relative",
-			display: "inline-flex",
-			alignItems: "center",
-			gap: GAP,
-			flex: "1 1 auto",
-			minWidth: 0,
-			marginLeft: GAP,
-			"&[data-invalid='true'] input": { borderColor: dsw.alias.state.error.primary }
-		});
-		const Hint$1 = styled("p")({
-			margin: 0,
-			fontSize: "12px",
-			lineHeight: 1.5,
-			color: dsw.alias.label.tertiary
-		});
 		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/TruncatedTooltip.tsx
 		function TruncatedTooltip({ label, children }) {
@@ -2721,7 +1560,8 @@ window.__ModuleLoader__.load({
 				owner,
 				options: owner.options
 			});
-			if (owner.node.meta.secret) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+			if (owner.node.meta.secret) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: schema_form_module_css_default.lineValue,
 				"data-tone": "empty",
 				title: owner.hint,
 				children: owner.secretConfigured ? "••••••" : ""
@@ -2729,7 +1569,8 @@ window.__ModuleLoader__.load({
 			const text = tokenText(owner.value);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 				label: text,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineValue,
 					"data-tone": owner.node.readOnly === null ? tokenTone(owner.value) : "empty",
 					children: text
 				})
@@ -2759,14 +1600,16 @@ window.__ModuleLoader__.load({
 				onClose: () => {
 					setOpen(false);
 				},
-				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTrigger, {
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: schema_form_module_css_default.valueTrigger,
 					type: "button",
 					disabled: owner.disabled,
 					"aria-label": owner.label,
 					onClick: () => {
 						setOpen(true);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineValue,
 						"data-tone": current === void 0 ? tokenTone(owner.value) : tokenTone(current.value),
 						children: label
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 })]
@@ -2895,6 +1738,11 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/classes.ts
+		function classes(...names) {
+			return names.filter((name) => typeof name === "string" && name !== "").join(" ");
+		}
+		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/Editor.tsx
 		function Editor(props) {
 			const { ns, state, face, t, resolveText, renderField } = props;
@@ -2910,9 +1758,10 @@ window.__ModuleLoader__.load({
 				t
 			]);
 			const disabled = !state.writable || !state.available;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditorRoot, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: schema_form_module_css_default.editorRoot,
 				"data-editor": "schema-form",
-				children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row$1, {
 					line,
 					n: index + 1,
 					ns,
@@ -2933,35 +1782,35 @@ window.__ModuleLoader__.load({
 						});
 					},
 					onAdded: (path) => {
-						setEditing(fieldKey(path));
+						setEditing(fieldKey$1(path));
 					},
 					dismissed,
 					onDismiss: (key) => {
 						setDismissed((previous) => new Set(previous).add(key));
 					},
 					onSelect: (path) => {
-						setSelected(fieldKey(path));
+						setSelected(fieldKey$1(path));
 					},
 					renderField
-				}, `${line.kind}:${fieldKey(line.path)}:${String(index)}`))
+				}, `${line.kind}:${fieldKey$1(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(item.path))?.value;
-					if (item.node.meta.collapse && containerShape(item.node, value) !== void 0) collapsed.add(fieldKey(item.path));
+					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));
 				}
 				return collapsed;
 			}, [state.walked, state.fields]);
 			return (0, react.useMemo)(() => ({
 				collapsed: (path) => {
-					const key = fieldKey(path);
+					const key = fieldKey$1(path);
 					return toggled.has(key) !== defaults.has(key);
 				},
 				toggle: (path) => {
-					const key = fieldKey(path);
+					const key = fieldKey$1(path);
 					const next = new Set(toggled);
 					if (next.has(key)) next.delete(key);
 					else next.add(key);
@@ -2973,20 +1822,26 @@ window.__ModuleLoader__.load({
 				toggled
 			]);
 		}
-		function Row({ line, n, ns, state, face, fold, t, resolveText, disabled, editing, selected, dismissed, onEdit, onAdded, onDismiss, onSelect, renderField }) {
-			const key = fieldKey(line.path);
+		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 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)(LineFoldSpacer, { "data-role": "fold" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
+			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,
+				"data-role": "fold"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 				label: line.text,
-				children: line.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineInvalid, {
+				children: line.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineInvalid,
 					"data-role": "comment",
 					children: `// ${line.text}`
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineComment, {
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineComment,
 					"data-role": "comment",
 					children: `// ${line.text}`
 				})
 			})] }) : line.kind === "open" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFold, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: schema_form_module_css_default.lineFold,
 					"data-role": "fold",
 					type: "button",
 					"aria-expanded": !line.collapsed,
@@ -3002,7 +1857,10 @@ window.__ModuleLoader__.load({
 					t,
 					disabled
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: line.shape === "object" ? line.collapsed ? "{…}" : "{" : line.collapsed ? "[…]" : "[" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: line.shape === "object" ? line.collapsed ? "{…}" : "{" : line.collapsed ? "[…]" : "["
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VariantSelect, {
 					control: line.variants,
 					path: line.path,
@@ -3011,8 +1869,14 @@ window.__ModuleLoader__.load({
 					t
 				})
 			] }) : line.kind === "close" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFoldSpacer, { "data-role": "fold" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: line.shape === "object" ? "}" : "]" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineFoldSpacer,
+					"data-role": "fold"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: line.shape === "object" ? "}" : "]"
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddLine, {
 					line,
 					state,
@@ -3035,20 +1899,23 @@ window.__ModuleLoader__.load({
 				onDismiss,
 				renderField
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LineRow, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: schema_form_module_css_default.lineRow,
 				"data-line": line.kind,
 				"data-field-path": line.path.join("."),
 				"data-selected": selected === key ? "true" : void 0,
 				"data-dirty": line.kind === "field" && line.field.staged ? "true" : void 0,
 				"data-overridden": line.kind === "field" && line.field.overridden && !line.field.staged ? "true" : void 0,
 				"data-invalid": line.kind === "field" && (line.field.invalid !== void 0 || state.invalidAt.has(key)) ? "true" : void 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineNumber,
 					"data-role": "number",
 					onClick: () => {
 						onSelect(line.path);
 					},
 					children: n
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineBody, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: schema_form_module_css_default.lineBody,
 					"data-role": "body",
 					style: indent,
 					children: body
@@ -3056,7 +1923,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function FieldLine({ line, ns, state, face, t, disabled, editing, dismissed, onEdit, onDismiss, renderField }) {
-			const key = fieldKey(line.path);
+			const key = fieldKey$1(line.path);
 			const member = line.member;
 			const owner = {
 				ns,
@@ -3093,49 +1960,63 @@ window.__ModuleLoader__.load({
 			const text = line.field.text ?? valueText(line.field.value);
 			const multiline = isMultiline(line.field.value) || /[\r\n]/.test(text);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFoldSpacer, { "data-role": "fold" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineKey, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineFoldSpacer,
+					"data-role": "fold"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineKey,
 					"data-role": "key",
 					"data-index": member?.index === void 0 ? void 0 : "true",
 					title: member?.key ?? line.node.key,
 					children: member?.key ?? line.node.key
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: member?.index === void 0 ? ": " : "  " }),
-				isEditing ? multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactTextField, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-					autoFocus: !missing,
-					rows: 1,
-					"aria-label": owner.label,
-					value: text,
-					onChange: (event) => {
-						owner.onEditText(event.target.value);
-					},
-					onKeyDown: (event) => {
-						if (event.key === "Escape") {
-							face.revert(line.path);
-							onEdit(void 0);
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: member?.index === void 0 ? ": " : "  "
+				}),
+				isEditing ? multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.compactTextField,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						autoFocus: !missing,
+						rows: 1,
+						"aria-label": owner.label,
+						value: text,
+						onChange: (event) => {
+							owner.onEditText(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Escape") {
+								face.revert(line.path);
+								onEdit(void 0);
+							}
 						}
-					}
-				}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactInput, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-					autoFocus: !missing,
-					type: "text",
-					"aria-label": owner.label,
-					placeholder: missing ? t("empty") : "",
-					value: text,
-					onBlur: () => {
-						if (!missing) onEdit(void 0);
-					},
-					onChange: (event) => {
-						owner.onEditText(event.target.value);
-					},
-					onKeyDown: (event) => {
-						if (event.key === "Enter" && !missing) onEdit(void 0);
-						if (event.key === "Escape") {
-							face.revert(line.path);
-							onEdit(void 0);
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.compactInput,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+						autoFocus: !missing,
+						type: "text",
+						"aria-label": owner.label,
+						placeholder: missing ? t("empty") : "",
+						value: text,
+						onBlur: () => {
+							if (!missing) onEdit(void 0);
+						},
+						onChange: (event) => {
+							owner.onEditText(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !missing) onEdit(void 0);
+							if (event.key === "Escape") {
+								face.revert(line.path);
+								onEdit(void 0);
+							}
 						}
-					}
-				}) }) : null,
-				isEditing || line.variantsStandIn ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueSlot, {
+					})
+				}) : null,
+				isEditing || line.variantsStandIn ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.valueSlot,
 					"data-role": "value",
 					onClick: () => {
 						if (editable) onEdit(key);
@@ -3149,7 +2030,8 @@ window.__ModuleLoader__.load({
 					disabled,
 					t
 				}),
-				isEditing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HoverActions, {
+				isEditing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					"data-editing": "true",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -3172,7 +2054,8 @@ window.__ModuleLoader__.load({
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 })
 					})]
 				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HoverActions, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					children: [
 						line.field.staged && !disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -3238,7 +2121,8 @@ window.__ModuleLoader__.load({
 				onClose: () => {
 					setOpen(false);
 				},
-				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTrigger, {
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: schema_form_module_css_default.valueTrigger,
 					type: "button",
 					"data-role": "variant",
 					disabled,
@@ -3246,7 +2130,8 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						setOpen(true);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineValue,
 						"data-tone": "empty",
 						children: current?.label ?? ""
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 })]
@@ -3259,14 +2144,19 @@ window.__ModuleLoader__.load({
 			if (key === "") return null;
 			const indexed = member !== void 0 && member.index !== void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineKey, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineKey,
 					"data-role": "key",
 					"data-index": indexed ? "true" : void 0,
 					title: key,
 					children: key
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: indexed ? "  " : ": " }),
-				member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverActions, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: indexed ? "  " : ": "
+				}),
+				member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoveLineButton, {
 						member,
@@ -3314,7 +2204,7 @@ window.__ModuleLoader__.load({
 					face.addKey(line.path, raw);
 					onAdded([...line.path, raw]);
 				} else if (spec.kind === "item") {
-					const current = state.fields.get(fieldKey(line.path))?.value;
+					const current = state.fields.get(fieldKey$1(line.path))?.value;
 					const index = Array.isArray(current) ? current.length : 0;
 					face.appendItem(line.path);
 					onAdded([...line.path, String(index)]);
@@ -3329,7 +2219,8 @@ window.__ModuleLoader__.load({
 				setText("");
 				setOpen(false);
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AddWrap, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: schema_form_module_css_default.addWrap,
 				"data-add": spec.kind,
 				"data-invalid": invalid ? "true" : void 0,
 				children: [
@@ -3349,35 +2240,44 @@ window.__ModuleLoader__.load({
 						onClose: () => {
 							setOpen(false);
 						},
-						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactInput, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-							value: text,
-							placeholder: label,
-							"aria-label": label,
-							disabled,
-							onFocus: () => {
-								setOpen(true);
-							},
-							onChange: (event) => {
-								setText(event.target.value);
-								setInvalid(false);
-								setOpen(true);
-							},
-							onKeyDown: (event) => {
-								if (event.key === "Enter") {
-									event.preventDefault();
-									commit(matched.length === 1 && spec.kind === "prop" ? matched[0]?.key : void 0);
-								}
-								if (event.key === "Escape") {
-									setText("");
-									setOpen(false);
+						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: schema_form_module_css_default.compactInput,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								value: text,
+								placeholder: label,
+								"aria-label": label,
+								disabled,
+								onFocus: () => {
+									setOpen(true);
+								},
+								onChange: (event) => {
+									setText(event.target.value);
+									setInvalid(false);
+									setOpen(true);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter") {
+										event.preventDefault();
+										commit(matched.length === 1 && spec.kind === "prop" ? matched[0]?.key : void 0);
+									}
+									if (event.key === "Escape") {
+										setText("");
+										setOpen(false);
+									}
 								}
-							}
-						}) })
+							})
+						})
 					}),
-					invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineInvalid, { children: t("unknownProperty") }) : null,
+					invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineInvalid,
+						children: t("unknownProperty")
+					}) : null,
 					!invalid && matched.length === 1 && matched[0]?.description !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 						label: resolveText(matched[0].description),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineComment, { children: resolveText(matched[0].description) })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: schema_form_module_css_default.lineComment,
+							children: resolveText(matched[0].description)
+						})
 					}) : null
 				]
 			});
@@ -3395,7 +2295,8 @@ window.__ModuleLoader__.load({
 				save: t("save"),
 				saving: t("saving")
 			};
-			if (!state.configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint$1, {
+			if (!state.configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: schema_form_module_css_default.hint,
 				role: "status",
 				children: t("noSchema")
 			});
@@ -3418,7 +2319,8 @@ window.__ModuleLoader__.load({
 						...owner,
 						onEditText: withParse(owner, t)
 					} }) })
-				}), state.violation === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint$1, {
+				}), state.violation === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: schema_form_module_css_default.hint,
 					role: "alert",
 					"data-violation": "true",
 					children: t("notSaved", { message: state.violation.message })
@@ -3432,6 +2334,29 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/index.ts
+		var schema_form_exports = /* @__PURE__ */ __exportAll({
+			InlineValue: () => InlineValue,
+			NS: () => NS$1,
+			SchemaFieldDefault: () => SchemaFieldDefault,
+			SchemaFormController: () => SchemaFormController,
+			SchemaFormHints: () => SchemaFormHints,
+			apply: () => apply$2,
+			canRender: () => canRender,
+			containerShape: () => containerShape,
+			editorLines: () => editorLines,
+			failureOf: () => failureOf,
+			inject: () => inject$2,
+			optionsFor: () => optionsFor,
+			parseFor: () => parseFor,
+			projectNode: () => projectNode,
+			projectRoot: () => projectRoot,
+			rowRegistrations: () => rowRegistrations,
+			tokenText: () => tokenText,
+			tokenTone: () => tokenTone,
+			valueText: () => valueText,
+			visibleFields: () => visibleFields,
+			walkFields: () => walkFields
+		});
 		const NS$1 = "settings.schema-form";
 		const inject$2 = [
 			"slots",
@@ -3543,205 +2468,835 @@ window.__ModuleLoader__.load({
 			}, "ui-schema-form: row registrations");
 		}
 		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/focus.ts
-		const focusRing = `${String(dsw.focus.ring.width)} solid ${Token.collect(Token.fallbackVar(dsw.focus.ring.color, String(dsw.alias.state.business.primary)))}`;
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/settings-form/fields.styles.ts
-		const helpButtonHoverBackground = "var(--dsw-alias-bg-layer-4)";
-		const styles$1 = {
-			field: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "6px",
-				padding: "12px 0",
-				"& + &": { borderTop: `0.5px solid ${String(dsw.alias.border.l2)}` }
-			},
-			head: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px"
-			},
-			label: {
-				flex: 1,
-				minWidth: 0,
-				fontSize: "13px",
-				fontWeight: 500,
-				lineHeight: 1.5,
-				color: dsw.alias.label.primary
-			},
-			groupLabel: { flex: "0 1 auto" },
-			labelGroup: {
-				display: "flex",
-				alignItems: "center",
-				gap: "4px",
-				flex: 1,
-				minWidth: 0
-			},
-			helpButton: {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				flex: "none",
-				width: "24px",
-				height: "24px",
-				padding: 0,
-				border: 0,
-				borderRadius: "6px",
-				background: "none",
-				color: dsw.alias.label.tertiary,
-				cursor: "pointer",
-				"&:hover": {
-					background: helpButtonHoverBackground,
-					color: dsw.alias.label.secondary
-				},
-				"&[aria-expanded='true']": {
-					background: helpButtonHoverBackground,
-					color: dsw.alias.label.secondary
-				},
-				"&:focus-visible": {
-					outline: focusRing,
-					outlineOffset: "1px"
-				}
-			},
-			help: {
-				padding: "10px 0 0",
-				fontSize: "12px",
-				lineHeight: 1.6,
-				color: dsw.alias.label.secondary,
-				"& > p": { margin: 0 },
-				"& > p + p": { marginTop: "8px" }
-			},
-			badges: {
-				display: "inline-flex",
-				alignItems: "center",
-				gap: "8px"
-			},
-			badge: {
-				display: "inline-flex",
-				alignItems: "center",
-				borderRadius: "999px",
-				cornerShape: "round",
-				padding: "1px 8px",
-				fontSize: "11px",
-				lineHeight: "17px",
-				fontWeight: 500,
-				whiteSpace: "nowrap"
-			},
-			badgeNeutral: {
-				background: dsw.alias.bg.module.platform,
-				color: dsw.alias.label.secondary
-			},
-			badgeQuiet: { color: dsw.alias.label.tertiary },
-			reset: {
-				border: "none",
-				background: "none",
-				padding: 0,
-				font: "inherit",
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.secondary,
-				cursor: "pointer",
-				"&:hover:not(:disabled)": { color: dsw.alias.label.primary },
-				"&:disabled": { cursor: "default" }
-			},
-			input: {
-				height: "34px",
-				padding: "0 12px",
-				border: `0.5px solid ${String(dsw.alias.border.l4)}`,
-				borderRadius: "8px",
-				background: dsw.alias.bg.layer["3"],
-				font: "inherit",
-				fontSize: "13px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.primary,
-				"&:focus-visible": {
-					outline: "none",
-					borderColor: dsw.alias.state.business.primary
-				},
-				"&:disabled": {
-					color: dsw.alias.label.tertiary,
-					cursor: "default"
+		//#region ../../client/ui-primitives/src/client/markdown-labels.ts
+		function markdownLabels(t) {
+			return {
+				code: {
+					copyLabel: t("copy"),
+					copiedLabel: t("copied")
 				},
-				"&[aria-invalid='true']": { borderColor: dsw.alias.state.error.primary }
-			},
-			invalid: {
-				margin: 0,
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.state.error.primary
-			},
-			hint: {
-				margin: 0,
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.tertiary
-			}
+				footnotes: t("markdown.footnotes")
+			};
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/layout/layout.module.css.mjs
+		const css$15 = ".e_G4ZW_stack{flex-direction:column;min-width:0;display:flex}.e_G4ZW_row{flex-direction:row;align-items:center;min-width:0;display:flex}.e_G4ZW_gap0{gap:0}.e_G4ZW_gap2{gap:2px}.e_G4ZW_gap4{gap:4px}.e_G4ZW_gap6{gap:6px}.e_G4ZW_gap8{gap:8px}.e_G4ZW_gap10{gap:10px}.e_G4ZW_gap12{gap:12px}.e_G4ZW_gap14{gap:14px}.e_G4ZW_gap16{gap:16px}.e_G4ZW_alignStart{align-items:flex-start}.e_G4ZW_alignCenter{align-items:center}.e_G4ZW_alignEnd{align-items:flex-end}.e_G4ZW_justifyBetween{justify-content:space-between}.e_G4ZW_justifyEnd{justify-content:flex-end}.e_G4ZW_justifyCenter{justify-content:center}.e_G4ZW_wrap{flex-wrap:wrap}.e_G4ZW_grow{flex:auto;min-width:0}.e_G4ZW_push{margin-left:auto}.e_G4ZW_fill{box-sizing:border-box;width:100%;height:100%;overflow:hidden}.e_G4ZW_scroll{flex:auto;min-height:0;overflow-y:auto}.e_G4ZW_plain{margin:0;padding:0;list-style:none}.e_G4ZW_padNone{padding:0}.e_G4ZW_padCard{padding:8px 12px}.e_G4ZW_padBody{padding:8px 0}.e_G4ZW_padPage{padding:24px 28px}.e_G4ZW_padRow{padding:10px 12px}.e_G4ZW_padBlocking{padding:32px 40px}.e_G4ZW_text{margin:0}.e_G4ZW_sizeXs{font-size:11px;line-height:1.5}.e_G4ZW_sizeSm{font-size:12px;line-height:18px}.e_G4ZW_sizeMd{font-size:13px;line-height:20px}.e_G4ZW_sizeBase{font-size:14px;line-height:24px}.e_G4ZW_sizeLg{font-size:16px;line-height:24px}.e_G4ZW_tonePrimary{color:var(--dsw-alias-label-primary)}.e_G4ZW_toneSecondary{color:var(--dsw-alias-label-secondary)}.e_G4ZW_toneTertiary{color:var(--dsw-alias-label-tertiary)}.e_G4ZW_toneDanger{color:var(--dsw-alias-label-error,var(--dsw-alias-label-primary))}.e_G4ZW_weightMedium{font-weight:500}.e_G4ZW_strong{font-weight:600}.e_G4ZW_mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.e_G4ZW_truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.e_G4ZW_tabular{font-variant-numeric:tabular-nums}.e_G4ZW_boxed{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);border-radius:10px}.e_G4ZW_fixed{flex:none}.e_G4ZW_gapWide{gap:6px 20px}.e_G4ZW_narrow{min-width:0;max-width:min(calc(var(--dsh-chat-content-width,748px) * .702), 82%)}.e_G4ZW_wSearch{flex:none;width:360px;max-width:100%}";
+		const tagId$15 = "@morlay/dsh-session-mode/layout.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/layout.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$15;
+			tag.textContent = css$15;
+			document.head.appendChild(tag);
+		}
+		var layout_module_css_default = {
+			"plain": "e_G4ZW_plain",
+			"gap0": "e_G4ZW_gap0",
+			"alignEnd": "e_G4ZW_alignEnd",
+			"justifyCenter": "e_G4ZW_justifyCenter",
+			"fill": "e_G4ZW_fill",
+			"gap14": "e_G4ZW_gap14",
+			"grow": "e_G4ZW_grow",
+			"padBody": "e_G4ZW_padBody",
+			"sizeXs": "e_G4ZW_sizeXs",
+			"toneDanger": "e_G4ZW_toneDanger",
+			"gap12": "e_G4ZW_gap12",
+			"gap16": "e_G4ZW_gap16",
+			"alignCenter": "e_G4ZW_alignCenter",
+			"strong": "e_G4ZW_strong",
+			"gap2": "e_G4ZW_gap2",
+			"row": "e_G4ZW_row",
+			"alignStart": "e_G4ZW_alignStart",
+			"tonePrimary": "e_G4ZW_tonePrimary",
+			"gap8": "e_G4ZW_gap8",
+			"text": "e_G4ZW_text",
+			"gapWide": "e_G4ZW_gapWide",
+			"push": "e_G4ZW_push",
+			"padRow": "e_G4ZW_padRow",
+			"padPage": "e_G4ZW_padPage",
+			"scroll": "e_G4ZW_scroll",
+			"padCard": "e_G4ZW_padCard",
+			"justifyBetween": "e_G4ZW_justifyBetween",
+			"wrap": "e_G4ZW_wrap",
+			"sizeSm": "e_G4ZW_sizeSm",
+			"gap4": "e_G4ZW_gap4",
+			"justifyEnd": "e_G4ZW_justifyEnd",
+			"stack": "e_G4ZW_stack",
+			"gap6": "e_G4ZW_gap6",
+			"padBlocking": "e_G4ZW_padBlocking",
+			"sizeMd": "e_G4ZW_sizeMd",
+			"sizeBase": "e_G4ZW_sizeBase",
+			"sizeLg": "e_G4ZW_sizeLg",
+			"gap10": "e_G4ZW_gap10",
+			"weightMedium": "e_G4ZW_weightMedium",
+			"toneSecondary": "e_G4ZW_toneSecondary",
+			"boxed": "e_G4ZW_boxed",
+			"narrow": "e_G4ZW_narrow",
+			"wSearch": "e_G4ZW_wSearch",
+			"tabular": "e_G4ZW_tabular",
+			"truncate": "e_G4ZW_truncate",
+			"padNone": "e_G4ZW_padNone",
+			"fixed": "e_G4ZW_fixed",
+			"toneTertiary": "e_G4ZW_toneTertiary",
+			"mono": "e_G4ZW_mono"
 		};
-		styled("div")(styles$1.field);
-		styled("div")(styles$1.head);
-		styled("div")(styles$1.labelGroup);
-		styled("label")(styles$1.label, styles$1.groupLabel);
-		styled("label")(styles$1.label);
-		styled("button")(styles$1.helpButton);
-		styled("div")(styles$1.help);
-		styled("span")(styles$1.badges);
-		styled("span")(styles$1.badge, styles$1.badgeNeutral);
-		styled("span")(styles$1.badge, styles$1.badgeQuiet);
-		styled("button")(styles$1.reset);
-		styled("input")(styles$1.input);
-		styled("p")(styles$1.invalid);
-		styled("p")(styles$1.hint);
-		const styles = {
-			form: {
-				display: "flex",
-				flexDirection: "column"
-			},
-			notice: {
-				margin: "0 0 12px",
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.tertiary
-			},
-			footer: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px",
-				paddingTop: "16px"
-			},
-			failed: {
-				flex: 1,
-				minWidth: 0,
-				margin: 0,
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: "var(--dsw-alias-label-error)"
-			},
-			save: {
-				appearance: "none",
-				border: "1px solid transparent",
-				borderRadius: "8px",
-				padding: "5px 14px",
-				font: "inherit",
-				fontSize: "13px",
-				lineHeight: 1.5,
-				cursor: "pointer",
-				background: dsw.alias.label.primary,
-				color: dsw.alias.bg.layer["3"],
-				"&:disabled": {
-					opacity: .4,
-					cursor: "default"
-				},
-				"&:focus-visible": {
-					outline: focusRing,
-					outlineOffset: "1px"
-				}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/layout/scales.ts
+		function gapClass(css, gap) {
+			if (gap === void 0) return void 0;
+			return gap === "wide" ? css.gapWide : css[`gap${gap}`];
+		}
+		function alignClass(css, align) {
+			if (align === void 0 || align === "stretch") return void 0;
+			if (align === "start") return css.alignStart;
+			return align === "center" ? css.alignCenter : css.alignEnd;
+		}
+		function justifyClass(css, justify) {
+			if (justify === void 0) return void 0;
+			if (justify === "between") return css.justifyBetween;
+			if (justify === "end") return css.justifyEnd;
+			return justify === "center" ? css.justifyCenter : void 0;
+		}
+		function padClass(css, pad) {
+			if (pad === void 0 || pad === "none") return void 0;
+			if (pad === "card") return css.padCard;
+			if (pad === "body") return css.padBody;
+			if (pad === "page") return css.padPage;
+			return pad === "row" ? css.padRow : css.padBlocking;
+		}
+		function sizeClass(css, size) {
+			if (size === void 0) return void 0;
+			if (size === "xs") return css.sizeXs;
+			if (size === "sm") return css.sizeSm;
+			if (size === "md") return css.sizeMd;
+			return size === "base" ? css.sizeBase : css.sizeLg;
+		}
+		function toneClass(css, tone) {
+			if (tone === void 0) return void 0;
+			if (tone === "primary") return css.tonePrimary;
+			if (tone === "secondary") return css.toneSecondary;
+			return tone === "tertiary" ? css.toneTertiary : css.toneDanger;
+		}
+		function weightClass(css, weight) {
+			if (weight === void 0) return void 0;
+			return weight === "medium" ? css.weightMedium : css.strong;
+		}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/layout/Row.tsx
+		const Row = (0, react.forwardRef)(function Row({ as: Element = "div", gap, align, justify, wrap = false, grow = false, boxed = false, fixed = false, narrow = false, push = false, plain = false, pad, className, children, ...rest }, ref) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {
+				ref,
+				className: classes(layout_module_css_default.row, gapClass(layout_module_css_default, gap), alignClass(layout_module_css_default, align), justifyClass(layout_module_css_default, justify), padClass(layout_module_css_default, pad), wrap ? layout_module_css_default.wrap : void 0, grow ? layout_module_css_default.grow : void 0, boxed ? layout_module_css_default.boxed : void 0, fixed ? layout_module_css_default.fixed : void 0, narrow ? layout_module_css_default.narrow : void 0, push ? layout_module_css_default.push : void 0, boxed ? layout_module_css_default.boxed : void 0, fixed ? layout_module_css_default.fixed : void 0, plain ? layout_module_css_default.plain : void 0, className),
+				...rest,
+				children
+			});
+		});
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/layout/Stack.tsx
+		const Stack = (0, react.forwardRef)(function Stack({ as: Element = "div", gap, align, pad, grow = false, boxed = false, fixed = false, narrow = false, fill = false, scroll = false, plain = false, className, children, ...rest }, ref) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {
+				ref,
+				className: classes(layout_module_css_default.stack, gapClass(layout_module_css_default, gap), alignClass(layout_module_css_default, align), padClass(layout_module_css_default, pad), grow ? layout_module_css_default.grow : void 0, boxed ? layout_module_css_default.boxed : void 0, fixed ? layout_module_css_default.fixed : void 0, narrow ? layout_module_css_default.narrow : void 0, fill ? layout_module_css_default.fill : void 0, scroll ? layout_module_css_default.scroll : void 0, plain ? layout_module_css_default.plain : void 0, className),
+				...rest,
+				children
+			});
+		});
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/layout/Text.tsx
+		function Text({ as: Element = "span", size, tone, weight, mono = false, truncate = false, tabular = false, className, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {
+				className: classes(layout_module_css_default.text, sizeClass(layout_module_css_default, size), toneClass(layout_module_css_default, tone), weightClass(layout_module_css_default, weight), mono ? layout_module_css_default.mono : void 0, truncate ? layout_module_css_default.truncate : void 0, tabular ? layout_module_css_default.tabular : void 0, className),
+				children
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/settings-form/SettingsFieldRow.module.css.mjs
+		const css$14 = "._72UBVa_row{flex-direction:column;display:flex}._72UBVa_row[data-divider=true]{border-top:.5px solid var(--dsw-alias-border-l2)}._72UBVa_body{flex-direction:column;gap:6px;padding:12px 0;display:flex}._72UBVa_inline{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}._72UBVa_text{flex-direction:column;gap:2px;min-width:0;display:flex}._72UBVa_label{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5;display:flex}._72UBVa_badge{corner-shape:round;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}._72UBVa_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}._72UBVa_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}._72UBVa_reset:disabled{cursor:default}._72UBVa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._72UBVa_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$14 = "@morlay/dsh-session-mode/SettingsFieldRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SettingsFieldRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$14;
+			tag.textContent = css$14;
+			document.head.appendChild(tag);
+		}
+		var SettingsFieldRow_module_css_default = {
+			"row": "_72UBVa_row",
+			"inline": "_72UBVa_inline",
+			"badge": "_72UBVa_badge",
+			"invalid": "_72UBVa_invalid",
+			"hint": "_72UBVa_hint",
+			"body": "_72UBVa_body",
+			"reset": "_72UBVa_reset",
+			"text": "_72UBVa_text",
+			"label": "_72UBVa_label"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/settings-form/SettingsFieldRow.tsx
+		function SettingsFieldRow({ label, hint, layout = "stack", divider = false, overriddenLabel, resetLabel, onReset, invalid, children, className, ...rest }) {
+			const labelNode = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: SettingsFieldRow_module_css_default.label,
+				children: [label, overriddenLabel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: SettingsFieldRow_module_css_default.badge,
+					children: overriddenLabel
+				}), resetLabel === void 0 || onReset === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: SettingsFieldRow_module_css_default.reset,
+					onClick: () => {
+						onReset();
+					},
+					children: resetLabel
+				})] })]
+			});
+			const invalidNode = invalid === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: SettingsFieldRow_module_css_default.invalid,
+				role: "alert",
+				children: invalid
+			});
+			if (layout === "inline") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: classes(SettingsFieldRow_module_css_default.row, className),
+				"data-role": "field-row",
+				"data-divider": divider ? "true" : "false",
+				...rest,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SettingsFieldRow_module_css_default.inline,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SettingsFieldRow_module_css_default.text,
+						children: [labelNode, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SettingsFieldRow_module_css_default.hint,
+							children: hint
+						})]
+					}), children]
+				}), invalidNode]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: classes(SettingsFieldRow_module_css_default.row, className),
+				"data-role": "field-row",
+				"data-divider": divider ? "true" : "false",
+				...rest,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SettingsFieldRow_module_css_default.body,
+					children: [
+						labelNode,
+						children,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SettingsFieldRow_module_css_default.hint,
+							children: hint
+						})
+					]
+				}), invalidNode]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Bubble.module.css.mjs
+		const css$13 = ".dtkLCG_bubble{background:var(--dsw-specific-bubble);border-radius:var(--dsw-radius-xl);max-width:100%;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;padding:10px 16px}";
+		const tagId$13 = "@morlay/dsh-session-mode/Bubble.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/Bubble.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$13;
+			tag.textContent = css$13;
+			document.head.appendChild(tag);
+		}
+		var Bubble_module_css_default = { "bubble": "dtkLCG_bubble" };
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/Bubble.tsx
+		function Bubble({ className, children, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: classes(Bubble_module_css_default.bubble, className),
+				...rest,
+				children
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Button.module.css.mjs
+		const css$12 = ".WFViLq_label{white-space:nowrap}.WFViLq_danger{--dsw-alias-button-primary-fill:var(--dsw-alias-state-error-primary)}";
+		const tagId$12 = "@morlay/dsh-session-mode/Button.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/Button.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$12;
+			tag.textContent = css$12;
+			document.head.appendChild(tag);
+		}
+		var Button_module_css_default = {
+			"label": "WFViLq_label",
+			"danger": "WFViLq_danger"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/Button.tsx
+		const Button$1 = (0, react.forwardRef)(function Button({ className, tone, ...rest }, ref) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				ref,
+				"data-role": "button",
+				className: classes(className, Button_module_css_default.label, tone === "danger" ? Button_module_css_default.danger : void 0),
+				...rest
+			});
+		});
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/DisclosureRow.module.css.mjs
+		const css$11 = ".MBWCEG_content{flex:auto;min-width:0}.MBWCEG_contentLayout{align-items:center;gap:8px;width:100%;min-width:0;display:flex}";
+		const tagId$11 = "@morlay/dsh-session-mode/DisclosureRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/DisclosureRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$11;
+			tag.textContent = css$11;
+			document.head.appendChild(tag);
+		}
+		var DisclosureRow_module_css_default = {
+			"contentLayout": "MBWCEG_contentLayout",
+			"content": "MBWCEG_content"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/DisclosureRow.tsx
+		function DisclosureRow(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+				contentClassName: DisclosureRow_module_css_default.content,
+				contentLayoutClassName: DisclosureRow_module_css_default.contentLayout,
+				...props
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SearchInput.module.css.mjs
+		const css$10 = ".KiR4MG_search{flex:none;width:360px;max-width:100%}.KiR4MG_full{flex:none;width:100%}";
+		const tagId$10 = "@morlay/dsh-session-mode/SearchInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SearchInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		var SearchInput_module_css_default = {
+			"search": "KiR4MG_search",
+			"full": "KiR4MG_full"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/SearchInput.tsx
+		function SearchInput({ width = "search", className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+				className: classes(className, width === "search" ? SearchInput_module_css_default.search : SearchInput_module_css_default.full),
+				...rest
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SeatButton.module.css.mjs
+		const css$9 = ".HcNbhG_seat{border-radius:var(--dsw-radius-sm);min-width:0;max-width:min(100%,240px);min-height:28px;color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.HcNbhG_seat:not(:disabled):hover,.HcNbhG_seat[aria-expanded=true],.HcNbhG_expanded{background:var(--dsw-alias-interactive-bg-hover)}.HcNbhG_seat:disabled{cursor:default;color:var(--dsw-alias-label-quaternary)}.HcNbhG_icon{color:var(--dsw-alias-label-primary);flex:none;align-items:center;display:inline-flex}.HcNbhG_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.HcNbhG_chevron{color:var(--dsw-alias-label-caption);flex:none;display:inline-flex}";
+		const tagId$9 = "@morlay/dsh-session-mode/SeatButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SeatButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
+			document.head.appendChild(tag);
+		}
+		var SeatButton_module_css_default = {
+			"icon": "HcNbhG_icon",
+			"expanded": "HcNbhG_expanded",
+			"label": "HcNbhG_label",
+			"chevron": "HcNbhG_chevron",
+			"seat": "HcNbhG_seat"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/SeatButton.tsx
+		function SeatButton({ icon, label, expanded = false, chevron, type = "button", className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type,
+				className: classes(SeatButton_module_css_default.seat, expanded ? SeatButton_module_css_default.expanded : void 0, className),
+				...rest,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.icon,
+						children: icon
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.label,
+						children: label
+					}),
+					chevron === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.chevron,
+						children: chevron
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Spinner.module.css.mjs
+		const css$8 = ".HGVDmW_spinner{border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-label-primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite HGVDmW_spin}@keyframes HGVDmW_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";
+		const tagId$8 = "@morlay/dsh-session-mode/Spinner.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/Spinner.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
+			document.head.appendChild(tag);
+		}
+		var Spinner_module_css_default = {
+			"spinner": "HGVDmW_spinner",
+			"spin": "HGVDmW_spin"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/Spinner.tsx
+		function Spinner({ label }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: Spinner_module_css_default.spinner,
+				role: "status",
+				"aria-label": label
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Tabs.module.css.mjs
+		const css$7 = ".GO-36q_tabs{z-index:1;flex:none;gap:36px;margin-top:10px;padding-left:8px;display:flex;position:relative}.GO-36q_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 9px;font-size:13px;font-weight:500;line-height:16px;position:relative}.GO-36q_tab:after{content:\"\";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.GO-36q_tabActive{color:var(--dsw-alias-state-business-primary)}.GO-36q_tabActive:after{background:var(--dsw-alias-state-business-primary)}.GO-36q_tab:disabled{cursor:not-allowed;opacity:.4}";
+		const tagId$7 = "@morlay/dsh-session-mode/Tabs.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/Tabs.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			document.head.appendChild(tag);
+		}
+		var Tabs_module_css_default = {
+			"tab": "GO-36q_tab",
+			"tabActive": "GO-36q_tabActive",
+			"tabs": "GO-36q_tabs"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/Tabs.tsx
+		function Tabs({ label, items, value, onChange, role = "tablist", disabled = false }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: Tabs_module_css_default.tabs,
+				role,
+				"aria-label": label,
+				children: items.map((item) => {
+					const active = item.value === value;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: role === "tablist" ? "tab" : "radio",
+						"data-tab": item.value,
+						"aria-selected": role === "tablist" ? active : void 0,
+						"aria-checked": role === "tablist" ? void 0 : active,
+						disabled,
+						className: classes(Tabs_module_css_default.tab, active ? Tabs_module_css_default.tabActive : void 0),
+						onClick: () => {
+							onChange(item.value);
+						},
+						children: item.label
+					}, item.value);
+				})
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/TimeLabel.module.css.mjs
+		const css$6 = "._3IuWPG_label{color:var(--dsw-alias-label-tertiary);white-space:nowrap;opacity:0;padding:0;font-size:14px;line-height:24px;transition:opacity 80ms}[data-time-hover-root]:hover ._3IuWPG_label,[data-time-hover-root]:focus-within ._3IuWPG_label{opacity:1}";
+		const tagId$6 = "@morlay/dsh-session-mode/TimeLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/TimeLabel.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		var TimeLabel_module_css_default = { "label": "_3IuWPG_label" };
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/TimeLabel.tsx
+		function TimeLabel({ className, children, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: classes(TimeLabel_module_css_default.label, className),
+				...rest,
+				children
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/VisuallyHidden.module.css.mjs
+		const css$5 = ".YAvv4W_hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId$5 = "@morlay/dsh-session-mode/VisuallyHidden.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/VisuallyHidden.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
+			document.head.appendChild(tag);
+		}
+		var VisuallyHidden_module_css_default = { "hidden": "YAvv4W_hidden" };
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/VisuallyHidden.tsx
+		function VisuallyHidden({ children, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: VisuallyHidden_module_css_default.hidden,
+				...rest,
+				children
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/IconButton.module.css.mjs
+		const css$4 = ".I3t6Ga_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:var(--dsw-radius-sm);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.I3t6Ga_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.I3t6Ga_iconButton:disabled{cursor:not-allowed;opacity:.4}.I3t6Ga_iconButton:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.I3t6Ga_sm{width:20px;height:20px;padding:0}.I3t6Ga_circle{color:var(--dsw-alias-label-tertiary);border-radius:28px;padding:6px}.I3t6Ga_circle:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}";
+		const tagId$4 = "@morlay/dsh-session-mode/IconButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/IconButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var IconButton_module_css_default = {
+			"sm": "I3t6Ga_sm",
+			"circle": "I3t6Ga_circle",
+			"iconButton": "I3t6Ga_iconButton"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/IconButton.tsx
+		function IconButton({ label, children, type = "button", shape = "square", size = "md", className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type,
+				"data-role": "icon-button",
+				"aria-label": label,
+				className: classes(IconButton_module_css_default.iconButton, size === "sm" ? IconButton_module_css_default.sm : void 0, shape === "circle" ? IconButton_module_css_default.circle : void 0, className),
+				...rest,
+				children
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/ModelRouteList.module.css.mjs
+		const css$3 = "._2eBkWq_list{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-lg);gap:6px;min-width:0;max-height:280px;margin:0;padding:10px;display:grid;overflow:auto}._2eBkWq_group{gap:6px;display:grid}._2eBkWq_group+._2eBkWq_group{border-top:.5px solid var(--dsw-alias-border-l3);margin-top:4px;padding-top:10px}._2eBkWq_provider{color:var(--dsw-alias-label-tertiary);padding:0 6px;font-size:11px;font-weight:500}._2eBkWq_item{border-radius:var(--dsw-radius-md);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px;display:grid}._2eBkWq_item:hover{background:var(--dsw-alias-bg-layer-4)}._2eBkWq_item:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}._2eBkWq_item[aria-disabled=true]{cursor:not-allowed;opacity:.4}._2eBkWq_picked{background:var(--dsw-alias-interactive-bg-hover)}._2eBkWq_text{min-width:0}._2eBkWq_name{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:13px;display:block;overflow:hidden}._2eBkWq_id{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px;display:block;overflow:hidden}._2eBkWq_notice{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._2eBkWq_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$3 = "@morlay/dsh-session-mode/ModelRouteList.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/ModelRouteList.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var ModelRouteList_module_css_default = {
+			"list": "_2eBkWq_list",
+			"notice": "_2eBkWq_notice",
+			"error": "_2eBkWq_error",
+			"picked": "_2eBkWq_picked",
+			"group": "_2eBkWq_group",
+			"id": "_2eBkWq_id",
+			"provider": "_2eBkWq_provider",
+			"item": "_2eBkWq_item",
+			"text": "_2eBkWq_text",
+			"name": "_2eBkWq_name"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/ModelRouteList.tsx
+		function ModelRouteList({ label, candidates, selectedKey, disabled = false, status, loadingLabel, errorLabel, emptyLabel, onSelect }) {
+			if (status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ModelRouteList_module_css_default.notice,
+				role: "status",
+				children: loadingLabel
+			});
+			if (status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ModelRouteList_module_css_default.error,
+				role: "alert",
+				children: errorLabel
+			});
+			if (candidates.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ModelRouteList_module_css_default.notice,
+				children: emptyLabel
+			});
+			const groups = /* @__PURE__ */ new Map();
+			for (const candidate of candidates) {
+				const group = groups.get(candidate.provider);
+				if (group === void 0) groups.set(candidate.provider, {
+					name: candidate.providerName,
+					items: [candidate]
+				});
+				else group.items.push(candidate);
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ModelRouteList_module_css_default.list,
+				"data-role": "model-route-list",
+				role: "radiogroup",
+				"aria-label": label,
+				"data-control": "model-routes",
+				children: [...groups].map(([provider, group]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ModelRouteList_module_css_default.group,
+					"data-route-group": provider,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ModelRouteList_module_css_default.provider,
+						children: group.name
+					}), group.items.map((candidate) => {
+						const picked = candidate.key === selectedKey;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: classes(ModelRouteList_module_css_default.item, picked ? ModelRouteList_module_css_default.picked : void 0),
+							role: "radio",
+							"aria-checked": picked,
+							"aria-label": `${candidate.modelName} ${candidate.provider}/${candidate.model}`,
+							"aria-disabled": disabled ? true : void 0,
+							tabIndex: disabled ? -1 : 0,
+							"data-route": candidate.key,
+							onClick: () => {
+								if (!disabled) onSelect(candidate);
+							},
+							onKeyDown: (event) => {
+								if (event.key !== "Enter" && event.key !== " ") return;
+								event.preventDefault();
+								if (!disabled) onSelect(candidate);
+							},
+							children: [picked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { "aria-hidden": "true" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: ModelRouteList_module_css_default.text,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ModelRouteList_module_css_default.name,
+									children: candidate.modelName
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ModelRouteList_module_css_default.id,
+									children: `${candidate.providerName} · ${candidate.provider}/${candidate.model}`
+								})]
+							})]
+						}, candidate.key);
+					})]
+				}, provider))
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/MultilineField.module.css.mjs
+		const css$2 = "._stHfW_multiline{box-sizing:border-box;width:100%;min-height:64px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);resize:vertical;padding:6px 12px;font-family:inherit;font-size:13px;line-height:1.5}._stHfW_multiline:disabled{cursor:not-allowed;opacity:.4}._stHfW_multiline:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}";
+		const tagId$2 = "@morlay/dsh-session-mode/MultilineField.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/MultilineField.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var MultilineField_module_css_default = { "multiline": "_stHfW_multiline" };
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/MultilineField.tsx
+		function MultilineField({ rows = 3, className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				rows,
+				"data-role": "multiline-field",
+				className: classes(MultilineField_module_css_default.multiline, className),
+				...rest
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SearchSelect.module.css.mjs
+		const css$1 = ".BtUTmW_trigger{white-space:nowrap;height:32px}.BtUTmW_searchRow{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:center;padding:4px 8px 8px;display:flex}.BtUTmW_searchInput{width:100%;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;padding:2px 0;font-family:inherit;font-size:13px;line-height:1.5}.BtUTmW_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px;font-size:12px;line-height:1.5}";
+		const tagId$1 = "@morlay/dsh-session-mode/SearchSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SearchSelect.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var SearchSelect_module_css_default = {
+			"trigger": "BtUTmW_trigger",
+			"searchRow": "BtUTmW_searchRow",
+			"searchInput": "BtUTmW_searchInput",
+			"empty": "BtUTmW_empty"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/SearchSelect.tsx
+		function SearchSelect({ label, value, emptyLabel, options, disabled = false, searchLabel, noMatchLabel, onSelect }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [query, setQuery] = (0, react.useState)("");
+			const searchRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (open) searchRef.current?.focus();
+			}, [open]);
+			const matches = (0, react.useMemo)(() => (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(options.map((option) => ({
+				value: option.value,
+				name: option.label ?? option.value,
+				label: option.value
+			})), query), [options, query]);
+			const current = options.find((option) => option.value === value);
+			const close = () => {
+				setOpen(false);
+				setQuery("");
+			};
+			const pick = (next) => {
+				close();
+				onSelect(next);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "sm",
+					"data-role": "search-select",
+					className: classes(SearchSelect_module_css_default.trigger),
+					"data-action": "pick",
+					disabled,
+					"aria-haspopup": "menu",
+					"aria-label": label,
+					onClick: () => {
+						if (open) close();
+						else setOpen(true);
+					},
+					children: value === "" ? emptyLabel : current?.label ?? value
+				}),
+				selectedId: value,
+				onSelect: pick,
+				onClose: close,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: SearchSelect_module_css_default.searchRow,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: SearchSelect_module_css_default.searchInput,
+							ref: searchRef,
+							value: query,
+							"aria-label": searchLabel,
+							placeholder: searchLabel,
+							onChange: (event) => {
+								setQuery(event.currentTarget.value);
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MenuItemButton, {
+						icon: value === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : void 0,
+						onSelect: () => {
+							pick("");
+						},
+						children: emptyLabel
+					}),
+					matches.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MenuItemButton, {
+						icon: option.value === value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : void 0,
+						onSelect: () => {
+							pick(option.value);
+						},
+						children: option.name
+					}, option.value)),
+					matches.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SearchSelect_module_css_default.empty,
+						children: noMatchLabel
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/tags.ts
+		function parseTagList(text) {
+			const seen = /* @__PURE__ */ new Set();
+			const names = [];
+			for (const raw of text.split(/[,，;；\t\n\r]+/u)) {
+				const name = raw.trim();
+				if (name === "" || seen.has(name)) continue;
+				seen.add(name);
+				names.push(name);
+			}
+			return names;
+		}
+		function mergeTags(current, incoming) {
+			const merged = [...current];
+			for (const name of incoming) {
+				if (name === "" || merged.includes(name)) continue;
+				merged.push(name);
 			}
+			return merged;
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/TagInput.module.css.mjs
+		const css = ".Is5kta_row{align-items:flex-start;gap:8px;width:100%;display:flex}.Is5kta_anchor{flex:auto;width:100%;min-width:0;display:flex}.Is5kta_box{box-sizing:border-box;background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);flex-flow:wrap;align-items:center;gap:4px 6px;width:100%;min-height:32px;padding:4px 8px;display:flex}.Is5kta_input{min-width:120px;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;flex:120px;padding:2px 0;font-family:inherit;font-size:13px;line-height:1.5}.Is5kta_chip{corner-shape:round;white-space:nowrap;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;align-items:center;gap:2px;padding:1px 4px 1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.Is5kta_chipRemove{box-sizing:border-box;width:14px;height:14px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.Is5kta_chipRemove:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.Is5kta_chipRemove:disabled{cursor:not-allowed;opacity:.4}.Is5kta_chipRemove:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:0}.Is5kta_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px;font-size:12px;line-height:1.5}";
+		const tagId = "@morlay/dsh-session-mode/TagInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/TagInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-session-mode";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var TagInput_module_css_default = {
+			"chipRemove": "Is5kta_chipRemove",
+			"empty": "Is5kta_empty",
+			"box": "Is5kta_box",
+			"row": "Is5kta_row",
+			"anchor": "Is5kta_anchor",
+			"input": "Is5kta_input",
+			"chip": "Is5kta_chip"
 		};
-		styled("div")(styles.form);
-		styled("p")(styles.notice);
-		styled("div")(styles.footer);
-		styled("p")(styles.failed);
-		styled("button")(styles.save);
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/TagInput.tsx
+		function TagInput({ value, onChange, options, placeholder, label, disabled = false, noMatchLabel = "", removeLabel }) {
+			const [draft, setDraft] = (0, react.useState)("");
+			const [open, setOpen] = (0, react.useState)(false);
+			const commit = (text) => {
+				const names = parseTagList(text);
+				if (names.length === 0) return;
+				onChange(mergeTags(value, names));
+				setDraft("");
+			};
+			const remaining = (0, react.useMemo)(() => (options ?? []).filter((option) => !value.includes(option.value)).map((option) => ({
+				value: option.value,
+				name: option.label ?? option.value,
+				label: option.value
+			})), [options, value]);
+			const matches = (0, react.useMemo)(() => (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(remaining, draft), [remaining, draft]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: TagInput_module_css_default.row,
+				"data-role": "tag-input",
+				"data-control": "tags",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+					open: open && remaining.length > 0,
+					className: TagInput_module_css_default.anchor,
+					anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: TagInput_module_css_default.box,
+						children: [value.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: TagInput_module_css_default.chip,
+							"data-tag": name,
+							children: [name, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: TagInput_module_css_default.chipRemove,
+								"data-action": "remove-tag",
+								disabled,
+								"aria-label": removeLabel(name),
+								onClick: () => {
+									onChange(value.filter((candidate) => candidate !== name));
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 10 })
+							})]
+						}, name)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: TagInput_module_css_default.input,
+							value: draft,
+							placeholder: value.length === 0 ? placeholder : "",
+							"aria-label": label,
+							disabled,
+							onFocus: () => {
+								setOpen(true);
+							},
+							onBlur: () => {
+								setOpen(false);
+							},
+							onChange: (event) => {
+								setDraft(event.currentTarget.value);
+							},
+							onKeyDown: (event) => {
+								if (event.key !== "Enter") return;
+								event.preventDefault();
+								commit(draft);
+							},
+							onPaste: (event) => {
+								const text = event.clipboardData.getData("text");
+								if (parseTagList(text).length < 2) return;
+								event.preventDefault();
+								commit(text);
+							}
+						})]
+					}),
+					onClose: () => {
+						setOpen(false);
+					},
+					children: [matches.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						onMouseDown: (event) => {
+							event.preventDefault();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MenuItemButton, {
+							onSelect: () => {
+								commit(candidate.value);
+							},
+							children: candidate.name
+						})
+					}, candidate.value)), matches.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: TagInput_module_css_default.empty,
+						"data-role": "tag-input-empty",
+						children: noMatchLabel
+					}) : null]
+				})
+			});
+		}
 		//#endregion
 		//#region ../../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 		/**
@@ -16210,6 +15765,7 @@ window.__ModuleLoader__.load({
 		const LINE_FRAGMENT = /^L(\d+)(?:C(\d+))?(?:-L(\d+))?$/u;
 		const SCHEME = /^([A-Za-z][A-Za-z0-9+.-]*):/u;
 		const BARE_PATH = /^([^:]+):(\d+)(?::(\d+))?$/u;
+		const MENTION_WHITESPACE = /\s/u;
 		const URI_UNSAFE = /[%#()\s<>"`]/gu;
 		const PATH_PUNCTUATION = [
 			codes.slash,
@@ -16266,6 +15822,10 @@ window.__ModuleLoader__.load({
 		function isLocalReference(reference) {
 			return !EXTERNAL_PROTOCOLS.includes(reference.protocol);
 		}
+		function formatReferenceMention(reference) {
+			const path = reference.path ?? "";
+			return MENTION_WHITESPACE.test(path) ? `@"${path}"` : `@${path}`;
+		}
 		function findReferences(text) {
 			const spans = [];
 			if (text === "" || !TRIGGERS.some((trigger) => text.includes(trigger))) return spans;
@@ -16495,7 +16055,7 @@ window.__ModuleLoader__.load({
 				const child = children[index];
 				if (child === void 0) continue;
 				if (child.type === "link") {
-					const reference = parseReference(child.url ?? "", labelOf(child));
+					const reference = parseReference(child.url ?? "", labelOf$1(child));
 					if (reference !== void 0) {
 						children[index] = referenceNodeOf(reference, child, children[index - 1]);
 						continue;
@@ -16530,14 +16090,14 @@ window.__ModuleLoader__.load({
 				end: position.end
 			};
 		}
-		function labelOf(node) {
-			const label = textOf(node);
+		function labelOf$1(node) {
+			const label = textOf$1(node);
 			return label === "" ? void 0 : label;
 		}
-		function textOf(node) {
+		function textOf$1(node) {
 			if (node.value !== void 0) return node.value;
 			let text = "";
-			for (const child of node.children ?? []) text += textOf(child);
+			for (const child of node.children ?? []) text += textOf$1(child);
 			return text;
 		}
 		function parseBareReference(raw) {
@@ -16581,127 +16141,1448 @@ window.__ModuleLoader__.load({
 				transforms: [transformLinks]
 			};
 		}
-		function isKnownScheme(name) {
-			const protocol = name.toLowerCase();
-			return protocol === "file" || protocol === "skill";
-		}
-		function splitLineFragment(value) {
-			const hashAt = value.indexOf("#");
-			if (hashAt === -1) return {
-				head: value,
-				lines: {}
+		function isKnownScheme(name) {
+			const protocol = name.toLowerCase();
+			return protocol === "file" || protocol === "skill";
+		}
+		function splitLineFragment(value) {
+			const hashAt = value.indexOf("#");
+			if (hashAt === -1) return {
+				head: value,
+				lines: {}
+			};
+			const matched = LINE_FRAGMENT.exec(value.slice(hashAt + 1));
+			if (matched === null) return {
+				head: value,
+				lines: {}
+			};
+			const lineStart = matched[1];
+			if (lineStart === void 0) return {
+				head: value,
+				lines: {}
+			};
+			const column = matched[2];
+			const lineEnd = matched[3];
+			return {
+				head: value.slice(0, hashAt),
+				lines: {
+					lineStart: Number(lineStart),
+					...column === void 0 ? {} : { column: Number(column) },
+					...lineEnd === void 0 ? {} : { lineEnd: Number(lineEnd) }
+				}
+			};
+		}
+		function lineFragmentOf(reference) {
+			if (reference.lineStart === void 0) return "";
+			const column = reference.column === void 0 ? "" : `C${String(reference.column)}`;
+			const lineEnd = reference.lineEnd === void 0 ? "" : `-L${String(reference.lineEnd)}`;
+			return `#L${String(reference.lineStart)}${column}${lineEnd}`;
+		}
+		function authorityEnd(value) {
+			for (let index = 2; index < value.length; index += 1) {
+				const char = value[index];
+				if (char === "/" || char === "?" || char === "#") return index;
+			}
+			return value.length;
+		}
+		function encodeUri(uri) {
+			return uri.replace(URI_UNSAFE, (char) => `%${char.charCodeAt(0).toString(16).toUpperCase().padStart(2, "0")}`);
+		}
+		function decodeUri(value) {
+			try {
+				return decodeURIComponent(value);
+			} catch {
+				return;
+			}
+		}
+		//#endregion
+		//#region ../../client/ui-primitives/src/reference-markdown.tsx
+		function referenceMentions(actions, tokens) {
+			return { resolve: (value) => {
+				const reference = tokens?.get(value) ?? parseReferenceToken(value);
+				if (reference === void 0) return void 0;
+				return {
+					label: value,
+					title: formatReference(reference),
+					open: () => {
+						openReference(reference, actions);
+					}
+				};
+			} };
+		}
+		const ReferenceMarkdown = (0, react.memo)(function ReferenceMarkdown({ text, labels, actions, streaming = false, pathImages }) {
+			const { source, tokens } = (0, react.useMemo)(() => tokenizeReferences(text), [text]);
+			const mentions = (0, react.useMemo)(() => referenceMentions(actions, tokens), [actions, tokens]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
+				text: source,
+				streaming,
+				labels,
+				fileMentions: mentions,
+				pathImages
+			});
+		});
+		function displayTextOf(reference) {
+			return (reference.title ?? `${reference.path ?? ""}${rangeOf(reference)}`).replaceAll("`", "'");
+		}
+		function rangeOf(reference) {
+			if (reference.lineStart === void 0) return "";
+			const column = reference.column === void 0 ? "" : `C${String(reference.column)}`;
+			return reference.lineEnd === void 0 ? `#L${String(reference.lineStart)}${column}` : `#L${String(reference.lineStart)}${column}-L${String(reference.lineEnd)}`;
+		}
+		function tokenizeReferences(text) {
+			const tokens = /* @__PURE__ */ new Map();
+			let out = "";
+			let cursor = 0;
+			for (const span of findReferences(text)) {
+				if (!isLocalReference(span.reference) || span.start < cursor) continue;
+				const display = displayTextOf(span.reference);
+				tokens.set(display, span.reference);
+				out += `${text.slice(cursor, span.start)}\`${display}\``;
+				cursor = span.end;
+			}
+			return {
+				source: cursor === 0 ? text : out + text.slice(cursor),
+				tokens
+			};
+		}
+		function openReference(reference, actions) {
+			const path = reference.path;
+			if (actions === void 0 || path === void 0) return;
+			if (reference.protocol === "skill") {
+				actions.openSkill(path);
+				return;
+			}
+			if (reference.protocol === "file") actions.openFile(path);
+		}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/index.ts
+		var client_exports = /* @__PURE__ */ __exportAll({
+			Bubble: () => Bubble,
+			Button: () => Button$1,
+			DisclosureRow: () => DisclosureRow,
+			IconButton: () => IconButton,
+			ModelRouteList: () => ModelRouteList,
+			MultilineField: () => MultilineField,
+			ReferenceMarkdown: () => ReferenceMarkdown,
+			Row: () => Row,
+			SCHEMA_FORM_NS: () => NS$1,
+			SchemaFormController: () => SchemaFormController,
+			SchemaFormHints: () => SchemaFormHints,
+			SearchInput: () => SearchInput,
+			SearchSelect: () => SearchSelect,
+			SeatButton: () => SeatButton,
+			SettingsFieldRow: () => SettingsFieldRow,
+			Spinner: () => Spinner,
+			Stack: () => Stack,
+			Tabs: () => Tabs,
+			TagInput: () => TagInput,
+			Text: () => Text,
+			TimeLabel: () => TimeLabel,
+			VisuallyHidden: () => VisuallyHidden,
+			apply: () => apply$1,
+			failureOf: () => failureOf,
+			findReferences: () => findReferences,
+			formatReference: () => formatReference,
+			formatReferenceMention: () => formatReferenceMention,
+			inject: () => inject$1,
+			isLocalReference: () => isLocalReference,
+			markdownLabels: () => markdownLabels,
+			mergeTags: () => mergeTags,
+			parseReference: () => parseReference,
+			parseReferenceToken: () => parseReferenceToken,
+			parseTagList: () => parseTagList,
+			projectRoot: () => projectRoot,
+			referenceMentions: () => referenceMentions,
+			rowRegistrations: () => rowRegistrations,
+			schemaForm: () => schema_form_exports,
+			walkFields: () => walkFields
+		});
+		__reExport(client_exports, require("@deepseek-ai/dsh-client-ui-primitives"));
+		const inject$1 = [...inject$2];
+		function apply$1(ctx) {
+			apply$2(ctx);
+		}
+		//#endregion
+		//#region src/catalog-remote.ts
+		const CATALOG_NS = "sessionModeCatalog";
+		const SESSION_MODE_CATALOG_REMOTE = {
+			package: "@morlay/dsh-session-mode",
+			descriptors: [{
+				id: "@morlay/dsh-session-mode#sessionModeCatalog/list",
+				service: CATALOG_NS,
+				namespace: CATALOG_NS,
+				method: "list",
+				implementation: "remoteExportList",
+				invocation: { kind: "direct" },
+				parameters: [],
+				result: { mode: "src-json" }
+			}]
+		};
+		//#endregion
+		//#region src/shared.ts
+		const SESSION_MODE_PATH = "/session-mode";
+		const POLICY_NAMES = ["fs/write-intent", "fs/edit-intent"];
+		//#endregion
+		//#region src/client/llm-directory.ts
+		function routeKey(provider, model) {
+			return `${provider}\u0000${model}`;
+		}
+		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 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
+			})));
+		}
+		//#endregion
+		//#region 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;
+		}
+		function fieldKey(path) {
+			return JSON.stringify(path);
+		}
+		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)
+				}
+			});
+			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);
+			});
+			const modelsStore = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
+				status: "loading",
+				routes: []
+			});
+			const loadModels = async () => {
+				try {
+					const providers = await loadLlmProviders(ctx);
+					modelsStore.set({
+						status: "ready",
+						routes: routesOf(providers)
+					});
+				} catch {
+					modelsStore.set({
+						status: "error",
+						routes: []
+					});
+				}
+			};
+			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();
+				}
+			};
+		}
+		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"
+					]
+				};
+			}
+		}
+		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)
 			};
-			const matched = LINE_FRAGMENT.exec(value.slice(hashAt + 1));
-			if (matched === null) return {
-				head: value,
-				lines: {}
+			if (spec.control === "tags" || spec.control === "roles") return {
+				...common,
+				text: "",
+				value: arrayOf(field)
 			};
-			const lineStart = matched[1];
-			if (lineStart === void 0) return {
-				head: value,
-				lines: {}
+			if (spec.control === "switch") return {
+				...common,
+				text: "",
+				value: field?.value === true
+			};
+			if (spec.control === "tri") return {
+				...common,
+				text: "",
+				value: triOf(field)
 			};
-			const column = matched[2];
-			const lineEnd = matched[3];
 			return {
-				head: value.slice(0, hashAt),
-				lines: {
-					lineStart: Number(lineStart),
-					...column === void 0 ? {} : { column: Number(column) },
-					...lineEnd === void 0 ? {} : { lineEnd: Number(lineEnd) }
-				}
+				...common,
+				text: textOf(field),
+				value: field?.value
 			};
 		}
-		function lineFragmentOf(reference) {
-			if (reference.lineStart === void 0) return "";
-			const column = reference.column === void 0 ? "" : `C${String(reference.column)}`;
-			const lineEnd = reference.lineEnd === void 0 ? "" : `-L${String(reference.lineEnd)}`;
-			return `#L${String(reference.lineStart)}${column}${lineEnd}`;
-		}
-		function authorityEnd(value) {
-			for (let index = 2; index < value.length; index += 1) {
-				const char = value[index];
-				if (char === "/" || char === "?" || char === "#") return index;
-			}
-			return value.length;
-		}
-		function encodeUri(uri) {
-			return uri.replace(URI_UNSAFE, (char) => `%${char.charCodeAt(0).toString(16).toUpperCase().padStart(2, "0")}`);
-		}
-		function decodeUri(value) {
-			try {
-				return decodeURIComponent(value);
-			} catch {
-				return;
-			}
-		}
+		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"
+			]));
+			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;
 		//#endregion
-		//#region ../../client/ui-primitives/src/reference-markdown.tsx
-		function referenceMentions(actions, tokens) {
-			return { resolve: (value) => {
-				const reference = tokens?.get(value) ?? parseReferenceToken(value);
-				if (reference === void 0) return void 0;
-				return {
-					label: value,
-					title: formatReference(reference),
-					open: () => {
-						openReference(reference, actions);
-					}
-				};
-			} };
-		}
-		(0, react.memo)(function ReferenceMarkdown({ text, labels, actions, streaming = false, pathImages }) {
-			const { source, tokens } = (0, react.useMemo)(() => tokenizeReferences(text), [text]);
-			const mentions = (0, react.useMemo)(() => referenceMentions(actions, tokens), [actions, tokens]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
-				text: source,
-				streaming,
+		//#region 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 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 toggle = (id) => {
+				setExpanded((previous) => {
+					const next = new Set(previous);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					return next;
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(client_exports.SettingsForm, {
 				labels,
-				fileMentions: mentions,
-				pathImages
+				state,
+				onSave: face.save,
+				onDiscard: face.discard,
+				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.jsx)(Text, {
+										as: "p",
+										size: "sm",
+										tone: "tertiary",
+										children: t("modes.hint")
+									})]
+								}), /* @__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)(client_exports.Modal, {
+						open: addingOpen,
+						onClose: () => {
+							setAddingOpen(false);
+						},
+						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);
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
+						open: removing !== null,
+						onClose: () => {
+							setRemoving(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 displayTextOf(reference) {
-			return (reference.title ?? `${reference.path ?? ""}${rangeOf(reference)}`).replaceAll("`", "'");
 		}
-		function rangeOf(reference) {
-			if (reference.lineStart === void 0) return "";
-			const column = reference.column === void 0 ? "" : `C${String(reference.column)}`;
-			return reference.lineEnd === void 0 ? `#L${String(reference.lineStart)}${column}` : `#L${String(reference.lineStart)}${column}-L${String(reference.lineEnd)}`;
+		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 tokenizeReferences(text) {
-			const tokens = /* @__PURE__ */ new Map();
-			let out = "";
-			let cursor = 0;
-			for (const span of findReferences(text)) {
-				if (!isLocalReference(span.reference) || span.start < cursor) continue;
-				const display = displayTextOf(span.reference);
-				tokens.set(display, span.reference);
-				out += `${text.slice(cursor, span.start)}\`${display}\``;
-				cursor = span.end;
-			}
-			return {
-				source: cursor === 0 ? text : out + text.slice(cursor),
-				tokens
-			};
+		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 openReference(reference, actions) {
-			const path = reference.path;
-			if (actions === void 0 || path === void 0) return;
-			if (reference.protocol === "skill") {
-				actions.openSkill(path);
-				return;
+		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",
+							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);
+					})
+				});
+				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);
+					}
+				});
 			}
-			if (reference.protocol === "file") actions.openFile(path);
 		}
-		[...inject$2];
-		function apply$1(ctx) {
-			apply$2(ctx);
+		function triValue(field) {
+			return field.value === "unset" || field.value === "on" || field.value === "off" ? field.value : "unset";
 		}
 		//#endregion
-		//#region src/shared.ts
-		const SESSION_MODE_PATH = "/session-mode";
-		const POLICY_NAMES = ["fs/write-intent", "fs/edit-intent"];
+		//#region 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"
+		};
 		//#endregion
 		//#region src/client/api.ts
 		async function fetchRoster() {
@@ -16751,27 +17632,6 @@ window.__ModuleLoader__.load({
 			return roster;
 		}
 		//#endregion
-		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/profile/dsh-session-mode/src/client/SessionModeSeat.module.css.mjs
-		const css = ".dDMF8q_menuAnchor{min-width:54px;max-width:100%}.dDMF8q_seat{min-width:0;max-width:min(100%,240px);min-height:28px;color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.dDMF8q_seat:not(:disabled):hover,.dDMF8q_seat[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.dDMF8q_seat:disabled{cursor:default;color:var(--dsw-alias-label-quaternary)}.dDMF8q_seatIcon{color:var(--dsw-alias-label-primary);flex:none}.dDMF8q_seatLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dDMF8q_chevron{color:var(--dsw-alias-label-caption);flex:none}.dDMF8q_item{flex-direction:column;gap:2px;max-width:280px;display:flex}.dDMF8q_itemName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}.dDMF8q_itemDesc{color:var(--dsw-alias-label-caption);white-space:normal;font-size:12px;line-height:16px}";
-		const tagId = "@morlay/dsh-session-mode/SessionModeSeat.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-session-mode/SessionModeSeat.module.css\"]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "@morlay/dsh-session-mode";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
-		var SessionModeSeat_module_css_default = {
-			"itemName": "dDMF8q_itemName",
-			"seatIcon": "dDMF8q_seatIcon",
-			"seat": "dDMF8q_seat",
-			"seatLabel": "dDMF8q_seatLabel",
-			"itemDesc": "dDMF8q_itemDesc",
-			"chevron": "dDMF8q_chevron",
-			"item": "dDMF8q_item",
-			"menuAnchor": "dDMF8q_menuAnchor"
-		};
-		//#endregion
 		//#region src/client/SessionModeSeat.tsx
 		function SessionModeSeat({ sessionId, useSessions, t }) {
 			const roster = useRoster();
@@ -16789,30 +17649,27 @@ window.__ModuleLoader__.load({
 			if (roster === void 0) return null;
 			const current = selected ?? roster.default;
 			const label = roster.modes.find((mode) => mode.id === current)?.name ?? current;
-			if (editable === false) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: SessionModeSeat_module_css_default.seat,
+			if (editable === false) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatButton, {
 				disabled: true,
 				title: t("lockedHint"),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconAgentPresetOutlineRegular, { className: SessionModeSeat_module_css_default.seatIcon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: SessionModeSeat_module_css_default.seatLabel,
-					children: label
-				})]
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconAgentPresetOutlineRegular, {}),
+				label
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Menu, {
 				open,
 				onClose: () => {
 					setOpen(false);
 				},
 				items: roster.modes.map((mode) => ({
 					id: mode.id,
-					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: SessionModeSeat_module_css_default.item,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: SessionModeSeat_module_css_default.itemName,
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+						gap: 2,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							size: "md",
 							children: mode.name
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: SessionModeSeat_module_css_default.itemDesc,
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							size: "sm",
+							tone: "tertiary",
 							children: mode.description ?? t("noDescription")
 						})]
 					})
@@ -16831,25 +17688,17 @@ window.__ModuleLoader__.load({
 				},
 				align: "start",
 				portal: true,
-				className: SessionModeSeat_module_css_default.menuAnchor,
-				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: SessionModeSeat_module_css_default.seat,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatButton, {
 					"aria-haspopup": "menu",
 					"aria-expanded": open,
 					title: error ?? t("seatHint"),
 					disabled: busy,
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconAgentPresetOutlineRegular, {}),
+					label,
+					chevron: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconChevronDownOutlineRegular, {}),
 					onClick: () => {
 						setOpen((value) => !value);
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconAgentPresetOutlineRegular, { className: SessionModeSeat_module_css_default.seatIcon }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: SessionModeSeat_module_css_default.seatLabel,
-							children: label
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: SessionModeSeat_module_css_default.chevron })
-					]
+					}
 				})
 			});
 		}
@@ -16864,7 +17713,7 @@ window.__ModuleLoader__.load({
 			model: "模型",
 			modelHint: "模型 id。",
 			reasoningEffort: "思考档位",
-			reasoningEffortHint: "省略就跟服务商自己的默认。"
+			reasoningEffortHint: "默认就跟服务商自己的默认。"
 		};
 		const en = {
 			seatHint: "Pick the mode for this session",
@@ -16875,7 +17724,7 @@ window.__ModuleLoader__.load({
 			model: "Model",
 			modelHint: "Model id.",
 			reasoningEffort: "Reasoning effort",
-			reasoningEffortHint: "Unset keeps the provider's own default."
+			reasoningEffortHint: "Default keeps the provider's own default."
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -16888,13 +17737,8 @@ window.__ModuleLoader__.load({
 		const POLICY_FIELDS = ["allowPolicies", "denyPolicies"];
 		const DYNAMIC = "*";
 		const inject = ["slots", "locale"];
-		const SESSION_MODE_NS = "session-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);
+		function unwrapHintService(scope) {
+			return unwrapService(scope.schemaFormHints);
 		}
 		function apply(ctx) {
 			apply$1(ctx);
@@ -16904,7 +17748,7 @@ window.__ModuleLoader__.load({
 				en
 			}), "session-mode: dictionaries");
 			ctx.inject(["schemaFormHints"], (scope) => scope.effect(() => {
-				const hints = scope.schemaFormHints;
+				const hints = unwrapHintService(scope);
 				const offs = FIELDS.map((key) => hints.describe(SESSION_MODE_NS, [
 					"modes",
 					DYNAMIC,
@@ -16919,7 +17763,7 @@ window.__ModuleLoader__.load({
 				};
 			}, "session-mode: field wording"));
 			ctx.inject(["schemaFormHints"], (scope) => scope.effect(() => {
-				const offs = POLICY_FIELDS.map((key) => scope.schemaFormHints.select(SESSION_MODE_NS, [
+				const offs = POLICY_FIELDS.map((key) => unwrapHintService(scope).select(SESSION_MODE_NS, [
 					"modes",
 					DYNAMIC,
 					key,
@@ -16930,42 +17774,14 @@ window.__ModuleLoader__.load({
 				};
 			}, "session-mode: policy candidates"));
 			ctx.inject(["schemaFormHints"], (scope) => scope.effect(() => {
-				const hints = scope.schemaFormHints;
+				const hints = unwrapHintService(scope);
 				const remote = scope.get("remote");
-				const forms = scope.get("configForms");
-				if (remote === void 0 || forms === void 0) return () => {};
+				if (remote === void 0) return () => {};
 				let providers = [];
 				const load = async () => {
-					const [routes, directory] = await Promise.all([remote.llm.listProviders(), remote.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: []
-					});
-					providers = [...merged.values()];
+					providers = await loadLlmProviders(scope);
 					hints.refresh();
 				};
-				const modelsOf = (provider) => {
-					if (typeof provider !== "string") return [];
-					const entry = providers.find((candidate) => candidate.value === provider);
-					if (entry === void 0 || 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) => {
-						const id = typeof model === "object" && model !== null ? Reflect.get(model, "id") : void 0;
-						return typeof id === "string" ? [{ value: id }] : [];
-					});
-				};
 				const offs = [
 					hints.source("llm-providers", { options: () => providers.map((entry) => ({
 						value: entry.value,
@@ -16973,13 +17789,16 @@ window.__ModuleLoader__.load({
 					})) }),
 					hints.source("llm-models", {
 						dependsOn: [["provider"]],
-						options: (read) => modelsOf(read(["provider"]))
+						options: (read) => {
+							const provider = read(["provider"]);
+							return typeof provider === "string" ? providers.find((entry) => entry.value === provider)?.models ?? [] : [];
+						}
 					}),
 					remote.$on("llm/adapters-updated", () => {
 						load();
 					}),
 					remote.$on("settings/document-updated", () => {
-						hints.refresh();
+						load();
 					})
 				];
 				load();
@@ -16987,6 +17806,56 @@ window.__ModuleLoader__.load({
 					for (const off of offs) off();
 				};
 			}, "session-mode: model candidates"));
+			ctx.inject(["schemaFormHints"], (scope) => scope.effect(() => {
+				const hints = unwrapHintService(scope);
+				const remote = scope.get("remote");
+				if (remote === void 0) return () => {};
+				const roster = remoteNamespace(scope, "agentPresets");
+				if (roster === void 0) return () => {};
+				let presets = [];
+				const load = async () => {
+					const listed = await roster.list();
+					if (!listed.ok) return;
+					presets = listed.value.presets.map((preset) => ({
+						value: preset.id,
+						label: preset.name ?? preset.id
+					}));
+					hints.refresh();
+				};
+				const offs = [hints.source("agent-presets", { options: () => presets }), remote.$on("settings/document-updated", () => {
+					load();
+				})];
+				load();
+				return () => {
+					for (const off of offs) off();
+				};
+			}, "session-mode: preset candidates"));
+			ctx.inject(["schemaFormHints", "remote"], (scope) => scope.effect(() => {
+				const hints = unwrapHintService(scope);
+				let tools = [];
+				let skills = [];
+				const offs = [
+					hints.source("catalog-tools", { options: () => tools.map((value) => ({ value })) }),
+					hints.source("catalog-skills", { options: () => skills.map((value) => ({ value })) }),
+					hints.source("policies", { options: () => POLICY_NAMES.map((value) => ({ value })) })
+				];
+				let disposeMount;
+				if (typeof scope.remote.$mount !== "function") return () => {
+					for (const off of offs) off();
+				};
+				scope.remote.$mount(SESSION_MODE_CATALOG_REMOTE).then(async (dispose) => {
+					disposeMount = dispose;
+					const listed = await remoteNamespace(scope, CATALOG_NS)?.list();
+					if (listed?.ok !== true) return;
+					tools = listed.value.tools;
+					skills = listed.value.skills;
+					hints.refresh();
+				}).catch(() => {});
+				return () => {
+					for (const off of offs) off();
+					disposeMount?.();
+				};
+			}, "session-mode: catalog candidates"));
 			ctx.inject(["slots", "conversation"], (scope) => {
 				scope.effect(() => {
 					const seat = scope.slots.register({
@@ -17000,6 +17869,46 @@ 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?.();
+				});
+				return () => {
+					off();
+					hints = void 0;
+				};
+			}, "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
+					});
+					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");
+			});
 		}
 		//#endregion
 		exports.SESSION_MODE_NS = SESSION_MODE_NS;