@morlay/dsh-sandbox-local 0.0.7 → 0.0.8

package/dist/client.cjs

@@ -938,7 +938,7 @@ window.__ModuleLoader__.load({
 				return this.#ns;
 			}
 			refresh() {
-				this.#store.set(this.#project());
+				this.#sync();
 			}
 			dispose() {
 				for (const dispose of this.#disposers.splice(0)) dispose();
@@ -1458,1212 +1458,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("-")}`;
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/schema-form/schema-form.module.css.mjs
+		const css$16 = ".B1Faoa_editorRoot{width:100%;color:var(--dsw-alias-label-primary);flex-direction:column;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:22px;display:flex}.B1Faoa_lineRow{white-space:nowrap;align-items:flex-start;gap:6px;min-height:22px;padding-right:8px;display:flex}.B1Faoa_lineRow:hover{background:var(--dsw-alias-bg-layer-2)}.B1Faoa_lineRow[data-selected=true]{background:var(--dsw-alias-bg-layer-3)}.B1Faoa_lineRow[data-dirty=true]{box-shadow:inset 2px 0 0 var(--dsw-alias-brand-primary)}.B1Faoa_lineRow[data-overridden=true]{box-shadow:inset 2px 0 0 var(--dsw-elevation-stroke-color)}.B1Faoa_lineRow[data-dirty=true] [data-role=key],.B1Faoa_lineRow[data-overridden=true] [data-role=key]{color:var(--dsw-alias-brand-primary)}.B1Faoa_lineRow[data-invalid=true]{background:color-mix(in srgb, var(--dsw-alias-state-error-secondary) 12%, transparent);box-shadow:inset 2px 0 0 var(--dsw-alias-state-error-primary)}.B1Faoa_lineRow[data-invalid=true] [data-role=key]{color:var(--dsw-alias-state-error-primary)}.B1Faoa_lineRow:hover [data-role=actions]{opacity:1}.B1Faoa_lineBody{flex:1;align-items:center;gap:6px;min-width:0;min-height:22px;display:flex}.B1Faoa_lineNumber{text-align:right;width:32px;color:var(--dsw-alias-label-caption);user-select:none;cursor:pointer;flex:none;line-height:22px}.B1Faoa_lineFold{width:14px;height:22px;color:var(--dsw-alias-label-caption);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.B1Faoa_lineFold:hover{color:var(--dsw-alias-label-secondary)}.B1Faoa_lineFoldSpacer{flex:none;width:14px}.B1Faoa_lineKey{color:var(--dsw-alias-label-primary);flex:none}.B1Faoa_lineKey[data-index=true]{color:var(--dsw-alias-label-caption)}.B1Faoa_lineToken{color:var(--dsw-alias-label-caption);flex:none}.B1Faoa_lineValue{text-overflow:ellipsis;cursor:text;min-width:0;color:var(--dsw-alias-state-business-primary);display:block;overflow:hidden}.B1Faoa_lineValue[data-tone=number]{color:var(--dsw-alias-state-warn-primary)}.B1Faoa_lineValue[data-tone=boolean]{color:var(--dsw-alias-state-success-primary)}.B1Faoa_lineValue[data-tone=empty]{color:var(--dsw-alias-label-caption)}.B1Faoa_valueSlot{flex:0 auto;min-width:0;display:block;overflow:hidden}.B1Faoa_valueTrigger{min-width:0;font:inherit;text-align:left;cursor:pointer;color:var(--dsw-alias-label-caption);background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.B1Faoa_valueTrigger:disabled{cursor:default}.B1Faoa_valueTrigger:focus-visible{outline:none}.B1Faoa_compactInput{flex:auto;min-width:0;display:inline-flex}.B1Faoa_compactInput>span{border-radius:4px;width:100%;height:22px;padding:0 6px}.B1Faoa_compactInput input{font-size:14px;line-height:22px}.B1Faoa_compactTextField{background:var(--dsw-alias-bg-layer-1);min-width:0;box-shadow:0 0 0 .5px var(--dsw-elevation-stroke-color);border:0;border-radius:4px;flex:auto;padding:0 6px;display:inline-flex}.B1Faoa_compactTextField:focus-within{--dsw-elevation-stroke-color:var(--dsw-alias-brand-primary)}.B1Faoa_compactTextField>textarea{resize:none;field-sizing:content;width:100%;min-height:20px;max-height:240px;color:var(--dsw-alias-label-primary);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px;line-height:22px}.B1Faoa_lineComment{text-overflow:ellipsis;min-width:0;color:var(--dsw-alias-label-tertiary);flex:auto;font-family:inherit;font-size:12px;overflow:hidden}.B1Faoa_lineInvalid{text-overflow:ellipsis;min-width:0;color:var(--dsw-alias-state-error-primary);flex:0 auto;font-family:inherit;font-size:12px;overflow:hidden}.B1Faoa_lineActions{opacity:0;flex:none;align-items:center;gap:4px;display:inline-flex}.B1Faoa_lineActions>button{width:20px;height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.B1Faoa_lineActions>button:hover{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary)}.B1Faoa_lineActions>button:disabled{cursor:not-allowed;color:var(--dsw-alias-label-dimmed)}.B1Faoa_hoverActions[data-editing=true]{opacity:1;gap:6px}.B1Faoa_hoverActions[data-editing=true]>button{box-shadow:0 0 0 .5px var(--dsw-elevation-stroke-color);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.B1Faoa_hoverActions[data-editing=true]>button:first-of-type{color:var(--dsw-alias-state-success-primary)}.B1Faoa_addWrap{flex:auto;align-items:center;gap:6px;min-width:0;margin-left:6px;display:inline-flex;position:relative}.B1Faoa_addWrap[data-invalid=true] input{border-color:var(--dsw-alias-state-error-primary)}.B1Faoa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$16 = "@morlay/dsh-sandbox-local/schema-form.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/schema-form.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$16;
+			tag.textContent = css$16;
+			document.head.appendChild(tag);
+		}
+		var schema_form_module_css_default = {
+			"hint": "B1Faoa_hint",
+			"lineKey": "B1Faoa_lineKey",
+			"lineInvalid": "B1Faoa_lineInvalid",
+			"compactTextField": "B1Faoa_compactTextField",
+			"lineBody": "B1Faoa_lineBody",
+			"lineActions": "B1Faoa_lineActions",
+			"hoverActions": "B1Faoa_hoverActions",
+			"valueTrigger": "B1Faoa_valueTrigger",
+			"lineComment": "B1Faoa_lineComment",
+			"lineFoldSpacer": "B1Faoa_lineFoldSpacer",
+			"lineToken": "B1Faoa_lineToken",
+			"lineFold": "B1Faoa_lineFold",
+			"lineNumber": "B1Faoa_lineNumber",
+			"lineRow": "B1Faoa_lineRow",
+			"editorRoot": "B1Faoa_editorRoot",
+			"lineValue": "B1Faoa_lineValue",
+			"valueSlot": "B1Faoa_valueSlot",
+			"compactInput": "B1Faoa_compactInput",
+			"addWrap": "B1Faoa_addWrap"
 		};
-		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 " }";
-				}
-			}
-		};
-		function mergeStyles(styles) {
-			return styles.reduce((accumulated, style) => style ? toMerged(accumulated, style) : accumulated, {});
-		}
-		function incrementalHash(value, previous = 0) {
-			let hash = previous;
-			for (let index = 0; index < value.length; index += 1) {
-				hash = (hash << 5) - hash + value.charCodeAt(index);
-				hash &= 2147483647;
-			}
-			return hash;
-		}
-		const STYLING_SINGLETON = Symbol.for("@morlay/dsh-client-ui-primitives/styling");
-		const globalScope = globalThis;
-		const styling = globalScope[STYLING_SINGLETON] ??= Styling.create();
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/styled.tsx
-		const sxSymbol = Symbol("styled.sx");
-		function styled(Component, defaultProps = {}) {
-			return (...styles) => {
-				const sx = styles.reduce((merged, style) => toMerged(merged, style), {});
-				const Styled = (0, react.forwardRef)((props, ref) => {
-					const styleProps = (0, react.useMemo)(() => styling.props(sx), []);
-					return (0, react.createElement)(Component, {
-						...defaultProps,
-						...props,
-						...styleProps,
-						ref
-					});
-				});
-				Styled.displayName = `styled(${typeof Component === "string" ? Component : Component.displayName ?? Component.name ?? "Component"})`;
-				return Object.assign(Styled, { [sxSymbol]: sx });
-			};
-		}
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/theme.ts
-		const dsw = Token.vars({
-			alias: {
-				bg: {
-					base: "var(--dsw-static-neutral-bluish-00)",
-					document: {
-						preview: "var(--dsw-static-neutral-bluish-100)",
-						selection: "color-mix(in srgb, var(--dsw-static-blue-500) 40%, transparent)"
-					},
-					layer: {
-						"1": "var(--dsw-static-neutral-bluish-00)",
-						"2": "var(--dsw-static-neutral-bluish-00)",
-						"3": "var(--dsw-static-neutral-bluish-00)"
-					},
-					mask: {
-						"1": "rgba(0, 0, 0, 0.24)",
-						"2": "rgba(0, 0, 0, 0.12)",
-						"3": "rgba(0, 0, 0, 0.48)",
-						drop: "rgba(255, 255, 255, 0.7)",
-						photo: "rgba(0, 0, 0, 0.88)"
-					},
-					module: { platform: "var(--dsw-static-neutral-bluish-60)" },
-					multi: { select: "var(--dsw-static-neutral-bluish-60)" },
-					overlay: "var(--dsw-static-neutral-bluish-150)",
-					skeleton: "rgba(0, 0, 0, 0.04)"
-				},
-				border: {
-					inverted: "rgba(0, 0, 0, 0)",
-					inverted2: "rgba(0, 0, 0, 0)",
-					l1: "rgba(0, 0, 0, 0.04)",
-					l2: {
-						$: "rgba(0, 0, 0, 0.1)",
-						darkmode: { thin: "rgba(0, 0, 0, 0.1)" }
-					},
-					l3: "rgba(0, 0, 0, 0.12)",
-					l4: "rgba(0, 0, 0, 0.16)"
-				},
-				brand: {
-					primary: {
-						$: "var(--dsw-static-neutral-bluish-1000)",
-						invert: "var(--dsw-static-neutral-bluish-1000)",
-						new: { colorprimary: { new: { color: "rgb(65, 118, 230)" } } }
-					},
-					text: "var(--dsw-static-neutral-bluish-1000)"
-				},
-				button: {
-					contrast: { fill: "var(--dsw-static-neutral-bluish-700)" },
-					elevated: { fill: "var(--dsw-static-neutral-bluish-00)" },
-					floating: {
-						fill: "var(--dsw-static-neutral-bluish-00)",
-						hover: "var(--dsw-static-neutral-bluish-75)"
-					},
-					ghost: { active: {
-						border: "var(--dsw-static-neutral-bluish-500)",
-						fill: "var(--dsw-static-neutral-bluish-100)",
-						hover: "var(--dsw-static-neutral-bluish-150)"
-					} },
-					info: {
-						fill: "var(--dsw-static-deepseek-500)",
-						hover: "var(--dsw-static-deepseek-400)"
-					},
-					primary: {
-						dimmed: "var(--dsw-static-neutral-bluish-100)",
-						fill: "var(--dsw-alias-brand-primary)",
-						hover: "var(--dsw-static-neutral-bluish-750)"
-					},
-					tool: { bar: {
-						fill: {
-							$: "rgba(84, 85, 87, 0.5)",
-							invisible: "rgba(31, 31, 31, 0.36)"
-						},
-						hover: "rgba(84, 85, 87, 0.6)"
-					} }
-				},
-				code: { diff: {
-					added: "var(--dsw-static-green-500-a08)",
-					deleted: "var(--dsw-static-red-600-a08)"
-				} },
-				file: { diff: {
-					added: {
-						bg: "rgb(230, 244, 231)",
-						gutter: "rgb(237, 247, 237)",
-						marker: "rgb(1, 162, 65)"
-					},
-					deleted: {
-						bg: "rgb(252, 230, 226)",
-						gutter: "rgb(253, 236, 233)",
-						marker: "rgb(186, 39, 35)"
-					}
-				} },
-				interactive: { bg: {
-					active: "rgba(38, 49, 72, 0.1)",
-					hover: {
-						$: "rgba(38, 49, 72, 0.06)",
-						accent: "rgba(38, 49, 72, 0.14)",
-						danger: "rgba(236, 19, 19, 0.05)",
-						solid: "var(--dsw-static-neutral-bluish-75)"
-					}
-				} },
-				label: {
-					caption: "var(--dsw-static-neutral-bluish-400)",
-					deep: { diving: {
-						$: "color-mix(in srgb, var(--dsw-static-deepseek-500) 70%, var(--dsw-static-blue-950))",
-						shimmer: "color-mix(in srgb, var(--dsw-static-deepseek-500) 30%, var(--dsw-static-blue-950))"
-					} },
-					dimmed: "var(--dsw-static-neutral-bluish-200)",
-					document: { preview: "var(--dsw-static-neutral-bluish-700)" },
-					primary: {
-						$: "var(--dsw-static-neutral-bluish-1000)",
-						bluish: "var(--dsw-static-blue-900)",
-						dimmed: "var(--dsw-static-neutral-bluish-950)",
-						foreground: "var(--dsw-static-neutral-bluish-00)",
-						inverted: "var(--dsw-static-neutral-bluish-00)"
-					},
-					secondary: "var(--dsw-static-neutral-bluish-700)",
-					shimmer: "color-mix(in srgb, var(--dsw-static-neutral-1000) 30%, transparent)",
-					tertiary: "var(--dsw-static-neutral-bluish-600)"
-				},
-				link: "var(--dsw-static-deepseek-500)",
-				markdown: {
-					citation: "var(--dsw-static-neutral-bluish-100)",
-					code: {
-						block: {
-							$: "var(--dsw-static-neutral-bluish-50)",
-							banner: "var(--dsw-static-neutral-bluish-50)"
-						},
-						segment: {
-							selected: "var(--dsw-static-neutral-bluish-00)",
-							unselected: "var(--dsw-static-neutral-bluish-75)"
-						}
-					},
-					inline: { code: "var(--dsw-static-neutral-50)" },
-					placeholder: "var(--dsw-static-neutral-bluish-60)",
-					tag: "var(--dsw-static-neutral-bluish-75)"
-				},
-				menu: {
-					group: { header: { fill: "rgba(248, 249, 250, 0.94)" } },
-					icon: "var(--dsw-static-neutral-bluish-800)"
-				},
-				onboarding: {
-					accent: "rgb(57, 100, 254)",
-					card: { fill: "color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 80%, transparent)" },
-					checkbox: { border: "color-mix(in srgb, var(--dsw-static-neutral-bluish-1000) 20%, transparent)" },
-					secondary: { fill: "var(--dsw-static-neutral-bluish-00)" }
-				},
-				scrollbar: {
-					bg: {
-						l1: "var(--dsw-static-neutral-200)",
-						l2: "var(--dsw-static-neutral-200)"
-					},
-					hover: {
-						l1: "var(--dsw-static-neutral-300)",
-						l2: "var(--dsw-static-neutral-300)"
-					}
-				},
-				settings: { card: {
-					fill: "var(--dsw-alias-bg-layer-2)",
-					stroke: "var(--dsw-alias-border-l4)"
-				} },
-				state: {
-					business: {
-						primary: "var(--dsw-static-deepseek-500)",
-						tertiary: "var(--dsw-static-deepseek-100)"
-					},
-					error: {
-						primary: "var(--dsw-static-red-600)",
-						secondary: "var(--dsw-static-red-400)"
-					},
-					idle: { primary: "var(--dsw-static-neutral-300)" },
-					success: {
-						primary: "var(--dsw-static-green-500)",
-						secondary: "var(--dsw-static-green-400)",
-						tertiary: "var(--dsw-static-green-100)"
-					},
-					warn: {
-						label: "var(--dsw-static-amber-600)",
-						primary: "var(--dsw-static-amber-500)",
-						secondary: "var(--dsw-static-amber-400)",
-						tertiary: "var(--dsw-static-amber-100)"
-					}
-				},
-				switch: { thumb: "var(--dsw-static-neutral-bluish-00)" },
-				toast: {
-					bg: "var(--dsw-static-neutral-bluish-800)",
-					label: "var(--dsw-static-neutral-bluish-00)"
-				},
-				tooltip: {
-					bg: "var(--dsw-static-neutral-bluish-850)",
-					key: { bg: "color-mix(in srgb, var(--dsw-alias-tooltip-bg), white 18%)" }
-				},
-				turn: { trigger: { bg: {
-					$: "var(--dsw-alias-markdown-code-block)",
-					hover: "var(--dsw-alias-interactive-bg-hover)"
-				} } }
-			},
-			corner: { shape: "superellipse(1.5)" },
-			elevation: {
-				panel: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
-				prominent: "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
-				soft: "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
-				stroke: {
-					$: "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
-					color: "var(--dsw-alias-border-l4)"
-				}
-			},
-			focus: { ring: {
-				color: "transparent",
-				width: "2px"
-			} },
-			font: {
-				base: {
-					"16": {
-						$: "16px/24px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "16px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "24px" }
-					},
-					strong: { "16": {
-						$: "500 16px/24px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "16px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "24px" }
-					} }
-				},
-				family: {
-					$: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-					brand: "'Montserrat', var(--dsw-font-family)"
-				},
-				l: { "20": {
-					$: "500 20px/28px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "20px",
-						style: "normal",
-						weight: "500"
-					},
-					line: { height: "28px" }
-				} },
-				m: { "18": {
-					$: "500 16px/28px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "16px",
-						style: "normal",
-						weight: "500"
-					},
-					line: { height: "28px" }
-				} },
-				markdown: {
-					base: {
-						$: "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size, 14px)",
-							style: "normal",
-							weight: "400"
-						},
-						italic: {
-							$: "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size, 14px)",
-								style: "italic",
-								weight: "400"
-							},
-							line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-						},
-						line: { height: "calc(24px + var(--dsh-content-font-delta))" },
-						strong: {
-							$: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size, 14px)",
-								style: "normal",
-								weight: "600"
-							},
-							italic: {
-								$: "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-								font: {
-									family: "var(--dsw-font-family)",
-									size: "var(--dsh-content-font-size, 14px)",
-									style: "italic",
-									weight: "600"
-								},
-								line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-							},
-							line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-						}
-					},
-					code: {
-						$: "12px/19px var(--ds-font-family-code)",
-						block: {
-							$: "11px/19px var(--ds-font-family-code)",
-							font: {
-								family: "var(--ds-font-family-code)",
-								size: "11px",
-								style: "normal",
-								weight: "400"
-							},
-							line: { height: "19px" },
-							small: {
-								$: "11px/16px var(--ds-font-family-code)",
-								font: {
-									family: "var(--ds-font-family-code)",
-									size: "11px",
-									style: "normal",
-									weight: "400"
-								},
-								line: { height: "16px" }
-							}
-						},
-						font: {
-							family: "var(--ds-font-family-code)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "19px" }
-					},
-					h1: {
-						$: "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(21px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(30px + var(--dsh-content-font-delta))" }
-					},
-					h2: {
-						$: "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(19px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(28px + var(--dsh-content-font-delta))" }
-					},
-					h3: {
-						$: "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "calc(18px + var(--dsh-content-font-delta))",
-							style: "normal",
-							weight: "700"
-						},
-						line: { height: "calc(26px + var(--dsh-content-font-delta))" }
-					},
-					h4: {
-						$: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size, 14px)",
-							style: "normal",
-							weight: "600"
-						},
-						line: { height: "calc(24px + var(--dsh-content-font-delta))" }
-					},
-					small: {
-						$: "12px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						italic: {
-							$: "italic 12px/20px var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "12px",
-								style: "italic",
-								weight: "400"
-							},
-							line: { height: "20px" }
-						},
-						line: { height: "20px" },
-						strong: {
-							$: "600 12px/20px var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "12px",
-								style: "normal",
-								weight: "600"
-							},
-							italic: {
-								$: "italic 600 12px/20px var(--dsw-font-family)",
-								font: {
-									family: "var(--dsw-font-family)",
-									size: "12px",
-									style: "italic",
-									weight: "600"
-								},
-								line: { height: "20px" }
-							},
-							line: { height: "20px" }
-						}
-					},
-					table: {
-						$: "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "var(--dsh-content-font-size-secondary, 13px)",
-							style: "normal",
-							weight: "400"
-						},
-						head: {
-							$: "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
-							font: {
-								family: "var(--dsw-font-family)",
-								size: "var(--dsh-content-font-size-secondary, 13px)",
-								style: "normal",
-								weight: "500"
-							},
-							line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
-						},
-						line: { height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))" }
-					}
-				},
-				s: {
-					"14": {
-						$: "14px/22px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "14px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "22px" }
-					},
-					strong: { "14": {
-						$: "500 14px/22px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "14px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "22px" }
-					} }
-				},
-				xl: { "24": {
-					$: "600 24px/32px var(--dsw-font-family)",
-					font: {
-						family: "var(--dsw-font-family)",
-						size: "24px",
-						style: "normal",
-						weight: "600"
-					},
-					line: { height: "32px" }
-				} },
-				xs: {
-					"13": {
-						$: "13px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "13px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "20px" }
-					},
-					strong: { "13": {
-						$: "500 13px/20px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "13px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "20px" }
-					} }
-				},
-				xxs: {
-					"12": {
-						$: "12px/18px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "18px" }
-					},
-					strong: { "12": {
-						$: "500 12px/18px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "12px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "18px" }
-					} }
-				},
-				xxxs: {
-					"11": {
-						$: "11px/14px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "11px",
-							style: "normal",
-							weight: "400"
-						},
-						line: { height: "14px" }
-					},
-					strong: { "11": {
-						$: "500 11px/14px var(--dsw-font-family)",
-						font: {
-							family: "var(--dsw-font-family)",
-							size: "11px",
-							style: "normal",
-							weight: "500"
-						},
-						line: { height: "14px" }
-					} }
-				}
-			},
-			gradient: { onboarding: {
-				blue: { stops: "#3964fe 18.75%, #398efe 51.78%, #6dccff 86.252%, #3964fe" },
-				cyan: { stops: "#0293b4 21.154%, #2dc8eb 50.954%, #aff0ff 85.326%, #0293b4" },
-				violet: { stops: "#2a2fb6 33.102%, #8b76f6 50.954%, #c5c0ff 85.326%, #2a2fb6" }
-			} },
-			linear: {
-				gradient: { think: "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)" },
-				think: { select: "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)" }
-			},
-			mask: { blur: "none" },
-			menu: {
-				backdrop: { filter: "blur(40px) saturate(150%)" },
-				surface: { fill: "rgba(248, 249, 250, 0.58)" }
-			},
-			radius: {
-				lg: "16px",
-				md: "12px",
-				panel: "28px",
-				sm: "8px",
-				xl: "20px",
-				xs: "4px"
-			},
-			shadow: {
-				lv1: {
-					$: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
-					blur: "0 4px 12px 0 rgba(0, 0, 0, 0.02)"
-				},
-				lv2: "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
-				lv3: "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)"
-			},
-			specific: {
-				bubble: {
-					$: "var(--dsw-static-deepseek-50)",
-					highlight: "var(--dsw-static-deepseek-200)"
-				},
-				input: { major: "var(--dsw-static-neutral-bluish-00)" },
-				login: { input: "var(--dsw-static-neutral-bluish-50)" },
-				menu: "var(--dsw-menu-surface-fill)",
-				selector: "var(--dsw-static-neutral-bluish-60)",
-				sidebar: {
-					fill: "var(--dsw-static-neutral-bluish-50)",
-					nav: { item: {
-						active: {
-							$: "var(--dsw-static-neutral-bluish-100)",
-							accent: "var(--dsw-static-deepseek-100)"
-						},
-						hover: "var(--dsw-static-neutral-bluish-75)"
-					} }
-				},
-				tip: "var(--dsw-static-neutral-bluish-60)"
-			},
-			static: {
-				amber: {
-					"100": "rgb(254, 245, 231)",
-					"400": "rgb(247, 173, 49)",
-					"500": "rgb(245, 158, 11)",
-					"600": "rgb(221, 134, 41)",
-					"900": "rgb(39, 36, 31)"
-				},
-				blue: {
-					"50": "rgb(239, 246, 255)",
-					"75": "rgb(229, 240, 255)",
-					"100": "rgb(219, 234, 254)",
-					"300": "rgb(147, 197, 253)",
-					"400": "rgb(96, 165, 250)",
-					"450": "rgb(77, 147, 248)",
-					"500": "rgb(59, 130, 246)",
-					"600": "rgb(37, 99, 235)",
-					"800": "rgb(30, 64, 175)",
-					"900": "rgb(14, 48, 116)",
-					"950": "rgb(23, 37, 84)",
-					"50p": "rgb(234, 243, 255)"
-				},
-				deepseek: {
-					"50": "rgb(237, 243, 254)",
-					"100": "rgb(228, 237, 253)",
-					"200": "rgb(211, 226, 255)",
-					"300": "rgb(183, 200, 254)",
-					"400": "rgb(122, 170, 255)",
-					"450": "rgb(86, 134, 254)",
-					"500": "rgb(65, 118, 230)",
-					"600": "rgb(72, 104, 178)",
-					"700": { delete: "rgb(47, 76, 143)" },
-					"800": "rgb(52, 65, 91)",
-					"900": "rgb(40, 49, 66)"
-				},
-				green: {
-					"100": "rgb(230, 250, 237)",
-					"400": "rgb(78, 209, 126)",
-					"500": {
-						$: "rgb(34, 197, 94)",
-						a08: "rgb(34 197 94 / 8%)",
-						a12: "rgb(34 197 94 / 12%)"
-					},
-					"900": "rgb(35, 60, 44)"
-				},
-				neutral: {
-					"50": "rgb(250, 250, 250)",
-					"100": "rgb(245, 245, 245)",
-					"150": "rgb(237, 237, 237)",
-					"200": "rgb(229, 229, 229)",
-					"250": "rgb(220, 220, 220)",
-					"300": "rgb(212, 212, 212)",
-					"400": "rgb(162, 164, 166)",
-					"500": "rgb(127, 130, 135)",
-					"550": "rgb(101, 103, 107)",
-					"600": "rgb(84, 85, 87)",
-					"700": "rgb(60, 60, 61)",
-					"800": "rgb(41, 41, 41)",
-					"850": "rgb(33, 33, 35)",
-					"900": "rgb(15, 15, 15)",
-					"1000": "rgb(0, 0, 0)",
-					"00": "rgb(255, 255, 255)",
-					bluish: {
-						"50": "rgb(249, 250, 251)",
-						"60": "rgb(245, 246, 247)",
-						"75": "rgb(241, 243, 245)",
-						"100": "rgb(235, 238, 242)",
-						"150": "rgb(233, 236, 242)",
-						"200": "rgb(225, 229, 238)",
-						"300": "rgb(207, 211, 214)",
-						"400": "rgb(173, 178, 184)",
-						"500": "rgb(151, 157, 166)",
-						"600": "rgb(129, 133, 140)",
-						"700": "rgb(97, 102, 107)",
-						"750": "rgb(67, 69, 74)",
-						"800": "rgb(53, 54, 56)",
-						"850": "rgb(44, 44, 46)",
-						"875": "rgb(35, 35, 36)",
-						"900": "rgb(27, 27, 28)",
-						"950": "rgb(21, 21, 23)",
-						"1000": "rgb(15, 17, 21)",
-						"00": "rgb(255, 255, 255)"
-					}
-				},
-				red: {
-					"50": "rgb(254, 242, 242)",
-					"100": "rgb(254, 226, 226)",
-					"400": {
-						$: "rgb(242, 90, 90)",
-						a12: "rgb(242 90 90 / 12%)"
-					},
-					"500": "rgb(239, 68, 68)",
-					"600": {
-						$: "rgb(236, 19, 19)",
-						a08: "rgb(236 19 19 / 8%)"
-					},
-					"900": "rgb(87, 12, 12)"
-				}
-			}
-		}, { prefix: "dsw" });
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/schema-form/styles.ts
-		const MONO = "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace";
-		const ROW = "22px";
-		const GAP = "6px";
-		const ACTION = "20px";
-		const ACTION_GAP = "4px";
-		const FOLD = "14px";
-		const NUMBER = "32px";
-		const PAD = "8px";
-		const HAIRLINE = dsw.elevation.stroke;
-		const LINE = dsw.elevation.stroke.color;
-		const EDGE = "2px";
-		const ERROR_WASH = `color-mix(in srgb, ${String(dsw.alias.state.error.secondary)} 12%, transparent)`;
-		const EditorRoot = styled("div")({
-			display: "flex",
-			flexDirection: "column",
-			width: "100%",
-			fontFamily: MONO,
-			fontSize: "14px",
-			lineHeight: ROW,
-			color: dsw.alias.label.primary
-		});
-		const LineRow = styled("div")({
-			display: "flex",
-			alignItems: "flex-start",
-			gap: GAP,
-			minHeight: ROW,
-			paddingRight: PAD,
-			whiteSpace: "nowrap",
-			"&:hover": { background: dsw.alias.bg.layer["2"] },
-			"&[data-selected='true']": { background: dsw.alias.bg.layer["3"] },
-			"&[data-dirty='true']": { boxShadow: `inset ${EDGE} 0 0 ${String(dsw.alias.brand.primary)}` },
-			"&[data-overridden='true']": { boxShadow: `inset ${EDGE} 0 0 ${String(LINE)}` },
-			"&[data-dirty='true'] [data-role='key']": { color: dsw.alias.brand.primary },
-			"&[data-overridden='true'] [data-role='key']": { color: dsw.alias.brand.primary },
-			"&[data-invalid='true']": {
-				background: ERROR_WASH,
-				boxShadow: `inset ${EDGE} 0 0 ${String(dsw.alias.state.error.primary)}`
-			},
-			"&[data-invalid='true'] [data-role='key']": { color: dsw.alias.state.error.primary },
-			"&:hover [data-role='actions']": { opacity: 1 }
-		});
-		const LineBody = styled("div")({
-			display: "flex",
-			alignItems: "center",
-			gap: GAP,
-			flex: 1,
-			minWidth: 0,
-			minHeight: ROW
-		});
-		const LineNumber = styled("span")({
-			flex: "none",
-			width: NUMBER,
-			lineHeight: ROW,
-			textAlign: "right",
-			color: dsw.alias.label.caption,
-			userSelect: "none",
-			cursor: "pointer"
-		});
-		const LineFold = styled("button")({
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flex: "none",
-			width: FOLD,
-			height: ROW,
-			padding: 0,
-			border: 0,
-			background: "none",
-			color: dsw.alias.label.caption,
-			cursor: "pointer",
-			"&:hover": { color: dsw.alias.label.secondary }
-		});
-		const LineFoldSpacer = styled("span")({
-			flex: "none",
-			width: FOLD
-		});
-		const LineKey = styled("span")({
-			flex: "none",
-			color: dsw.alias.label.primary,
-			"&[data-index='true']": { color: dsw.alias.label.caption }
-		});
-		const LineToken = styled("span")({
-			flex: "none",
-			color: dsw.alias.label.caption
-		});
-		const LineValue = styled("span")({
-			display: "block",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			cursor: "text",
-			color: dsw.alias.state.business.primary,
-			"&[data-tone='number']": { color: dsw.alias.state.warn.primary },
-			"&[data-tone='boolean']": { color: dsw.alias.state.success.primary },
-			"&[data-tone='empty']": { color: dsw.alias.label.caption }
-		});
-		const ValueSlot = styled("span")({
-			display: "block",
-			flex: "0 1 auto",
-			minWidth: 0,
-			overflow: "hidden"
-		});
-		const ValueTrigger = styled("button")({
-			display: "inline-flex",
-			alignItems: "center",
-			gap: "2px",
-			minWidth: 0,
-			padding: 0,
-			border: 0,
-			background: "none",
-			font: "inherit",
-			textAlign: "left",
-			cursor: "pointer",
-			color: dsw.alias.label.caption,
-			"&:disabled": { cursor: "default" },
-			"&:focus-visible": { outline: "none" }
-		});
-		const CompactInput = styled("span")({
-			display: "inline-flex",
-			flex: "1 1 auto",
-			minWidth: 0,
-			"& > span": {
-				width: "100%",
-				height: ROW,
-				padding: "0 6px",
-				borderRadius: "4px"
-			},
-			"& input": {
-				fontSize: "14px",
-				lineHeight: ROW
-			}
-		});
-		const CompactTextField = styled("span")({
-			display: "inline-flex",
-			flex: "1 1 auto",
-			minWidth: 0,
-			padding: "0 6px",
-			borderRadius: "4px",
-			background: dsw.alias.bg.layer["1"],
-			border: 0,
-			boxShadow: HAIRLINE,
-			"&:focus-within": { "--dsw-elevation-stroke-color": dsw.alias.brand.primary },
-			"& > textarea": {
-				flex: 1,
-				width: "100%",
-				minHeight: ACTION,
-				maxHeight: "240px",
-				padding: 0,
-				border: 0,
-				outline: "none",
-				background: "transparent",
-				resize: "none",
-				fieldSizing: "content",
-				fontFamily: "inherit",
-				fontSize: "14px",
-				lineHeight: ROW,
-				color: dsw.alias.label.primary
-			}
-		});
-		const LineComment = styled("span")({
-			flex: "1 1 auto",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			color: dsw.alias.label.tertiary,
-			fontFamily: "inherit",
-			fontSize: "12px"
-		});
-		const LineInvalid = styled("span")({
-			flex: "0 1 auto",
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			color: dsw.alias.state.error.primary,
-			fontFamily: "inherit",
-			fontSize: "12px"
-		});
-		const HoverActions = styled(styled("span")({
-			display: "inline-flex",
-			alignItems: "center",
-			gap: ACTION_GAP,
-			flex: "none",
-			opacity: 0,
-			"& > button": {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				width: ACTION,
-				height: ACTION,
-				padding: 0,
-				border: 0,
-				borderRadius: "4px",
-				background: "none",
-				color: dsw.alias.label.secondary,
-				cursor: "pointer",
-				"&:hover": {
-					background: dsw.alias.bg.layer["3"],
-					color: dsw.alias.label.primary
-				},
-				"&:disabled": {
-					cursor: "not-allowed",
-					color: dsw.alias.label.dimmed
-				}
-			}
-		}))({ "&[data-editing='true']": {
-			opacity: 1,
-			gap: GAP,
-			"& > button": {
-				boxShadow: HAIRLINE,
-				background: dsw.alias.bg.layer["1"],
-				color: dsw.alias.label.primary,
-				"&:first-of-type": { color: dsw.alias.state.success.primary }
-			}
-		} });
-		const AddWrap = styled("span")({
-			position: "relative",
-			display: "inline-flex",
-			alignItems: "center",
-			gap: GAP,
-			flex: "1 1 auto",
-			minWidth: 0,
-			marginLeft: GAP,
-			"&[data-invalid='true'] input": { borderColor: dsw.alias.state.error.primary }
-		});
-		const Hint$1 = styled("p")({
-			margin: 0,
-			fontSize: "12px",
-			lineHeight: 1.5,
-			color: dsw.alias.label.tertiary
-		});
 		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/TruncatedTooltip.tsx
 		function TruncatedTooltip({ label, children }) {
@@ -2721,7 +1546,8 @@ window.__ModuleLoader__.load({
 				owner,
 				options: owner.options
 			});
-			if (owner.node.meta.secret) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+			if (owner.node.meta.secret) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: schema_form_module_css_default.lineValue,
 				"data-tone": "empty",
 				title: owner.hint,
 				children: owner.secretConfigured ? "••••••" : ""
@@ -2729,7 +1555,8 @@ window.__ModuleLoader__.load({
 			const text = tokenText(owner.value);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 				label: text,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineValue,
 					"data-tone": owner.node.readOnly === null ? tokenTone(owner.value) : "empty",
 					children: text
 				})
@@ -2759,14 +1586,16 @@ window.__ModuleLoader__.load({
 				onClose: () => {
 					setOpen(false);
 				},
-				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTrigger, {
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: schema_form_module_css_default.valueTrigger,
 					type: "button",
 					disabled: owner.disabled,
 					"aria-label": owner.label,
 					onClick: () => {
 						setOpen(true);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineValue,
 						"data-tone": current === void 0 ? tokenTone(owner.value) : tokenTone(current.value),
 						children: label
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 })]
@@ -2895,6 +1724,11 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region ../../client/ui-primitives/src/client/controls/classes.ts
+		function classes(...names) {
+			return names.filter((name) => typeof name === "string" && name !== "").join(" ");
+		}
+		//#endregion
 		//#region ../../client/ui-primitives/src/client/schema-form/Editor.tsx
 		function Editor(props) {
 			const { ns, state, face, t, resolveText, renderField } = props;
@@ -2910,9 +1744,10 @@ window.__ModuleLoader__.load({
 				t
 			]);
 			const disabled = !state.writable || !state.available;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditorRoot, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: schema_form_module_css_default.editorRoot,
 				"data-editor": "schema-form",
-				children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row$1, {
 					line,
 					n: index + 1,
 					ns,
@@ -2973,20 +1808,26 @@ window.__ModuleLoader__.load({
 				toggled
 			]);
 		}
-		function Row({ line, n, ns, state, face, fold, t, resolveText, disabled, editing, selected, dismissed, onEdit, onAdded, onDismiss, onSelect, renderField }) {
+		function Row$1({ line, n, ns, state, face, fold, t, resolveText, disabled, editing, selected, dismissed, onEdit, onAdded, onDismiss, onSelect, renderField }) {
 			const key = fieldKey(line.path);
 			const indent = { paddingLeft: `${String(line.depth * 14)}px` };
-			const body = line.kind === "comment" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFoldSpacer, { "data-role": "fold" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
+			const body = line.kind === "comment" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: schema_form_module_css_default.lineFoldSpacer,
+				"data-role": "fold"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 				label: line.text,
-				children: line.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineInvalid, {
+				children: line.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineInvalid,
 					"data-role": "comment",
 					children: `// ${line.text}`
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineComment, {
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineComment,
 					"data-role": "comment",
 					children: `// ${line.text}`
 				})
 			})] }) : line.kind === "open" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFold, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: schema_form_module_css_default.lineFold,
 					"data-role": "fold",
 					type: "button",
 					"aria-expanded": !line.collapsed,
@@ -3002,7 +1843,10 @@ window.__ModuleLoader__.load({
 					t,
 					disabled
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: line.shape === "object" ? line.collapsed ? "{…}" : "{" : line.collapsed ? "[…]" : "[" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: line.shape === "object" ? line.collapsed ? "{…}" : "{" : line.collapsed ? "[…]" : "["
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VariantSelect, {
 					control: line.variants,
 					path: line.path,
@@ -3011,8 +1855,14 @@ window.__ModuleLoader__.load({
 					t
 				})
 			] }) : line.kind === "close" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFoldSpacer, { "data-role": "fold" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: line.shape === "object" ? "}" : "]" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineFoldSpacer,
+					"data-role": "fold"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: line.shape === "object" ? "}" : "]"
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddLine, {
 					line,
 					state,
@@ -3035,20 +1885,23 @@ window.__ModuleLoader__.load({
 				onDismiss,
 				renderField
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LineRow, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: schema_form_module_css_default.lineRow,
 				"data-line": line.kind,
 				"data-field-path": line.path.join("."),
 				"data-selected": selected === key ? "true" : void 0,
 				"data-dirty": line.kind === "field" && line.field.staged ? "true" : void 0,
 				"data-overridden": line.kind === "field" && line.field.overridden && !line.field.staged ? "true" : void 0,
 				"data-invalid": line.kind === "field" && (line.field.invalid !== void 0 || state.invalidAt.has(key)) ? "true" : void 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineNumber, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineNumber,
 					"data-role": "number",
 					onClick: () => {
 						onSelect(line.path);
 					},
 					children: n
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineBody, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: schema_form_module_css_default.lineBody,
 					"data-role": "body",
 					style: indent,
 					children: body
@@ -3093,49 +1946,63 @@ window.__ModuleLoader__.load({
 			const text = line.field.text ?? valueText(line.field.value);
 			const multiline = isMultiline(line.field.value) || /[\r\n]/.test(text);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineFoldSpacer, { "data-role": "fold" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineKey, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineFoldSpacer,
+					"data-role": "fold"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineKey,
 					"data-role": "key",
 					"data-index": member?.index === void 0 ? void 0 : "true",
 					title: member?.key ?? line.node.key,
 					children: member?.key ?? line.node.key
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: member?.index === void 0 ? ": " : "  " }),
-				isEditing ? multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactTextField, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-					autoFocus: !missing,
-					rows: 1,
-					"aria-label": owner.label,
-					value: text,
-					onChange: (event) => {
-						owner.onEditText(event.target.value);
-					},
-					onKeyDown: (event) => {
-						if (event.key === "Escape") {
-							face.revert(line.path);
-							onEdit(void 0);
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: member?.index === void 0 ? ": " : "  "
+				}),
+				isEditing ? multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.compactTextField,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						autoFocus: !missing,
+						rows: 1,
+						"aria-label": owner.label,
+						value: text,
+						onChange: (event) => {
+							owner.onEditText(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Escape") {
+								face.revert(line.path);
+								onEdit(void 0);
+							}
 						}
-					}
-				}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactInput, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-					autoFocus: !missing,
-					type: "text",
-					"aria-label": owner.label,
-					placeholder: missing ? t("empty") : "",
-					value: text,
-					onBlur: () => {
-						if (!missing) onEdit(void 0);
-					},
-					onChange: (event) => {
-						owner.onEditText(event.target.value);
-					},
-					onKeyDown: (event) => {
-						if (event.key === "Enter" && !missing) onEdit(void 0);
-						if (event.key === "Escape") {
-							face.revert(line.path);
-							onEdit(void 0);
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.compactInput,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+						autoFocus: !missing,
+						type: "text",
+						"aria-label": owner.label,
+						placeholder: missing ? t("empty") : "",
+						value: text,
+						onBlur: () => {
+							if (!missing) onEdit(void 0);
+						},
+						onChange: (event) => {
+							owner.onEditText(event.target.value);
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && !missing) onEdit(void 0);
+							if (event.key === "Escape") {
+								face.revert(line.path);
+								onEdit(void 0);
+							}
 						}
-					}
-				}) }) : null,
-				isEditing || line.variantsStandIn ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueSlot, {
+					})
+				}) : null,
+				isEditing || line.variantsStandIn ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.valueSlot,
 					"data-role": "value",
 					onClick: () => {
 						if (editable) onEdit(key);
@@ -3149,7 +2016,8 @@ window.__ModuleLoader__.load({
 					disabled,
 					t
 				}),
-				isEditing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HoverActions, {
+				isEditing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					"data-editing": "true",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -3172,7 +2040,8 @@ window.__ModuleLoader__.load({
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 })
 					})]
 				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HoverActions, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					children: [
 						line.field.staged && !disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -3238,7 +2107,8 @@ window.__ModuleLoader__.load({
 				onClose: () => {
 					setOpen(false);
 				},
-				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTrigger, {
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: schema_form_module_css_default.valueTrigger,
 					type: "button",
 					"data-role": "variant",
 					disabled,
@@ -3246,7 +2116,8 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						setOpen(true);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineValue, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineValue,
 						"data-tone": "empty",
 						children: current?.label ?? ""
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 })]
@@ -3259,14 +2130,19 @@ window.__ModuleLoader__.load({
 			if (key === "") return null;
 			const indexed = member !== void 0 && member.index !== void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineKey, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineKey,
 					"data-role": "key",
 					"data-index": indexed ? "true" : void 0,
 					title: key,
 					children: key
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineToken, { children: indexed ? "  " : ": " }),
-				member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverActions, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: schema_form_module_css_default.lineToken,
+					children: indexed ? "  " : ": "
+				}),
+				member === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: classes(schema_form_module_css_default.lineActions, schema_form_module_css_default.hoverActions),
 					"data-role": "actions",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RemoveLineButton, {
 						member,
@@ -3329,7 +2205,8 @@ window.__ModuleLoader__.load({
 				setText("");
 				setOpen(false);
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AddWrap, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: schema_form_module_css_default.addWrap,
 				"data-add": spec.kind,
 				"data-invalid": invalid ? "true" : void 0,
 				children: [
@@ -3349,35 +2226,44 @@ window.__ModuleLoader__.load({
 						onClose: () => {
 							setOpen(false);
 						},
-						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactInput, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-							value: text,
-							placeholder: label,
-							"aria-label": label,
-							disabled,
-							onFocus: () => {
-								setOpen(true);
-							},
-							onChange: (event) => {
-								setText(event.target.value);
-								setInvalid(false);
-								setOpen(true);
-							},
-							onKeyDown: (event) => {
-								if (event.key === "Enter") {
-									event.preventDefault();
-									commit(matched.length === 1 && spec.kind === "prop" ? matched[0]?.key : void 0);
-								}
-								if (event.key === "Escape") {
-									setText("");
-									setOpen(false);
+						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: schema_form_module_css_default.compactInput,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								value: text,
+								placeholder: label,
+								"aria-label": label,
+								disabled,
+								onFocus: () => {
+									setOpen(true);
+								},
+								onChange: (event) => {
+									setText(event.target.value);
+									setInvalid(false);
+									setOpen(true);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter") {
+										event.preventDefault();
+										commit(matched.length === 1 && spec.kind === "prop" ? matched[0]?.key : void 0);
+									}
+									if (event.key === "Escape") {
+										setText("");
+										setOpen(false);
+									}
 								}
-							}
-						}) })
+							})
+						})
 					}),
-					invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineInvalid, { children: t("unknownProperty") }) : null,
+					invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: schema_form_module_css_default.lineInvalid,
+						children: t("unknownProperty")
+					}) : null,
 					!invalid && matched.length === 1 && matched[0]?.description !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncatedTooltip, {
 						label: resolveText(matched[0].description),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineComment, { children: resolveText(matched[0].description) })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: schema_form_module_css_default.lineComment,
+							children: resolveText(matched[0].description)
+						})
 					}) : null
 				]
 			});
@@ -3395,7 +2281,8 @@ window.__ModuleLoader__.load({
 				save: t("save"),
 				saving: t("saving")
 			};
-			if (!state.configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint$1, {
+			if (!state.configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: schema_form_module_css_default.hint,
 				role: "status",
 				children: t("noSchema")
 			});
@@ -3418,7 +2305,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 })
@@ -3543,205 +2431,284 @@ window.__ModuleLoader__.load({
 			}, "ui-schema-form: row registrations");
 		}
 		//#endregion
-		//#region ../../client/ui-primitives/src/client/styling/focus.ts
-		const focusRing = `${String(dsw.focus.ring.width)} solid ${Token.collect(Token.fallbackVar(dsw.focus.ring.color, String(dsw.alias.state.business.primary)))}`;
-		//#endregion
-		//#region ../../client/ui-primitives/src/client/settings-form/fields.styles.ts
-		const helpButtonHoverBackground = "var(--dsw-alias-bg-layer-4)";
-		const styles$1 = {
-			field: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "6px",
-				padding: "12px 0",
-				"& + &": { borderTop: `0.5px solid ${String(dsw.alias.border.l2)}` }
-			},
-			head: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px"
-			},
-			label: {
-				flex: 1,
-				minWidth: 0,
-				fontSize: "13px",
-				fontWeight: 500,
-				lineHeight: 1.5,
-				color: dsw.alias.label.primary
-			},
-			groupLabel: { flex: "0 1 auto" },
-			labelGroup: {
-				display: "flex",
-				alignItems: "center",
-				gap: "4px",
-				flex: 1,
-				minWidth: 0
-			},
-			helpButton: {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				flex: "none",
-				width: "24px",
-				height: "24px",
-				padding: 0,
-				border: 0,
-				borderRadius: "6px",
-				background: "none",
-				color: dsw.alias.label.tertiary,
-				cursor: "pointer",
-				"&:hover": {
-					background: helpButtonHoverBackground,
-					color: dsw.alias.label.secondary
-				},
-				"&[aria-expanded='true']": {
-					background: helpButtonHoverBackground,
-					color: dsw.alias.label.secondary
-				},
-				"&:focus-visible": {
-					outline: focusRing,
-					outlineOffset: "1px"
-				}
-			},
-			help: {
-				padding: "10px 0 0",
-				fontSize: "12px",
-				lineHeight: 1.6,
-				color: dsw.alias.label.secondary,
-				"& > p": { margin: 0 },
-				"& > p + p": { marginTop: "8px" }
-			},
-			badges: {
-				display: "inline-flex",
-				alignItems: "center",
-				gap: "8px"
-			},
-			badge: {
-				display: "inline-flex",
-				alignItems: "center",
-				borderRadius: "999px",
-				cornerShape: "round",
-				padding: "1px 8px",
-				fontSize: "11px",
-				lineHeight: "17px",
-				fontWeight: 500,
-				whiteSpace: "nowrap"
-			},
-			badgeNeutral: {
-				background: dsw.alias.bg.module.platform,
-				color: dsw.alias.label.secondary
-			},
-			badgeQuiet: { color: dsw.alias.label.tertiary },
-			reset: {
-				border: "none",
-				background: "none",
-				padding: 0,
-				font: "inherit",
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.secondary,
-				cursor: "pointer",
-				"&:hover:not(:disabled)": { color: dsw.alias.label.primary },
-				"&:disabled": { cursor: "default" }
-			},
-			input: {
-				height: "34px",
-				padding: "0 12px",
-				border: `0.5px solid ${String(dsw.alias.border.l4)}`,
-				borderRadius: "8px",
-				background: dsw.alias.bg.layer["3"],
-				font: "inherit",
-				fontSize: "13px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.primary,
-				"&:focus-visible": {
-					outline: "none",
-					borderColor: dsw.alias.state.business.primary
-				},
-				"&:disabled": {
-					color: dsw.alias.label.tertiary,
-					cursor: "default"
-				},
-				"&[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 \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/layout/layout.module.css.mjs
+		const css$15 = ".e_G4ZW_stack{flex-direction:column;min-width:0;display:flex}.e_G4ZW_row{flex-direction:row;align-items:center;min-width:0;display:flex}.e_G4ZW_gap0{gap:0}.e_G4ZW_gap2{gap:2px}.e_G4ZW_gap4{gap:4px}.e_G4ZW_gap6{gap:6px}.e_G4ZW_gap8{gap:8px}.e_G4ZW_gap10{gap:10px}.e_G4ZW_gap12{gap:12px}.e_G4ZW_gap14{gap:14px}.e_G4ZW_gap16{gap:16px}.e_G4ZW_alignStart{align-items:flex-start}.e_G4ZW_alignCenter{align-items:center}.e_G4ZW_alignEnd{align-items:flex-end}.e_G4ZW_justifyBetween{justify-content:space-between}.e_G4ZW_justifyEnd{justify-content:flex-end}.e_G4ZW_justifyCenter{justify-content:center}.e_G4ZW_wrap{flex-wrap:wrap}.e_G4ZW_grow{flex:auto;min-width:0}.e_G4ZW_push{margin-left:auto}.e_G4ZW_fill{box-sizing:border-box;width:100%;height:100%;overflow:hidden}.e_G4ZW_scroll{flex:auto;min-height:0;overflow-y:auto}.e_G4ZW_plain{margin:0;padding:0;list-style:none}.e_G4ZW_padNone{padding:0}.e_G4ZW_padCard{padding:8px 12px}.e_G4ZW_padBody{padding:8px 0}.e_G4ZW_padPage{padding:24px 28px}.e_G4ZW_padRow{padding:10px 12px}.e_G4ZW_padBlocking{padding:32px 40px}.e_G4ZW_text{margin:0}.e_G4ZW_sizeXs{font-size:11px;line-height:1.5}.e_G4ZW_sizeSm{font-size:12px;line-height:18px}.e_G4ZW_sizeMd{font-size:13px;line-height:20px}.e_G4ZW_sizeBase{font-size:14px;line-height:24px}.e_G4ZW_sizeLg{font-size:16px;line-height:24px}.e_G4ZW_tonePrimary{color:var(--dsw-alias-label-primary)}.e_G4ZW_toneSecondary{color:var(--dsw-alias-label-secondary)}.e_G4ZW_toneTertiary{color:var(--dsw-alias-label-tertiary)}.e_G4ZW_toneDanger{color:var(--dsw-alias-label-error,var(--dsw-alias-label-primary))}.e_G4ZW_weightMedium{font-weight:500}.e_G4ZW_strong{font-weight:600}.e_G4ZW_mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.e_G4ZW_truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.e_G4ZW_tabular{font-variant-numeric:tabular-nums}.e_G4ZW_boxed{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);border-radius:10px}.e_G4ZW_fixed{flex:none}.e_G4ZW_gapWide{gap:6px 20px}.e_G4ZW_narrow{min-width:0;max-width:min(calc(var(--dsh-chat-content-width,748px) * .702), 82%)}.e_G4ZW_wSearch{flex:none;width:360px;max-width:100%}";
+		const tagId$15 = "@morlay/dsh-sandbox-local/layout.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/layout.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$15;
+			tag.textContent = css$15;
+			document.head.appendChild(tag);
+		}
+		var layout_module_css_default = {
+			"narrow": "e_G4ZW_narrow",
+			"wSearch": "e_G4ZW_wSearch",
+			"padBody": "e_G4ZW_padBody",
+			"padNone": "e_G4ZW_padNone",
+			"fixed": "e_G4ZW_fixed",
+			"toneSecondary": "e_G4ZW_toneSecondary",
+			"alignCenter": "e_G4ZW_alignCenter",
+			"wrap": "e_G4ZW_wrap",
+			"grow": "e_G4ZW_grow",
+			"sizeMd": "e_G4ZW_sizeMd",
+			"padBlocking": "e_G4ZW_padBlocking",
+			"tabular": "e_G4ZW_tabular",
+			"gap8": "e_G4ZW_gap8",
+			"gap4": "e_G4ZW_gap4",
+			"gap6": "e_G4ZW_gap6",
+			"weightMedium": "e_G4ZW_weightMedium",
+			"sizeLg": "e_G4ZW_sizeLg",
+			"mono": "e_G4ZW_mono",
+			"gapWide": "e_G4ZW_gapWide",
+			"plain": "e_G4ZW_plain",
+			"truncate": "e_G4ZW_truncate",
+			"tonePrimary": "e_G4ZW_tonePrimary",
+			"row": "e_G4ZW_row",
+			"justifyBetween": "e_G4ZW_justifyBetween",
+			"stack": "e_G4ZW_stack",
+			"alignEnd": "e_G4ZW_alignEnd",
+			"padCard": "e_G4ZW_padCard",
+			"fill": "e_G4ZW_fill",
+			"sizeSm": "e_G4ZW_sizeSm",
+			"gap2": "e_G4ZW_gap2",
+			"gap16": "e_G4ZW_gap16",
+			"gap0": "e_G4ZW_gap0",
+			"alignStart": "e_G4ZW_alignStart",
+			"padRow": "e_G4ZW_padRow",
+			"text": "e_G4ZW_text",
+			"sizeBase": "e_G4ZW_sizeBase",
+			"boxed": "e_G4ZW_boxed",
+			"gap10": "e_G4ZW_gap10",
+			"push": "e_G4ZW_push",
+			"scroll": "e_G4ZW_scroll",
+			"justifyEnd": "e_G4ZW_justifyEnd",
+			"gap12": "e_G4ZW_gap12",
+			"sizeXs": "e_G4ZW_sizeXs",
+			"toneTertiary": "e_G4ZW_toneTertiary",
+			"toneDanger": "e_G4ZW_toneDanger",
+			"gap14": "e_G4ZW_gap14",
+			"strong": "e_G4ZW_strong",
+			"padPage": "e_G4ZW_padPage",
+			"justifyCenter": "e_G4ZW_justifyCenter"
 		};
-		styled("div")(styles$1.field);
-		styled("div")(styles$1.head);
-		styled("div")(styles$1.labelGroup);
-		styled("label")(styles$1.label, styles$1.groupLabel);
-		styled("label")(styles$1.label);
-		styled("button")(styles$1.helpButton);
-		styled("div")(styles$1.help);
-		styled("span")(styles$1.badges);
-		styled("span")(styles$1.badge, styles$1.badgeNeutral);
-		styled("span")(styles$1.badge, styles$1.badgeQuiet);
-		styled("button")(styles$1.reset);
-		styled("input")(styles$1.input);
-		styled("p")(styles$1.invalid);
-		styled("p")(styles$1.hint);
-		const styles = {
-			form: {
-				display: "flex",
-				flexDirection: "column"
-			},
-			notice: {
-				margin: "0 0 12px",
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: dsw.alias.label.tertiary
-			},
-			footer: {
-				display: "flex",
-				alignItems: "center",
-				gap: "8px",
-				paddingTop: "16px"
-			},
-			failed: {
-				flex: 1,
-				minWidth: 0,
-				margin: 0,
-				fontSize: "12px",
-				lineHeight: 1.5,
-				color: "var(--dsw-alias-label-error)"
-			},
-			save: {
-				appearance: "none",
-				border: "1px solid transparent",
-				borderRadius: "8px",
-				padding: "5px 14px",
-				font: "inherit",
-				fontSize: "13px",
-				lineHeight: 1.5,
-				cursor: "pointer",
-				background: dsw.alias.label.primary,
-				color: dsw.alias.bg.layer["3"],
-				"&:disabled": {
-					opacity: .4,
-					cursor: "default"
-				},
-				"&:focus-visible": {
-					outline: focusRing,
-					outlineOffset: "1px"
-				}
-			}
+		//#endregion
+		//#region ../../client/ui-primitives/src/client/layout/scales.ts
+		function gapClass(css, gap) {
+			if (gap === void 0) return void 0;
+			return gap === "wide" ? css.gapWide : css[`gap${gap}`];
+		}
+		function alignClass(css, align) {
+			if (align === void 0 || align === "stretch") return void 0;
+			if (align === "start") return css.alignStart;
+			return align === "center" ? css.alignCenter : css.alignEnd;
+		}
+		function justifyClass(css, justify) {
+			if (justify === void 0) return void 0;
+			if (justify === "between") return css.justifyBetween;
+			if (justify === "end") return css.justifyEnd;
+			return justify === "center" ? css.justifyCenter : void 0;
+		}
+		function padClass(css, pad) {
+			if (pad === void 0 || pad === "none") return void 0;
+			if (pad === "card") return css.padCard;
+			if (pad === "body") return css.padBody;
+			if (pad === "page") return css.padPage;
+			return pad === "row" ? css.padRow : css.padBlocking;
+		}
+		(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
+			});
+		});
+		(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 \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/settings-form/SettingsFieldRow.module.css.mjs
+		const css$14 = "._72UBVa_row{flex-direction:column;display:flex}._72UBVa_row[data-divider=true]{border-top:.5px solid var(--dsw-alias-border-l2)}._72UBVa_body{flex-direction:column;gap:6px;padding:12px 0;display:flex}._72UBVa_inline{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}._72UBVa_text{flex-direction:column;gap:2px;min-width:0;display:flex}._72UBVa_label{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5;display:flex}._72UBVa_badge{corner-shape:round;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}._72UBVa_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}._72UBVa_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}._72UBVa_reset:disabled{cursor:default}._72UBVa_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._72UBVa_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$14 = "@morlay/dsh-sandbox-local/SettingsFieldRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/SettingsFieldRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$14;
+			tag.textContent = css$14;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Bubble.module.css.mjs
+		const css$13 = ".dtkLCG_bubble{background:var(--dsw-specific-bubble);border-radius:var(--dsw-radius-xl);max-width:100%;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;padding:10px 16px}";
+		const tagId$13 = "@morlay/dsh-sandbox-local/Bubble.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/Bubble.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$13;
+			tag.textContent = css$13;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Button.module.css.mjs
+		const css$12 = ".WFViLq_label{white-space:nowrap}.WFViLq_danger{--dsw-alias-button-primary-fill:var(--dsw-alias-state-error-primary)}";
+		const tagId$12 = "@morlay/dsh-sandbox-local/Button.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/Button.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$12;
+			tag.textContent = css$12;
+			document.head.appendChild(tag);
+		}
+		var Button_module_css_default = {
+			"label": "WFViLq_label",
+			"danger": "WFViLq_danger"
 		};
-		styled("div")(styles.form);
-		styled("p")(styles.notice);
-		styled("div")(styles.footer);
-		styled("p")(styles.failed);
-		styled("button")(styles.save);
+		(0, react.forwardRef)(function Button({ className, tone, ...rest }, ref) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				ref,
+				"data-role": "button",
+				className: classes(className, Button_module_css_default.label, tone === "danger" ? Button_module_css_default.danger : void 0),
+				...rest
+			});
+		});
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/DisclosureRow.module.css.mjs
+		const css$11 = ".MBWCEG_content{flex:auto;min-width:0}.MBWCEG_contentLayout{align-items:center;gap:8px;width:100%;min-width:0;display:flex}";
+		const tagId$11 = "@morlay/dsh-sandbox-local/DisclosureRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/DisclosureRow.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$11;
+			tag.textContent = css$11;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SearchInput.module.css.mjs
+		const css$10 = ".KiR4MG_search{flex:none;width:360px;max-width:100%}.KiR4MG_full{flex:none;width:100%}";
+		const tagId$10 = "@morlay/dsh-sandbox-local/SearchInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/SearchInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SeatButton.module.css.mjs
+		const css$9 = ".HcNbhG_seat{border-radius:var(--dsw-radius-sm);min-width:0;max-width:min(100%,240px);min-height:28px;color:var(--dsw-alias-label-primary);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.HcNbhG_seat:not(:disabled):hover,.HcNbhG_seat[aria-expanded=true],.HcNbhG_expanded{background:var(--dsw-alias-interactive-bg-hover)}.HcNbhG_seat:disabled{cursor:default;color:var(--dsw-alias-label-quaternary)}.HcNbhG_icon{color:var(--dsw-alias-label-primary);flex:none;align-items:center;display:inline-flex}.HcNbhG_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.HcNbhG_chevron{color:var(--dsw-alias-label-caption);flex:none;display:inline-flex}";
+		const tagId$9 = "@morlay/dsh-sandbox-local/SeatButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/SeatButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Spinner.module.css.mjs
+		const css$8 = ".HGVDmW_spinner{border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-label-primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite HGVDmW_spin}@keyframes HGVDmW_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";
+		const tagId$8 = "@morlay/dsh-sandbox-local/Spinner.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/Spinner.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/Tabs.module.css.mjs
+		const css$7 = ".GO-36q_tabs{z-index:1;flex:none;gap:36px;margin-top:10px;padding-left:8px;display:flex;position:relative}.GO-36q_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 9px;font-size:13px;font-weight:500;line-height:16px;position:relative}.GO-36q_tab:after{content:\"\";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.GO-36q_tabActive{color:var(--dsw-alias-state-business-primary)}.GO-36q_tabActive:after{background:var(--dsw-alias-state-business-primary)}.GO-36q_tab:disabled{cursor:not-allowed;opacity:.4}";
+		const tagId$7 = "@morlay/dsh-sandbox-local/Tabs.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/Tabs.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/TimeLabel.module.css.mjs
+		const css$6 = "._3IuWPG_label{color:var(--dsw-alias-label-tertiary);white-space:nowrap;opacity:0;padding:0;font-size:14px;line-height:24px;transition:opacity 80ms}[data-time-hover-root]:hover ._3IuWPG_label,[data-time-hover-root]:focus-within ._3IuWPG_label{opacity:1}";
+		const tagId$6 = "@morlay/dsh-sandbox-local/TimeLabel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/TimeLabel.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/VisuallyHidden.module.css.mjs
+		const css$5 = ".YAvv4W_hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId$5 = "@morlay/dsh-sandbox-local/VisuallyHidden.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/VisuallyHidden.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/IconButton.module.css.mjs
+		const css$4 = ".I3t6Ga_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:var(--dsw-radius-sm);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.I3t6Ga_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.I3t6Ga_iconButton:disabled{cursor:not-allowed;opacity:.4}.I3t6Ga_iconButton:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.I3t6Ga_sm{width:20px;height:20px;padding:0}.I3t6Ga_circle{color:var(--dsw-alias-label-tertiary);border-radius:28px;padding:6px}.I3t6Ga_circle:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}";
+		const tagId$4 = "@morlay/dsh-sandbox-local/IconButton.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/IconButton.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/ModelRouteList.module.css.mjs
+		const css$3 = "._2eBkWq_list{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-lg);gap:6px;min-width:0;max-height:280px;margin:0;padding:10px;display:grid;overflow:auto}._2eBkWq_group{gap:6px;display:grid}._2eBkWq_group+._2eBkWq_group{border-top:.5px solid var(--dsw-alias-border-l3);margin-top:4px;padding-top:10px}._2eBkWq_provider{color:var(--dsw-alias-label-tertiary);padding:0 6px;font-size:11px;font-weight:500}._2eBkWq_item{border-radius:var(--dsw-radius-md);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px;display:grid}._2eBkWq_item:hover{background:var(--dsw-alias-bg-layer-4)}._2eBkWq_item:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}._2eBkWq_item[aria-disabled=true]{cursor:not-allowed;opacity:.4}._2eBkWq_picked{background:var(--dsw-alias-interactive-bg-hover)}._2eBkWq_text{min-width:0}._2eBkWq_name{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:13px;display:block;overflow:hidden}._2eBkWq_id{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px;display:block;overflow:hidden}._2eBkWq_notice{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._2eBkWq_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$3 = "@morlay/dsh-sandbox-local/ModelRouteList.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/ModelRouteList.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/MultilineField.module.css.mjs
+		const css$2 = "._stHfW_multiline{box-sizing:border-box;width:100%;min-height:64px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);resize:vertical;padding:6px 12px;font-family:inherit;font-size:13px;line-height:1.5}._stHfW_multiline:disabled{cursor:not-allowed;opacity:.4}._stHfW_multiline:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}";
+		const tagId$2 = "@morlay/dsh-sandbox-local/MultilineField.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/MultilineField.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/SearchSelect.module.css.mjs
+		const css$1 = ".BtUTmW_trigger{white-space:nowrap;height:32px}.BtUTmW_searchRow{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:center;padding:4px 8px 8px;display:flex}.BtUTmW_searchInput{width:100%;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;padding:2px 0;font-family:inherit;font-size:13px;line-height:1.5}.BtUTmW_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px;font-size:12px;line-height:1.5}";
+		const tagId$1 = "@morlay/dsh-sandbox-local/SearchSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/SearchSelect.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/client/ui-primitives/src/client/controls/TagInput.module.css.mjs
+		const css = ".Is5kta_row{align-items:flex-start;gap:8px;width:100%;display:flex}.Is5kta_anchor{flex:auto;width:100%;min-width:0;display:flex}.Is5kta_box{box-sizing:border-box;background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);flex-flow:wrap;align-items:center;gap:4px 6px;width:100%;min-height:32px;padding:4px 8px;display:flex}.Is5kta_input{min-width:120px;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;flex:120px;padding:2px 0;font-family:inherit;font-size:13px;line-height:1.5}.Is5kta_chip{corner-shape:round;white-space:nowrap;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;align-items:center;gap:2px;padding:1px 4px 1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.Is5kta_chipRemove{box-sizing:border-box;width:14px;height:14px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.Is5kta_chipRemove:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.Is5kta_chipRemove:disabled{cursor:not-allowed;opacity:.4}.Is5kta_chipRemove:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:0}.Is5kta_empty{color:var(--dsw-alias-label-tertiary);margin:0;padding:8px;font-size:12px;line-height:1.5}";
+		const tagId = "@morlay/dsh-sandbox-local/TagInput.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/dsh-sandbox-local/TagInput.module.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/dsh-sandbox-local";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
 		//#endregion
 		//#region ../../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 		/**