@morlay/ui-conversation-message-actions 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,13 +18,23 @@ 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");
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		let react_dom = require("react-dom");
 		//#region src/shared.ts
 		const SESSION_EDITOR_PATHS = {
 			edit: "/api/morlay/v1/session/edit",
@@ -1038,7 +1051,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();
@@ -1558,1212 +1571,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$17 = ".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$17 = "@morlay/ui-conversation-message-actions/schema-form.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/schema-form.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$17;
+			tag.textContent = css$17;
+			document.head.appendChild(tag);
+		}
+		var schema_form_module_css_default = {
+			"lineInvalid": "B1Faoa_lineInvalid",
+			"lineFold": "B1Faoa_lineFold",
+			"compactInput": "B1Faoa_compactInput",
+			"lineRow": "B1Faoa_lineRow",
+			"lineToken": "B1Faoa_lineToken",
+			"compactTextField": "B1Faoa_compactTextField",
+			"lineValue": "B1Faoa_lineValue",
+			"editorRoot": "B1Faoa_editorRoot",
+			"lineNumber": "B1Faoa_lineNumber",
+			"valueSlot": "B1Faoa_valueSlot",
+			"lineComment": "B1Faoa_lineComment",
+			"lineFoldSpacer": "B1Faoa_lineFoldSpacer",
+			"hint": "B1Faoa_hint",
+			"lineKey": "B1Faoa_lineKey",
+			"lineBody": "B1Faoa_lineBody",
+			"valueTrigger": "B1Faoa_valueTrigger",
+			"hoverActions": "B1Faoa_hoverActions",
+			"lineActions": "B1Faoa_lineActions",
+			"addWrap": "B1Faoa_addWrap"
 		};
-		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 }) {
@@ -2821,7 +1659,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 ? "••••••" : ""
@@ -2829,7 +1668,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
 				})
@@ -2859,14 +1699,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 })]
@@ -2995,6 +1837,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;
@@ -3010,9 +1857,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,
@@ -3073,20 +1921,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,
@@ -3102,7 +1956,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,
@@ -3111,8 +1968,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,
@@ -3135,20 +1998,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
@@ -3193,49 +2059,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);
@@ -3249,7 +2129,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", {
@@ -3272,7 +2153,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", {
@@ -3338,7 +2220,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,
@@ -3346,7 +2229,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 })]
@@ -3359,14 +2243,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,
@@ -3429,7 +2318,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: [
@@ -3449,35 +2339,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
 				]
 			});
@@ -3495,7 +2394,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")
 			});
@@ -3518,7 +2418,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 })
@@ -3532,7 +2433,30 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/index.ts
-		const NS$2 = "settings.schema-form";
+		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",
 			"locale",
@@ -3548,7 +2472,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function install(ctx) {
-			ctx.effect(() => ctx.locale.register(NS$2, {
+			ctx.effect(() => ctx.locale.register(NS$1, {
 				zh,
 				en
 			}), "ui-schema-form: dictionaries");
@@ -3560,7 +2484,7 @@ window.__ModuleLoader__.load({
 					kind: "chain",
 					scope: "root"
 				} },
-				locale: NS$2
+				locale: NS$1
 			}, SchemaForm), "ui-schema-form: form factory");
 			const rehydrate = (serialized) => ctx.settingsSchema.rehydrate(serialized);
 			const validate = (schema, value) => {
@@ -3584,7 +2508,7 @@ window.__ModuleLoader__.load({
 					describe,
 					rehydrate,
 					validate,
-					t: ctx.locale.bind(NS$2),
+					t: ctx.locale.bind(NS$1),
 					hints: {
 						keysFor: (path) => hints.keysFor(ns, path),
 						textFor: (path) => hints.textFor(ns, path),
@@ -3616,243 +2540,862 @@ window.__ModuleLoader__.load({
 				},
 				subscribeBundles: (listener) => ctx.remote.$on("plugin-manager/changed", listener),
 				entryFor,
-				locale: NS$2,
+				locale: NS$1,
 				release: (ns) => {
 					const entry = entries.get(ns);
 					entries.delete(ns);
 					entry?.controller.dispose();
 				}
 			});
-			ctx.effect(() => {
-				const offDescribe = ctx.configForms.describe().subscribe(() => {
-					registration.sync();
-				});
-				const offHints = hints.subscribe(() => {
-					for (const entry of entries.values()) entry.controller.refresh();
-				});
-				registration.sync();
-				return () => {
-					offDescribe();
-					offHints();
-					registration.dispose();
-					for (const [ns, entry] of entries) {
-						entries.delete(ns);
-						entry.controller.dispose();
-					}
-				};
-			}, "ui-schema-form: row registrations");
+			ctx.effect(() => {
+				const offDescribe = ctx.configForms.describe().subscribe(() => {
+					registration.sync();
+				});
+				const offHints = hints.subscribe(() => {
+					for (const entry of entries.values()) entry.controller.refresh();
+				});
+				registration.sync();
+				return () => {
+					offDescribe();
+					offHints();
+					registration.dispose();
+					for (const [ns, entry] of entries) {
+						entries.delete(ns);
+						entry.controller.dispose();
+					}
+				};
+			}, "ui-schema-form: row registrations");
+		}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/markdown-labels.ts
+		function markdownLabels(t) {
+			return {
+				code: {
+					copyLabel: t("copy"),
+					copiedLabel: t("copied")
+				},
+				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$16 = ".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$16 = "@morlay/ui-conversation-message-actions/layout.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/layout.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$16;
+			tag.textContent = css$16;
+			document.head.appendChild(tag);
+		}
+		var layout_module_css_default = {
+			"sizeSm": "e_G4ZW_sizeSm",
+			"gap0": "e_G4ZW_gap0",
+			"justifyCenter": "e_G4ZW_justifyCenter",
+			"truncate": "e_G4ZW_truncate",
+			"justifyEnd": "e_G4ZW_justifyEnd",
+			"toneSecondary": "e_G4ZW_toneSecondary",
+			"gap16": "e_G4ZW_gap16",
+			"gap6": "e_G4ZW_gap6",
+			"fill": "e_G4ZW_fill",
+			"gap4": "e_G4ZW_gap4",
+			"sizeMd": "e_G4ZW_sizeMd",
+			"toneDanger": "e_G4ZW_toneDanger",
+			"gapWide": "e_G4ZW_gapWide",
+			"alignCenter": "e_G4ZW_alignCenter",
+			"wSearch": "e_G4ZW_wSearch",
+			"gap12": "e_G4ZW_gap12",
+			"gap2": "e_G4ZW_gap2",
+			"strong": "e_G4ZW_strong",
+			"row": "e_G4ZW_row",
+			"scroll": "e_G4ZW_scroll",
+			"boxed": "e_G4ZW_boxed",
+			"gap14": "e_G4ZW_gap14",
+			"wrap": "e_G4ZW_wrap",
+			"padRow": "e_G4ZW_padRow",
+			"sizeXs": "e_G4ZW_sizeXs",
+			"sizeLg": "e_G4ZW_sizeLg",
+			"fixed": "e_G4ZW_fixed",
+			"alignEnd": "e_G4ZW_alignEnd",
+			"padNone": "e_G4ZW_padNone",
+			"padPage": "e_G4ZW_padPage",
+			"padBody": "e_G4ZW_padBody",
+			"alignStart": "e_G4ZW_alignStart",
+			"gap8": "e_G4ZW_gap8",
+			"gap10": "e_G4ZW_gap10",
+			"stack": "e_G4ZW_stack",
+			"plain": "e_G4ZW_plain",
+			"push": "e_G4ZW_push",
+			"padCard": "e_G4ZW_padCard",
+			"text": "e_G4ZW_text",
+			"grow": "e_G4ZW_grow",
+			"sizeBase": "e_G4ZW_sizeBase",
+			"tonePrimary": "e_G4ZW_tonePrimary",
+			"padBlocking": "e_G4ZW_padBlocking",
+			"toneTertiary": "e_G4ZW_toneTertiary",
+			"weightMedium": "e_G4ZW_weightMedium",
+			"mono": "e_G4ZW_mono",
+			"justifyBetween": "e_G4ZW_justifyBetween",
+			"tabular": "e_G4ZW_tabular",
+			"narrow": "e_G4ZW_narrow"
+		};
+		//#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$15 = "._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$15 = "@morlay/ui-conversation-message-actions/SettingsFieldRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/SettingsFieldRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$15;
+			tag.textContent = css$15;
+			document.head.appendChild(tag);
+		}
+		var SettingsFieldRow_module_css_default = {
+			"label": "_72UBVa_label",
+			"text": "_72UBVa_text",
+			"row": "_72UBVa_row",
+			"body": "_72UBVa_body",
+			"inline": "_72UBVa_inline",
+			"badge": "_72UBVa_badge",
+			"reset": "_72UBVa_reset",
+			"invalid": "_72UBVa_invalid",
+			"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$14 = ".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$14 = "@morlay/ui-conversation-message-actions/Bubble.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/Bubble.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$14;
+			tag.textContent = css$14;
+			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$13 = ".WFViLq_label{white-space:nowrap}.WFViLq_danger{--dsw-alias-button-primary-fill:var(--dsw-alias-state-error-primary)}";
+		const tagId$13 = "@morlay/ui-conversation-message-actions/Button.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/Button.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$13;
+			tag.textContent = css$13;
+			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$12 = ".MBWCEG_content{flex:auto;min-width:0}.MBWCEG_contentLayout{align-items:center;gap:8px;width:100%;min-width:0;display:flex}";
+		const tagId$12 = "@morlay/ui-conversation-message-actions/DisclosureRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/DisclosureRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$12;
+			tag.textContent = css$12;
+			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$11 = ".KiR4MG_search{flex:none;width:360px;max-width:100%}.KiR4MG_full{flex:none;width:100%}";
+		const tagId$11 = "@morlay/ui-conversation-message-actions/SearchInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/SearchInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$11;
+			tag.textContent = css$11;
+			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$10 = ".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$10 = "@morlay/ui-conversation-message-actions/SeatButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/SeatButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		var SeatButton_module_css_default = {
+			"chevron": "HcNbhG_chevron",
+			"expanded": "HcNbhG_expanded",
+			"label": "HcNbhG_label",
+			"icon": "HcNbhG_icon",
+			"seat": "HcNbhG_seat"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/SeatButton.tsx
+		function SeatButton({ icon, label, expanded = false, chevron, type = "button", className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type,
+				className: classes(SeatButton_module_css_default.seat, expanded ? SeatButton_module_css_default.expanded : void 0, className),
+				...rest,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.icon,
+						children: icon
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.label,
+						children: label
+					}),
+					chevron === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SeatButton_module_css_default.chevron,
+						children: chevron
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Spinner.module.css.mjs
+		const css$9 = ".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$9 = "@morlay/ui-conversation-message-actions/Spinner.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/Spinner.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
+			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$8 = ".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$8 = "@morlay/ui-conversation-message-actions/Tabs.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/Tabs.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
+			document.head.appendChild(tag);
+		}
+		var Tabs_module_css_default = {
+			"tab": "GO-36q_tab",
+			"tabActive": "GO-36q_tabActive",
+			"tabs": "GO-36q_tabs"
+		};
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/Tabs.tsx
+		function Tabs({ label, items, value, onChange, role = "tablist", disabled = false }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: Tabs_module_css_default.tabs,
+				role,
+				"aria-label": label,
+				children: items.map((item) => {
+					const active = item.value === value;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: role === "tablist" ? "tab" : "radio",
+						"data-tab": item.value,
+						"aria-selected": role === "tablist" ? active : void 0,
+						"aria-checked": role === "tablist" ? void 0 : active,
+						disabled,
+						className: classes(Tabs_module_css_default.tab, active ? Tabs_module_css_default.tabActive : void 0),
+						onClick: () => {
+							onChange(item.value);
+						},
+						children: item.label
+					}, item.value);
+				})
+			});
 		}
 		//#endregion
-		//#region ../../client/ui-primitives/src/client/markdown-labels.ts
-		function markdownLabels(t) {
-			return {
-				code: {
-					copyLabel: t("copy"),
-					copiedLabel: t("copied")
-				},
-				footnotes: t("markdown.footnotes")
-			};
+		//#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$7 = "._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$7 = "@morlay/ui-conversation-message-actions/TimeLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/TimeLabel.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			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 ../../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)))}`;
+		//#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$6 = ".YAvv4W_hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId$6 = "@morlay/ui-conversation-message-actions/VisuallyHidden.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/VisuallyHidden.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		var VisuallyHidden_module_css_default = { "hidden": "YAvv4W_hidden" };
 		//#endregion
-		//#region ../../client/ui-primitives/src/client/settings-form/fields.styles.ts
-		const helpButtonHoverBackground = "var(--dsw-alias-bg-layer-4)";
-		const styles$5 = {
-			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"
-				},
-				"&[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
-			}
+		//#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$5 = ".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$5 = "@morlay/ui-conversation-message-actions/IconButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/IconButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
+			document.head.appendChild(tag);
+		}
+		var IconButton_module_css_default = {
+			"circle": "I3t6Ga_circle",
+			"sm": "I3t6Ga_sm",
+			"iconButton": "I3t6Ga_iconButton"
 		};
-		styled("div")(styles$5.field);
-		styled("div")(styles$5.head);
-		styled("div")(styles$5.labelGroup);
-		styled("label")(styles$5.label, styles$5.groupLabel);
-		styled("label")(styles$5.label);
-		styled("button")(styles$5.helpButton);
-		styled("div")(styles$5.help);
-		styled("span")(styles$5.badges);
-		styled("span")(styles$5.badge, styles$5.badgeNeutral);
-		styled("span")(styles$5.badge, styles$5.badgeQuiet);
-		styled("button")(styles$5.reset);
-		styled("input")(styles$5.input);
-		styled("p")(styles$5.invalid);
-		styled("p")(styles$5.hint);
-		const styles$4 = {
-			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/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$4 = "._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$4 = "@morlay/ui-conversation-message-actions/ModelRouteList.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/ModelRouteList.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var ModelRouteList_module_css_default = {
+			"id": "_2eBkWq_id",
+			"name": "_2eBkWq_name",
+			"picked": "_2eBkWq_picked",
+			"list": "_2eBkWq_list",
+			"provider": "_2eBkWq_provider",
+			"item": "_2eBkWq_item",
+			"text": "_2eBkWq_text",
+			"notice": "_2eBkWq_notice",
+			"group": "_2eBkWq_group",
+			"error": "_2eBkWq_error"
+		};
+		//#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$3 = "._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$3 = "@morlay/ui-conversation-message-actions/MultilineField.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/MultilineField.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			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$2 = ".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$2 = "@morlay/ui-conversation-message-actions/SearchSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/SearchSelect.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var SearchSelect_module_css_default = {
+			"searchRow": "BtUTmW_searchRow",
+			"searchInput": "BtUTmW_searchInput",
+			"empty": "BtUTmW_empty",
+			"trigger": "BtUTmW_trigger"
+		};
+		//#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$1 = ".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$1 = "@morlay/ui-conversation-message-actions/TagInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/TagInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var TagInput_module_css_default = {
+			"empty": "Is5kta_empty",
+			"chip": "Is5kta_chip",
+			"box": "Is5kta_box",
+			"input": "Is5kta_input",
+			"chipRemove": "Is5kta_chipRemove",
+			"anchor": "Is5kta_anchor",
+			"row": "Is5kta_row"
 		};
-		styled("div")(styles$4.form);
-		styled("p")(styles$4.notice);
-		styled("div")(styles$4.footer);
-		styled("p")(styles$4.failed);
-		styled("button")(styles$4.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
 		/**
@@ -16321,6 +15864,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,
@@ -16377,6 +15921,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;
@@ -16805,29 +16353,89 @@ 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);
 		}
 		//#endregion
-		//#region src/client/chat-node/message-chrome.ts
+		//#region ../../../vendor/deepseek-harness/packages/client/ui-chat/src/client/chat/message-chrome.ts
 		function pad2(n) {
 			return String(n).padStart(2, "0");
 		}
+		/**
+		* Local calendar-day epoch (ms at local midnight) for an instant.
+		* @param ms - Unix epoch ms.
+		* @returns Midnight of that local calendar day.
+		*/
 		function startOfLocalDay(ms) {
 			const d = new Date(ms);
 			d.setHours(0, 0, 0, 0);
 			return d.getTime();
 		}
+		/**
+		* Delay until the next local midnight after `ms` (at least 1ms).
+		* @param ms - Unix epoch ms.
+		* @returns Milliseconds until the following local midnight.
+		*/
 		function msUntilNextLocalMidnight(ms) {
 			const next = new Date(ms);
 			next.setHours(24, 0, 0, 0);
 			return Math.max(next.getTime() - ms, 1);
 		}
-		function formatTokensPerSecond(tps) {
-			const clamped = Math.max(0, tps);
-			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
-		}
+		/**
+		* Compact local timestamp for message IconActions. Same calendar day →
+		* `HH:mm`; earlier this year → the `clock.md` date template + clock; other
+		* years → the `clock.ymd` template + clock. Pure: the date templates arrive
+		* through the caller's locale seat.
+		* @param time - Unix epoch ms from the source session event.
+		* @param t - translate seat supplying the `clock.md` / `clock.ymd` templates.
+		* @param now - Reference instant for the day/year cut (defaults to wall clock).
+		* @returns Date-aware clock string (24-hour, zero-padded time).
+		*/
 		function formatMessageClock(time, t, now = Date.now()) {
 			const d = new Date(time);
 			const n = new Date(now);
@@ -16841,7 +16449,11 @@ window.__ModuleLoader__.load({
 			return `${d.getFullYear() === n.getFullYear() ? t("clock.md", params) : t("clock.ymd", params)} ${clock}`;
 		}
 		//#endregion
-		//#region src/client/chat-node/use-calendar-day.ts
+		//#region ../../../vendor/deepseek-harness/packages/client/ui-chat/src/client/chat/use-calendar-day.ts
+		/**
+		* Local calendar-day epoch that advances at each local midnight.
+		* @returns Midnight ms for the current local day; updates after the boundary.
+		*/
 		function useCalendarDay() {
 			const [day, setDay] = (0, react.useState)(() => startOfLocalDay(Date.now()));
 			(0, react.useEffect)(() => {
@@ -16859,74 +16471,32 @@ window.__ModuleLoader__.load({
 			return day;
 		}
 		//#endregion
-		//#region src/client/chat-node/MessageIconActions.styles.ts
-		const styles$3 = {
-			actions: {
-				display: "flex",
-				alignItems: "center",
-				gap: "10px",
-				height: "28px"
-			},
-			timeStart: {
-				paddingRight: "12px",
-				fontSize: "14px",
-				lineHeight: "24px",
-				color: "var(--dsw-alias-label-tertiary)",
-				whiteSpace: "nowrap"
-			},
-			timeEnd: {
-				paddingLeft: "12px",
-				fontSize: "14px",
-				lineHeight: "24px",
-				color: "var(--dsw-alias-label-tertiary)",
-				whiteSpace: "nowrap",
-				"&)": { "@media (hover: hover)": { opacity: "1" } }
-			},
-			runTimeDot: { margin: "0 10px" },
-			action: {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				width: "28px",
-				height: "28px",
-				padding: "6px",
-				border: "none",
-				borderRadius: "28px",
-				background: "transparent",
-				color: "var(--dsw-alias-label-tertiary)",
-				cursor: "pointer",
-				"&:hover": {
-					background: "var(--dsw-alias-interactive-bg-hover)",
-					color: "var(--dsw-alias-label-secondary)"
-				},
-				"&[data-unavailable]": {
-					cursor: "default",
-					opacity: "0.4"
-				},
-				"&[data-unavailable]:hover": {
-					background: "transparent",
-					color: "var(--dsw-alias-label-tertiary)"
-				}
-			},
-			visuallyHidden: {
-				position: "absolute",
-				width: "1px",
-				height: "1px",
-				overflow: "hidden",
-				clip: "rect(0 0 0 0)",
-				whiteSpace: "nowrap"
-			}
-		};
-		const globals = {
-			"[data-time-hover-root] [data-time-label]": {
-				opacity: "0",
-				transition: "opacity 80ms ease"
-			},
-			"[data-time-hover-root]:hover :is(.timeStart, .timeEnd),\n  [data-time-hover-root]:focus-within :is(.timeStart, .timeEnd)": { opacity: "1" }
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/vendor/deepseek-harness/packages/client/ui-chat/src/client/chat/MessageIconActions.module.css.mjs
+		const css = "._4gcvcq_actions{height:calc(28px + var(--dsh-content-font-delta,0px));align-items:center;gap:8px;display:flex}._4gcvcq_timeStart{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-right:12px}._4gcvcq_timeEnd{font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:inherit;white-space:nowrap}._4gcvcq_endInfo{min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;margin-left:8px;display:inline-flex}@media (hover:hover){[data-actions-reveal=hover] ._4gcvcq_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])) ._4gcvcq_actions{opacity:0;transition:opacity 80ms}[data-actions-reveal=hover]:hover ._4gcvcq_actions,[data-actions-reveal=hover]:focus-within ._4gcvcq_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])):hover ._4gcvcq_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])):focus-within ._4gcvcq_actions{opacity:1}}._4gcvcq_action{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}._4gcvcq_action svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}._4gcvcq_actions[data-clock=end] ._4gcvcq_action svg{width:calc(17px + var(--dsh-content-font-delta,0px));height:calc(17px + var(--dsh-content-font-delta,0px))}._4gcvcq_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._4gcvcq_action[data-unavailable]{cursor:default;opacity:.4}._4gcvcq_action[data-unavailable]:hover{color:var(--dsw-alias-label-tertiary);background:0 0}._4gcvcq_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId = "@morlay/ui-conversation-message-actions/MessageIconActions.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-message-actions/MessageIconActions.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var MessageIconActions_module_css_default = {
+			"endInfo": "_4gcvcq_endInfo",
+			"visuallyHidden": "_4gcvcq_visuallyHidden",
+			"timeEnd": "_4gcvcq_timeEnd",
+			"action": "_4gcvcq_action",
+			"actions": "_4gcvcq_actions",
+			"timeStart": "_4gcvcq_timeStart"
 		};
 		//#endregion
-		//#region src/client/chat-node/MessageIconActions.tsx
-		function MessageIconActions({ text, time, clock, onBranch, branchUnavailable = false, className, extraActions, onEdit, onRetry, t }) {
+		//#region ../../../vendor/deepseek-harness/packages/client/ui-chat/src/client/chat/MessageIconActions.tsx
+		/**
+		* Copy / branch (/ clock) IconActions row shared by user and assistant chrome.
+		* @param props - Copy text, event time, clock side, branch callback, className.
+		* @returns The actions row element.
+		*/
+		function MessageIconActions({ text, time, clock, onBranch, branchUnavailable = false, className, extraActions, usageAction, t }) {
 			const day = useCalendarDay();
 			const reasonId = (0, react.useId)();
 			const [copied, setCopied] = (0, react.useState)(false);
@@ -16954,14 +16524,12 @@ window.__ModuleLoader__.load({
 				});
 			}, [copied, text]);
 			const clockEl = time === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-time-label": "",
-				...styling.props(clock === "start" ? styles$3.timeStart : styles$3.timeEnd),
+				className: clock === "start" ? MessageIconActions_module_css_default.timeStart : MessageIconActions_module_css_default.timeEnd,
 				children: formatMessageClock(time, t, day)
 			});
-			const actionsClass = styling.className(styles$3.actions);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				"data-time-hover-root": "",
-				className: className === void 0 ? actionsClass : `${actionsClass} ${className}`,
+				className: className === void 0 ? MessageIconActions_module_css_default.actions : `${MessageIconActions_module_css_default.actions} ${className}`,
+				"data-clock": clock,
 				children: [
 					clock === "start" ? clockEl : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
@@ -16969,41 +16537,19 @@ window.__ModuleLoader__.load({
 						side: "bottom",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							...styling.props(styles$3.action),
+							className: MessageIconActions_module_css_default.action,
 							"aria-label": copied ? t("copied") : t("copy"),
 							onClick: onCopy,
 							children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutlineRegular, {})
 						})
 					}),
 					extraActions,
-					onEdit !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-						label: "编辑",
-						side: "bottom",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							...styling.props(styles$3.action),
-							"aria-label": "编辑",
-							onClick: onEdit,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutlineRegular, {})
-						})
-					}),
-					onRetry !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-						label: "重试此回合",
-						side: "bottom",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							...styling.props(styles$3.action),
-							"aria-label": "重试此回合",
-							onClick: onRetry,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, {})
-						})
-					}),
 					onBranch !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
 						label: branchUnavailable ? t("message.branchUnavailable") : t("message.branch"),
 						side: "bottom",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							...styling.props(styles$3.action),
+							className: MessageIconActions_module_css_default.action,
 							"aria-label": t("message.branch"),
 							"aria-disabled": branchUnavailable || void 0,
 							"aria-describedby": branchUnavailable ? reasonId : void 0,
@@ -17014,219 +16560,17 @@ window.__ModuleLoader__.load({
 					}),
 					onBranch !== void 0 && branchUnavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						id: reasonId,
-						...styling.props(styles$3.visuallyHidden),
+						className: MessageIconActions_module_css_default.visuallyHidden,
 						children: t("message.branchUnavailable")
 					}),
-					clock === "end" ? clockEl : null
+					clock === "end" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: MessageIconActions_module_css_default.endInfo,
+						children: [usageAction, clockEl]
+					}) : usageAction
 				]
 			});
 		}
 		//#endregion
-		//#region src/client/chat-node/MessageItem.styles.ts
-		const styles$2 = {
-			userRow: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "flex-end",
-				gap: "6px"
-			},
-			userStack: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "flex-end",
-				gap: "8px",
-				minWidth: "0",
-				maxWidth: "min(525px, 82%)"
-			},
-			bubble: {
-				maxWidth: "100%",
-				background: "var(--dsw-specific-bubble)",
-				borderRadius: "22px",
-				padding: "10px 16px",
-				fontSize: "16px",
-				lineHeight: "24px",
-				color: "var(--dsw-alias-label-primary)"
-			},
-			contextRow: { padding: "2px 0" },
-			compactionRow: { padding: "2px 0" },
-			compactionButton: {
-				display: "flex",
-				alignItems: "center",
-				width: "100%",
-				height: "24px",
-				minWidth: "0",
-				padding: "0",
-				border: "none",
-				borderRadius: "6px",
-				background: "none",
-				color: "inherit",
-				font: "inherit",
-				textAlign: "left",
-				"&:not(:disabled)": { cursor: "pointer" },
-				"&:not(:disabled):hover": { background: "var(--dsw-alias-interactive-bg-hover)" },
-				"&:not(:disabled):hover .compactionContextIcon": { opacity: "0" },
-				"&:not(:disabled):focus-visible .compactionContextIcon": { opacity: "0" },
-				"&:not(:disabled):hover .compactionDisclosureIcon": { opacity: "1" },
-				"&:not(:disabled):focus-visible .compactionDisclosureIcon": { opacity: "1" }
-			},
-			compactionLeading: {
-				flex: "none",
-				display: "inline-grid",
-				placeItems: "center",
-				width: "16px",
-				height: "16px",
-				marginRight: "6px",
-				color: "var(--dsw-alias-label-secondary)"
-			},
-			compactionContextIcon: {
-				display: "inline-flex",
-				gridArea: "1 / 1",
-				alignItems: "center",
-				justifyContent: "center"
-			},
-			compactionDisclosureIcon: {
-				display: "inline-flex",
-				gridArea: "1 / 1",
-				alignItems: "center",
-				justifyContent: "center",
-				opacity: "0"
-			},
-			compactionTitle: {
-				flex: "none",
-				fontSize: "14px",
-				lineHeight: "24px",
-				color: "var(--dsw-alias-label-primary-dimmed)"
-			},
-			compactionSep: {
-				flex: "none",
-				width: "2px",
-				height: "2px",
-				margin: "0 8px",
-				borderRadius: "1px",
-				background: "var(--dsw-alias-label-caption)"
-			},
-			compactionSummary: {
-				flex: "1 1 auto",
-				minWidth: "0",
-				overflow: "hidden",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: "14px",
-				lineHeight: "24px",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			},
-			compactionBody: {
-				padding: "4px 0 4px 22px",
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: "14px",
-				lineHeight: "24px"
-			},
-			retryRow: {
-				color: "var(--dsw-alias-label-tertiary)",
-				fontSize: "13px",
-				lineHeight: "20px",
-				"&[data-active] .retryText": {
-					background: "linear-gradient(\n    90deg,\n    var(--dsw-alias-label-tertiary) 0%,\n    var(--dsw-alias-label-tertiary) 40%,\n    var(--dsw-alias-label-secondary) 50%,\n    var(--dsw-alias-label-tertiary) 60%,\n    var(--dsw-alias-label-tertiary) 100%\n  )",
-					backgroundPosition: "100% 50%",
-					backgroundSize: "200% 100%",
-					backgroundClip: "text",
-					color: "transparent",
-					animation: "retry-shimmer 1.6s ease-in-out infinite",
-					"@media (prefers-reduced-motion: reduce)": {
-						background: "none",
-						color: "inherit",
-						animation: "none"
-					}
-				},
-				"&[open] .retrySummary::after": { transform: "rotate(45deg)" }
-			},
-			retrySummary: {
-				display: "inline-flex",
-				alignItems: "center",
-				width: "fit-content",
-				padding: "2px 0",
-				gap: "7px",
-				borderRadius: "3px",
-				color: "inherit",
-				cursor: "pointer",
-				listStyle: "none",
-				userSelect: "none",
-				"&::-webkit-details-marker": { display: "none" },
-				"&::after": {
-					width: "6px",
-					height: "6px",
-					borderRight: "1.5px solid currentcolor",
-					borderBottom: "1.5px solid currentcolor",
-					content: "\"\"",
-					opacity: "0.8",
-					transform: "rotate(-45deg)",
-					transition: "transform 120ms ease"
-				},
-				"&:hover": { color: "var(--dsw-alias-label-secondary)" },
-				"&:focus-visible": {
-					outline: "1.5px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))",
-					outlineOffset: "2px"
-				}
-			},
-			retryText: { color: "inherit" },
-			retryDetails: {
-				display: "grid",
-				gap: "2px",
-				marginTop: "3px",
-				paddingLeft: "14px",
-				overflowWrap: "anywhere",
-				fontSize: "12px",
-				lineHeight: "18px"
-			},
-			retryDetailLabel: { color: "var(--dsw-alias-label-secondary)" },
-			turnErrorRow: {
-				display: "grid",
-				gridTemplateColumns: "10px minmax(0, 1fr) auto",
-				gap: "8px",
-				alignItems: "start",
-				padding: "2px 0",
-				fontSize: "13px",
-				lineHeight: "20px"
-			},
-			turnErrorDot: { marginTop: "5px" },
-			turnErrorCopy: {
-				minWidth: "0",
-				overflowWrap: "anywhere"
-			},
-			turnErrorTitle: {
-				marginRight: "6px",
-				color: "var(--dsw-alias-state-error-primary)",
-				fontWeight: "600"
-			},
-			turnErrorMessage: { color: "var(--dsw-alias-label-secondary)" },
-			turnErrorCode: {
-				color: "var(--dsw-alias-label-tertiary)",
-				font: "var(--dsw-font-markdown-code-block-small)"
-			},
-			maxTokensTitle: {
-				marginRight: "6px",
-				color: "var(--dsw-alias-state-warn-primary)",
-				fontWeight: "600"
-			},
-			refChip: {
-				display: "inline-block",
-				margin: "0 2px",
-				padding: "0 8px",
-				borderRadius: "6px",
-				background: "rgba(97, 135, 216, 0.22)",
-				color: "var(--dsw-alias-label-primary)",
-				fontSize: "0.85em",
-				lineHeight: "1.6",
-				whiteSpace: "nowrap",
-				verticalAlign: "baseline"
-			},
-			confirmActions: {
-				display: "flex",
-				justifyContent: "flex-end",
-				gap: "8px"
-			}
-		};
-		//#endregion
 		//#region src/client/chat-node/MessageItem.tsx
 		function contentParts(content) {
 			const texts = [];
@@ -17250,26 +16594,26 @@ window.__ModuleLoader__.load({
 			const truncated = (total) => t("json.truncated", { total });
 			const labels = (0, react.useMemo)(() => markdownLabels(t), [t]);
 			const showBubble = text !== "" || rest.length > 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				...styling.props(styles$2.userRow),
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+				align: "end",
+				gap: 6,
 				"data-time-hover-root": true,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					...styling.props(styles$2.userStack),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
+					align: "end",
+					gap: 8,
+					narrow: true,
 					children: [renderMessageImages({
 						images,
 						align: "end"
-					}), showBubble && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles$2.bubble),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReferenceMarkdown, {
-							text,
-							labels,
-							actions: references
-						}), rest.map((block, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
-							label: t("message.extraBlock"),
-							payload: block,
-							truncatedLabel: truncated
-						}, i))]
-					})]
+					}), showBubble && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Bubble, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReferenceMarkdown, {
+						text,
+						labels,
+						actions: references
+					}), rest.map((block, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.JsonBlock, {
+						label: t("message.extraBlock"),
+						payload: block,
+						truncatedLabel: truncated
+					}, i))] })]
 				}), actions?.(text)]
 			});
 		}
@@ -17298,19 +16642,20 @@ window.__ModuleLoader__.load({
 				setConfirmingRetry(true);
 			} : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				confirmingRecall !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				confirmingRecall !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
 					open: true,
 					onClose: () => setConfirmingRecall(null),
 					title: "编辑消息",
 					closeLabel: "关闭",
 					description: "将撤回该消息及其之后的对话内容到输入框，请修改后重新发送。",
-					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles$2.confirmActions),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+						gap: 8,
+						justify: "end",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "outline",
 							onClick: () => setConfirmingRecall(null),
 							children: "取消"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "primary",
 							onClick: () => {
 								const target = confirmingRecall;
@@ -17321,19 +16666,20 @@ window.__ModuleLoader__.load({
 						})]
 					})
 				}),
-				confirmingRetry && turn !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				confirmingRetry && turn !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.Modal, {
 					open: true,
 					onClose: () => setConfirmingRetry(false),
 					title: "重试回合",
 					closeLabel: "关闭",
 					description: `将重新生成第 ${turn} 轮的回复，并抛弃该回合之后的内容。`,
-					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...styling.props(styles$2.confirmActions),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
+						gap: 8,
+						justify: "end",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "outline",
 							onClick: () => setConfirmingRetry(false),
 							children: "取消"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 							variant: "primary",
 							onClick: () => {
 								setConfirmingRetry(false);
@@ -17356,500 +16702,35 @@ window.__ModuleLoader__.load({
 						time: data.time,
 						clock: "start",
 						t,
-						onEdit,
-						onRetry
+						extraActions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [onEdit === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+							shape: "circle",
+							label: "编辑",
+							onClick: onEdit,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconEditOutlineRegular, {})
+						}), onRetry === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+							shape: "circle",
+							label: "重试此回合",
+							onClick: onRetry,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(client_exports.IconRefreshOutlineRegular, {})
+						})] })
 					})
 				})
 			] });
 		});
 		//#endregion
 		//#region src/client/chat-node/register.ts
-		const NS$1 = "conversation";
+		const NS = "conversation";
 		function registerChatNodeRenderers(ctx, controllerFor) {
 			const injectFace = (sessionId) => controllerFor(sessionId).face;
 			for (const key of ["user", "steering"]) ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key,
-				locale: NS$1,
+				locale: NS,
 				priority: -1,
 				inject: injectFace
 			}, UserMessageNodeView));
 		}
 		//#endregion
-		//#region src/client/composer-stats/turn-reading.ts
-		function usageOutputTokens(usage) {
-			if (typeof usage !== "object" || usage === null) return null;
-			const value = usage.outputTokens;
-			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : null;
-		}
-		function assistantStepReading(node) {
-			const timing = node.timing;
-			return {
-				ttftMs: timing !== void 0 && timing.stepStartTime !== null && timing.firstTokenTime !== null ? Math.max(0, timing.firstTokenTime - timing.stepStartTime) : null,
-				decodeMs: timing !== void 0 && timing.firstTokenTime !== null ? Math.max(0, timing.completedTime - timing.firstTokenTime) : null,
-				outputTokens: usageOutputTokens(node.usage)
-			};
-		}
-		//#endregion
-		//#region src/client/composer-stats/token-format.ts
-		function formatTokens(value, t) {
-			const scaled = (candidate) => candidate >= 100 ? String(Math.round(candidate)) : String(Math.round(candidate * 10) / 10);
-			if (value < 1e3) return String(value);
-			if (value < 1e6) return t("number.thousand", { value: scaled(value / 1e3) });
-			return t("number.million", { value: scaled(value / 1e6) });
-		}
-		function formatExactTokens(value, t) {
-			const digits = String(value);
-			const groups = [];
-			for (let end = digits.length; end > 0; end -= 3) groups.unshift(digits.slice(Math.max(0, end - 3), end));
-			return groups.join(t("number.groupSeparator"));
-		}
-		function roundedPercentUnits(cacheReadTokens, denominator, decimalPlaces) {
-			const scale = (decimalPlaces === 0 ? 1 : 10) * 100;
-			const doubledScale = scale * 2;
-			const denominatorQuotient = Math.floor(denominator / doubledScale);
-			const denominatorRemainder = denominator % doubledScale;
-			let lower = 0;
-			let upper = scale;
-			while (lower < upper) {
-				const candidate = Math.floor((lower + upper + 1) / 2);
-				const factor = candidate * 2 - 1;
-				if (cacheReadTokens >= factor * denominatorQuotient + Math.ceil(factor * denominatorRemainder / doubledScale)) lower = candidate;
-				else upper = candidate - 1;
-			}
-			return lower;
-		}
-		function displayPercentUnits(units, decimalPlaces) {
-			if (decimalPlaces === 0) return String(units);
-			const whole = Math.floor(units / 10);
-			const tenths = units % 10;
-			return tenths === 0 ? String(whole) : `${whole}.${tenths}`;
-		}
-		function formatCacheHitPercent(cacheReadTokens, promptTokens, decimalPlaces = 0) {
-			if (promptTokens === 0) return null;
-			const missedInputTokens = promptTokens - cacheReadTokens;
-			if (missedInputTokens <= 0) return "100";
-			const roundedUnits = roundedPercentUnits(cacheReadTokens, promptTokens, decimalPlaces);
-			if (roundedUnits < (decimalPlaces === 0 ? 100 : 1e3)) return displayPercentUnits(roundedUnits, decimalPlaces);
-			let distinguishingPlaces = 1;
-			let scaledDoubleGap = missedInputTokens * 200;
-			const denominatorTens = Math.floor(promptTokens / 10);
-			while (scaledDoubleGap <= denominatorTens) {
-				scaledDoubleGap *= 10;
-				distinguishingPlaces += 1;
-			}
-			const denominatorOnes = promptTokens % 10;
-			let roundedLoss = 5;
-			for (let loss = 1; loss < 5; loss += 1) {
-				const factor = loss * 2 + 1;
-				const threshold = factor * denominatorTens + Math.floor(factor * denominatorOnes / 10);
-				if (scaledDoubleGap <= threshold) {
-					roundedLoss = loss;
-					break;
-				}
-			}
-			return `99.${"9".repeat(distinguishingPlaces - 1)}${10 - roundedLoss}`;
-		}
-		//#endregion
-		//#region src/client/composer-stats/stat-dialog.ts
-		const PANEL_MARGIN = 12;
-		const PANEL_GAP = 8;
-		const MEASURE_STYLE = {
-			visibility: "hidden",
-			left: 0,
-			top: 0
-		};
-		function useStatDialog(controlled) {
-			const [ownOpen, setOwnOpen] = (0, react.useState)(false);
-			const open = controlled?.open ?? ownOpen;
-			const setOpen = controlled?.setOpen ?? setOwnOpen;
-			const rootRef = (0, react.useRef)(null);
-			const panelRef = (0, react.useRef)(null);
-			const pos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
-				open,
-				anchorRef: rootRef,
-				panelRef,
-				side: "top",
-				gap: PANEL_GAP,
-				margin: PANEL_MARGIN
-			});
-			(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
-			(0, react.useEffect)(() => {
-				if (!open) return;
-				const onKeyDown = (e) => {
-					if (e.key === "Escape") setOpen(false);
-				};
-				document.addEventListener("keydown", onKeyDown);
-				return () => {
-					document.removeEventListener("keydown", onKeyDown);
-				};
-			}, [open, setOpen]);
-			return {
-				open,
-				setOpen,
-				rootRef,
-				panelRef,
-				pos
-			};
-		}
-		//#endregion
-		//#region src/client/composer-stats/StatsPills.styles.ts
-		const styles$1 = {
-			root: {
-				display: "flex",
-				justifyContent: "center",
-				gap: "12px",
-				minWidth: "0",
-				maxWidth: "100%",
-				boxSizing: "border-box",
-				fontSize: "var(--dsh-content-font-size-secondary, 13px)",
-				lineHeight: "calc(20px + var(--dsh-content-font-delta-secondary, 0px))"
-			},
-			anchor: {
-				display: "inline-flex",
-				minWidth: "0"
-			},
-			pill: {
-				cursor: "pointer",
-				"&:hover, &[aria-expanded='true']": {
-					background: "var(--dsw-alias-interactive-bg-hover)",
-					color: "var(--dsw-alias-label-secondary)"
-				},
-				display: "inline-flex",
-				alignItems: "center",
-				gap: "6px",
-				boxSizing: "border-box",
-				maxWidth: "100%",
-				padding: "1px 8px",
-				border: "none",
-				borderRadius: "24px",
-				background: "transparent",
-				color: "var(--dsw-alias-label-tertiary)",
-				font: "inherit",
-				fontVariantNumeric: "tabular-nums",
-				lineHeight: "inherit",
-				whiteSpace: "nowrap",
-				"& svg": {
-					width: "14px",
-					height: "14px",
-					flex: "none"
-				}
-			},
-			label: {
-				minWidth: "0",
-				overflow: "hidden",
-				textOverflow: "ellipsis"
-			},
-			sep: {
-				color: "var(--dsw-alias-separator-primary)",
-				margin: "0 6px"
-			}
-		};
-		//#endregion
-		//#region src/client/composer-stats/stat-dialog.styles.ts
-		const styles = {
-			panel: {
-				position: "fixed",
-				zIndex: "1100",
-				boxSizing: "border-box",
-				width: "max-content",
-				minWidth: "min(300px, calc(100vw - 24px))",
-				maxWidth: "min(440px, calc(100vw - 24px))",
-				padding: "16px",
-				border: "0",
-				borderRadius: "12px",
-				background: "var(--dsw-specific-menu)",
-				"--dsw-elevation-stroke-color": "var(--dsw-alias-border-l1)",
-				boxShadow: "var(--dsw-elevation-prominent)",
-				fontSize: "12px",
-				lineHeight: "18px",
-				color: "var(--dsw-alias-label-secondary)",
-				cursor: "default"
-			},
-			title: {
-				display: "flex",
-				justifyContent: "space-between",
-				gap: "16px",
-				marginBottom: "8px",
-				color: "var(--dsw-alias-label-primary)",
-				fontWeight: "500"
-			},
-			titleRule: {
-				marginBottom: "10px",
-				borderTop: "0.5px solid var(--dsw-alias-border-l2)"
-			},
-			titleValue: { fontVariantNumeric: "tabular-nums" },
-			titleLabel: {
-				display: "inline-flex",
-				alignItems: "center",
-				gap: "6px",
-				minWidth: "0",
-				"& svg": {
-					width: "14px",
-					height: "14px",
-					flex: "none"
-				}
-			},
-			details: {
-				display: "grid",
-				gridTemplateColumns: "minmax(76px, auto) minmax(0, 1fr)",
-				gap: "6px 16px",
-				margin: "0",
-				color: "var(--dsw-alias-label-tertiary)",
-				"& dt": {
-					minWidth: "0",
-					margin: "0"
-				},
-				"& dd": {
-					minWidth: "0",
-					margin: "0",
-					color: "var(--dsw-alias-label-secondary)",
-					fontVariantNumeric: "tabular-nums",
-					textAlign: "right"
-				}
-			},
-			reasoning: {
-				color: "var(--dsw-alias-label-tertiary)",
-				whiteSpace: "nowrap"
-			}
-		};
-		//#endregion
-		//#region src/client/composer-stats/StatsPills.tsx
-		function deriveStats(nodes) {
-			const turns = /* @__PURE__ */ new Set();
-			let steps = 0;
-			let llmMs = 0;
-			let toolMs = 0;
-			let ttftMs = 0;
-			let ttftSteps = 0;
-			let decodeMs = 0;
-			let decodeTokens = 0;
-			for (const node of nodes) {
-				if (node.kind === "tool-result") {
-					if (node.callTime !== null) toolMs += Math.max(0, node.time - node.callTime);
-					continue;
-				}
-				if (node.kind !== "assistant") continue;
-				turns.add(node.turn);
-				steps += 1;
-				if (node.timing !== void 0 && node.timing.stepStartTime !== null) llmMs += Math.max(0, node.timing.completedTime - node.timing.stepStartTime);
-				const reading = assistantStepReading(node);
-				if (reading.ttftMs !== null) {
-					ttftMs += reading.ttftMs;
-					ttftSteps += 1;
-				}
-				if (reading.decodeMs !== null && reading.outputTokens !== null) {
-					decodeMs += reading.decodeMs;
-					decodeTokens += reading.outputTokens;
-				}
-			}
-			return {
-				turns: turns.size,
-				steps,
-				llmMs,
-				toolMs,
-				ttftMs,
-				ttftSteps,
-				decodeMs,
-				decodeTokens
-			};
-		}
-		function formatDuration(ms, t) {
-			const s = ms / 1e3;
-			if (s < 60) return t("duration.compactSeconds", { seconds: Math.round(s * 10) / 10 });
-			const whole = Math.round(s);
-			return t("duration.compactMinutes", {
-				minutes: Math.floor(whole / 60),
-				seconds: whole % 60
-			});
-		}
-		function cacheHitPercent(usage) {
-			const denominator = billedInputTokens(usage);
-			return formatCacheHitPercent(usage.cacheReadTokens, denominator);
-		}
-		function billedInputTokens(usage) {
-			return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
-		}
-		function exactCount(value, t) {
-			return t("message.turnUsage.count", { count: formatExactTokens(value, t) });
-		}
-		function TimePill({ stats, t, dialog }) {
-			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
-			const counts = t("stats.counts", {
-				turns: stats.turns,
-				steps: stats.steps
-			});
-			const tps = stats.decodeMs > 0 ? t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) : null;
-			const label = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				...styling.props(styles$1.label),
-				children: [counts, tps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					...styling.props(styles$1.sep),
-					"aria-hidden": true,
-					children: "·"
-				}), tps] })]
-			});
-			if (stats.llmMs <= 0 && stats.toolMs <= 0 && stats.ttftSteps <= 0 && stats.decodeMs <= 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...styling.props(styles$1.anchor),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					...styling.props(styles$1.pill),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutlineRegular, {}), label]
-				})
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				ref: rootRef,
-				...styling.props(styles$1.anchor),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					...styling.props(styles$1.pill),
-					"aria-haspopup": "dialog",
-					"aria-expanded": open,
-					"aria-label": tps === null ? counts : `${counts} · ${tps}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutlineRegular, {}), label]
-				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: panelRef,
-					...styling.props(styles.panel),
-					role: "dialog",
-					"aria-label": t("stats.dialog.title"),
-					style: pos ?? MEASURE_STYLE,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							...styling.props(styles.title),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								...styling.props(styles.titleLabel),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutlineRegular, {}), t("stats.dialog.title")]
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							...styling.props(styles.titleRule),
-							"aria-hidden": true
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-							...styling.props(styles.details),
-							"data-session-stats-details": true,
-							children: [
-								stats.llmMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.llmTime") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.llmMs, t) })] }),
-								stats.toolMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.toolTime") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.toolMs, t) })] }),
-								stats.ttftSteps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.ttft") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.ttftMs / stats.ttftSteps, t) })] }),
-								stats.decodeMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.speed") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) })] })
-							]
-						})
-					]
-				}), document.body)]
-			});
-		}
-		function UsagePill({ usage, t, dialog }) {
-			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
-			const total = billedInputTokens(usage) + usage.outputTokens;
-			const totalText = t("message.turnUsage.count", { count: formatTokens(total, t) });
-			const cacheHit = cacheHitPercent(usage);
-			const cacheHitText = cacheHit !== null ? t("stats.cacheHit", { percent: cacheHit }) : null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				ref: rootRef,
-				...styling.props(styles$1.anchor),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					...styling.props(styles$1.pill),
-					"aria-haspopup": "dialog",
-					"aria-expanded": open,
-					"aria-label": cacheHitText === null ? totalText : `${totalText} · ${cacheHitText}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutlineRegular, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						...styling.props(styles$1.label),
-						children: [totalText, cacheHitText !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							...styling.props(styles$1.sep),
-							"aria-hidden": true,
-							children: "·"
-						}), cacheHitText] })]
-					})]
-				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: panelRef,
-					...styling.props(styles.panel),
-					role: "dialog",
-					"aria-label": t("stats.dialog.usageTitle"),
-					style: pos ?? MEASURE_STYLE,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							...styling.props(styles.title),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								...styling.props(styles.titleLabel),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutlineRegular, {}), t("stats.dialog.usageTitle")]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								...styling.props(styles.titleValue),
-								children: exactCount(total, t)
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							...styling.props(styles.titleRule),
-							"aria-hidden": true
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-							...styling.props(styles.details),
-							"data-session-stats-usage": true,
-							children: [
-								cacheHit !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheHit") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: `${cacheHit}%` })] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.input") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.uncachedInputTokens, t) }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheRead") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheReadTokens, t) }),
-								usage.cacheWriteTokens !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheWrite") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheWriteTokens, t) })] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.output") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.outputTokens, t) })
-							]
-						})
-					]
-				}), document.body)]
-			});
-		}
-		const StatsPills = (0, react.memo)(function StatsPills({ useChat, useProjection, t }) {
-			const settledNodes = useChat((s) => s.legacy.nodes);
-			const usage = useProjection("tokenUsage");
-			const [openPill, setOpenPill] = (0, react.useState)(null);
-			const projected = useProjection("sessionStats");
-			const stats = (0, react.useMemo)(() => projected ?? deriveStats(settledNodes), [projected, settledNodes]);
-			const hasTokens = usage !== void 0 && (billedInputTokens(usage) > 0 || usage.outputTokens > 0);
-			if (stats.steps === 0 && !hasTokens) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				...styling.props(styles$1.root),
-				"data-composer-stats": true,
-				children: [stats.steps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimePill, {
-					stats,
-					t,
-					dialog: {
-						open: openPill === "time",
-						setOpen: (open) => {
-							setOpenPill(open ? "time" : null);
-						}
-					}
-				}), hasTokens && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsagePill, {
-					usage,
-					t,
-					dialog: {
-						open: openPill === "usage",
-						setOpen: (open) => {
-							setOpenPill(open ? "usage" : null);
-						}
-					}
-				})]
-			});
-		});
-		//#endregion
-		//#region src/client/composer-stats/register.ts
-		const NS = "chat";
-		function registerComposerStats(slots) {
-			return slots.register({
-				name: "conversation.composer.dock",
-				id: "stats",
-				order: 0,
-				priority: -1,
-				locale: NS
-			}, StatsPills);
-		}
-		//#endregion
 		//#region src/client/index.ts
 		const inject = [
 			"slots",
@@ -17860,7 +16741,6 @@ window.__ModuleLoader__.load({
 		];
 		function apply(ctx) {
 			apply$1(ctx);
-			styling.injectGlobals(globals);
 			const controllers = /* @__PURE__ */ new Map();
 			const controllerFor = (sessionId) => {
 				let controller = controllers.get(sessionId);
@@ -17871,7 +16751,6 @@ window.__ModuleLoader__.load({
 				return controller;
 			};
 			registerChatNodeRenderers(ctx, controllerFor);
-			ctx.slots.inject("conversation.composer.dock", () => registerComposerStats(ctx.slots));
 		}
 		//#endregion
 		exports.apply = apply;