@morlay/ui-conversation-manager 0.1.4 → 0.1.5

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");
@@ -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();
@@ -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();
-		}
-		//#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 " }";
-				}
-			}
+		//#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/ui-conversation-manager/schema-form.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/schema-form.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$16;
+			tag.textContent = css$16;
+			document.head.appendChild(tag);
+		}
+		var schema_form_module_css_default = {
+			"lineInvalid": "B1Faoa_lineInvalid",
+			"editorRoot": "B1Faoa_editorRoot",
+			"lineNumber": "B1Faoa_lineNumber",
+			"lineToken": "B1Faoa_lineToken",
+			"lineKey": "B1Faoa_lineKey",
+			"lineFold": "B1Faoa_lineFold",
+			"hoverActions": "B1Faoa_hoverActions",
+			"lineFoldSpacer": "B1Faoa_lineFoldSpacer",
+			"valueSlot": "B1Faoa_valueSlot",
+			"compactInput": "B1Faoa_compactInput",
+			"compactTextField": "B1Faoa_compactTextField",
+			"lineComment": "B1Faoa_lineComment",
+			"lineRow": "B1Faoa_lineRow",
+			"lineValue": "B1Faoa_lineValue",
+			"lineActions": "B1Faoa_lineActions",
+			"lineBody": "B1Faoa_lineBody",
+			"valueTrigger": "B1Faoa_valueTrigger",
+			"addWrap": "B1Faoa_addWrap",
+			"hint": "B1Faoa_hint"
 		};
-		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,
@@ -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 }) {
+		function Row$1({ line, n, ns, state, face, fold, t, resolveText, disabled, editing, selected, dismissed, onEdit, onAdded, onDismiss, onSelect, renderField }) {
 			const key = fieldKey(line.path);
 			const indent = { paddingLeft: `${String(line.depth * 14)}px` };
-			const body = line.kind === "comment" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(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
@@ -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,
@@ -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$2 = {
-			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/ui-conversation-manager/layout.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/layout.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$15;
+			tag.textContent = css$15;
+			document.head.appendChild(tag);
+		}
+		var layout_module_css_default = {
+			"stack": "e_G4ZW_stack",
+			"boxed": "e_G4ZW_boxed",
+			"justifyEnd": "e_G4ZW_justifyEnd",
+			"fill": "e_G4ZW_fill",
+			"mono": "e_G4ZW_mono",
+			"weightMedium": "e_G4ZW_weightMedium",
+			"padNone": "e_G4ZW_padNone",
+			"tabular": "e_G4ZW_tabular",
+			"padCard": "e_G4ZW_padCard",
+			"fixed": "e_G4ZW_fixed",
+			"justifyCenter": "e_G4ZW_justifyCenter",
+			"gap12": "e_G4ZW_gap12",
+			"alignEnd": "e_G4ZW_alignEnd",
+			"gap4": "e_G4ZW_gap4",
+			"padRow": "e_G4ZW_padRow",
+			"gap8": "e_G4ZW_gap8",
+			"gap6": "e_G4ZW_gap6",
+			"padBody": "e_G4ZW_padBody",
+			"sizeSm": "e_G4ZW_sizeSm",
+			"padPage": "e_G4ZW_padPage",
+			"gap10": "e_G4ZW_gap10",
+			"alignStart": "e_G4ZW_alignStart",
+			"push": "e_G4ZW_push",
+			"sizeLg": "e_G4ZW_sizeLg",
+			"toneDanger": "e_G4ZW_toneDanger",
+			"gapWide": "e_G4ZW_gapWide",
+			"sizeMd": "e_G4ZW_sizeMd",
+			"gap2": "e_G4ZW_gap2",
+			"wrap": "e_G4ZW_wrap",
+			"justifyBetween": "e_G4ZW_justifyBetween",
+			"toneSecondary": "e_G4ZW_toneSecondary",
+			"scroll": "e_G4ZW_scroll",
+			"toneTertiary": "e_G4ZW_toneTertiary",
+			"text": "e_G4ZW_text",
+			"sizeBase": "e_G4ZW_sizeBase",
+			"strong": "e_G4ZW_strong",
+			"gap0": "e_G4ZW_gap0",
+			"sizeXs": "e_G4ZW_sizeXs",
+			"truncate": "e_G4ZW_truncate",
+			"grow": "e_G4ZW_grow",
+			"narrow": "e_G4ZW_narrow",
+			"gap14": "e_G4ZW_gap14",
+			"wSearch": "e_G4ZW_wSearch",
+			"tonePrimary": "e_G4ZW_tonePrimary",
+			"row": "e_G4ZW_row",
+			"gap16": "e_G4ZW_gap16",
+			"padBlocking": "e_G4ZW_padBlocking",
+			"alignCenter": "e_G4ZW_alignCenter",
+			"plain": "e_G4ZW_plain"
 		};
-		styled("div")(styles$2.field);
-		styled("div")(styles$2.head);
-		styled("div")(styles$2.labelGroup);
-		styled("label")(styles$2.label, styles$2.groupLabel);
-		styled("label")(styles$2.label);
-		styled("button")(styles$2.helpButton);
-		styled("div")(styles$2.help);
-		styled("span")(styles$2.badges);
-		styled("span")(styles$2.badge, styles$2.badgeNeutral);
-		styled("span")(styles$2.badge, styles$2.badgeQuiet);
-		styled("button")(styles$2.reset);
-		styled("input")(styles$2.input);
-		styled("p")(styles$2.invalid);
-		styled("p")(styles$2.hint);
-		const styles$1 = {
-			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/ui-conversation-manager/SettingsFieldRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/SettingsFieldRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$14;
+			tag.textContent = css$14;
+			document.head.appendChild(tag);
+		}
+		var SettingsFieldRow_module_css_default = {
+			"invalid": "_72UBVa_invalid",
+			"inline": "_72UBVa_inline",
+			"body": "_72UBVa_body",
+			"label": "_72UBVa_label",
+			"row": "_72UBVa_row",
+			"text": "_72UBVa_text",
+			"badge": "_72UBVa_badge",
+			"reset": "_72UBVa_reset",
+			"hint": "_72UBVa_hint"
+		};
+		//#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/ui-conversation-manager/Bubble.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/Bubble.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/Button.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/Button.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/DisclosureRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/DisclosureRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/SearchInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/SearchInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		var SearchInput_module_css_default = {
+			"full": "KiR4MG_full",
+			"search": "KiR4MG_search"
+		};
+		//#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/ui-conversation-manager/SeatButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/SeatButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
+			document.head.appendChild(tag);
+		}
+		var SeatButton_module_css_default = {
+			"seat": "HcNbhG_seat",
+			"expanded": "HcNbhG_expanded",
+			"icon": "HcNbhG_icon",
+			"label": "HcNbhG_label",
+			"chevron": "HcNbhG_chevron"
+		};
+		//#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/ui-conversation-manager/Spinner.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/Spinner.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/Tabs.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/Tabs.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			document.head.appendChild(tag);
+		}
+		var Tabs_module_css_default = {
+			"tab": "GO-36q_tab",
+			"tabs": "GO-36q_tabs",
+			"tabActive": "GO-36q_tabActive"
+		};
+		//#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/ui-conversation-manager/TimeLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/TimeLabel.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/VisuallyHidden.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/VisuallyHidden.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/IconButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/IconButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/ModelRouteList.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/ModelRouteList.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var ModelRouteList_module_css_default = {
+			"picked": "_2eBkWq_picked",
+			"notice": "_2eBkWq_notice",
+			"text": "_2eBkWq_text",
+			"item": "_2eBkWq_item",
+			"id": "_2eBkWq_id",
+			"group": "_2eBkWq_group",
+			"name": "_2eBkWq_name",
+			"error": "_2eBkWq_error",
+			"list": "_2eBkWq_list",
+			"provider": "_2eBkWq_provider"
+		};
+		//#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/ui-conversation-manager/MultilineField.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/MultilineField.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			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/ui-conversation-manager/SearchSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/SearchSelect.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var SearchSelect_module_css_default = {
+			"trigger": "BtUTmW_trigger",
+			"searchInput": "BtUTmW_searchInput",
+			"empty": "BtUTmW_empty",
+			"searchRow": "BtUTmW_searchRow"
+		};
+		//#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/ui-conversation-manager/TagInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/TagInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-manager";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var TagInput_module_css_default = {
+			"chipRemove": "Is5kta_chipRemove",
+			"row": "Is5kta_row",
+			"input": "Is5kta_input",
+			"chip": "Is5kta_chip",
+			"empty": "Is5kta_empty",
+			"box": "Is5kta_box",
+			"anchor": "Is5kta_anchor"
 		};
-		styled("div")(styles$1.form);
-		styled("p")(styles$1.notice);
-		styled("div")(styles$1.footer);
-		styled("p")(styles$1.failed);
-		styled("button")(styles$1.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;
@@ -16650,7 +16210,7 @@ window.__ModuleLoader__.load({
 				};
 			} };
 		}
-		(0, react.memo)(function ReferenceMarkdown({ text, labels, actions, streaming = false, pathImages }) {
+		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, {
@@ -16694,7 +16254,51 @@ window.__ModuleLoader__.load({
 			}
 			if (reference.protocol === "file") actions.openFile(path);
 		}
-		[...inject$2];
+		//#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);
 		}
@@ -16844,254 +16448,12 @@ window.__ModuleLoader__.load({
 			if (!Number.isFinite(value) || value <= 0) return "0%";
 			return `${value >= 100 ? Math.round(value) : Math.round(value * 10) / 10}%`;
 		}
-		const styles = {
-			page: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "12px",
-				boxSizing: "border-box",
-				width: "100%",
-				height: "100%",
-				padding: "24px 28px",
-				overflow: "hidden",
-				color: "var(--dsw-alias-label-primary)"
-			},
-			scroll: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "12px",
-				flex: "1 1 auto",
-				minHeight: "0",
-				overflowY: "auto"
-			},
-			header: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				gap: "12px",
-				flex: "none"
-			},
-			headerActions: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px",
-				flex: "none"
-			},
-			title: {
-				margin: "0",
-				fontSize: "16px",
-				lineHeight: "24px",
-				fontWeight: "500"
-			},
-			tabs: {
-				position: "relative",
-				zIndex: "1",
-				display: "flex",
-				gap: "36px",
-				marginTop: "10px",
-				paddingLeft: "8px",
-				flex: "none"
-			},
-			tab: {
-				position: "relative",
-				padding: "0 0 9px",
-				border: "none",
-				background: "transparent",
-				fontSize: "13px",
-				lineHeight: "16px",
-				fontWeight: "500",
-				color: "var(--dsw-alias-label-tertiary)",
-				cursor: "pointer",
-				"&::after": {
-					content: "''",
-					position: "absolute",
-					right: "0",
-					bottom: "-1px",
-					left: "0",
-					height: "2px",
-					borderRadius: "2px",
-					background: "transparent"
-				}
-			},
-			tabActive: {
-				color: "var(--dsw-alias-state-business-primary)",
-				"&::after": { background: "var(--dsw-alias-state-business-primary)" }
-			},
-			usage: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "12px",
-				flex: "none"
-			},
-			usageRow: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "6px",
-				padding: "10px 12px",
-				border: "1px solid var(--dsw-alias-border-l1)",
-				borderRadius: "10px",
-				background: "var(--dsw-alias-bg-base)",
-				flex: "none"
-			},
-			usageRowLabel: {
-				overflow: "hidden",
-				fontSize: "12px",
-				lineHeight: "18px",
-				color: "var(--dsw-alias-label-tertiary)",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			},
-			usageMetrics: {
-				display: "flex",
-				flexDirection: "row",
-				flexWrap: "wrap",
-				gap: "6px 20px"
-			},
-			usageMetric: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "2px"
-			},
-			usageMetricLabel: {
-				fontSize: "12px",
-				lineHeight: "18px",
-				color: "var(--dsw-alias-label-tertiary)"
-			},
-			usageMetricValue: {
-				fontSize: "16px",
-				lineHeight: "24px",
-				fontWeight: "500",
-				fontVariantNumeric: "tabular-nums"
-			},
-			usageList: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "4px",
-				margin: "0",
-				padding: "0",
-				listStyle: "none",
-				flex: "none"
-			},
-			filters: {
-				display: "flex",
-				alignItems: "center",
-				gap: "16px",
-				flex: "none"
-			},
-			search: {
-				width: "360px",
-				maxWidth: "100%",
-				flex: "none"
-			},
-			list: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "4px",
-				margin: "0",
-				padding: "0",
-				listStyle: "none",
-				flex: "none"
-			},
-			row: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				gap: "16px",
-				padding: "10px 12px",
-				border: "1px solid var(--dsw-alias-border-l1)",
-				borderRadius: "10px",
-				background: "var(--dsw-alias-bg-base)",
-				flex: "none"
-			},
-			identity: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "2px",
-				minWidth: "0"
-			},
-			titleLine: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px",
-				minWidth: "0"
-			},
-			rowTitle: {
-				overflow: "hidden",
-				fontSize: "13px",
-				lineHeight: "20px",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			},
-			meta: {
-				fontSize: "12px",
-				lineHeight: "18px",
-				color: "var(--dsw-alias-label-tertiary)"
-			},
-			actions: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px",
-				flex: "none"
-			},
-			pagination: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "flex-end",
-				gap: "8px",
-				marginTop: "4px",
-				flex: "none"
-			},
-			paginationLabel: {
-				fontSize: "12px",
-				lineHeight: "18px",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontVariantNumeric: "tabular-nums"
-			},
-			status: {
-				margin: "0",
-				fontSize: "13px",
-				lineHeight: "20px",
-				color: "var(--dsw-alias-label-tertiary)",
-				flex: "none"
-			},
-			failure: {
-				margin: "0",
-				fontSize: "13px",
-				lineHeight: "20px",
-				color: "var(--dsw-alias-label-error, var(--dsw-alias-label-primary))",
-				flex: "none"
-			},
-			blocking: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				gap: "14px",
-				padding: "32px 40px",
-				color: "var(--dsw-alias-label-primary)"
-			},
-			spinner: {
-				width: "28px",
-				height: "28px",
-				border: "2px solid var(--dsw-alias-border-l2)",
-				borderTopColor: "var(--dsw-alias-label-primary)",
-				borderRadius: "50%",
-				animation: `${styling.keyframes({
-					from: { transform: "rotate(0deg)" },
-					to: { transform: "rotate(360deg)" }
-				})} 900ms linear infinite`
-			},
-			blockingText: {
-				margin: "0",
-				fontSize: "13px",
-				lineHeight: "20px"
-			}
-		};
 		//#endregion
 		//#region src/client/ConversationManagerPage.tsx
 		const PAGE_SIZE = 20;
 		const USAGE_SESSION_ROWS = 20;
 		function timeLabel(updatedAt, now, t) {
-			const { unit, n } = (0, _deepseek_ai_dsh_client_ui_primitives.relativeTime)(updatedAt, now);
+			const { unit, n } = (0, client_exports.relativeTime)(updatedAt, now);
 			return unit === "now" ? t("time.now") : t(`time.${unit}`, { n });
 		}
 		function failureText(error, t) {
@@ -17111,6 +16473,7 @@ window.__ModuleLoader__.load({
 			const [view, setView] = (0, react.useState)("sessions");
 			const [usageTab, setUsageTab] = (0, react.useState)("overview");
 			const [usageRange, setUsageRange] = (0, react.useState)("day");
+			const [usageOnlySubagents, setUsageOnlySubagents] = (0, react.useState)(false);
 			const [usage, setUsage] = (0, react.useState)(null);
 			const [usageLoading, setUsageLoading] = (0, react.useState)(false);
 			const [usageError, setUsageError] = (0, react.useState)(null);
@@ -17204,8 +16567,10 @@ window.__ModuleLoader__.load({
 				setView("usage");
 				if (usage === null && !usageLoading) requestUsage(usageRange);
 			};
-			if (rowsPage === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				...styling.props(styles.status),
+			if (rowsPage === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+				as: "p",
+				size: "md",
+				tone: "tertiary",
 				children: rowsFailure ?? t("loading")
 			});
 			const now = Date.now();
@@ -17215,43 +16580,42 @@ window.__ModuleLoader__.load({
 			const currentPage = Math.min(page, pageCount);
 			const matched = rows;
 			const confirmed = confirming;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				...styling.props(styles.page),
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
 				"data-view": view,
+				fill: true,
+				pad: "page",
+				gap: 12,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles.header),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+						gap: 12,
+						justify: "between",
+						fixed: true,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-								...styling.props(styles.title),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+								as: "h1",
+								size: "lg",
+								weight: "medium",
 								children: t("title")
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								...styling.props(styles.tabs),
-								role: "tablist",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									role: "tab",
-									"data-tab": "sessions",
-									"aria-selected": view === "sessions",
-									className: styling.className(styles.tab, view === "sessions" && styles.tabActive),
-									onClick: () => {
-										setView("sessions");
-									},
-									children: t("view.sessions")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									role: "tab",
-									"data-tab": "usage",
-									"aria-selected": view === "usage",
-									className: styling.className(styles.tab, view === "usage" && styles.tabActive),
-									onClick: openUsage,
-									children: t("view.usage")
-								})]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
+								label: t("title"),
+								items: [{
+									value: "sessions",
+									label: t("view.sessions")
+								}, {
+									value: "usage",
+									label: t("view.usage")
+								}],
+								value: view,
+								onChange: (next) => {
+									if (next === "usage") openUsage();
+									else setView("sessions");
+								}
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								...styling.props(styles.headerActions),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+								gap: 8,
+								fixed: true,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 									variant: "outline",
 									size: "sm",
 									"data-action": "import",
@@ -17262,7 +16626,7 @@ window.__ModuleLoader__.load({
 										fileRef.current?.click();
 									},
 									children: importing ? t("importing") : t("import")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 									variant: "outline",
 									size: "sm",
 									"data-action": "gc",
@@ -17299,9 +16663,10 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					view === "usage" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						...styling.props(styles.scroll),
+					view === "usage" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
 						"data-scroll": "page",
+						gap: 12,
+						scroll: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageView, {
 							report: usage,
 							loading: usageLoading,
@@ -17310,15 +16675,18 @@ window.__ModuleLoader__.load({
 							onTab: setUsageTab,
 							range: usageRange,
 							onRange: requestUsage,
+							onlySubagents: usageOnlySubagents,
+							onOnlySubagents: setUsageOnlySubagents,
 							t
 						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles.filters),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-							className: styling.className(styles.search),
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+						gap: 16,
+						fixed: true,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
+							width: "search",
 							"data-filter": "search",
 							type: "search",
-							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutlineRegular, {}),
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconSearchOutlineRegular, {}),
 							value: query,
 							placeholder: t("search"),
 							"aria-label": t("search"),
@@ -17328,7 +16696,7 @@ window.__ModuleLoader__.load({
 							}
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							"data-filter": "subagents",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Checkbox, {
 								checked: showSubagents,
 								label: t("showSubagents"),
 								onChange: (next) => {
@@ -17337,59 +16705,78 @@ window.__ModuleLoader__.load({
 								}
 							})
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles.scroll),
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
 						"data-scroll": "page",
+						gap: 12,
+						scroll: true,
 						children: [
-							notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								...styling.props(styles.status),
+							notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 								"data-notice": "result",
+								as: "p",
+								size: "md",
+								tone: "tertiary",
 								children: notice
 							}),
-							failure === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								...styling.props(styles.failure),
+							failure === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 								"data-failure": "result",
 								role: "alert",
+								as: "p",
+								size: "md",
+								tone: "danger",
 								children: failure
 							}),
-							total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								...styling.props(styles.status),
+							total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 								"data-status": "empty",
+								as: "p",
+								size: "md",
+								tone: "tertiary",
 								children: t(settledQuery === "" ? "empty" : "emptySearch")
 							}) : null,
-							visible.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-								...styling.props(styles.list),
-								children: visible.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-									...styling.props(styles.row),
+							visible.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
+								as: "ul",
+								gap: 4,
+								plain: true,
+								children: visible.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+									as: "li",
+									gap: 16,
+									justify: "between",
+									boxed: true,
+									pad: "row",
+									fixed: true,
 									"data-session-id": String(row.id),
 									"data-archived": row.archived ? "true" : "false",
 									"data-subagent": row.subagent ? "true" : "false",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										...styling.props(styles.identity),
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											...styling.props(styles.titleLine),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+										gap: 2,
+										grow: true,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+											gap: 8,
+											grow: true,
 											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													...styling.props(styles.rowTitle),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+													size: "md",
+													truncate: true,
 													children: row.title
 												}),
-												row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+												row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Tag, {
 													tone: "neutral",
 													children: t("archived")
 												}) : null,
-												row.subagent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+												row.subagent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Tag, {
 													tone: "quiet",
 													children: t("subagent")
 												}) : null
 											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											...styling.props(styles.meta),
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+											size: "sm",
+											tone: "tertiary",
 											children: [row.workspace, timeLabel(row.updatedAt, now, t)].join(" · ")
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										...styling.props(styles.actions),
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+										gap: 8,
+										fixed: true,
 										children: [
-											row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 												variant: "outline",
 												size: "sm",
 												"data-action": "unarchive",
@@ -17398,7 +16785,7 @@ window.__ModuleLoader__.load({
 													run(unarchive(row.id));
 												},
 												children: t("unarchive")
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 												variant: "outline",
 												size: "sm",
 												"data-action": "archive",
@@ -17408,7 +16795,7 @@ window.__ModuleLoader__.load({
 												},
 												children: t("archive")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 												variant: "outline",
 												size: "sm",
 												"data-action": "export",
@@ -17418,7 +16805,7 @@ window.__ModuleLoader__.load({
 												},
 												children: t("export")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 												variant: "outline",
 												size: "sm",
 												disabled: !row.archived,
@@ -17435,13 +16822,15 @@ window.__ModuleLoader__.load({
 									})]
 								}, row.id))
 							}) : null,
-							matched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								...styling.props(styles.pagination),
+							matched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
 								"data-pagination": "",
 								"data-page-current": currentPage,
 								"data-page-total": pageCount,
+								gap: 8,
+								justify: "end",
+								fixed: true,
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 										variant: "ghost",
 										size: "sm",
 										disabled: currentPage <= 1,
@@ -17450,14 +16839,16 @@ window.__ModuleLoader__.load({
 										},
 										children: t("page.previous")
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										...styling.props(styles.paginationLabel),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+										size: "sm",
+										tone: "tertiary",
+										tabular: true,
 										children: t("page.label", {
 											page: currentPage,
 											total: pageCount
 										})
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 										variant: "ghost",
 										size: "sm",
 										disabled: currentPage >= pageCount,
@@ -17470,7 +16861,7 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					})] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
 						open: confirmed !== null,
 						onClose: () => {
 							setConfirming(null);
@@ -17478,13 +16869,13 @@ window.__ModuleLoader__.load({
 						title: t("confirmTitle"),
 						closeLabel: t("close"),
 						description: t("confirmDescription"),
-						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "ghost",
 							onClick: () => {
 								setConfirming(null);
 							},
 							children: t("confirmCancel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "primary",
 							onClick: () => {
 								if (confirmed === null) return;
@@ -17495,7 +16886,7 @@ window.__ModuleLoader__.load({
 							children: t("confirmAccept")
 						})] })
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
 						open: gcPhase === "confirm",
 						onClose: () => {
 							setGcPhase("idle");
@@ -17503,30 +16894,30 @@ window.__ModuleLoader__.load({
 						title: t("gc.title"),
 						closeLabel: t("close"),
 						description: t("gc.description"),
-						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "ghost",
 							onClick: () => {
 								setGcPhase("idle");
 							},
 							children: t("gc.cancel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "primary",
 							onClick: startGc,
 							children: t("gc.confirm")
 						})] })
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
 						open: gcPhase === "running",
 						onClose: () => {},
 						headless: true,
 						title: t("gc.title"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							...styling.props(styles.blocking),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								...styling.props(styles.spinner),
-								"aria-hidden": "true"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								...styling.props(styles.blockingText),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+							align: "center",
+							gap: 14,
+							pad: "blocking",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: t("gc.running") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+								as: "p",
+								size: "md",
 								children: t("gc.running")
 							})]
 						})
@@ -17651,24 +17042,42 @@ window.__ModuleLoader__.load({
 			}
 			return [...folded.values()].sort((left, right) => sortWeight(right.totals) - sortWeight(left.totals));
 		}
-		function UsageRow({ rowKey, label, totals, t, withActivity = true }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				...styling.props(styles.usageRow),
+		function UsageRow({ rowKey, label, totals, t, subagent, withActivity = true }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+				as: "li",
+				gap: 6,
+				boxed: true,
+				pad: "row",
+				fixed: true,
 				"data-usage-key": rowKey,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					...styling.props(styles.usageRowLabel),
-					children: label
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					...styling.props(styles.usageMetrics),
-					children: usageMetrics(totals, t, { withActivity }).map((metric) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						...styling.props(styles.usageMetric),
+				...subagent === void 0 ? {} : { "data-subagent": subagent ? "true" : "false" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+					gap: 8,
+					grow: true,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+						size: "sm",
+						tone: "tertiary",
+						truncate: true,
+						children: label
+					}), subagent === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Tag, {
+						tone: "quiet",
+						children: t("subagent")
+					}) : null]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+					gap: "wide",
+					wrap: true,
+					children: usageMetrics(totals, t, { withActivity }).map((metric) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
 						"data-usage-cell": metric.key,
 						"data-usage-value": metric.value,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							...styling.props(styles.usageMetricLabel),
+						gap: 2,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							size: "sm",
+							tone: "tertiary",
 							children: metric.label
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							...styling.props(styles.usageMetricValue),
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							size: "lg",
+							weight: "medium",
+							tabular: true,
 							children: metric.kind === "percent" ? formatPercent(metric.value) : metric.kind === "count" ? formatCount(metric.value) : formatTokens(metric.value)
 						})]
 					}, metric.key))
@@ -17676,25 +17085,32 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function UsageList({ rows, t, withActivity = true }) {
-			if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				...styling.props(styles.status),
+			if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 				"data-usage-status": "empty",
+				as: "p",
+				size: "md",
+				tone: "tertiary",
 				children: t("usage.empty")
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-				...styling.props(styles.usageList),
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
+				as: "ul",
+				gap: 4,
+				plain: true,
 				children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageRow, {
 					rowKey: row.key,
 					label: row.label,
 					totals: row.totals,
 					t,
+					...row.subagent === void 0 ? {} : { subagent: row.subagent },
 					withActivity
 				}, row.key))
 			});
 		}
 		function UsageOverview({ report, t }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
-				...styling.props(styles.usageList),
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+				as: "ul",
+				gap: 4,
+				plain: true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageRow, {
 					rowKey: "all",
 					label: t("usage.all"),
@@ -17708,7 +17124,7 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function UsageView({ report, loading, error, tab, onTab, range, onRange, t }) {
+		function UsageView({ report, loading, error, tab, onTab, range, onRange, onlySubagents, onOnlySubagents, t }) {
 			const items = [
 				"overview",
 				"models",
@@ -17719,56 +17135,64 @@ window.__ModuleLoader__.load({
 				models: t("usage.models"),
 				sessions: t("usage.sessions")
 			};
-			const rows = report === null || tab === "overview" ? [] : tab === "models" ? foldBuckets(report.buckets, (bucket) => `${bucket.provider ?? t("usage.unknownModel")} / ${bucket.model ?? t("usage.unknownModel")}`) : report.sessions.map((row) => ({
+			const rows = report === null || tab === "overview" ? [] : tab === "models" ? foldBuckets(report.buckets, (bucket) => `${bucket.provider ?? t("usage.unknownModel")} / ${bucket.model ?? t("usage.unknownModel")}`) : report.sessions.filter((row) => !onlySubagents || row.subagent).map((row) => ({
 				key: row.sessionId,
 				label: row.title ?? row.sessionId,
-				totals: row
+				totals: row,
+				subagent: row.subagent
 			})).sort((left, right) => sortWeight(right.totals) - sortWeight(left.totals)).slice(0, USAGE_SESSION_ROWS);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				...styling.props(styles.usage),
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
 				"data-usage-view": tab,
 				"data-usage-range": range,
+				gap: 12,
+				fixed: true,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						...styling.props(styles.tabs),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
 						role: "radiogroup",
-						"aria-label": t("usage.range"),
-						children: USAGE_RANGES.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							role: "radio",
-							"aria-checked": range === option,
-							"data-range": option,
-							className: styling.className(styles.tab, range === option && styles.tabActive),
-							onClick: () => {
-								onRange(option);
-							},
-							children: rangeLabel(option, t)
-						}, option))
+						label: t("usage.range"),
+						items: USAGE_RANGES.map((option) => ({
+							value: option,
+							label: rangeLabel(option, t)
+						})),
+						value: range,
+						onChange: (next) => {
+							onRange(next);
+						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						...styling.props(styles.tabs),
-						role: "tablist",
-						children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							role: "tab",
-							"data-usage-tab": item,
-							"aria-selected": tab === item,
-							className: styling.className(styles.tab, tab === item && styles.tabActive),
-							onClick: () => {
-								onTab(item);
-							},
-							children: labels[item]
-						}, item))
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
+						label: t("usage.range"),
+						items: items.map((item) => ({
+							value: item,
+							label: labels[item]
+						})),
+						value: tab,
+						onChange: (next) => {
+							onTab(next);
+						}
 					}),
-					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						...styling.props(styles.status),
+					tab === "sessions" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+						"data-filter": "usage-subagents",
+						gap: 16,
+						fixed: true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Checkbox, {
+							checked: onlySubagents,
+							label: t("usage.onlySubagents"),
+							onChange: onOnlySubagents
+						})
+					}) : null,
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 						"data-usage-status": "loading",
+						as: "p",
+						size: "md",
+						tone: "tertiary",
 						children: t("usage.loading")
 					}) : null,
-					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						...styling.props(styles.failure),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 						"data-usage-status": "error",
 						role: "alert",
+						as: "p",
+						size: "md",
+						tone: "danger",
 						children: error
 					}),
 					report === null ? null : tab === "overview" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageOverview, {
@@ -17824,6 +17248,7 @@ window.__ModuleLoader__.load({
 			"usage.userInputs": "用户输入",
 			"usage.toolCalls": "工具调用",
 			"usage.subagentOnly": "其中子代理",
+			"usage.onlySubagents": "只看子代理会话",
 			"usage.unknownModel": "未知模型",
 			archive: "归档",
 			archiveNamed: "归档 {title}",
@@ -17898,6 +17323,7 @@ window.__ModuleLoader__.load({
 			"usage.userInputs": "User inputs",
 			"usage.toolCalls": "Tool calls",
 			"usage.subagentOnly": "Subagent share",
+			"usage.onlySubagents": "Subagent sessions only",
 			"usage.unknownModel": "Unknown model",
 			archive: "Archive",
 			archiveNamed: "Archive {title}",