dsh-motion-ui 0.5.4 → 0.5.6

package/client.js

@@ -9280,8 +9280,8 @@ var require_react_dom_development = __commonJS({
             pushTreeId(workInProgress2, numberOfForks, slotIndex);
           }
         }
-        function getBitLength(number) {
-          return 32 - clz32(number);
+        function getBitLength(number2) {
+          return 32 - clz32(number2);
         }
         function getLeadingBit(id) {
           return 1 << getBitLength(id) - 1;
@@ -9745,11 +9745,11 @@ var require_react_dom_development = __commonJS({
             return maybeStrictRoot;
           };
           var setToSortedString = function(set2) {
-            var array = [];
+            var array2 = [];
             set2.forEach(function(value) {
-              array.push(value);
+              array2.push(value);
             });
-            return array.sort().join(", ");
+            return array2.sort().join(", ");
           };
           var pendingComponentWillMountWarnings = [];
           var pendingUNSAFE_ComponentWillMountWarnings = [];
@@ -21925,22 +21925,22 @@ function compileExpression(source) {
   return result;
 }
 function expandExpressions(doc) {
-  const expression = (e) => {
+  const expression2 = (e) => {
     if (!e || typeof e !== "object" || Array.isArray(e)) return e;
     if (Object.hasOwn(e, "expr")) {
       if (Object.keys(e).length !== 1) throw new Error("DSH UI: expr must be the only formula field");
       return compileExpression(e.expr);
     }
-    if (Array.isArray(e.args)) e.args = e.args.map(expression);
-    if (e.map?.fields) for (const k of Object.keys(e.map.fields)) e.map.fields[k] = expression(e.map.fields[k]);
+    if (Array.isArray(e.args)) e.args = e.args.map(expression2);
+    if (e.map?.fields) for (const k of Object.keys(e.map.fields)) e.map.fields[k] = expression2(e.map.fields[k]);
     return e;
   };
-  if (doc.derived && typeof doc.derived === "object") for (const k of Object.keys(doc.derived)) doc.derived[k] = expression(doc.derived[k]);
+  if (doc.derived && typeof doc.derived === "object") for (const k of Object.keys(doc.derived)) doc.derived[k] = expression2(doc.derived[k]);
   const walk = (nodes) => {
     if (!Array.isArray(nodes)) return;
     for (const node of nodes) {
       if (!node || typeof node !== "object") continue;
-      for (const field of ["text", "value", "max", "rows"]) if (Object.hasOwn(node, field)) node[field] = expression(node[field]);
+      for (const field of ["text", "value", "max", "rows"]) if (Object.hasOwn(node, field)) node[field] = expression2(node[field]);
       walk(node.children);
     }
   };
@@ -21948,20 +21948,93 @@ function expandExpressions(doc) {
   return doc;
 }
 
+// lib/normalize-authoring.js
+var object = (v) => v !== null && typeof v === "object" && !Array.isArray(v);
+var own = (v, k) => Object.hasOwn(v, k);
+var singleItem = (v) => object(v) && Object.keys(v).length === 1 && own(v, "item");
+var array = (v) => singleItem(v) && Array.isArray(v.item) ? v.item : v;
+var numericOps = /* @__PURE__ */ new Set(["add", "sub", "mul", "div", "min", "max", "round", "abs", "lt", "lte", "gt", "gte"]);
+function number(v) {
+  if (typeof v !== "string" || !/^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:e[+-]?\d+)?$/i.test(v.trim())) return v;
+  const n = Number(v);
+  return Number.isFinite(n) && (!Number.isInteger(n) || Number.isSafeInteger(n)) ? n : v;
+}
+var boolean = (v) => v === "true" ? true : v === "false" ? false : v;
+function expression(e, numeric = false, logical = false) {
+  if (!object(e)) return e;
+  if (own(e, "const")) {
+    if (numeric) e.const = number(e.const);
+    if (logical) e.const = boolean(e.const);
+  }
+  if (own(e, "args")) e.args = array(e.args);
+  if (Array.isArray(e.args)) e.args.forEach((arg, i) => expression(arg, numericOps.has(e.op) || e.op === "if" && i > 0 && numeric, e.op === "if" && i === 0));
+  if (object(e.map?.fields)) Object.values(e.map.fields).forEach((e2) => expression(e2));
+  return e;
+}
+function normalizeAuthoring(doc) {
+  if (!object(doc)) return doc;
+  if (own(doc, "version")) doc.version = number(doc.version);
+  if (object(doc.state)) for (const k of Object.keys(doc.state)) {
+    let s = doc.state[k];
+    if (typeof s === "string" && s.trim().startsWith("{")) {
+      try {
+        const parsed = JSON.parse(s);
+        if (object(parsed)) s = parsed;
+      } catch {
+      }
+    }
+    if (singleItem(s) && object(s.item)) s = s.item;
+    doc.state[k] = s;
+    if (!object(s)) continue;
+    if (own(s, "options")) s.options = array(s.options);
+    if (s.type === "number") {
+      for (const field of ["default", "min", "max", "step"]) if (own(s, field)) s[field] = number(s[field]);
+      if (Array.isArray(s.options)) s.options = s.options.map(number);
+    } else if (s.type === "boolean") {
+      if (own(s, "default")) s.default = boolean(s.default);
+      if (Array.isArray(s.options)) s.options = s.options.map(boolean);
+    }
+  }
+  if (object(doc.derived)) Object.values(doc.derived).forEach((e) => expression(e));
+  if (object(doc.actions)) {
+    for (const action of Object.values(doc.actions)) if (object(action) && own(action, "stateKeys")) action.stateKeys = array(action.stateKeys);
+  }
+  function nodes(list) {
+    list = array(list);
+    if (!Array.isArray(list)) return list;
+    for (const node of list) {
+      if (!object(node)) continue;
+      if (node.type === "sandbox") {
+        if (!own(node, "title")) node.title = doc.title;
+        if (!own(node, "fallback")) node.fallback = doc.fallback;
+      }
+      for (const field of ["children", "items", "columns", "stateKeys", "dataKeys", "derivedKeys"]) if (own(node, field)) node[field] = array(node[field]);
+      if (["table", "chart"].includes(node.type) && own(node, "rows")) node.rows = array(node.rows);
+      for (const field of ["decimals", "height"]) if (own(node, field)) node[field] = number(node[field]);
+      if (node.type === "details" && own(node, "open")) node.open = boolean(node.open);
+      for (const field of ["text", "value", "max", "rows"]) if (own(node, field)) expression(node[field], node.type === "progress");
+      if (["row", "column", "card", "details"].includes(node.type) && own(node, "children")) node.children = nodes(node.children);
+    }
+    return list;
+  }
+  if (own(doc, "nodes")) doc.nodes = nodes(doc.nodes);
+  return doc;
+}
+
 // lib/protocol.js
 var LIMITS = Object.freeze({ bytes: 131072, nodes: 160, depth: 12, rows: 500, expressions: 128, steps: 4096 });
-var own = (o, k) => Object.hasOwn(o, k);
+var own2 = (o, k) => Object.hasOwn(o, k);
 var fail = (message) => {
   throw new Error(`DSH UI: ${message}`);
 };
-var object = (x) => x !== null && typeof x === "object" && !Array.isArray(x);
+var object2 = (x) => x !== null && typeof x === "object" && !Array.isArray(x);
 var finite = (x) => typeof x === "number" && Number.isFinite(x);
 var scalar = (x) => typeof x === "string" || typeof x === "boolean" || finite(x);
 var text = (x, at) => {
   if (typeof x !== "string" || x.length > 8192) fail(`${at} must be a string of at most 8192 characters`);
 };
 function fields(value, allowed, at) {
-  if (!object(value)) fail(`${at} must be an object`);
+  if (!object2(value)) fail(`${at} must be an object`);
   for (const k of Object.keys(value)) if (!allowed.includes(k)) {
     const hint = at === "document" ? " Controls and visual components belong in nodes as registered typed nodes, not extra document fields." : "";
     fail(`unknown field ${at}.${k}; allowed fields at ${at}: ${allowed.join(", ")}.${hint}`);
@@ -21992,17 +22065,17 @@ function initialState(doc) {
   return Object.fromEntries(Object.entries(doc.state).map(([k, spec]) => [k, spec.default]));
 }
 function validateState(doc, state) {
-  if (!object(state) || Object.keys(state).length !== Object.keys(doc.state).length) fail("state keys do not match the document");
+  if (!object2(state) || Object.keys(state).length !== Object.keys(doc.state).length) fail("state keys do not match the document");
   const result = {};
   for (const [k, s] of Object.entries(doc.state)) {
-    if (!own(state, k)) fail(`missing state.${k}`);
+    if (!own2(state, k)) fail(`missing state.${k}`);
     const v = state[k];
     if (s.type === "number") {
       if (!finite(v) || v < s.min || v > s.max) fail(`state.${k} is outside its numeric range`);
       const offset = (v - s.min) / s.step;
       if (Math.abs(offset - Math.round(offset)) > 1e-6) fail(`state.${k} does not match its step`);
     } else if (s.type === "json") {
-      if (!object(v) && !Array.isArray(v)) fail(`state.${k} must be an array or object for type json`);
+      if (!object2(v) && !Array.isArray(v)) fail(`state.${k} must be an array or object for type json`);
       safeJson(v);
       if (new TextEncoder().encode(JSON.stringify(v)).length > 16384) fail(`state.${k} JSON exceeds 16 KiB`);
     } else if (s.type === "string") text(v, `state.${k}`);
@@ -22016,7 +22089,7 @@ var ARITY = { add: [1, 8], sub: [2, 2], mul: [1, 8], div: [2, 2], min: [1, 8], m
 function reference(doc, ref) {
   if (typeof ref !== "string" || !["state", "data", "derived"].includes(ref.split(".")[0]) || ref.split(".").length !== 2 || !validIdentifier(ref.split(".")[1])) fail(`invalid reference ${JSON.stringify(ref)}; use state.key, data.key or derived.key with a letter/underscore identifier`);
   const [group, k] = ref.split(".");
-  if (!own(doc[group], k)) fail(`unknown reference ${ref}`);
+  if (!own2(doc[group], k)) fail(`unknown reference ${ref}`);
   return [group, k];
 }
 function evaluate(doc, state) {
@@ -22029,40 +22102,40 @@ function evaluate(doc, state) {
     budget();
     const [group, k] = reference(doc, ref);
     if (group !== "derived") return (group === "state" ? state : doc.data)[k];
-    if (own(derived, k)) return derived[k];
+    if (own2(derived, k)) return derived[k];
     if (active.has(k)) fail(`cyclic calculation ${k}`);
     active.add(k);
-    const result2 = expression(doc.derived[k]);
+    const result2 = expression2(doc.derived[k]);
     active.delete(k);
     derived[k] = result2;
     return result2;
   };
-  const expression = (e, item) => {
+  const expression2 = (e, item) => {
     budget();
-    if (own(e, "map")) {
+    if (own2(e, "map")) {
       const rows = resolve(e.map.source);
       if ((generatedRows += rows.length) > LIMITS.rows) fail("generated row limit exceeded");
       return rows.map((row) => Object.fromEntries(Object.entries(e.map.fields).map(([k, value]) => {
-        const out2 = expression(value, row);
+        const out2 = expression2(value, row);
         if (!scalar(out2)) fail("generated cells must be scalar");
         return [k, out2];
       })));
     }
-    if (own(e, "const")) return e.const;
-    if (own(e, "ref")) {
+    if (own2(e, "const")) return e.const;
+    if (own2(e, "ref")) {
       if (e.ref.startsWith("item.")) {
         const k = e.ref.slice(5);
-        if (!item || !own(item, k) || !scalar(item[k])) fail("invalid item reference");
+        if (!item || !own2(item, k) || !scalar(item[k])) fail("invalid item reference");
         return item[k];
       }
       return resolve(e.ref);
     }
     if (e.op === "if") {
-      const condition = expression(e.args[0], item);
+      const condition = expression2(e.args[0], item);
       if (typeof condition !== "boolean") fail("if condition must be boolean");
-      return expression(e.args[condition ? 1 : 2], item);
+      return expression2(e.args[condition ? 1 : 2], item);
     }
-    const a = e.args.map((arg) => expression(arg, item));
+    const a = e.args.map((arg) => expression2(arg, item));
     if (e.op === "eq") return a[0] === a[1];
     if (e.op === "neq") return a[0] !== a[1];
     if (!a.every(finite)) fail(`operator ${e.op} requires finite numbers`);
@@ -22110,8 +22183,8 @@ function evaluate(doc, state) {
   for (const k of Object.keys(doc.derived)) resolve(`derived.${k}`);
   if (new TextEncoder().encode(JSON.stringify(derived)).length > LIMITS.bytes) fail("derived output exceeds 128 KiB");
   const result = { derived, resolveValue: (value) => {
-    if (!object(value)) return value;
-    return expression(value);
+    if (!object2(value)) return value;
+    return expression2(value);
   } };
   checkViewValues(doc, result);
   return result;
@@ -22121,8 +22194,8 @@ function checkViewValues(doc, evaluated) {
     for (const n of list) {
       if (n.type === "table" || n.type === "chart") {
         const rows = evaluated.resolveValue(n.rows);
-        if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object)) fail("table/chart rows must reference an array of objects");
-        if (n.type === "chart" && rows.some((r) => !own(r, n.labelKey) || !scalar(r[n.labelKey]) || !own(r, n.valueKey) || !finite(r[n.valueKey]))) fail("chart requires labels and finite numeric values");
+        if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object2)) fail("table/chart rows must reference an array of objects");
+        if (n.type === "chart" && rows.some((r) => !own2(r, n.labelKey) || !scalar(r[n.labelKey]) || !own2(r, n.valueKey) || !finite(r[n.valueKey]))) fail("chart requires labels and finite numeric values");
         if (n.type === "chart" && n.xScale === "linear" && rows.some((r) => !finite(r[n.labelKey]))) fail("linear chart requires numeric x values");
       }
       if (n.type === "metric" && !scalar(evaluated.resolveValue(n.value))) fail(`node.${n.id}.value must resolve to a number, string or boolean; use table for rows or a canvas for structured data`);
@@ -22139,7 +22212,9 @@ function validateDocument(input) {
   safeJson(input);
   const json = JSON.stringify(input);
   if (new TextEncoder().encode(json).length > LIMITS.bytes) fail("document exceeds 128 KiB");
-  const doc = expandExpressions(JSON.parse(json));
+  const normalized = normalizeAuthoring(JSON.parse(json));
+  safeJson(normalized);
+  const doc = expandExpressions(normalized);
   fields(doc, ["version", "title", "fallback", "state", "data", "derived", "nodes", "actions", "presentation"], "document");
   if (doc.presentation !== void 0) {
     fields(doc.presentation, ["layout", "accent", "density"], "presentation");
@@ -22152,60 +22227,61 @@ function validateDocument(input) {
   if (!doc.title.trim() || !doc.fallback.trim()) fail("title and fallback cannot be empty");
   for (const group of ["state", "data", "derived", "actions"]) {
     doc[group] ??= {};
-    if (!object(doc[group]) || Object.keys(doc[group]).length > 64) fail(`invalid ${group}`);
+    if (!object2(doc[group]) || Object.keys(doc[group]).length > 64) fail(`invalid ${group}`);
     for (const k of Object.keys(doc[group])) if (!validIdentifier(k)) fail(`invalid key in ${group}: ${JSON.stringify(k)}; use 1..64 letters, numbers or underscores, starting with a letter/underscore (Chinese letters supported); no spaces, dots or hyphens. Put display labels in label/text`);
   }
   for (const [k, s] of Object.entries(doc.state)) {
     fields(s, ["type", "default", "min", "max", "step", "options"], `state.${k}`);
-    if (s.type === "string" && (Array.isArray(s.default) || object(s.default)) && !own(s, "options")) s.type = "json";
+    if (s.type === "string" && (Array.isArray(s.default) || object2(s.default)) && !own2(s, "options")) s.type = "json";
     if (!["number", "string", "boolean", "json"].includes(s.type)) fail(`unsupported state type ${k}; use number, string, boolean or json (arrays/objects)`);
-    if (s.type === "json" && own(s, "options")) fail(`state.${k}: json state does not support select options; use scalar options or a canvas`);
+    if (s.type === "json" && own2(s, "options")) fail(`state.${k}: json state does not support select options; use scalar options or a canvas`);
     if (s.type === "number") {
-      if (![s.min, s.max, s.step].every(finite) || s.min >= s.max || s.step <= 0) fail(`invalid numeric limits for ${k}`);
+      for (const field of ["default", "min", "max", "step"]) if (!finite(s[field])) fail(`state.${k}.${field} must be a finite JSON number; received ${s[field] === null ? "null" : typeof s[field]}. Supply {type:"number",default:2,min:1,max:12,step:1}; do not omit limits or include units in numeric fields`);
+      if (s.min >= s.max || s.step <= 0) fail(`invalid numeric limits for state.${k}: require min < max and step > 0; received min=${s.min}, max=${s.max}, step=${s.step}`);
       if ((s.max - s.min) / s.step > 1e9) fail(`numeric step too small for ${k}`);
-    } else if (["min", "max", "step"].some((p) => own(s, p))) fail(`numeric limits on non-number ${k}`);
-    if (s.options && (!Array.isArray(s.options) || !s.options.length || s.options.length > 64 || !s.options.every(scalar))) fail(`invalid options for ${k}`);
+    } else if (["min", "max", "step"].some((p) => own2(s, p))) fail(`numeric limits on non-number ${k}`);
+    if (s.options !== void 0 && (!Array.isArray(s.options) || !s.options.length || s.options.length > 64 || !s.options.every(scalar))) fail(`state.${k}.options must be a direct array of 1..64 scalar values, e.g. options:["3","5","7"], not {item:[...]}`);
   }
   const defaults = validateState(doc, initialState(doc));
   let expressions = 0;
   for (const [k, spec] of Object.entries(doc.state))
     for (const option of spec.options ?? []) validateState(doc, { ...defaults, [k]: option });
-  function validateExpression(e, depth = 0, itemRows) {
+  function validateExpression(e, depth = 0, itemRows, at = "expression") {
     if (++expressions > LIMITS.expressions || depth > LIMITS.depth) fail("expression limit exceeded");
-    if (!object(e)) fail("expression must be an object");
-    if (own(e, "map")) {
+    if (!object2(e)) fail(`${at}: expression must be an object`);
+    if (own2(e, "map")) {
       if (depth !== 0) fail("map is only allowed at the root of a derived value");
       fields(e, ["map"], "expression");
       fields(e.map, ["source", "fields"], "map");
       if (typeof e.map.source !== "string" || !e.map.source.startsWith("data.")) fail('map source must reference static data using a string such as "data.samples"; put object rows in document.data.samples, not inline in map.source');
       const [, k] = reference(doc, e.map.source), rows = doc.data[k];
-      if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object)) fail("map source must be object rows");
-      if (!object(e.map.fields) || !Object.keys(e.map.fields).length || Object.keys(e.map.fields).length > 16) fail("map requires 1..16 fields");
+      if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object2)) fail("map source must be object rows");
+      if (!object2(e.map.fields) || !Object.keys(e.map.fields).length || Object.keys(e.map.fields).length > 16) fail("map requires 1..16 fields");
       for (const [k2, value2] of Object.entries(e.map.fields)) {
         if (!validIdentifier(k2)) fail(`invalid map field ${JSON.stringify(k2).slice(0, 100)}; use a letter/underscore identifier such as powerW or \u529F\u7387, without spaces, dots or hyphens`);
-        validateExpression(value2, depth + 1, rows);
+        validateExpression(value2, depth + 1, rows, `${at}.map.fields.${k2}`);
       }
       return;
     }
-    if (own(e, "const")) {
+    if (own2(e, "const")) {
       fields(e, ["const"], "expression");
       if (!scalar(e.const)) fail("constant must be scalar");
       return;
     }
-    if (own(e, "ref")) {
+    if (own2(e, "ref")) {
       fields(e, ["ref"], "expression");
       if (typeof e.ref === "string" && e.ref.startsWith("item.")) {
         const k = e.ref.slice(5);
-        if (!itemRows || !validIdentifier(k) || itemRows.some((row) => !own(row, k) || !scalar(row[k]))) fail("invalid or unscoped item reference");
+        if (!itemRows || !validIdentifier(k) || itemRows.some((row) => !own2(row, k) || !scalar(row[k]))) fail("invalid or unscoped item reference");
       } else reference(doc, e.ref);
       return;
     }
     fields(e, ["op", "args"], "expression");
     const arity = ARITY[e.op];
-    if (!arity || !Array.isArray(e.args) || e.args.length < arity[0] || e.args.length > arity[1]) fail("invalid operator or argument count");
-    e.args.forEach((a) => validateExpression(a, depth + 1, itemRows));
+    if (!arity || !Array.isArray(e.args) || e.args.length < arity[0] || e.args.length > arity[1]) fail(`${at}: invalid operator or argument count for ${JSON.stringify(e.op)}; args must be a direct array${arity ? ` with ${arity[0]}..${arity[1]} expressions` : " and op must be registered"}. Received ${Array.isArray(e.args) ? e.args.length + " arguments" : typeof e.args}. Prefer {expr:"state.people * state.days"} for arithmetic; missing operands cannot be inferred`);
+    e.args.forEach((a, i) => validateExpression(a, depth + 1, itemRows, `${at}.args[${i}]`));
   }
-  Object.values(doc.derived).forEach((e) => validateExpression(e));
+  Object.entries(doc.derived).forEach(([k, e]) => validateExpression(e, 0, void 0, `derived.${k}`));
   const visited = /* @__PURE__ */ new Set(), active = /* @__PURE__ */ new Set();
   function visit(k) {
     if (active.has(k)) fail(`cyclic calculation ${k}`);
@@ -22225,32 +22301,38 @@ function validateDocument(input) {
     fields(a, ["type", "intent", "stateKeys"], `actions.${k}`);
     if (a.type !== "agent.followup") fail("only agent.followup actions are supported");
     text(a.intent, "action intent");
-    if (!a.intent.trim() || !Array.isArray(a.stateKeys) || a.stateKeys.length > 64 || new Set(a.stateKeys).size !== a.stateKeys.length || a.stateKeys.some((s) => !own(doc.state, s))) fail("invalid action stateKeys");
+    if (!a.intent.trim() || !Array.isArray(a.stateKeys) || a.stateKeys.length > 64 || new Set(a.stateKeys).size !== a.stateKeys.length || a.stateKeys.some((s) => !own2(doc.state, s))) fail("invalid action stateKeys");
   }
-  const ids = /* @__PURE__ */ new Set();
+  const ids = /* @__PURE__ */ new Map();
   let count = 0;
   const value = (v, at) => {
-    if (object(v)) {
-      if (own(v, "map")) fail("map belongs in derived");
+    if (object2(v)) {
+      if (own2(v, "map")) fail("map belongs in derived");
       validateExpression(v);
     } else if (!scalar(v)) fail(`invalid value at ${at}`);
   };
-  function nodes(list, depth = 0) {
+  function nodes(list, depth = 0, path = "nodes") {
     if (!Array.isArray(list) || depth > LIMITS.depth) fail("invalid node children or depth");
-    for (const n of list) {
+    for (const [index, n] of list.entries()) {
+      const at = `${path}[${index}]`;
       if (++count > LIMITS.nodes) fail("too many nodes");
-      if (!object(n) || !validIdentifier(n.id) || ids.has(n.id)) fail("node ids must be unique identifiers");
-      ids.add(n.id);
+      if (!object2(n)) fail(`${at} must be a node object`);
+      if (!own2(n, "id")) fail(`${at}.id is missing (type=${JSON.stringify(n.type)}). Every node, including sandbox, needs its own id; add e.g. id:"canvas". JSON field order does not matter`);
+      if (!validIdentifier(n.id)) fail(`${at}.id is invalid: ${JSON.stringify(n.id)}. Use 1..64 letters/numbers/underscores starting with a letter/underscore`);
+      if (ids.has(n.id)) fail(`${at}.id duplicates ${JSON.stringify(n.id)} first declared at ${ids.get(n.id)}. Give each node a unique id; state keys and node ids are separate namespaces`);
+      ids.set(n.id, `${at}.id`);
       if (!Object.hasOwn(COMPONENTS, n.type)) fail("unsupported component " + n.type);
       if (["table", "chart"].includes(n.type) && typeof n.rows === "string" && /^(data|derived)\./.test(n.rows)) n.rows = { ref: n.rows };
       switch (n.type) {
         case "sandbox": {
-          text(n.title, "canvas title");
-          text(n.fallback, "canvas fallback");
-          if (!n.title.trim() || !n.fallback.trim() || typeof n.html !== "string" || !n.html.trim()) fail("canvas requires title, HTML and fallback");
+          text(n.title, `${at}.title (canvas title)`);
+          text(n.fallback, `${at}.fallback (canvas fallback)`);
+          if (!n.title.trim()) fail(`${at}.title must not be empty`);
+          if (!n.fallback.trim()) fail(`${at}.fallback must not be empty`);
+          if (typeof n.html !== "string" || !n.html.trim()) fail(`${at}.html must be a non-empty HTML string; script/css/fallback belong beside html on the sandbox node, not inside it`);
           for (const field of ["html", "css", "script"]) if (n[field] !== void 0 && (typeof n[field] !== "string" || n[field].length > SANDBOX_LIMITS.source)) fail("canvas source exceeds 48 Ki characters");
           if (n.height !== void 0 && (!Number.isInteger(n.height) || n.height < 160 || n.height > SANDBOX_LIMITS.height)) fail("canvas height must be 160..1000");
-          for (const [field, group] of [["stateKeys", "state"], ["dataKeys", "data"], ["derivedKeys", "derived"]]) if (n[field] !== void 0 && (!Array.isArray(n[field]) || n[field].length > 64 || new Set(n[field]).size !== n[field].length || n[field].some((k) => !own(doc[group], k)))) fail("invalid canvas " + field);
+          for (const [field, group] of [["stateKeys", "state"], ["dataKeys", "data"], ["derivedKeys", "derived"]]) if (n[field] !== void 0 && (!Array.isArray(n[field]) || n[field].length > 64 || new Set(n[field]).size !== n[field].length || n[field].some((k) => !own2(doc[group], k)))) fail("invalid canvas " + field);
           break;
         }
         case "row":
@@ -22262,7 +22344,8 @@ function validateDocument(input) {
           break;
         case "details":
           text(n.title, "details title");
-          if (n.open !== void 0 && typeof n.open !== "boolean") fail("details open must be boolean");
+          if (n.open === "true" || n.open === "false") n.open = n.open === "true";
+          if (n.open !== void 0 && typeof n.open !== "boolean") fail(`node.${n.id}.open must be boolean true or false`);
           break;
         case "badge":
           value(n.text, "badge text");
@@ -22274,12 +22357,15 @@ function validateDocument(input) {
           if (n.unit !== void 0) text(n.unit, "progress unit");
           break;
         case "steps": {
-          if (!Array.isArray(n.items) || !n.items.length || n.items.length > 12) fail("steps require 1..12 items");
-          for (const item of n.items) {
-            fields(item, ["title", "description", "status"], "step");
-            text(item.title, "step title");
-            if (item.description !== void 0) text(item.description, "step description");
-            if (!["pending", "active", "done", "error"].includes(item.status)) fail("unknown step status");
+          const at2 = `node.${n.id}.items`;
+          if (!Array.isArray(n.items)) fail(`${at2} must be an array of 1..12 step objects, received ${n.items === null ? "null" : typeof n.items}. Use items:[{"title":"First step","description":"One sentence"}], not items:{item:[...]}. status is optional for a static guide`);
+          if (!n.items.length || n.items.length > 12) fail(`${at2} requires 1..12 items; received ${n.items.length}. Split a longer guide into separate steps nodes`);
+          for (const [i, item] of n.items.entries()) {
+            const stepAt = `${at2}[${i}]`;
+            fields(item, ["title", "description", "status"], stepAt);
+            text(item.title, `${stepAt}.title`);
+            if (item.description !== void 0) text(item.description, `${stepAt}.description`);
+            if (item.status !== void 0 && !["pending", "active", "done", "error"].includes(item.status)) fail(`${stepAt}.status must be pending, active, done or error; omit status for a static guide`);
           }
           break;
         }
@@ -22309,7 +22395,7 @@ function validateDocument(input) {
         }
         case "button":
           text(n.text, "button text");
-          if (!own(doc.actions, n.action)) fail("unknown action");
+          if (!own2(doc.actions, n.action)) fail("unknown action");
           break;
         case "table": {
           if (n.label !== void 0) text(n.label, "table label");
@@ -22342,7 +22428,7 @@ function validateDocument(input) {
         }
       }
       fields(n, componentFields(n.type), `node.${n.id}`);
-      if (["row", "column", "card", "details"].includes(n.type)) nodes(n.children, depth + 1);
+      if (["row", "column", "card", "details"].includes(n.type)) nodes(n.children, depth + 1, `${at}.children`);
     }
   }
   nodes(doc.nodes);
@@ -22551,156 +22637,6 @@ function useSavedState(record, sessionId, preview = false) {
   return { state: preview ? initialState(doc) : state, setState, ready: !preview && ready, status: preview ? "\u751F\u6210\u9884\u89C8 \xB7 \u5B8C\u6210\u6821\u9A8C\u540E\u53EF\u64CD\u4F5C" : status, issue, epoch, retry, useRemote: () => load(), keepLocal: () => load(true) };
 }
 
-// lib/tool-json.js
-function clean(source) {
-  let input = source.trim().replace(/^\uFEFF/, "");
-  const fence = input.match(/^```(?:json)?\s*\n([\s\S]*?)\n```$/i);
-  if (fence) input = fence[1];
-  let output = "", quoted = false, escaped = false;
-  for (let i = 0; i < input.length; i++) {
-    const c = input[i];
-    if (quoted) {
-      output += c;
-      if (escaped) escaped = false;
-      else if (c === "\\") escaped = true;
-      else if (c === '"') quoted = false;
-      continue;
-    }
-    if (c === '"') quoted = true;
-    if (c === "," && /^\s*[}\]]/.test(input.slice(i + 1))) continue;
-    output += c;
-  }
-  return output;
-}
-function toolJson(value, field, maxBytes = 131072) {
-  if (typeof value !== "string") return value;
-  if (new TextEncoder().encode(value).length > maxBytes) throw new Error(`DSH UI: ${field} JSON exceeds size limit`);
-  const source = clean(value);
-  try {
-    return JSON.parse(source);
-  } catch (error) {
-    const position = error.message.match(/position (\d+)/)?.[1];
-    const location = position === void 0 ? "" : ` at line ${source.slice(0, Number(position)).split("\n").length}, column ${Number(position) - source.lastIndexOf("\n", Number(position) - 1)}`;
-    throw new Error(`DSH UI: ${field} must contain valid JSON${location}. Pass an object directly, not a manually escaped JSON string. Do not use single-quoted keys or raw newlines inside strings. For HTML/SVG use render_canvas with separate html/css/script fields. No partial document was saved.`);
-  }
-}
-
-// lib/stream.js
-function parseToolArguments(raw) {
-  if (typeof raw !== "string" || raw.length > LIMITS.bytes || new TextEncoder().encode(raw).length > LIMITS.bytes) return null;
-  let i = 0;
-  const ws = () => {
-    while (/\s/.test(raw[i] ?? "") && i < raw.length) i++;
-  };
-  function parse(depth = 0) {
-    if (depth > 48) throw Error("depth");
-    ws();
-    const start = i, c = raw[i];
-    if (c === "{" || c === "[") {
-      const array = c === "[", value = array ? [] : {}, members = /* @__PURE__ */ new Map(), close = array ? "]" : "}";
-      i++;
-      ws();
-      if (raw[i] === close) {
-        i++;
-        return { value, complete: true, members };
-      }
-      let count = 0;
-      while (i < raw.length) {
-        if (++count > 500) throw Error("items");
-        let k;
-        if (!array) {
-          const name = parse(depth + 1);
-          if (!name.complete) return { value, complete: false, members };
-          if (typeof name.value !== "string" || Object.hasOwn(value, name.value) || ["__proto__", "constructor", "prototype"].includes(name.value)) throw Error("key");
-          k = name.value;
-          ws();
-          if (i === raw.length) return { value, complete: false, members };
-          if (raw[i++] !== ":") throw Error("colon");
-        }
-        const child = parse(depth + 1);
-        if (array) {
-          if (child.complete) value.push(child.value);
-        } else {
-          members.set(k, child);
-          if (child.complete) value[k] = child.value;
-        }
-        if (!child.complete) return { value, complete: false, members };
-        ws();
-        if (i === raw.length) return { value, complete: false, members };
-        const separator = raw[i++];
-        if (separator === close) return { value, complete: true, members };
-        if (separator !== ",") throw Error("separator");
-        ws();
-        if (raw[i] === close) throw Error("trailing comma");
-      }
-      return { value, complete: false, members };
-    }
-    if (c === '"') {
-      i++;
-      let safe = i;
-      while (i < raw.length) {
-        const ch = raw[i++];
-        if (ch === '"') return { value: JSON.parse(raw.slice(start, i)), complete: true };
-        if (ch === "\\") {
-          if (i === raw.length) break;
-          const escaped = raw[i++];
-          if (escaped === "u") {
-            if (raw.length - i < 4) {
-              i = raw.length;
-              break;
-            }
-            if (!/^[0-9a-f]{4}$/i.test(raw.slice(i, i + 4))) throw Error("escape");
-            i += 4;
-          } else if (!'"\\/bfnrt'.includes(escaped)) throw Error("escape");
-        } else if (ch.charCodeAt(0) < 32) throw Error("string");
-        safe = i;
-      }
-      return { value: JSON.parse(raw.slice(start, safe) + '"'), complete: false };
-    }
-    while (i < raw.length && !/[\s,}\]]/.test(raw[i])) i++;
-    const token = raw.slice(start, i);
-    if (i === raw.length) return { complete: false };
-    return { value: JSON.parse(token), complete: true };
-  }
-  try {
-    const root = parse();
-    ws();
-    if (i !== raw.length) return null;
-    return root;
-  } catch {
-    return null;
-  }
-}
-function previewDocument(raw) {
-  try {
-    const root = parseToolArguments(raw);
-    if (!root) return null;
-    const document2 = root.members?.get("document");
-    if (document2?.complete && typeof document2.value === "string" && root.members.size === 1) return validateDocument(toolJson(document2.value, "document"));
-    if (!document2?.members) return null;
-    if ([...root.members.keys()].some((k) => k !== "document")) return null;
-    const doc = { ...document2.value }, nodes = document2.members.get("nodes");
-    if (!nodes || !Array.isArray(nodes.value) || !nodes.value.length) return null;
-    doc.nodes = nodes.value;
-    for (let n = doc.nodes.length; n > 0; n--) {
-      try {
-        return validateDocument({ ...doc, nodes: doc.nodes.slice(0, n) });
-      } catch {
-      }
-    }
-  } catch {
-  }
-  return null;
-}
-function previewCanvas(raw) {
-  const root = parseToolArguments(raw);
-  if (!root?.members) return null;
-  const get = (k) => root.members.get(k), html = get("html"), css = get("css");
-  if (!get("title")?.complete || !get("fallback")?.complete || typeof html?.value !== "string" || !html.value || !css?.complete || typeof css.value !== "string") return null;
-  if (html.value.length > 49152 || css.value.length > 49152) return null;
-  return { id: "canvas-preview", title: String(get("title").value).slice(0, 160), fallback: String(get("fallback").value).slice(0, 2e3), html: html.value, css: css.value, height: Number.isFinite(get("height")?.value) ? Math.max(160, Math.min(1e3, get("height").value)) : 420 };
-}
-
 // src/canvas-preview.js
 var import_react3 = __toESM(require("react"), 1);
 
@@ -22791,7 +22727,7 @@ function CanvasPreview({ node }) {
 var import_react6 = __toESM(require("react"), 1);
 
 // lib/export-runtime-bundle.js
-var EXPORT_RUNTIME = '(() => {\n  // lib/presentation.js\n  var UI_ICONS = Object.freeze(["sparkles", "sliders", "layers", "chart", "gauge", "cpu", "database", "info", "check", "warning", "arrow", "target"]);\n  var UI_TONES = Object.freeze(["neutral", "accent", "success", "warning", "danger"]);\n  var UI_LAYOUTS = Object.freeze(["dashboard", "workbench", "comparison", "guide", "status", "report"]);\n  var UI_ACCENTS = Object.freeze(["blue", "teal", "violet", "amber", "rose"]);\n  var UI_SURFACES = Object.freeze(["outline", "soft", "featured"]);\n\n  // lib/visual-audit.js\n  function measureVisual(root, nodeId = "") {\n    const issues = [], seen = /* @__PURE__ */ new Set(), coverage = { nodeId, elements: 0, truncated: false, contrastChecked: 0, contrastUncovered: 0 };\n    const add = (code, value, el2) => {\n      const id = el2?.closest("[data-ui-node]")?.getAttribute("data-ui-node") ?? nodeId;\n      const k = id + ":" + code + ":" + Math.round(value ?? 0);\n      if (!seen.has(k) && issues.length < 40) {\n        seen.add(k);\n        issues.push({ code, nodeId: id, ...value === void 0 ? {} : { value: Number(value.toFixed(2)) } });\n      }\n    };\n    const color = (s) => {\n      let m = s.match(/^rgba?\\(([^)]+)\\)/);\n      if (m) {\n        const a = m[1].split(/[\\s,\\/]+/).map(Number);\n        return [a[0] / 255, a[1] / 255, a[2] / 255, a[3] ?? 1];\n      }\n      m = s.match(/^color\\(srgb ([^)]+)\\)/);\n      if (m) {\n        const a = m[1].split(/[\\s\\/]+/).map(Number);\n        return [a[0], a[1], a[2], a[3] ?? 1];\n      }\n      return null;\n    };\n    const luminance = (c) => c.slice(0, 3).map((v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4).reduce((s, v, i) => s + v * [0.2126, 0.7152, 0.0722][i], 0);\n    const widthRoot = root.id === "canvas" ? document.documentElement : root;\n    if (widthRoot.scrollWidth > widthRoot.clientWidth + 2) add("overflow", widthRoot.scrollWidth - widthRoot.clientWidth);\n    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n    let el;\n    while (el = walker.nextNode()) {\n      if (coverage.elements >= 2e3) {\n        coverage.truncated = true;\n        break;\n      }\n      coverage.elements++;\n      if (el.matches("[data-canvas-phase=error]")) add("runtimeError", void 0, el);\n      const css = getComputedStyle(el), box = el.getBoundingClientRect();\n      if (!box.width || !box.height || css.visibility === "hidden" || css.display === "none") continue;\n      const text2 = [...el.childNodes].some((n) => n.nodeType === 3 && n.textContent.trim());\n      if (text2) {\n        let size = parseFloat(css.fontSize);\n        if (el instanceof SVGElement && el.getScreenCTM) {\n          const m = el.getScreenCTM();\n          if (m) size *= Math.hypot(m.c, m.d);\n        }\n        if (size < 11.9) add("smallText", size, el);\n        const fg = color(css.color);\n        let ancestor = el, bg = null, depth = 0;\n        while (ancestor && depth++ < 64) {\n          const style = getComputedStyle(ancestor);\n          if (style.backgroundImage !== "none") break;\n          const c = color(style.backgroundColor);\n          if (c?.[3] === 1) {\n            bg = c;\n            break;\n          }\n          if (c?.[3] > 0) break;\n          ancestor = ancestor.parentElement;\n        }\n        if (!(el instanceof SVGElement) && fg?.[3] === 1 && bg) {\n          coverage.contrastChecked++;\n          const a = luminance(fg), b = luminance(bg), ratio = (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);\n          if (ratio < (size >= 24 || size >= 18.66 && parseFloat(css.fontWeight) >= 700 ? 3 : 4.5)) add("contrast", ratio, el);\n        } else coverage.contrastUncovered++;\n      }\n      if (el.matches("input:not([type=hidden]),select,textarea,button,[role=button]") && !el.getAttribute("aria-label") && !el.getAttribute("aria-labelledby") && !el.labels?.length && !el.textContent.trim() && !el.getAttribute("title")) add("missingLabel", void 0, el);\n    }\n    Object.defineProperty(issues, "coverage", { value: coverage });\n    return issues;\n  }\n\n  // lib/format-number.js\n  function formatNumber(value, decimals = 2) {\n    if (typeof value !== "number" || !Number.isFinite(value)) throw new Error("DSH UI: formatNumber requires a finite number");\n    if (!Number.isInteger(decimals) || decimals < 0 || decimals > 6) throw new Error("DSH UI: formatNumber decimals must be an integer from 0 to 6");\n    return value.toLocaleString("en-US", { minimumFractionDigits: decimals, maximumFractionDigits: decimals });\n  }\n\n  // lib/canvas-system.js\n  var CANVAS_SYSTEM_CSS = `\n:root{--canvas-radius:20px;--canvas-gap:16px;--canvas-positive:#167456;--canvas-negative:#b13b3b;--canvas-warning:#875b15}\n:root[data-canvas-scheme=dark]{--canvas-positive:#78d9b4;--canvas-negative:#ffaaaa;--canvas-warning:#edc87e}\n#canvas{display:flow-root}html,body{margin:0;min-width:0;background:var(--canvas-bg,#fff);color:var(--canvas-ink,#182537);font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--canvas-line,#ced4df);border-radius:8px;background:var(--canvas-bg,#fff);padding:8px 12px;max-width:100%}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}input[type=range]{padding:0;accent-color:var(--canvas-accent,#3e60d3)}input[type=checkbox],input[type=radio]{accent-color:var(--canvas-accent,#3e60d3)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--canvas-accent,#3e60d3);outline-offset:3px}\n.ui-stack{display:grid;gap:var(--canvas-gap)}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--canvas-gap)}.ui-surface{padding:20px;border:1px solid var(--canvas-line,#ced4df);border-radius:var(--canvas-radius);background:var(--canvas-soft,#f3f5f8)}.ui-title{margin:0;font-size:clamp(20px,3vw,28px);line-height:1.3;letter-spacing:-.02em}.ui-caption{color:var(--canvas-muted,#526176);margin:8px 0;font-size:14px}.ui-value{font-size:clamp(24px,4vw,36px);font-variant-numeric:tabular-nums;line-height:1.2}.ui-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ui-field{display:grid;gap:6px;min-width:0}.ui-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.ui-status{min-height:1.6em}.ui-error{color:var(--canvas-negative)}.ui-primary{background:var(--canvas-accent,#3e60d3);color:var(--canvas-accent-ink,#fff);border-color:transparent}\nsvg .ui-node{fill:var(--canvas-soft,#f3f5f8);stroke:var(--canvas-line,#ced4df);stroke-width:1}svg .ui-edge{fill:none;stroke:var(--canvas-muted,#526176);stroke-width:1.5}svg .ui-label{fill:var(--canvas-ink,#182537);font:500 14px system-ui,sans-serif}svg .ui-note{fill:var(--canvas-muted,#526176);font:400 13px system-ui,sans-serif}svg .ui-leader{fill:none;stroke:var(--canvas-muted,#526176);stroke-dasharray:3 4}svg .ui-accent{fill:color-mix(in srgb,var(--canvas-accent,#3e60d3) 12%,var(--canvas-bg,#fff));stroke:var(--canvas-accent,#3e60d3)}\n.ui-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 8px;flex-wrap:wrap}.ui-step{display:grid;gap:6px;min-width:130px;max-width:240px;padding:16px 20px;border:1px solid var(--canvas-line);border-radius:6px;background:var(--canvas-bg)}.ui-step strong{font-size:16px;font-weight:600}.ui-step span{font-size:14px;color:var(--canvas-muted)}.ui-arrow{color:var(--canvas-muted);font-size:22px}.ui-callout{border-inline-start:3px solid var(--canvas-accent);padding:8px 16px;color:var(--canvas-ink)}\n.ui-surface,.ui-step{border-radius:var(--canvas-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--canvas-accent,#3e60d3) 9%,var(--canvas-bg,#fff)),var(--canvas-soft,#f3f5f8))}button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:14px}.ui-primary{background:linear-gradient(120deg,var(--canvas-accent,#3e60d3),color-mix(in srgb,var(--canvas-accent,#3e60d3) 85%,#152647))}.ui-callout{border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--canvas-accent,#3e60d3) 7%,var(--canvas-bg,#fff)),var(--canvas-bg,#fff))}\n@media(max-width:480px){.ui-flow{flex-direction:column;padding:16px 8px;gap:12px}.ui-step{width:100%;max-width:none}.ui-arrow{transform:rotate(90deg)}}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}`;\n\n  // lib/sandbox.js\n  var SANDBOX_LIMITS = Object.freeze({ source: 49152, height: 1e3, message: 16384, rate: 30 });\n  function canvasSnapshot(node2, state2, data, derived, disabled, theme) {\n    const pick = (keys, values) => Object.fromEntries((keys ?? []).map((k) => [k, values[k]]));\n    return { state: pick(node2.stateKeys, state2), data: pick(node2.dataKeys, data), derived: pick(node2.derivedKeys, derived), disabled, theme };\n  }\n  function canvasPatch(message, node2) {\n    if (!message || typeof message !== "object" || Array.isArray(message)) throw new Error("Invalid canvas patch");\n    const keys = Object.keys(message);\n    if (!keys.length || keys.length > 64 || keys.some((k) => !(node2.stateKeys ?? []).includes(k))) throw new Error("Canvas state key is not declared");\n    if (JSON.stringify(message).length > SANDBOX_LIMITS.message) throw new Error("Canvas patch is too large");\n    return message;\n  }\n  function sandboxDocument(node2, channel2, nonce2) {\n    const json = (value) => JSON.stringify(value).replace(/</g, "\\\\u003c").replace(/\\u2028/g, "\\\\u2028").replace(/\\u2029/g, "\\\\u2029");\n    return `<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src \'none\'; script-src \'nonce-${nonce2}\'; style-src \'unsafe-inline\'; img-src data:; font-src \'none\'; connect-src \'none\'; media-src \'none\'; object-src \'none\'; frame-src \'none\'; worker-src \'none\'; base-uri \'none\'; form-action \'none\'"><meta name="viewport" content="width=device-width,initial-scale=1"><style>${CANVAS_SYSTEM_CSS}</style></head><body><main id="canvas"></main><script nonce="${nonce2}">(()=>{\n  const channel=${json(channel2)}, source=${json({ html: node2.html, css: node2.css ?? "", script: node2.script ?? "" })};\n  let snapshot={state:{},data:{},derived:{},disabled:true,theme:{}}, started=false;\n  const listeners=new Set(), send=(type,payload)=>parent.postMessage({dshCanvas:1,channel,type,payload},\'*\');\n  const report=e=>send(\'error\',String(e?.message??e).slice(0,1000));\n  const audit=${measureVisual.toString()};let auditTimer;const scheduleAudit=()=>{clearTimeout(auditTimer);auditTimer=setTimeout(()=>{const issues=audit(document.getElementById(\'canvas\'),${json(node2.id ?? "")});send(\'audit\',{issues,coverage:issues.coverage})},400)};\n  addEventListener(\'resize\',scheduleAudit);\n  addEventListener(\'error\',e=>report(e.error??e.message));addEventListener(\'unhandledrejection\',e=>report(e.reason));\n  const animations=new Set(), motion=matchMedia(\'(prefers-reduced-motion: reduce)\');\n  let raf=0,last=0,time=0;\n  const visible=()=>snapshot.visible!==false&&!document.hidden;\n  const canAnimate=()=>visible()&&!snapshot.disabled&&!motion.matches;\n  const draw=delta=>{for(const fn of animations)try{fn({time,delta,reducedMotion:motion.matches,visible:visible()})}catch(e){animations.delete(fn);report(e)}};\n  const tick=t=>{raf=0;if(!canAnimate()||!animations.size){last=0;draw(0);return}const delta=last?Math.min(.05,(t-last)/1000):0;last=t;time+=delta;draw(delta);if(animations.size)raf=requestAnimationFrame(tick)};\n  const refresh=()=>{draw(0);if(canAnimate()&&animations.size){if(!raf){last=0;raf=requestAnimationFrame(tick)}}else{cancelAnimationFrame(raf);raf=0;last=0}};\n  motion.addEventListener(\'change\',refresh);document.addEventListener(\'visibilitychange\',refresh);\n  const formatNumber=${formatNumber.toString()};\n  const api={formatNumber,get snapshot(){return structuredClone(snapshot)},subscribe(fn){if(typeof fn!==\'function\')throw Error(\'Listener required\');listeners.add(fn);fn(api.snapshot);return()=>listeners.delete(fn)},setState(patch){if(!snapshot.disabled)send(\'patch\',patch)},animate(fn){if(typeof fn!==\'function\')throw Error(\'Animation callback required\');animations.add(fn);refresh();return()=>{animations.delete(fn);if(!animations.size){cancelAnimationFrame(raf);raf=0;last=0}}}};\n  Object.defineProperty(window,\'DSHUI\',{value:Object.freeze(api),writable:false});\n  for(const type of [\'click\',\'input\',\'change\',\'keydown\',\'pointerdown\'])document.addEventListener(type,e=>{if(snapshot.disabled){e.preventDefault();e.stopImmediatePropagation()}},true);\n  addEventListener(\'message\',event=>{\n    const m=event.data;if(event.source!==parent||m?.dshCanvas!==1||m.channel!==channel||m.type!==\'snapshot\')return;\n    snapshot=m.payload;for(const [k,v] of Object.entries(snapshot.theme??{}))document.documentElement.style.setProperty(\'--canvas-\'+k,v);\n    document.documentElement.style.colorScheme=snapshot.theme?.scheme??\'light\';document.documentElement.dataset.canvasScheme=snapshot.theme?.scheme??\'light\';\n    const wasStarted=started;\n    if(!started){started=true;document.getElementById(\'canvas\').innerHTML=source.html;const style=document.createElement(\'style\');style.textContent=source.css;document.head.append(style);const script=document.createElement(\'script\');script.nonce=${json(nonce2)};script.textContent=source.script;document.body.append(script)}\n    if(wasStarted)for(const fn of listeners)try{fn(api.snapshot)}catch(e){report(e)}\n    refresh();if(!wasStarted)send(\'mounted\');scheduleAudit();\n  });\n  let resizePending=false;new ResizeObserver(()=>{if(!started||resizePending)return;resizePending=true;requestAnimationFrame(()=>{resizePending=false;send(\'height\',Math.ceil(document.getElementById(\'canvas\').getBoundingClientRect().height))})}).observe(document.getElementById(\'canvas\'));\n  send(\'ready\');\n})();<\\/script></body></html>`;\n  }\n\n  // lib/components.js\n  var define = (fields2, purpose, presentation = "") => Object.freeze({ fields: Object.freeze(fields2), purpose, presentation });\n  var COMPONENTS = Object.freeze({\n    heading: define(["text"], "Section heading", "tone"),\n    text: define(["text"], "Readable explanation or bound text", "tone"),\n    row: define(["children"], "Wrapping parallel content"),\n    column: define(["children"], "Ordered vertical content"),\n    card: define(["title", "children", "surface"], "Meaningful grouped section", "tone"),\n    details: define(["title", "children", "open"], "Collapsible supporting content", "tone"),\n    badge: define(["text"], "Short explicit status label", "tone"),\n    progress: define(["label", "value", "max", "unit"], "Declared numeric progress snapshot", "tone"),\n    steps: define(["items"], "Ordered declared steps"),\n    metric: define(["label", "value", "unit", "decimals"], "Number with units, or a literal/bound status string", "tone"),\n    input: define(["label", "bind"], "String or numeric state input"),\n    slider: define(["label", "bind"], "Numeric state control"),\n    select: define(["label", "bind"], "Selection from declared state options"),\n    toggle: define(["label", "bind"], "Boolean state control"),\n    button: define(["text", "action"], "Declared Agent follow-up", "icon"),\n    table: define(["label", "rows", "columns"], "Supplied or derived values; inline rows or data/derived reference"),\n    chart: define(["kind", "rows", "labelKey", "valueKey", "label", "unit", "xScale"], "Bar/line comparison with accessible data"),\n    sandbox: define(["title", "html", "css", "script", "fallback", "height", "stateKeys", "dataKeys", "derivedKeys"], "Freeform isolated HTML/SVG/CSS/JavaScript visualization")\n  });\n  function componentFields(type) {\n    const c = Object.hasOwn(COMPONENTS, type) ? COMPONENTS[type] : void 0;\n    return c && ["id", "type", ...c.fields, ...c.presentation ? ["icon"] : [], ...c.presentation === "tone" ? ["tone"] : []];\n  }\n\n  // lib/identifiers.js\n  var IDENTIFIER_SOURCE = "[\\\\p{L}_][\\\\p{L}\\\\p{M}\\\\p{N}_]{0,63}";\n  var pattern = new RegExp(`^${IDENTIFIER_SOURCE}$`, "u");\n  var validIdentifier = (value) => typeof value === "string" && pattern.test(value) && !["constructor", "prototype", "__proto__"].includes(value);\n\n  // lib/author-expression.js\n  function compileExpression(source) {\n    const fail2 = () => {\n      throw new Error("DSH UI: invalid formula; use state.x, data.x, derived.x, item.x, numbers, strings, + - * /, comparisons, ?: and min/max/round/abs");\n    };\n    if (typeof source !== "string" || !source.trim() || source.length > 2048) fail2();\n    const tokens = [];\n    let offset = 0;\n    const token2 = new RegExp(String.raw`\\s*(?:(\\d+(?:\\.\\d*)?|\\.\\d+)([eE][+-]?\\d+)?|("(?:[^"\\\\]|\\\\.)*")|(${IDENTIFIER_SOURCE}(?:\\.${IDENTIFIER_SOURCE})?)|(===|!==|<=|>=|==|!=|[+*/()?,:<>-]))`, "uy");\n    while (offset < source.length) {\n      if (!source.slice(offset).trim()) break;\n      token2.lastIndex = offset;\n      const m = token2.exec(source);\n      if (!m) fail2();\n      offset = token2.lastIndex;\n      tokens.push(m[1] ? { number: Number(m[1] + (m[2] ?? "")) } : m[3] ? { string: JSON.parse(m[3]) } : m[4] ?? m[5]);\n      if (tokens.length > 256) fail2();\n    }\n    let pos = 0;\n    const operators = { "==": ["eq", 1], "===": ["eq", 1], "!=": ["neq", 1], "!==": ["neq", 1], "<": ["lt", 2], "<=": ["lte", 2], ">": ["gt", 2], ">=": ["gte", 2], "+": ["add", 3], "-": ["sub", 3], "*": ["mul", 4], "/": ["div", 4] };\n    const take = (t) => {\n      if (tokens[pos++] !== t) fail2();\n    };\n    function parse(min = 0, depth = 0) {\n      if (depth > 12) fail2();\n      const t = tokens[pos++];\n      let out;\n      if (t && typeof t === "object") out = { const: Object.hasOwn(t, "number") ? t.number : t.string };\n      else if (t === "true" || t === "false") out = { const: t === "true" };\n      else if (t === "(") {\n        out = parse(0, depth + 1);\n        take(")");\n      } else if (t === "-" || t === "+") {\n        const arg = parse(5, depth + 1);\n        out = t === "-" ? { op: "sub", args: [{ const: 0 }, arg] } : arg;\n      } else if (typeof t === "string" && t.split(".").length === 2 && ["state", "data", "derived", "item"].includes(t.split(".")[0]) && validIdentifier(t.split(".")[1])) out = { ref: t };\n      else if (["min", "max", "round", "abs"].includes(t)) {\n        take("(");\n        const args = [parse(0, depth + 1)];\n        while (tokens[pos] === ",") {\n          pos++;\n          args.push(parse(0, depth + 1));\n          if (args.length > 8) fail2();\n        }\n        take(")");\n        out = { op: t, args };\n      } else fail2();\n      while (typeof tokens[pos] === "string" && Object.hasOwn(operators, tokens[pos]) && operators[tokens[pos]][1] >= min) {\n        const [op, precedence] = operators[tokens[pos++]];\n        out = { op, args: [out, parse(precedence + 1, depth + 1)] };\n      }\n      if (min === 0 && tokens[pos] === "?") {\n        pos++;\n        const yes = parse(0, depth + 1);\n        take(":");\n        out = { op: "if", args: [out, yes, parse(0, depth + 1)] };\n      }\n      return out;\n    }\n    const result = parse();\n    if (pos !== tokens.length) fail2();\n    return result;\n  }\n  function expandExpressions(doc2) {\n    const expression = (e) => {\n      if (!e || typeof e !== "object" || Array.isArray(e)) return e;\n      if (Object.hasOwn(e, "expr")) {\n        if (Object.keys(e).length !== 1) throw new Error("DSH UI: expr must be the only formula field");\n        return compileExpression(e.expr);\n      }\n      if (Array.isArray(e.args)) e.args = e.args.map(expression);\n      if (e.map?.fields) for (const k of Object.keys(e.map.fields)) e.map.fields[k] = expression(e.map.fields[k]);\n      return e;\n    };\n    if (doc2.derived && typeof doc2.derived === "object") for (const k of Object.keys(doc2.derived)) doc2.derived[k] = expression(doc2.derived[k]);\n    const walk = (nodes) => {\n      if (!Array.isArray(nodes)) return;\n      for (const node2 of nodes) {\n        if (!node2 || typeof node2 !== "object") continue;\n        for (const field of ["text", "value", "max", "rows"]) if (Object.hasOwn(node2, field)) node2[field] = expression(node2[field]);\n        walk(node2.children);\n      }\n    };\n    walk(doc2.nodes);\n    return doc2;\n  }\n\n  // lib/protocol.js\n  var LIMITS = Object.freeze({ bytes: 131072, nodes: 160, depth: 12, rows: 500, expressions: 128, steps: 4096 });\n  var own = (o, k) => Object.hasOwn(o, k);\n  var fail = (message) => {\n    throw new Error(`DSH UI: ${message}`);\n  };\n  var object = (x) => x !== null && typeof x === "object" && !Array.isArray(x);\n  var finite = (x) => typeof x === "number" && Number.isFinite(x);\n  var scalar = (x) => typeof x === "string" || typeof x === "boolean" || finite(x);\n  var text = (x, at) => {\n    if (typeof x !== "string" || x.length > 8192) fail(`${at} must be a string of at most 8192 characters`);\n  };\n  function fields(value, allowed, at) {\n    if (!object(value)) fail(`${at} must be an object`);\n    for (const k of Object.keys(value)) if (!allowed.includes(k)) {\n      const hint = at === "document" ? " Controls and visual components belong in nodes as registered typed nodes, not extra document fields." : "";\n      fail(`unknown field ${at}.${k}; allowed fields at ${at}: ${allowed.join(", ")}.${hint}`);\n    }\n  }\n  function safeJson(value, depth = 0, source = false) {\n    if (depth > 48) fail("JSON nesting is too deep");\n    if (value === null || typeof value === "boolean") return;\n    if (typeof value === "string") {\n      if (source) {\n        if (value.length > SANDBOX_LIMITS.source) fail("canvas source exceeds 48 Ki characters");\n        return;\n      }\n      return text(value, "value");\n    }\n    if (typeof value === "number") {\n      if (!finite(value)) fail("numbers must be finite");\n      return;\n    }\n    if (typeof value !== "object") fail("only JSON values are accepted");\n    if (Array.isArray(value) && value.length > LIMITS.rows) fail("too many array items");\n    for (const k of Object.keys(value)) {\n      if (["__proto__", "prototype", "constructor"].includes(k)) fail("unsafe property name");\n      safeJson(value[k], depth + 1, value.type === "sandbox" && ["html", "css", "script"].includes(k));\n    }\n  }\n  function initialState(doc2) {\n    return Object.fromEntries(Object.entries(doc2.state).map(([k, spec]) => [k, spec.default]));\n  }\n  function validateState(doc2, state2) {\n    if (!object(state2) || Object.keys(state2).length !== Object.keys(doc2.state).length) fail("state keys do not match the document");\n    const result = {};\n    for (const [k, s] of Object.entries(doc2.state)) {\n      if (!own(state2, k)) fail(`missing state.${k}`);\n      const v = state2[k];\n      if (s.type === "number") {\n        if (!finite(v) || v < s.min || v > s.max) fail(`state.${k} is outside its numeric range`);\n        const offset = (v - s.min) / s.step;\n        if (Math.abs(offset - Math.round(offset)) > 1e-6) fail(`state.${k} does not match its step`);\n      } else if (s.type === "json") {\n        if (!object(v) && !Array.isArray(v)) fail(`state.${k} must be an array or object for type json`);\n        safeJson(v);\n        if (new TextEncoder().encode(JSON.stringify(v)).length > 16384) fail(`state.${k} JSON exceeds 16 KiB`);\n      } else if (s.type === "string") text(v, `state.${k}`);\n      else if (typeof v !== "boolean") fail(`state.${k} must be boolean`);\n      if (s.options && !s.options.includes(v)) fail(`invalid option for state.${k}`);\n      result[k] = v;\n    }\n    return result;\n  }\n  var ARITY = { add: [1, 8], sub: [2, 2], mul: [1, 8], div: [2, 2], min: [1, 8], max: [1, 8], round: [1, 1], abs: [1, 1], eq: [2, 2], neq: [2, 2], lt: [2, 2], lte: [2, 2], gt: [2, 2], gte: [2, 2], if: [3, 3] };\n  function reference(doc2, ref) {\n    if (typeof ref !== "string" || !["state", "data", "derived"].includes(ref.split(".")[0]) || ref.split(".").length !== 2 || !validIdentifier(ref.split(".")[1])) fail(`invalid reference ${JSON.stringify(ref)}; use state.key, data.key or derived.key with a letter/underscore identifier`);\n    const [group, k] = ref.split(".");\n    if (!own(doc2[group], k)) fail(`unknown reference ${ref}`);\n    return [group, k];\n  }\n  function evaluate(doc2, state2) {\n    const derived = {}, active = /* @__PURE__ */ new Set();\n    let steps = 0, generatedRows = 0;\n    const budget = () => {\n      if (++steps > LIMITS.steps) fail("calculation budget exceeded");\n    };\n    const resolve = (ref) => {\n      budget();\n      const [group, k] = reference(doc2, ref);\n      if (group !== "derived") return (group === "state" ? state2 : doc2.data)[k];\n      if (own(derived, k)) return derived[k];\n      if (active.has(k)) fail(`cyclic calculation ${k}`);\n      active.add(k);\n      const result2 = expression(doc2.derived[k]);\n      active.delete(k);\n      derived[k] = result2;\n      return result2;\n    };\n    const expression = (e, item) => {\n      budget();\n      if (own(e, "map")) {\n        const rows = resolve(e.map.source);\n        if ((generatedRows += rows.length) > LIMITS.rows) fail("generated row limit exceeded");\n        return rows.map((row) => Object.fromEntries(Object.entries(e.map.fields).map(([k, value]) => {\n          const out2 = expression(value, row);\n          if (!scalar(out2)) fail("generated cells must be scalar");\n          return [k, out2];\n        })));\n      }\n      if (own(e, "const")) return e.const;\n      if (own(e, "ref")) {\n        if (e.ref.startsWith("item.")) {\n          const k = e.ref.slice(5);\n          if (!item || !own(item, k) || !scalar(item[k])) fail("invalid item reference");\n          return item[k];\n        }\n        return resolve(e.ref);\n      }\n      if (e.op === "if") {\n        const condition = expression(e.args[0], item);\n        if (typeof condition !== "boolean") fail("if condition must be boolean");\n        return expression(e.args[condition ? 1 : 2], item);\n      }\n      const a = e.args.map((arg) => expression(arg, item));\n      if (e.op === "eq") return a[0] === a[1];\n      if (e.op === "neq") return a[0] !== a[1];\n      if (!a.every(finite)) fail(`operator ${e.op} requires finite numbers`);\n      let out;\n      switch (e.op) {\n        case "add":\n          out = a.reduce((x, y) => x + y, 0);\n          break;\n        case "sub":\n          out = a[0] - a[1];\n          break;\n        case "mul":\n          out = a.reduce((x, y) => x * y, 1);\n          break;\n        case "div":\n          if (a[1] === 0) fail("division by zero");\n          out = a[0] / a[1];\n          break;\n        case "min":\n          out = Math.min(...a);\n          break;\n        case "max":\n          out = Math.max(...a);\n          break;\n        case "round":\n          out = Math.round(a[0]);\n          break;\n        case "abs":\n          out = Math.abs(a[0]);\n          break;\n        case "lt":\n          return a[0] < a[1];\n        case "lte":\n          return a[0] <= a[1];\n        case "gt":\n          return a[0] > a[1];\n        case "gte":\n          return a[0] >= a[1];\n        default:\n          fail(`unsupported operator ${e.op}`);\n      }\n      if (!finite(out)) fail("non-finite calculation result");\n      return out;\n    };\n    for (const k of Object.keys(doc2.derived)) resolve(`derived.${k}`);\n    if (new TextEncoder().encode(JSON.stringify(derived)).length > LIMITS.bytes) fail("derived output exceeds 128 KiB");\n    const result = { derived, resolveValue: (value) => {\n      if (!object(value)) return value;\n      return expression(value);\n    } };\n    checkViewValues(doc2, result);\n    return result;\n  }\n  function checkViewValues(doc2, evaluated) {\n    function walk(list) {\n      for (const n of list) {\n        if (n.type === "table" || n.type === "chart") {\n          const rows = evaluated.resolveValue(n.rows);\n          if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object)) fail("table/chart rows must reference an array of objects");\n          if (n.type === "chart" && rows.some((r) => !own(r, n.labelKey) || !scalar(r[n.labelKey]) || !own(r, n.valueKey) || !finite(r[n.valueKey]))) fail("chart requires labels and finite numeric values");\n          if (n.type === "chart" && n.xScale === "linear" && rows.some((r) => !finite(r[n.labelKey]))) fail("linear chart requires numeric x values");\n        }\n        if (n.type === "metric" && !scalar(evaluated.resolveValue(n.value))) fail(`node.${n.id}.value must resolve to a number, string or boolean; use table for rows or a canvas for structured data`);\n        if (n.type === "progress") {\n          const v = evaluated.resolveValue(n.value), max = evaluated.resolveValue(n.max);\n          if (!finite(v) || !finite(max) || max <= 0 || v < 0 || v > max) fail("progress requires 0 <= value <= positive max");\n        }\n        if (n.children) walk(n.children);\n      }\n    }\n    walk(doc2.nodes);\n  }\n  function validateDocument(input) {\n    safeJson(input);\n    const json = JSON.stringify(input);\n    if (new TextEncoder().encode(json).length > LIMITS.bytes) fail("document exceeds 128 KiB");\n    const doc2 = expandExpressions(JSON.parse(json));\n    fields(doc2, ["version", "title", "fallback", "state", "data", "derived", "nodes", "actions", "presentation"], "document");\n    if (doc2.presentation !== void 0) {\n      fields(doc2.presentation, ["layout", "accent", "density"], "presentation");\n      for (const [k, allowed] of Object.entries({ layout: UI_LAYOUTS, accent: UI_ACCENTS, density: ["comfortable", "compact"] }))\n        if (doc2.presentation[k] !== void 0 && !allowed.includes(doc2.presentation[k])) fail(`unknown presentation ${k}`);\n    }\n    if (doc2.version !== 1) fail("unsupported protocol version");\n    text(doc2.title, "title");\n    text(doc2.fallback, "fallback");\n    if (!doc2.title.trim() || !doc2.fallback.trim()) fail("title and fallback cannot be empty");\n    for (const group of ["state", "data", "derived", "actions"]) {\n      doc2[group] ??= {};\n      if (!object(doc2[group]) || Object.keys(doc2[group]).length > 64) fail(`invalid ${group}`);\n      for (const k of Object.keys(doc2[group])) if (!validIdentifier(k)) fail(`invalid key in ${group}: ${JSON.stringify(k)}; use 1..64 letters, numbers or underscores, starting with a letter/underscore (Chinese letters supported); no spaces, dots or hyphens. Put display labels in label/text`);\n    }\n    for (const [k, s] of Object.entries(doc2.state)) {\n      fields(s, ["type", "default", "min", "max", "step", "options"], `state.${k}`);\n      if (s.type === "string" && (Array.isArray(s.default) || object(s.default)) && !own(s, "options")) s.type = "json";\n      if (!["number", "string", "boolean", "json"].includes(s.type)) fail(`unsupported state type ${k}; use number, string, boolean or json (arrays/objects)`);\n      if (s.type === "json" && own(s, "options")) fail(`state.${k}: json state does not support select options; use scalar options or a canvas`);\n      if (s.type === "number") {\n        if (![s.min, s.max, s.step].every(finite) || s.min >= s.max || s.step <= 0) fail(`invalid numeric limits for ${k}`);\n        if ((s.max - s.min) / s.step > 1e9) fail(`numeric step too small for ${k}`);\n      } else if (["min", "max", "step"].some((p) => own(s, p))) fail(`numeric limits on non-number ${k}`);\n      if (s.options && (!Array.isArray(s.options) || !s.options.length || s.options.length > 64 || !s.options.every(scalar))) fail(`invalid options for ${k}`);\n    }\n    const defaults = validateState(doc2, initialState(doc2));\n    let expressions = 0;\n    for (const [k, spec] of Object.entries(doc2.state))\n      for (const option of spec.options ?? []) validateState(doc2, { ...defaults, [k]: option });\n    function validateExpression(e, depth = 0, itemRows) {\n      if (++expressions > LIMITS.expressions || depth > LIMITS.depth) fail("expression limit exceeded");\n      if (!object(e)) fail("expression must be an object");\n      if (own(e, "map")) {\n        if (depth !== 0) fail("map is only allowed at the root of a derived value");\n        fields(e, ["map"], "expression");\n        fields(e.map, ["source", "fields"], "map");\n        if (typeof e.map.source !== "string" || !e.map.source.startsWith("data.")) fail(\'map source must reference static data using a string such as "data.samples"; put object rows in document.data.samples, not inline in map.source\');\n        const [, k] = reference(doc2, e.map.source), rows = doc2.data[k];\n        if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object)) fail("map source must be object rows");\n        if (!object(e.map.fields) || !Object.keys(e.map.fields).length || Object.keys(e.map.fields).length > 16) fail("map requires 1..16 fields");\n        for (const [k2, value2] of Object.entries(e.map.fields)) {\n          if (!validIdentifier(k2)) fail(`invalid map field ${JSON.stringify(k2).slice(0, 100)}; use a letter/underscore identifier such as powerW or \\u529F\\u7387, without spaces, dots or hyphens`);\n          validateExpression(value2, depth + 1, rows);\n        }\n        return;\n      }\n      if (own(e, "const")) {\n        fields(e, ["const"], "expression");\n        if (!scalar(e.const)) fail("constant must be scalar");\n        return;\n      }\n      if (own(e, "ref")) {\n        fields(e, ["ref"], "expression");\n        if (typeof e.ref === "string" && e.ref.startsWith("item.")) {\n          const k = e.ref.slice(5);\n          if (!itemRows || !validIdentifier(k) || itemRows.some((row) => !own(row, k) || !scalar(row[k]))) fail("invalid or unscoped item reference");\n        } else reference(doc2, e.ref);\n        return;\n      }\n      fields(e, ["op", "args"], "expression");\n      const arity = ARITY[e.op];\n      if (!arity || !Array.isArray(e.args) || e.args.length < arity[0] || e.args.length > arity[1]) fail("invalid operator or argument count");\n      e.args.forEach((a) => validateExpression(a, depth + 1, itemRows));\n    }\n    Object.values(doc2.derived).forEach((e) => validateExpression(e));\n    const visited = /* @__PURE__ */ new Set(), active = /* @__PURE__ */ new Set();\n    function visit(k) {\n      if (active.has(k)) fail(`cyclic calculation ${k}`);\n      if (visited.has(k)) return;\n      active.add(k);\n      function walk(e) {\n        if (e.ref?.startsWith("derived.")) visit(e.ref.split(".")[1]);\n        for (const a of e.args ?? []) walk(a);\n        for (const value2 of Object.values(e.map?.fields ?? {})) walk(value2);\n      }\n      walk(doc2.derived[k]);\n      active.delete(k);\n      visited.add(k);\n    }\n    Object.keys(doc2.derived).forEach(visit);\n    for (const [k, a] of Object.entries(doc2.actions)) {\n      fields(a, ["type", "intent", "stateKeys"], `actions.${k}`);\n      if (a.type !== "agent.followup") fail("only agent.followup actions are supported");\n      text(a.intent, "action intent");\n      if (!a.intent.trim() || !Array.isArray(a.stateKeys) || a.stateKeys.length > 64 || new Set(a.stateKeys).size !== a.stateKeys.length || a.stateKeys.some((s) => !own(doc2.state, s))) fail("invalid action stateKeys");\n    }\n    const ids = /* @__PURE__ */ new Set();\n    let count2 = 0;\n    const value = (v, at) => {\n      if (object(v)) {\n        if (own(v, "map")) fail("map belongs in derived");\n        validateExpression(v);\n      } else if (!scalar(v)) fail(`invalid value at ${at}`);\n    };\n    function nodes(list, depth = 0) {\n      if (!Array.isArray(list) || depth > LIMITS.depth) fail("invalid node children or depth");\n      for (const n of list) {\n        if (++count2 > LIMITS.nodes) fail("too many nodes");\n        if (!object(n) || !validIdentifier(n.id) || ids.has(n.id)) fail("node ids must be unique identifiers");\n        ids.add(n.id);\n        if (!Object.hasOwn(COMPONENTS, n.type)) fail("unsupported component " + n.type);\n        if (["table", "chart"].includes(n.type) && typeof n.rows === "string" && /^(data|derived)\\./.test(n.rows)) n.rows = { ref: n.rows };\n        switch (n.type) {\n          case "sandbox": {\n            text(n.title, "canvas title");\n            text(n.fallback, "canvas fallback");\n            if (!n.title.trim() || !n.fallback.trim() || typeof n.html !== "string" || !n.html.trim()) fail("canvas requires title, HTML and fallback");\n            for (const field of ["html", "css", "script"]) if (n[field] !== void 0 && (typeof n[field] !== "string" || n[field].length > SANDBOX_LIMITS.source)) fail("canvas source exceeds 48 Ki characters");\n            if (n.height !== void 0 && (!Number.isInteger(n.height) || n.height < 160 || n.height > SANDBOX_LIMITS.height)) fail("canvas height must be 160..1000");\n            for (const [field, group] of [["stateKeys", "state"], ["dataKeys", "data"], ["derivedKeys", "derived"]]) if (n[field] !== void 0 && (!Array.isArray(n[field]) || n[field].length > 64 || new Set(n[field]).size !== n[field].length || n[field].some((k) => !own(doc2[group], k)))) fail("invalid canvas " + field);\n            break;\n          }\n          case "row":\n          case "column":\n            break;\n          case "card":\n            if (n.title !== void 0) text(n.title, "card title");\n            if (n.surface !== void 0 && !UI_SURFACES.includes(n.surface)) fail("unknown card surface");\n            break;\n          case "details":\n            text(n.title, "details title");\n            if (n.open !== void 0 && typeof n.open !== "boolean") fail("details open must be boolean");\n            break;\n          case "badge":\n            value(n.text, "badge text");\n            break;\n          case "progress":\n            text(n.label, "progress label");\n            value(n.value, "progress value");\n            value(n.max, "progress max");\n            if (n.unit !== void 0) text(n.unit, "progress unit");\n            break;\n          case "steps": {\n            if (!Array.isArray(n.items) || !n.items.length || n.items.length > 12) fail("steps require 1..12 items");\n            for (const item of n.items) {\n              fields(item, ["title", "description", "status"], "step");\n              text(item.title, "step title");\n              if (item.description !== void 0) text(item.description, "step description");\n              if (!["pending", "active", "done", "error"].includes(item.status)) fail("unknown step status");\n            }\n            break;\n          }\n          case "heading":\n          case "text":\n            value(n.text, "text");\n            break;\n          case "metric":\n            text(n.label, "metric label");\n            value(n.value, "metric value");\n            if (n.unit !== void 0) text(n.unit, "unit");\n            if (n.decimals !== void 0 && (!Number.isInteger(n.decimals) || n.decimals < 0 || n.decimals > 6)) fail("invalid decimals");\n            break;\n          case "input":\n          case "slider":\n          case "select":\n          case "toggle": {\n            text(n.label, "control label");\n            if (typeof n.bind !== "string" || !n.bind.startsWith("state.")) fail("controls must bind state");\n            const [, k] = reference(doc2, n.bind), spec = doc2.state[k];\n            if (n.type === "slider" && spec.type !== "number") fail("slider requires numeric state");\n            if (n.type === "toggle" && spec.type !== "boolean") fail("toggle requires boolean state");\n            if (["input", "select"].includes(n.type) && spec.type === "json") fail(`node.${n.id}: structured state requires a sandbox with DSHUI.setState; use separate boolean states and toggle nodes for a native checklist`);\n            if (n.type === "input" && spec.type === "boolean") fail("use toggle for boolean state");\n            if (n.type === "select" && !spec.options) fail("select requires options");\n            break;\n          }\n          case "button":\n            text(n.text, "button text");\n            if (!own(doc2.actions, n.action)) fail("unknown action");\n            break;\n          case "table": {\n            if (n.label !== void 0) text(n.label, "table label");\n            if (!Array.isArray(n.rows)) value(n.rows, "table rows");\n            if (!Array.isArray(n.columns) || !n.columns.length || n.columns.length > 16) fail("invalid table columns");\n            const cols = /* @__PURE__ */ new Set();\n            for (const c of n.columns) {\n              fields(c, ["key", "label", "unit"], "column");\n              if (!validIdentifier(c.key) || cols.has(c.key)) fail("invalid or duplicate column key");\n              cols.add(c.key);\n              text(c.label, "column label");\n              if (c.unit !== void 0) text(c.unit, "column unit");\n            }\n            break;\n          }\n          case "chart":\n            if (!Array.isArray(n.rows)) value(n.rows, "chart rows");\n            if (!["bar", "line"].includes(n.kind) || !validIdentifier(n.labelKey) || !validIdentifier(n.valueKey)) fail("invalid chart");\n            text(n.label, "chart label");\n            if (n.unit !== void 0) text(n.unit, "chart unit");\n            if (n.xScale !== void 0 && (!["category", "linear"].includes(n.xScale) || n.xScale === "linear" && n.kind !== "line")) fail("invalid xScale");\n            break;\n          default:\n            fail(`unsupported component ${n.type}`);\n        }\n        if (["heading", "text", "card", "metric", "button", "badge", "progress", "details"].includes(n.type)) {\n          if (n.icon !== void 0 && !UI_ICONS.includes(n.icon)) fail("unknown UI icon");\n          if (n.type !== "button") {\n            if (n.tone !== void 0 && !UI_TONES.includes(n.tone)) fail("unknown UI tone");\n          }\n        }\n        fields(n, componentFields(n.type), `node.${n.id}`);\n        if (["row", "column", "card", "details"].includes(n.type)) nodes(n.children, depth + 1);\n      }\n    }\n    nodes(doc2.nodes);\n    if (!count2) fail("at least one node is required");\n    evaluate(doc2, defaults);\n    return doc2;\n  }\n\n  // src/export-runtime.js\n  var payload = JSON.parse(document.getElementById("dsh-ui-export").textContent);\n  var doc = validateDocument(payload.document);\n  var node = doc.nodes.flatMap(function flatten(n) {\n    return [n, ...(n.children ?? []).flatMap(flatten)];\n  }).find((n) => n.id === payload.nodeId && n.type === "sandbox");\n  if (!node) throw Error("\\u5BFC\\u51FA\\u7684\\u753B\\u5E03\\u4E0D\\u5B58\\u5728");\n  var state = validateState(doc, payload.state);\n  var connected = false;\n  var start = Date.now();\n  var count = 0;\n  var token = () => Array.from(crypto.getRandomValues(new Uint8Array(16)), (b) => b.toString(16).padStart(2, "0")).join("");\n  var channel = token();\n  var nonce = payload.nonce;\n  var frame = document.createElement("iframe");\n  frame.title = node.title;\n  frame.sandbox = "allow-scripts";\n  frame.referrerPolicy = "no-referrer";\n  frame.style.cssText = "display:block;width:100%;height:" + (node.height ?? 420) + "px;border:0";\n  var status = document.getElementById("status");\n  var publish = () => {\n    try {\n      frame.contentWindow.postMessage({ dshCanvas: 1, channel, type: "snapshot", payload: { ...canvasSnapshot(node, state, doc.data, evaluate(doc, state).derived, false, payload.theme), visible: !document.hidden } }, "*");\n    } catch (e) {\n      status.textContent = "\\u8BA1\\u7B97\\u5931\\u8D25\\uFF1A" + e.message;\n    }\n  };\n  addEventListener("message", (event) => {\n    const m = event.data;\n    if (event.source !== frame.contentWindow || m?.channel !== channel || m.dshCanvas !== 1) return;\n    if (Date.now() - start > 1e3) {\n      start = Date.now();\n      count = 0;\n    }\n    if (++count > SANDBOX_LIMITS.rate) return;\n    if (m.type === "ready") {\n      connected = true;\n      publish();\n    } else if (m.type === "patch" && connected) {\n      try {\n        const next = validateState(doc, { ...state, ...canvasPatch(m.payload, node) });\n        evaluate(doc, next);\n        state = next;\n        status.textContent = "\\u672C\\u5730\\u53C2\\u6570\\u5DF2\\u66F4\\u65B0\\uFF1B\\u5237\\u65B0\\u6587\\u4EF6\\u4F1A\\u56DE\\u5230\\u5BFC\\u51FA\\u65F6\\u7684\\u53C2\\u6570\\u3002";\n      } catch (e) {\n        status.textContent = "\\u53C2\\u6570\\u65E0\\u6548\\uFF1A" + e.message;\n      }\n      publish();\n    } else if (m.type === "height" && Number.isFinite(m.payload) && m.payload >= 0) frame.style.height = Math.max(32, Math.min(1e3, Math.ceil(m.payload))) + "px";\n    else if (m.type === "error") status.textContent = "\\u753B\\u5E03\\u8FD0\\u884C\\u5F02\\u5E38\\uFF1A" + String(m.payload).slice(0, 1e3);\n  });\n  document.addEventListener("visibilitychange", () => {\n    if (connected) publish();\n  });\n  document.getElementById("surface").append(frame);\n  frame.srcdoc = sandboxDocument(node, channel, nonce);\n})();\n';
+var EXPORT_RUNTIME = '(() => {\n  // lib/presentation.js\n  var UI_ICONS = Object.freeze(["sparkles", "sliders", "layers", "chart", "gauge", "cpu", "database", "info", "check", "warning", "arrow", "target"]);\n  var UI_TONES = Object.freeze(["neutral", "accent", "success", "warning", "danger"]);\n  var UI_LAYOUTS = Object.freeze(["dashboard", "workbench", "comparison", "guide", "status", "report"]);\n  var UI_ACCENTS = Object.freeze(["blue", "teal", "violet", "amber", "rose"]);\n  var UI_SURFACES = Object.freeze(["outline", "soft", "featured"]);\n\n  // lib/visual-audit.js\n  function measureVisual(root, nodeId = "") {\n    const issues = [], seen = /* @__PURE__ */ new Set(), coverage = { nodeId, elements: 0, truncated: false, contrastChecked: 0, contrastUncovered: 0 };\n    const add = (code, value, el2) => {\n      const id = el2?.closest("[data-ui-node]")?.getAttribute("data-ui-node") ?? nodeId;\n      const k = id + ":" + code + ":" + Math.round(value ?? 0);\n      if (!seen.has(k) && issues.length < 40) {\n        seen.add(k);\n        issues.push({ code, nodeId: id, ...value === void 0 ? {} : { value: Number(value.toFixed(2)) } });\n      }\n    };\n    const color = (s) => {\n      let m = s.match(/^rgba?\\(([^)]+)\\)/);\n      if (m) {\n        const a = m[1].split(/[\\s,\\/]+/).map(Number);\n        return [a[0] / 255, a[1] / 255, a[2] / 255, a[3] ?? 1];\n      }\n      m = s.match(/^color\\(srgb ([^)]+)\\)/);\n      if (m) {\n        const a = m[1].split(/[\\s\\/]+/).map(Number);\n        return [a[0], a[1], a[2], a[3] ?? 1];\n      }\n      return null;\n    };\n    const luminance = (c) => c.slice(0, 3).map((v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4).reduce((s, v, i) => s + v * [0.2126, 0.7152, 0.0722][i], 0);\n    const widthRoot = root.id === "canvas" ? document.documentElement : root;\n    if (widthRoot.scrollWidth > widthRoot.clientWidth + 2) add("overflow", widthRoot.scrollWidth - widthRoot.clientWidth);\n    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n    let el;\n    while (el = walker.nextNode()) {\n      if (coverage.elements >= 2e3) {\n        coverage.truncated = true;\n        break;\n      }\n      coverage.elements++;\n      if (el.matches("[data-canvas-phase=error]")) add("runtimeError", void 0, el);\n      const css = getComputedStyle(el), box = el.getBoundingClientRect();\n      if (!box.width || !box.height || css.visibility === "hidden" || css.display === "none") continue;\n      const text2 = [...el.childNodes].some((n) => n.nodeType === 3 && n.textContent.trim());\n      if (text2) {\n        let size = parseFloat(css.fontSize);\n        if (el instanceof SVGElement && el.getScreenCTM) {\n          const m = el.getScreenCTM();\n          if (m) size *= Math.hypot(m.c, m.d);\n        }\n        if (size < 11.9) add("smallText", size, el);\n        const fg = color(css.color);\n        let ancestor = el, bg = null, depth = 0;\n        while (ancestor && depth++ < 64) {\n          const style = getComputedStyle(ancestor);\n          if (style.backgroundImage !== "none") break;\n          const c = color(style.backgroundColor);\n          if (c?.[3] === 1) {\n            bg = c;\n            break;\n          }\n          if (c?.[3] > 0) break;\n          ancestor = ancestor.parentElement;\n        }\n        if (!(el instanceof SVGElement) && fg?.[3] === 1 && bg) {\n          coverage.contrastChecked++;\n          const a = luminance(fg), b = luminance(bg), ratio = (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);\n          if (ratio < (size >= 24 || size >= 18.66 && parseFloat(css.fontWeight) >= 700 ? 3 : 4.5)) add("contrast", ratio, el);\n        } else coverage.contrastUncovered++;\n      }\n      if (el.matches("input:not([type=hidden]),select,textarea,button,[role=button]") && !el.getAttribute("aria-label") && !el.getAttribute("aria-labelledby") && !el.labels?.length && !el.textContent.trim() && !el.getAttribute("title")) add("missingLabel", void 0, el);\n    }\n    Object.defineProperty(issues, "coverage", { value: coverage });\n    return issues;\n  }\n\n  // lib/format-number.js\n  function formatNumber(value, decimals = 2) {\n    if (typeof value !== "number" || !Number.isFinite(value)) throw new Error("DSH UI: formatNumber requires a finite number");\n    if (!Number.isInteger(decimals) || decimals < 0 || decimals > 6) throw new Error("DSH UI: formatNumber decimals must be an integer from 0 to 6");\n    return value.toLocaleString("en-US", { minimumFractionDigits: decimals, maximumFractionDigits: decimals });\n  }\n\n  // lib/canvas-system.js\n  var CANVAS_SYSTEM_CSS = `\n:root{--canvas-radius:20px;--canvas-gap:16px;--canvas-positive:#167456;--canvas-negative:#b13b3b;--canvas-warning:#875b15}\n:root[data-canvas-scheme=dark]{--canvas-positive:#78d9b4;--canvas-negative:#ffaaaa;--canvas-warning:#edc87e}\n#canvas{display:flow-root}html,body{margin:0;min-width:0;background:var(--canvas-bg,#fff);color:var(--canvas-ink,#182537);font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--canvas-line,#ced4df);border-radius:8px;background:var(--canvas-bg,#fff);padding:8px 12px;max-width:100%}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}input[type=range]{padding:0;accent-color:var(--canvas-accent,#3e60d3)}input[type=checkbox],input[type=radio]{accent-color:var(--canvas-accent,#3e60d3)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--canvas-accent,#3e60d3);outline-offset:3px}\n.ui-stack{display:grid;gap:var(--canvas-gap)}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--canvas-gap)}.ui-surface{padding:20px;border:1px solid var(--canvas-line,#ced4df);border-radius:var(--canvas-radius);background:var(--canvas-soft,#f3f5f8)}.ui-title{margin:0;font-size:clamp(20px,3vw,28px);line-height:1.3;letter-spacing:-.02em}.ui-caption{color:var(--canvas-muted,#526176);margin:8px 0;font-size:14px}.ui-value{font-size:clamp(24px,4vw,36px);font-variant-numeric:tabular-nums;line-height:1.2}.ui-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ui-field{display:grid;gap:6px;min-width:0}.ui-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.ui-status{min-height:1.6em}.ui-error{color:var(--canvas-negative)}.ui-primary{background:var(--canvas-accent,#3e60d3);color:var(--canvas-accent-ink,#fff);border-color:transparent}\nsvg .ui-node{fill:var(--canvas-soft,#f3f5f8);stroke:var(--canvas-line,#ced4df);stroke-width:1}svg .ui-edge{fill:none;stroke:var(--canvas-muted,#526176);stroke-width:1.5}svg .ui-label{fill:var(--canvas-ink,#182537);font:500 14px system-ui,sans-serif}svg .ui-note{fill:var(--canvas-muted,#526176);font:400 13px system-ui,sans-serif}svg .ui-leader{fill:none;stroke:var(--canvas-muted,#526176);stroke-dasharray:3 4}svg .ui-accent{fill:color-mix(in srgb,var(--canvas-accent,#3e60d3) 12%,var(--canvas-bg,#fff));stroke:var(--canvas-accent,#3e60d3)}\n.ui-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 8px;flex-wrap:wrap}.ui-step{display:grid;gap:6px;min-width:130px;max-width:240px;padding:16px 20px;border:1px solid var(--canvas-line);border-radius:6px;background:var(--canvas-bg)}.ui-step strong{font-size:16px;font-weight:600}.ui-step span{font-size:14px;color:var(--canvas-muted)}.ui-arrow{color:var(--canvas-muted);font-size:22px}.ui-callout{border-inline-start:3px solid var(--canvas-accent);padding:8px 16px;color:var(--canvas-ink)}\n.ui-surface,.ui-step{border-radius:var(--canvas-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--canvas-accent,#3e60d3) 9%,var(--canvas-bg,#fff)),var(--canvas-soft,#f3f5f8))}button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:14px}.ui-primary{background:linear-gradient(120deg,var(--canvas-accent,#3e60d3),color-mix(in srgb,var(--canvas-accent,#3e60d3) 85%,#152647))}.ui-callout{border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--canvas-accent,#3e60d3) 7%,var(--canvas-bg,#fff)),var(--canvas-bg,#fff))}\n@media(max-width:480px){.ui-flow{flex-direction:column;padding:16px 8px;gap:12px}.ui-step{width:100%;max-width:none}.ui-arrow{transform:rotate(90deg)}}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}`;\n\n  // lib/sandbox.js\n  var SANDBOX_LIMITS = Object.freeze({ source: 49152, height: 1e3, message: 16384, rate: 30 });\n  function canvasSnapshot(node2, state2, data, derived, disabled, theme) {\n    const pick = (keys, values) => Object.fromEntries((keys ?? []).map((k) => [k, values[k]]));\n    return { state: pick(node2.stateKeys, state2), data: pick(node2.dataKeys, data), derived: pick(node2.derivedKeys, derived), disabled, theme };\n  }\n  function canvasPatch(message, node2) {\n    if (!message || typeof message !== "object" || Array.isArray(message)) throw new Error("Invalid canvas patch");\n    const keys = Object.keys(message);\n    if (!keys.length || keys.length > 64 || keys.some((k) => !(node2.stateKeys ?? []).includes(k))) throw new Error("Canvas state key is not declared");\n    if (JSON.stringify(message).length > SANDBOX_LIMITS.message) throw new Error("Canvas patch is too large");\n    return message;\n  }\n  function sandboxDocument(node2, channel2, nonce2) {\n    const json = (value) => JSON.stringify(value).replace(/</g, "\\\\u003c").replace(/\\u2028/g, "\\\\u2028").replace(/\\u2029/g, "\\\\u2029");\n    return `<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src \'none\'; script-src \'nonce-${nonce2}\'; style-src \'unsafe-inline\'; img-src data:; font-src \'none\'; connect-src \'none\'; media-src \'none\'; object-src \'none\'; frame-src \'none\'; worker-src \'none\'; base-uri \'none\'; form-action \'none\'"><meta name="viewport" content="width=device-width,initial-scale=1"><style>${CANVAS_SYSTEM_CSS}</style></head><body><main id="canvas"></main><script nonce="${nonce2}">(()=>{\n  const channel=${json(channel2)}, source=${json({ html: node2.html, css: node2.css ?? "", script: node2.script ?? "" })};\n  let snapshot={state:{},data:{},derived:{},disabled:true,theme:{}}, started=false;\n  const listeners=new Set(), send=(type,payload)=>parent.postMessage({dshCanvas:1,channel,type,payload},\'*\');\n  const report=e=>send(\'error\',String(e?.message??e).slice(0,1000));\n  const audit=${measureVisual.toString()};let auditTimer;const scheduleAudit=()=>{clearTimeout(auditTimer);auditTimer=setTimeout(()=>{const issues=audit(document.getElementById(\'canvas\'),${json(node2.id ?? "")});send(\'audit\',{issues,coverage:issues.coverage})},400)};\n  addEventListener(\'resize\',scheduleAudit);\n  addEventListener(\'error\',e=>report(e.error??e.message));addEventListener(\'unhandledrejection\',e=>report(e.reason));\n  const animations=new Set(), motion=matchMedia(\'(prefers-reduced-motion: reduce)\');\n  let raf=0,last=0,time=0;\n  const visible=()=>snapshot.visible!==false&&!document.hidden;\n  const canAnimate=()=>visible()&&!snapshot.disabled&&!motion.matches;\n  const draw=delta=>{for(const fn of animations)try{fn({time,delta,reducedMotion:motion.matches,visible:visible()})}catch(e){animations.delete(fn);report(e)}};\n  const tick=t=>{raf=0;if(!canAnimate()||!animations.size){last=0;draw(0);return}const delta=last?Math.min(.05,(t-last)/1000):0;last=t;time+=delta;draw(delta);if(animations.size)raf=requestAnimationFrame(tick)};\n  const refresh=()=>{draw(0);if(canAnimate()&&animations.size){if(!raf){last=0;raf=requestAnimationFrame(tick)}}else{cancelAnimationFrame(raf);raf=0;last=0}};\n  motion.addEventListener(\'change\',refresh);document.addEventListener(\'visibilitychange\',refresh);\n  const formatNumber=${formatNumber.toString()};\n  const api={formatNumber,get snapshot(){return structuredClone(snapshot)},subscribe(fn){if(typeof fn!==\'function\')throw Error(\'Listener required\');listeners.add(fn);fn(api.snapshot);return()=>listeners.delete(fn)},setState(patch){if(!snapshot.disabled)send(\'patch\',patch)},animate(fn){if(typeof fn!==\'function\')throw Error(\'Animation callback required\');animations.add(fn);refresh();return()=>{animations.delete(fn);if(!animations.size){cancelAnimationFrame(raf);raf=0;last=0}}}};\n  Object.defineProperty(window,\'DSHUI\',{value:Object.freeze(api),writable:false});\n  for(const type of [\'click\',\'input\',\'change\',\'keydown\',\'pointerdown\'])document.addEventListener(type,e=>{if(snapshot.disabled){e.preventDefault();e.stopImmediatePropagation()}},true);\n  addEventListener(\'message\',event=>{\n    const m=event.data;if(event.source!==parent||m?.dshCanvas!==1||m.channel!==channel||m.type!==\'snapshot\')return;\n    snapshot=m.payload;for(const [k,v] of Object.entries(snapshot.theme??{}))document.documentElement.style.setProperty(\'--canvas-\'+k,v);\n    document.documentElement.style.colorScheme=snapshot.theme?.scheme??\'light\';document.documentElement.dataset.canvasScheme=snapshot.theme?.scheme??\'light\';\n    const wasStarted=started;\n    if(!started){started=true;document.getElementById(\'canvas\').innerHTML=source.html;const style=document.createElement(\'style\');style.textContent=source.css;document.head.append(style);const script=document.createElement(\'script\');script.nonce=${json(nonce2)};script.textContent=source.script;document.body.append(script)}\n    if(wasStarted)for(const fn of listeners)try{fn(api.snapshot)}catch(e){report(e)}\n    refresh();if(!wasStarted)send(\'mounted\');scheduleAudit();\n  });\n  let resizePending=false;new ResizeObserver(()=>{if(!started||resizePending)return;resizePending=true;requestAnimationFrame(()=>{resizePending=false;send(\'height\',Math.ceil(document.getElementById(\'canvas\').getBoundingClientRect().height))})}).observe(document.getElementById(\'canvas\'));\n  send(\'ready\');\n})();<\\/script></body></html>`;\n  }\n\n  // lib/components.js\n  var define = (fields2, purpose, presentation = "") => Object.freeze({ fields: Object.freeze(fields2), purpose, presentation });\n  var COMPONENTS = Object.freeze({\n    heading: define(["text"], "Section heading", "tone"),\n    text: define(["text"], "Readable explanation or bound text", "tone"),\n    row: define(["children"], "Wrapping parallel content"),\n    column: define(["children"], "Ordered vertical content"),\n    card: define(["title", "children", "surface"], "Meaningful grouped section", "tone"),\n    details: define(["title", "children", "open"], "Collapsible supporting content", "tone"),\n    badge: define(["text"], "Short explicit status label", "tone"),\n    progress: define(["label", "value", "max", "unit"], "Declared numeric progress snapshot", "tone"),\n    steps: define(["items"], "Ordered declared steps"),\n    metric: define(["label", "value", "unit", "decimals"], "Number with units, or a literal/bound status string", "tone"),\n    input: define(["label", "bind"], "String or numeric state input"),\n    slider: define(["label", "bind"], "Numeric state control"),\n    select: define(["label", "bind"], "Selection from declared state options"),\n    toggle: define(["label", "bind"], "Boolean state control"),\n    button: define(["text", "action"], "Declared Agent follow-up", "icon"),\n    table: define(["label", "rows", "columns"], "Supplied or derived values; inline rows or data/derived reference"),\n    chart: define(["kind", "rows", "labelKey", "valueKey", "label", "unit", "xScale"], "Bar/line comparison with accessible data"),\n    sandbox: define(["title", "html", "css", "script", "fallback", "height", "stateKeys", "dataKeys", "derivedKeys"], "Freeform isolated HTML/SVG/CSS/JavaScript visualization")\n  });\n  function componentFields(type) {\n    const c = Object.hasOwn(COMPONENTS, type) ? COMPONENTS[type] : void 0;\n    return c && ["id", "type", ...c.fields, ...c.presentation ? ["icon"] : [], ...c.presentation === "tone" ? ["tone"] : []];\n  }\n\n  // lib/identifiers.js\n  var IDENTIFIER_SOURCE = "[\\\\p{L}_][\\\\p{L}\\\\p{M}\\\\p{N}_]{0,63}";\n  var pattern = new RegExp(`^${IDENTIFIER_SOURCE}$`, "u");\n  var validIdentifier = (value) => typeof value === "string" && pattern.test(value) && !["constructor", "prototype", "__proto__"].includes(value);\n\n  // lib/author-expression.js\n  function compileExpression(source) {\n    const fail2 = () => {\n      throw new Error("DSH UI: invalid formula; use state.x, data.x, derived.x, item.x, numbers, strings, + - * /, comparisons, ?: and min/max/round/abs");\n    };\n    if (typeof source !== "string" || !source.trim() || source.length > 2048) fail2();\n    const tokens = [];\n    let offset = 0;\n    const token2 = new RegExp(String.raw`\\s*(?:(\\d+(?:\\.\\d*)?|\\.\\d+)([eE][+-]?\\d+)?|("(?:[^"\\\\]|\\\\.)*")|(${IDENTIFIER_SOURCE}(?:\\.${IDENTIFIER_SOURCE})?)|(===|!==|<=|>=|==|!=|[+*/()?,:<>-]))`, "uy");\n    while (offset < source.length) {\n      if (!source.slice(offset).trim()) break;\n      token2.lastIndex = offset;\n      const m = token2.exec(source);\n      if (!m) fail2();\n      offset = token2.lastIndex;\n      tokens.push(m[1] ? { number: Number(m[1] + (m[2] ?? "")) } : m[3] ? { string: JSON.parse(m[3]) } : m[4] ?? m[5]);\n      if (tokens.length > 256) fail2();\n    }\n    let pos = 0;\n    const operators = { "==": ["eq", 1], "===": ["eq", 1], "!=": ["neq", 1], "!==": ["neq", 1], "<": ["lt", 2], "<=": ["lte", 2], ">": ["gt", 2], ">=": ["gte", 2], "+": ["add", 3], "-": ["sub", 3], "*": ["mul", 4], "/": ["div", 4] };\n    const take = (t) => {\n      if (tokens[pos++] !== t) fail2();\n    };\n    function parse(min = 0, depth = 0) {\n      if (depth > 12) fail2();\n      const t = tokens[pos++];\n      let out;\n      if (t && typeof t === "object") out = { const: Object.hasOwn(t, "number") ? t.number : t.string };\n      else if (t === "true" || t === "false") out = { const: t === "true" };\n      else if (t === "(") {\n        out = parse(0, depth + 1);\n        take(")");\n      } else if (t === "-" || t === "+") {\n        const arg = parse(5, depth + 1);\n        out = t === "-" ? { op: "sub", args: [{ const: 0 }, arg] } : arg;\n      } else if (typeof t === "string" && t.split(".").length === 2 && ["state", "data", "derived", "item"].includes(t.split(".")[0]) && validIdentifier(t.split(".")[1])) out = { ref: t };\n      else if (["min", "max", "round", "abs"].includes(t)) {\n        take("(");\n        const args = [parse(0, depth + 1)];\n        while (tokens[pos] === ",") {\n          pos++;\n          args.push(parse(0, depth + 1));\n          if (args.length > 8) fail2();\n        }\n        take(")");\n        out = { op: t, args };\n      } else fail2();\n      while (typeof tokens[pos] === "string" && Object.hasOwn(operators, tokens[pos]) && operators[tokens[pos]][1] >= min) {\n        const [op, precedence] = operators[tokens[pos++]];\n        out = { op, args: [out, parse(precedence + 1, depth + 1)] };\n      }\n      if (min === 0 && tokens[pos] === "?") {\n        pos++;\n        const yes = parse(0, depth + 1);\n        take(":");\n        out = { op: "if", args: [out, yes, parse(0, depth + 1)] };\n      }\n      return out;\n    }\n    const result = parse();\n    if (pos !== tokens.length) fail2();\n    return result;\n  }\n  function expandExpressions(doc2) {\n    const expression2 = (e) => {\n      if (!e || typeof e !== "object" || Array.isArray(e)) return e;\n      if (Object.hasOwn(e, "expr")) {\n        if (Object.keys(e).length !== 1) throw new Error("DSH UI: expr must be the only formula field");\n        return compileExpression(e.expr);\n      }\n      if (Array.isArray(e.args)) e.args = e.args.map(expression2);\n      if (e.map?.fields) for (const k of Object.keys(e.map.fields)) e.map.fields[k] = expression2(e.map.fields[k]);\n      return e;\n    };\n    if (doc2.derived && typeof doc2.derived === "object") for (const k of Object.keys(doc2.derived)) doc2.derived[k] = expression2(doc2.derived[k]);\n    const walk = (nodes) => {\n      if (!Array.isArray(nodes)) return;\n      for (const node2 of nodes) {\n        if (!node2 || typeof node2 !== "object") continue;\n        for (const field of ["text", "value", "max", "rows"]) if (Object.hasOwn(node2, field)) node2[field] = expression2(node2[field]);\n        walk(node2.children);\n      }\n    };\n    walk(doc2.nodes);\n    return doc2;\n  }\n\n  // lib/normalize-authoring.js\n  var object = (v) => v !== null && typeof v === "object" && !Array.isArray(v);\n  var own = (v, k) => Object.hasOwn(v, k);\n  var singleItem = (v) => object(v) && Object.keys(v).length === 1 && own(v, "item");\n  var array = (v) => singleItem(v) && Array.isArray(v.item) ? v.item : v;\n  var numericOps = /* @__PURE__ */ new Set(["add", "sub", "mul", "div", "min", "max", "round", "abs", "lt", "lte", "gt", "gte"]);\n  function number(v) {\n    if (typeof v !== "string" || !/^-?(?:0|[1-9]\\d*)(?:\\.\\d+)?(?:e[+-]?\\d+)?$/i.test(v.trim())) return v;\n    const n = Number(v);\n    return Number.isFinite(n) && (!Number.isInteger(n) || Number.isSafeInteger(n)) ? n : v;\n  }\n  var boolean = (v) => v === "true" ? true : v === "false" ? false : v;\n  function expression(e, numeric = false, logical = false) {\n    if (!object(e)) return e;\n    if (own(e, "const")) {\n      if (numeric) e.const = number(e.const);\n      if (logical) e.const = boolean(e.const);\n    }\n    if (own(e, "args")) e.args = array(e.args);\n    if (Array.isArray(e.args)) e.args.forEach((arg, i) => expression(arg, numericOps.has(e.op) || e.op === "if" && i > 0 && numeric, e.op === "if" && i === 0));\n    if (object(e.map?.fields)) Object.values(e.map.fields).forEach((e2) => expression(e2));\n    return e;\n  }\n  function normalizeAuthoring(doc2) {\n    if (!object(doc2)) return doc2;\n    if (own(doc2, "version")) doc2.version = number(doc2.version);\n    if (object(doc2.state)) for (const k of Object.keys(doc2.state)) {\n      let s = doc2.state[k];\n      if (typeof s === "string" && s.trim().startsWith("{")) {\n        try {\n          const parsed = JSON.parse(s);\n          if (object(parsed)) s = parsed;\n        } catch {\n        }\n      }\n      if (singleItem(s) && object(s.item)) s = s.item;\n      doc2.state[k] = s;\n      if (!object(s)) continue;\n      if (own(s, "options")) s.options = array(s.options);\n      if (s.type === "number") {\n        for (const field of ["default", "min", "max", "step"]) if (own(s, field)) s[field] = number(s[field]);\n        if (Array.isArray(s.options)) s.options = s.options.map(number);\n      } else if (s.type === "boolean") {\n        if (own(s, "default")) s.default = boolean(s.default);\n        if (Array.isArray(s.options)) s.options = s.options.map(boolean);\n      }\n    }\n    if (object(doc2.derived)) Object.values(doc2.derived).forEach((e) => expression(e));\n    if (object(doc2.actions)) {\n      for (const action of Object.values(doc2.actions)) if (object(action) && own(action, "stateKeys")) action.stateKeys = array(action.stateKeys);\n    }\n    function nodes(list) {\n      list = array(list);\n      if (!Array.isArray(list)) return list;\n      for (const node2 of list) {\n        if (!object(node2)) continue;\n        if (node2.type === "sandbox") {\n          if (!own(node2, "title")) node2.title = doc2.title;\n          if (!own(node2, "fallback")) node2.fallback = doc2.fallback;\n        }\n        for (const field of ["children", "items", "columns", "stateKeys", "dataKeys", "derivedKeys"]) if (own(node2, field)) node2[field] = array(node2[field]);\n        if (["table", "chart"].includes(node2.type) && own(node2, "rows")) node2.rows = array(node2.rows);\n        for (const field of ["decimals", "height"]) if (own(node2, field)) node2[field] = number(node2[field]);\n        if (node2.type === "details" && own(node2, "open")) node2.open = boolean(node2.open);\n        for (const field of ["text", "value", "max", "rows"]) if (own(node2, field)) expression(node2[field], node2.type === "progress");\n        if (["row", "column", "card", "details"].includes(node2.type) && own(node2, "children")) node2.children = nodes(node2.children);\n      }\n      return list;\n    }\n    if (own(doc2, "nodes")) doc2.nodes = nodes(doc2.nodes);\n    return doc2;\n  }\n\n  // lib/protocol.js\n  var LIMITS = Object.freeze({ bytes: 131072, nodes: 160, depth: 12, rows: 500, expressions: 128, steps: 4096 });\n  var own2 = (o, k) => Object.hasOwn(o, k);\n  var fail = (message) => {\n    throw new Error(`DSH UI: ${message}`);\n  };\n  var object2 = (x) => x !== null && typeof x === "object" && !Array.isArray(x);\n  var finite = (x) => typeof x === "number" && Number.isFinite(x);\n  var scalar = (x) => typeof x === "string" || typeof x === "boolean" || finite(x);\n  var text = (x, at) => {\n    if (typeof x !== "string" || x.length > 8192) fail(`${at} must be a string of at most 8192 characters`);\n  };\n  function fields(value, allowed, at) {\n    if (!object2(value)) fail(`${at} must be an object`);\n    for (const k of Object.keys(value)) if (!allowed.includes(k)) {\n      const hint = at === "document" ? " Controls and visual components belong in nodes as registered typed nodes, not extra document fields." : "";\n      fail(`unknown field ${at}.${k}; allowed fields at ${at}: ${allowed.join(", ")}.${hint}`);\n    }\n  }\n  function safeJson(value, depth = 0, source = false) {\n    if (depth > 48) fail("JSON nesting is too deep");\n    if (value === null || typeof value === "boolean") return;\n    if (typeof value === "string") {\n      if (source) {\n        if (value.length > SANDBOX_LIMITS.source) fail("canvas source exceeds 48 Ki characters");\n        return;\n      }\n      return text(value, "value");\n    }\n    if (typeof value === "number") {\n      if (!finite(value)) fail("numbers must be finite");\n      return;\n    }\n    if (typeof value !== "object") fail("only JSON values are accepted");\n    if (Array.isArray(value) && value.length > LIMITS.rows) fail("too many array items");\n    for (const k of Object.keys(value)) {\n      if (["__proto__", "prototype", "constructor"].includes(k)) fail("unsafe property name");\n      safeJson(value[k], depth + 1, value.type === "sandbox" && ["html", "css", "script"].includes(k));\n    }\n  }\n  function initialState(doc2) {\n    return Object.fromEntries(Object.entries(doc2.state).map(([k, spec]) => [k, spec.default]));\n  }\n  function validateState(doc2, state2) {\n    if (!object2(state2) || Object.keys(state2).length !== Object.keys(doc2.state).length) fail("state keys do not match the document");\n    const result = {};\n    for (const [k, s] of Object.entries(doc2.state)) {\n      if (!own2(state2, k)) fail(`missing state.${k}`);\n      const v = state2[k];\n      if (s.type === "number") {\n        if (!finite(v) || v < s.min || v > s.max) fail(`state.${k} is outside its numeric range`);\n        const offset = (v - s.min) / s.step;\n        if (Math.abs(offset - Math.round(offset)) > 1e-6) fail(`state.${k} does not match its step`);\n      } else if (s.type === "json") {\n        if (!object2(v) && !Array.isArray(v)) fail(`state.${k} must be an array or object for type json`);\n        safeJson(v);\n        if (new TextEncoder().encode(JSON.stringify(v)).length > 16384) fail(`state.${k} JSON exceeds 16 KiB`);\n      } else if (s.type === "string") text(v, `state.${k}`);\n      else if (typeof v !== "boolean") fail(`state.${k} must be boolean`);\n      if (s.options && !s.options.includes(v)) fail(`invalid option for state.${k}`);\n      result[k] = v;\n    }\n    return result;\n  }\n  var ARITY = { add: [1, 8], sub: [2, 2], mul: [1, 8], div: [2, 2], min: [1, 8], max: [1, 8], round: [1, 1], abs: [1, 1], eq: [2, 2], neq: [2, 2], lt: [2, 2], lte: [2, 2], gt: [2, 2], gte: [2, 2], if: [3, 3] };\n  function reference(doc2, ref) {\n    if (typeof ref !== "string" || !["state", "data", "derived"].includes(ref.split(".")[0]) || ref.split(".").length !== 2 || !validIdentifier(ref.split(".")[1])) fail(`invalid reference ${JSON.stringify(ref)}; use state.key, data.key or derived.key with a letter/underscore identifier`);\n    const [group, k] = ref.split(".");\n    if (!own2(doc2[group], k)) fail(`unknown reference ${ref}`);\n    return [group, k];\n  }\n  function evaluate(doc2, state2) {\n    const derived = {}, active = /* @__PURE__ */ new Set();\n    let steps = 0, generatedRows = 0;\n    const budget = () => {\n      if (++steps > LIMITS.steps) fail("calculation budget exceeded");\n    };\n    const resolve = (ref) => {\n      budget();\n      const [group, k] = reference(doc2, ref);\n      if (group !== "derived") return (group === "state" ? state2 : doc2.data)[k];\n      if (own2(derived, k)) return derived[k];\n      if (active.has(k)) fail(`cyclic calculation ${k}`);\n      active.add(k);\n      const result2 = expression2(doc2.derived[k]);\n      active.delete(k);\n      derived[k] = result2;\n      return result2;\n    };\n    const expression2 = (e, item) => {\n      budget();\n      if (own2(e, "map")) {\n        const rows = resolve(e.map.source);\n        if ((generatedRows += rows.length) > LIMITS.rows) fail("generated row limit exceeded");\n        return rows.map((row) => Object.fromEntries(Object.entries(e.map.fields).map(([k, value]) => {\n          const out2 = expression2(value, row);\n          if (!scalar(out2)) fail("generated cells must be scalar");\n          return [k, out2];\n        })));\n      }\n      if (own2(e, "const")) return e.const;\n      if (own2(e, "ref")) {\n        if (e.ref.startsWith("item.")) {\n          const k = e.ref.slice(5);\n          if (!item || !own2(item, k) || !scalar(item[k])) fail("invalid item reference");\n          return item[k];\n        }\n        return resolve(e.ref);\n      }\n      if (e.op === "if") {\n        const condition = expression2(e.args[0], item);\n        if (typeof condition !== "boolean") fail("if condition must be boolean");\n        return expression2(e.args[condition ? 1 : 2], item);\n      }\n      const a = e.args.map((arg) => expression2(arg, item));\n      if (e.op === "eq") return a[0] === a[1];\n      if (e.op === "neq") return a[0] !== a[1];\n      if (!a.every(finite)) fail(`operator ${e.op} requires finite numbers`);\n      let out;\n      switch (e.op) {\n        case "add":\n          out = a.reduce((x, y) => x + y, 0);\n          break;\n        case "sub":\n          out = a[0] - a[1];\n          break;\n        case "mul":\n          out = a.reduce((x, y) => x * y, 1);\n          break;\n        case "div":\n          if (a[1] === 0) fail("division by zero");\n          out = a[0] / a[1];\n          break;\n        case "min":\n          out = Math.min(...a);\n          break;\n        case "max":\n          out = Math.max(...a);\n          break;\n        case "round":\n          out = Math.round(a[0]);\n          break;\n        case "abs":\n          out = Math.abs(a[0]);\n          break;\n        case "lt":\n          return a[0] < a[1];\n        case "lte":\n          return a[0] <= a[1];\n        case "gt":\n          return a[0] > a[1];\n        case "gte":\n          return a[0] >= a[1];\n        default:\n          fail(`unsupported operator ${e.op}`);\n      }\n      if (!finite(out)) fail("non-finite calculation result");\n      return out;\n    };\n    for (const k of Object.keys(doc2.derived)) resolve(`derived.${k}`);\n    if (new TextEncoder().encode(JSON.stringify(derived)).length > LIMITS.bytes) fail("derived output exceeds 128 KiB");\n    const result = { derived, resolveValue: (value) => {\n      if (!object2(value)) return value;\n      return expression2(value);\n    } };\n    checkViewValues(doc2, result);\n    return result;\n  }\n  function checkViewValues(doc2, evaluated) {\n    function walk(list) {\n      for (const n of list) {\n        if (n.type === "table" || n.type === "chart") {\n          const rows = evaluated.resolveValue(n.rows);\n          if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object2)) fail("table/chart rows must reference an array of objects");\n          if (n.type === "chart" && rows.some((r) => !own2(r, n.labelKey) || !scalar(r[n.labelKey]) || !own2(r, n.valueKey) || !finite(r[n.valueKey]))) fail("chart requires labels and finite numeric values");\n          if (n.type === "chart" && n.xScale === "linear" && rows.some((r) => !finite(r[n.labelKey]))) fail("linear chart requires numeric x values");\n        }\n        if (n.type === "metric" && !scalar(evaluated.resolveValue(n.value))) fail(`node.${n.id}.value must resolve to a number, string or boolean; use table for rows or a canvas for structured data`);\n        if (n.type === "progress") {\n          const v = evaluated.resolveValue(n.value), max = evaluated.resolveValue(n.max);\n          if (!finite(v) || !finite(max) || max <= 0 || v < 0 || v > max) fail("progress requires 0 <= value <= positive max");\n        }\n        if (n.children) walk(n.children);\n      }\n    }\n    walk(doc2.nodes);\n  }\n  function validateDocument(input) {\n    safeJson(input);\n    const json = JSON.stringify(input);\n    if (new TextEncoder().encode(json).length > LIMITS.bytes) fail("document exceeds 128 KiB");\n    const normalized = normalizeAuthoring(JSON.parse(json));\n    safeJson(normalized);\n    const doc2 = expandExpressions(normalized);\n    fields(doc2, ["version", "title", "fallback", "state", "data", "derived", "nodes", "actions", "presentation"], "document");\n    if (doc2.presentation !== void 0) {\n      fields(doc2.presentation, ["layout", "accent", "density"], "presentation");\n      for (const [k, allowed] of Object.entries({ layout: UI_LAYOUTS, accent: UI_ACCENTS, density: ["comfortable", "compact"] }))\n        if (doc2.presentation[k] !== void 0 && !allowed.includes(doc2.presentation[k])) fail(`unknown presentation ${k}`);\n    }\n    if (doc2.version !== 1) fail("unsupported protocol version");\n    text(doc2.title, "title");\n    text(doc2.fallback, "fallback");\n    if (!doc2.title.trim() || !doc2.fallback.trim()) fail("title and fallback cannot be empty");\n    for (const group of ["state", "data", "derived", "actions"]) {\n      doc2[group] ??= {};\n      if (!object2(doc2[group]) || Object.keys(doc2[group]).length > 64) fail(`invalid ${group}`);\n      for (const k of Object.keys(doc2[group])) if (!validIdentifier(k)) fail(`invalid key in ${group}: ${JSON.stringify(k)}; use 1..64 letters, numbers or underscores, starting with a letter/underscore (Chinese letters supported); no spaces, dots or hyphens. Put display labels in label/text`);\n    }\n    for (const [k, s] of Object.entries(doc2.state)) {\n      fields(s, ["type", "default", "min", "max", "step", "options"], `state.${k}`);\n      if (s.type === "string" && (Array.isArray(s.default) || object2(s.default)) && !own2(s, "options")) s.type = "json";\n      if (!["number", "string", "boolean", "json"].includes(s.type)) fail(`unsupported state type ${k}; use number, string, boolean or json (arrays/objects)`);\n      if (s.type === "json" && own2(s, "options")) fail(`state.${k}: json state does not support select options; use scalar options or a canvas`);\n      if (s.type === "number") {\n        for (const field of ["default", "min", "max", "step"]) if (!finite(s[field])) fail(`state.${k}.${field} must be a finite JSON number; received ${s[field] === null ? "null" : typeof s[field]}. Supply {type:"number",default:2,min:1,max:12,step:1}; do not omit limits or include units in numeric fields`);\n        if (s.min >= s.max || s.step <= 0) fail(`invalid numeric limits for state.${k}: require min < max and step > 0; received min=${s.min}, max=${s.max}, step=${s.step}`);\n        if ((s.max - s.min) / s.step > 1e9) fail(`numeric step too small for ${k}`);\n      } else if (["min", "max", "step"].some((p) => own2(s, p))) fail(`numeric limits on non-number ${k}`);\n      if (s.options !== void 0 && (!Array.isArray(s.options) || !s.options.length || s.options.length > 64 || !s.options.every(scalar))) fail(`state.${k}.options must be a direct array of 1..64 scalar values, e.g. options:["3","5","7"], not {item:[...]}`);\n    }\n    const defaults = validateState(doc2, initialState(doc2));\n    let expressions = 0;\n    for (const [k, spec] of Object.entries(doc2.state))\n      for (const option of spec.options ?? []) validateState(doc2, { ...defaults, [k]: option });\n    function validateExpression(e, depth = 0, itemRows, at = "expression") {\n      if (++expressions > LIMITS.expressions || depth > LIMITS.depth) fail("expression limit exceeded");\n      if (!object2(e)) fail(`${at}: expression must be an object`);\n      if (own2(e, "map")) {\n        if (depth !== 0) fail("map is only allowed at the root of a derived value");\n        fields(e, ["map"], "expression");\n        fields(e.map, ["source", "fields"], "map");\n        if (typeof e.map.source !== "string" || !e.map.source.startsWith("data.")) fail(\'map source must reference static data using a string such as "data.samples"; put object rows in document.data.samples, not inline in map.source\');\n        const [, k] = reference(doc2, e.map.source), rows = doc2.data[k];\n        if (!Array.isArray(rows) || rows.length > LIMITS.rows || !rows.every(object2)) fail("map source must be object rows");\n        if (!object2(e.map.fields) || !Object.keys(e.map.fields).length || Object.keys(e.map.fields).length > 16) fail("map requires 1..16 fields");\n        for (const [k2, value2] of Object.entries(e.map.fields)) {\n          if (!validIdentifier(k2)) fail(`invalid map field ${JSON.stringify(k2).slice(0, 100)}; use a letter/underscore identifier such as powerW or \\u529F\\u7387, without spaces, dots or hyphens`);\n          validateExpression(value2, depth + 1, rows, `${at}.map.fields.${k2}`);\n        }\n        return;\n      }\n      if (own2(e, "const")) {\n        fields(e, ["const"], "expression");\n        if (!scalar(e.const)) fail("constant must be scalar");\n        return;\n      }\n      if (own2(e, "ref")) {\n        fields(e, ["ref"], "expression");\n        if (typeof e.ref === "string" && e.ref.startsWith("item.")) {\n          const k = e.ref.slice(5);\n          if (!itemRows || !validIdentifier(k) || itemRows.some((row) => !own2(row, k) || !scalar(row[k]))) fail("invalid or unscoped item reference");\n        } else reference(doc2, e.ref);\n        return;\n      }\n      fields(e, ["op", "args"], "expression");\n      const arity = ARITY[e.op];\n      if (!arity || !Array.isArray(e.args) || e.args.length < arity[0] || e.args.length > arity[1]) fail(`${at}: invalid operator or argument count for ${JSON.stringify(e.op)}; args must be a direct array${arity ? ` with ${arity[0]}..${arity[1]} expressions` : " and op must be registered"}. Received ${Array.isArray(e.args) ? e.args.length + " arguments" : typeof e.args}. Prefer {expr:"state.people * state.days"} for arithmetic; missing operands cannot be inferred`);\n      e.args.forEach((a, i) => validateExpression(a, depth + 1, itemRows, `${at}.args[${i}]`));\n    }\n    Object.entries(doc2.derived).forEach(([k, e]) => validateExpression(e, 0, void 0, `derived.${k}`));\n    const visited = /* @__PURE__ */ new Set(), active = /* @__PURE__ */ new Set();\n    function visit(k) {\n      if (active.has(k)) fail(`cyclic calculation ${k}`);\n      if (visited.has(k)) return;\n      active.add(k);\n      function walk(e) {\n        if (e.ref?.startsWith("derived.")) visit(e.ref.split(".")[1]);\n        for (const a of e.args ?? []) walk(a);\n        for (const value2 of Object.values(e.map?.fields ?? {})) walk(value2);\n      }\n      walk(doc2.derived[k]);\n      active.delete(k);\n      visited.add(k);\n    }\n    Object.keys(doc2.derived).forEach(visit);\n    for (const [k, a] of Object.entries(doc2.actions)) {\n      fields(a, ["type", "intent", "stateKeys"], `actions.${k}`);\n      if (a.type !== "agent.followup") fail("only agent.followup actions are supported");\n      text(a.intent, "action intent");\n      if (!a.intent.trim() || !Array.isArray(a.stateKeys) || a.stateKeys.length > 64 || new Set(a.stateKeys).size !== a.stateKeys.length || a.stateKeys.some((s) => !own2(doc2.state, s))) fail("invalid action stateKeys");\n    }\n    const ids = /* @__PURE__ */ new Map();\n    let count2 = 0;\n    const value = (v, at) => {\n      if (object2(v)) {\n        if (own2(v, "map")) fail("map belongs in derived");\n        validateExpression(v);\n      } else if (!scalar(v)) fail(`invalid value at ${at}`);\n    };\n    function nodes(list, depth = 0, path = "nodes") {\n      if (!Array.isArray(list) || depth > LIMITS.depth) fail("invalid node children or depth");\n      for (const [index, n] of list.entries()) {\n        const at = `${path}[${index}]`;\n        if (++count2 > LIMITS.nodes) fail("too many nodes");\n        if (!object2(n)) fail(`${at} must be a node object`);\n        if (!own2(n, "id")) fail(`${at}.id is missing (type=${JSON.stringify(n.type)}). Every node, including sandbox, needs its own id; add e.g. id:"canvas". JSON field order does not matter`);\n        if (!validIdentifier(n.id)) fail(`${at}.id is invalid: ${JSON.stringify(n.id)}. Use 1..64 letters/numbers/underscores starting with a letter/underscore`);\n        if (ids.has(n.id)) fail(`${at}.id duplicates ${JSON.stringify(n.id)} first declared at ${ids.get(n.id)}. Give each node a unique id; state keys and node ids are separate namespaces`);\n        ids.set(n.id, `${at}.id`);\n        if (!Object.hasOwn(COMPONENTS, n.type)) fail("unsupported component " + n.type);\n        if (["table", "chart"].includes(n.type) && typeof n.rows === "string" && /^(data|derived)\\./.test(n.rows)) n.rows = { ref: n.rows };\n        switch (n.type) {\n          case "sandbox": {\n            text(n.title, `${at}.title (canvas title)`);\n            text(n.fallback, `${at}.fallback (canvas fallback)`);\n            if (!n.title.trim()) fail(`${at}.title must not be empty`);\n            if (!n.fallback.trim()) fail(`${at}.fallback must not be empty`);\n            if (typeof n.html !== "string" || !n.html.trim()) fail(`${at}.html must be a non-empty HTML string; script/css/fallback belong beside html on the sandbox node, not inside it`);\n            for (const field of ["html", "css", "script"]) if (n[field] !== void 0 && (typeof n[field] !== "string" || n[field].length > SANDBOX_LIMITS.source)) fail("canvas source exceeds 48 Ki characters");\n            if (n.height !== void 0 && (!Number.isInteger(n.height) || n.height < 160 || n.height > SANDBOX_LIMITS.height)) fail("canvas height must be 160..1000");\n            for (const [field, group] of [["stateKeys", "state"], ["dataKeys", "data"], ["derivedKeys", "derived"]]) if (n[field] !== void 0 && (!Array.isArray(n[field]) || n[field].length > 64 || new Set(n[field]).size !== n[field].length || n[field].some((k) => !own2(doc2[group], k)))) fail("invalid canvas " + field);\n            break;\n          }\n          case "row":\n          case "column":\n            break;\n          case "card":\n            if (n.title !== void 0) text(n.title, "card title");\n            if (n.surface !== void 0 && !UI_SURFACES.includes(n.surface)) fail("unknown card surface");\n            break;\n          case "details":\n            text(n.title, "details title");\n            if (n.open === "true" || n.open === "false") n.open = n.open === "true";\n            if (n.open !== void 0 && typeof n.open !== "boolean") fail(`node.${n.id}.open must be boolean true or false`);\n            break;\n          case "badge":\n            value(n.text, "badge text");\n            break;\n          case "progress":\n            text(n.label, "progress label");\n            value(n.value, "progress value");\n            value(n.max, "progress max");\n            if (n.unit !== void 0) text(n.unit, "progress unit");\n            break;\n          case "steps": {\n            const at2 = `node.${n.id}.items`;\n            if (!Array.isArray(n.items)) fail(`${at2} must be an array of 1..12 step objects, received ${n.items === null ? "null" : typeof n.items}. Use items:[{"title":"First step","description":"One sentence"}], not items:{item:[...]}. status is optional for a static guide`);\n            if (!n.items.length || n.items.length > 12) fail(`${at2} requires 1..12 items; received ${n.items.length}. Split a longer guide into separate steps nodes`);\n            for (const [i, item] of n.items.entries()) {\n              const stepAt = `${at2}[${i}]`;\n              fields(item, ["title", "description", "status"], stepAt);\n              text(item.title, `${stepAt}.title`);\n              if (item.description !== void 0) text(item.description, `${stepAt}.description`);\n              if (item.status !== void 0 && !["pending", "active", "done", "error"].includes(item.status)) fail(`${stepAt}.status must be pending, active, done or error; omit status for a static guide`);\n            }\n            break;\n          }\n          case "heading":\n          case "text":\n            value(n.text, "text");\n            break;\n          case "metric":\n            text(n.label, "metric label");\n            value(n.value, "metric value");\n            if (n.unit !== void 0) text(n.unit, "unit");\n            if (n.decimals !== void 0 && (!Number.isInteger(n.decimals) || n.decimals < 0 || n.decimals > 6)) fail("invalid decimals");\n            break;\n          case "input":\n          case "slider":\n          case "select":\n          case "toggle": {\n            text(n.label, "control label");\n            if (typeof n.bind !== "string" || !n.bind.startsWith("state.")) fail("controls must bind state");\n            const [, k] = reference(doc2, n.bind), spec = doc2.state[k];\n            if (n.type === "slider" && spec.type !== "number") fail("slider requires numeric state");\n            if (n.type === "toggle" && spec.type !== "boolean") fail("toggle requires boolean state");\n            if (["input", "select"].includes(n.type) && spec.type === "json") fail(`node.${n.id}: structured state requires a sandbox with DSHUI.setState; use separate boolean states and toggle nodes for a native checklist`);\n            if (n.type === "input" && spec.type === "boolean") fail("use toggle for boolean state");\n            if (n.type === "select" && !spec.options) fail("select requires options");\n            break;\n          }\n          case "button":\n            text(n.text, "button text");\n            if (!own2(doc2.actions, n.action)) fail("unknown action");\n            break;\n          case "table": {\n            if (n.label !== void 0) text(n.label, "table label");\n            if (!Array.isArray(n.rows)) value(n.rows, "table rows");\n            if (!Array.isArray(n.columns) || !n.columns.length || n.columns.length > 16) fail("invalid table columns");\n            const cols = /* @__PURE__ */ new Set();\n            for (const c of n.columns) {\n              fields(c, ["key", "label", "unit"], "column");\n              if (!validIdentifier(c.key) || cols.has(c.key)) fail("invalid or duplicate column key");\n              cols.add(c.key);\n              text(c.label, "column label");\n              if (c.unit !== void 0) text(c.unit, "column unit");\n            }\n            break;\n          }\n          case "chart":\n            if (!Array.isArray(n.rows)) value(n.rows, "chart rows");\n            if (!["bar", "line"].includes(n.kind) || !validIdentifier(n.labelKey) || !validIdentifier(n.valueKey)) fail("invalid chart");\n            text(n.label, "chart label");\n            if (n.unit !== void 0) text(n.unit, "chart unit");\n            if (n.xScale !== void 0 && (!["category", "linear"].includes(n.xScale) || n.xScale === "linear" && n.kind !== "line")) fail("invalid xScale");\n            break;\n          default:\n            fail(`unsupported component ${n.type}`);\n        }\n        if (["heading", "text", "card", "metric", "button", "badge", "progress", "details"].includes(n.type)) {\n          if (n.icon !== void 0 && !UI_ICONS.includes(n.icon)) fail("unknown UI icon");\n          if (n.type !== "button") {\n            if (n.tone !== void 0 && !UI_TONES.includes(n.tone)) fail("unknown UI tone");\n          }\n        }\n        fields(n, componentFields(n.type), `node.${n.id}`);\n        if (["row", "column", "card", "details"].includes(n.type)) nodes(n.children, depth + 1, `${at}.children`);\n      }\n    }\n    nodes(doc2.nodes);\n    if (!count2) fail("at least one node is required");\n    evaluate(doc2, defaults);\n    return doc2;\n  }\n\n  // src/export-runtime.js\n  var payload = JSON.parse(document.getElementById("dsh-ui-export").textContent);\n  var doc = validateDocument(payload.document);\n  var node = doc.nodes.flatMap(function flatten(n) {\n    return [n, ...(n.children ?? []).flatMap(flatten)];\n  }).find((n) => n.id === payload.nodeId && n.type === "sandbox");\n  if (!node) throw Error("\\u5BFC\\u51FA\\u7684\\u753B\\u5E03\\u4E0D\\u5B58\\u5728");\n  var state = validateState(doc, payload.state);\n  var connected = false;\n  var start = Date.now();\n  var count = 0;\n  var token = () => Array.from(crypto.getRandomValues(new Uint8Array(16)), (b) => b.toString(16).padStart(2, "0")).join("");\n  var channel = token();\n  var nonce = payload.nonce;\n  var frame = document.createElement("iframe");\n  frame.title = node.title;\n  frame.sandbox = "allow-scripts";\n  frame.referrerPolicy = "no-referrer";\n  frame.style.cssText = "display:block;width:100%;height:" + (node.height ?? 420) + "px;border:0";\n  var status = document.getElementById("status");\n  var publish = () => {\n    try {\n      frame.contentWindow.postMessage({ dshCanvas: 1, channel, type: "snapshot", payload: { ...canvasSnapshot(node, state, doc.data, evaluate(doc, state).derived, false, payload.theme), visible: !document.hidden } }, "*");\n    } catch (e) {\n      status.textContent = "\\u8BA1\\u7B97\\u5931\\u8D25\\uFF1A" + e.message;\n    }\n  };\n  addEventListener("message", (event) => {\n    const m = event.data;\n    if (event.source !== frame.contentWindow || m?.channel !== channel || m.dshCanvas !== 1) return;\n    if (Date.now() - start > 1e3) {\n      start = Date.now();\n      count = 0;\n    }\n    if (++count > SANDBOX_LIMITS.rate) return;\n    if (m.type === "ready") {\n      connected = true;\n      publish();\n    } else if (m.type === "patch" && connected) {\n      try {\n        const next = validateState(doc, { ...state, ...canvasPatch(m.payload, node) });\n        evaluate(doc, next);\n        state = next;\n        status.textContent = "\\u672C\\u5730\\u53C2\\u6570\\u5DF2\\u66F4\\u65B0\\uFF1B\\u5237\\u65B0\\u6587\\u4EF6\\u4F1A\\u56DE\\u5230\\u5BFC\\u51FA\\u65F6\\u7684\\u53C2\\u6570\\u3002";\n      } catch (e) {\n        status.textContent = "\\u53C2\\u6570\\u65E0\\u6548\\uFF1A" + e.message;\n      }\n      publish();\n    } else if (m.type === "height" && Number.isFinite(m.payload) && m.payload >= 0) frame.style.height = Math.max(32, Math.min(1e3, Math.ceil(m.payload))) + "px";\n    else if (m.type === "error") status.textContent = "\\u753B\\u5E03\\u8FD0\\u884C\\u5F02\\u5E38\\uFF1A" + String(m.payload).slice(0, 1e3);\n  });\n  document.addEventListener("visibilitychange", () => {\n    if (connected) publish();\n  });\n  document.getElementById("surface").append(frame);\n  frame.srcdoc = sandboxDocument(node, channel, nonce);\n})();\n';
 
 // lib/canvas-export.js
 function standaloneCanvas(document2, node, state, theme = {}) {
@@ -23001,7 +22937,7 @@ function Sandbox({ node, document: doc, state, data, derived, disabled, preview,
 }
 
 // lib/build-info.js
-var BUILD_INFO = Object.freeze({ "version": "0.5.4", "id": "0.5.4+92e88973eabc", "sourceHash": "92e88973eabc736e169fbb03366db183ca5cd1fbbe0e3a7e44e5742da708d96e" });
+var BUILD_INFO = Object.freeze({ "version": "0.5.6", "id": "0.5.6+1a92fbfce0c2", "sourceHash": "1a92fbfce0c23812d59332a0de554fd7fd914d44fd715ab8e056ca0f19193bcf" });
 
 // lib/refinement.js
 var AUDIT_MESSAGES = Object.freeze({ overflow: "\u5185\u5BB9\u8D85\u51FA\u89C6\u53E3\u5BBD\u5EA6", smallText: "\u6587\u5B57\u5B9E\u9645\u663E\u793A\u5C3A\u5BF8\u5C0F\u4E8E 12px", contrast: "\u6587\u5B57\u4E0E\u80CC\u666F\u5BF9\u6BD4\u5EA6\u504F\u4F4E", missingLabel: "\u4EA4\u4E92\u63A7\u4EF6\u7F3A\u5C11\u53EF\u8BBF\u95EE\u540D\u79F0", runtimeError: "\u753B\u5E03\u62A5\u544A\u8FD0\u884C\u5F02\u5E38" });
@@ -23529,7 +23465,7 @@ function UiView({ record, sessionId, sendPrompt, preview = false }) {
         return h6("div", { ...props, className: "dgui-progress" }, h6("div", { className: "dgui-progress-label" }, h6("span", null, h6(Icon, { name: n.icon ?? "gauge" }), n.label), h6("span", null, `${display(v)} / ${display(max)}${n.unit ? " " + n.unit : ""}`)), !computed.error && h6("progress", { value: v, max, "aria-label": n.label }), h6("small", null, !computed.error ? `${Number((v / max * 100).toFixed(1))}%` : "\u2014"));
       }
       case "steps":
-        return h6("ol", { ...props, className: "dgui-steps" }, n.items.map((item, i) => h6("li", { key: i, "data-step-status": item.status }, h6("span", { className: "dgui-step-dot", "aria-hidden": true }, item.status === "done" ? h6(Icon, { name: "check" }) : item.status === "error" ? h6(Icon, { name: "warning" }) : i + 1), h6("div", null, h6("strong", null, item.title), h6("span", { className: "dgui-step-state" }, { pending: "\u5F85\u8FDB\u884C", active: "\u5F53\u524D\u6B65\u9AA4", done: "\u5DF2\u5B8C\u6210", error: "\u5F02\u5E38" }[item.status]), item.description && h6("p", null, item.description)))));
+        return h6("ol", { ...props, className: "dgui-steps" }, n.items.map((item, i) => h6("li", { key: i, "data-step-status": item.status }, h6("span", { className: "dgui-step-dot", "aria-hidden": true }, item.status === "done" ? h6(Icon, { name: "check" }) : item.status === "error" ? h6(Icon, { name: "warning" }) : i + 1), h6("div", null, h6("strong", null, item.title), item.status && h6("span", { className: "dgui-step-state" }, { pending: "\u5F85\u8FDB\u884C", active: "\u5F53\u524D\u6B65\u9AA4", done: "\u5DF2\u5B8C\u6210", error: "\u5F02\u5E38" }[item.status]), item.description && h6("p", null, item.description)))));
       case "metric": {
         const v = resolve(n.value);
         return h6("div", { ...props, className: "dgui-metric" }, h6("span", { className: "dgui-metric-label" }, h6(Icon, { name: n.icon ?? "gauge" }), n.label), h6("strong", null, typeof v === "number" ? formatNumber(v, n.decimals ?? 2) : display(v), " ", h6("small", null, n.unit)));
@@ -23591,30 +23527,21 @@ var UiBoundary = class extends import_react12.default.Component {
   }
 };
 function ToolView(props) {
-  if (props.phase === "preparing") return h6(StreamingToolView, props);
-  if (props.phase === "start") return h6(StreamingPreview, { raw: props.block?.argsRaw ?? "", callId: props.callId, sessionId: props.sessionId });
+  if (props.phase === "preparing" || props.phase === "start") return h6("p", { className: "dgui-pending", role: "status" }, "\u6B63\u5728\u751F\u6210\u754C\u9762\uFF0C\u56DE\u7B54\u7ED3\u675F\u540E\u663E\u793A\u3002");
   const fallback = (props.block.content ?? []).filter((x) => x.type === "text").map((x) => x.text).join("\n");
-  if (props.block.isError) return h6("div", { className: "dgui-root dgui-error", role: "alert" }, "\u754C\u9762\u751F\u6210\u5931\u8D25", h6("pre", null, fallback));
+  if (props.block.isError) return h6("div", { className: "dgui-tool-error", role: "alert" }, h6(Icon, { name: "warning" }), h6("span", null, fallback || "\u754C\u9762\u672A\u751F\u6210\uFF0C\u8BF7\u68C0\u67E5\u5DE5\u5177\u53C2\u6570\u3002"));
   const raw = props.block.meta?.dshGenerativeUi;
-  if (raw?.version === 1) return h6("div", { className: "dgui-pending" }, "\u4EA4\u4E92\u754C\u9762\u5DF2\u751F\u6210\uFF0C\u8BF7\u5728\u672C\u8F6E\u56DE\u7B54\u4E0B\u65B9\u64CD\u4F5C\u3002", h6("details", null, h6("summary", null, "\u6587\u5B57\u7ED3\u679C"), h6("pre", null, fallback)));
+  if (raw?.version === 1) {
+    try {
+      validateDocument(raw.document);
+      return h6("p", { className: "dgui-pending", role: "status" }, "\u754C\u9762\u5DF2\u751F\u6210\uFF0C\u6574\u8F6E\u56DE\u7B54\u7ED3\u675F\u540E\u5728\u4E0B\u65B9\u663E\u793A\u3002");
+    } catch {
+    }
+  }
   return h6(ValidatedView, { ...props, raw, fallback });
 }
-function StreamingToolView(props) {
-  const raw = props.useToolCallArgumentsPartial ? props.useToolCallArgumentsPartial() : "";
-  return h6(StreamingPreview, { raw, callId: props.callId, sessionId: props.sessionId });
-}
-function StreamingPreview({ raw, callId = "stream", sessionId }) {
-  const committed = useUiRegistry().some((r) => r.sessionId === sessionId && r.raw.callId === callId);
-  const deferred = import_react12.default.useDeferredValue(raw);
-  const doc = (0, import_react12.useMemo)(() => previewDocument(deferred), [deferred]);
-  const canvas = (0, import_react12.useMemo)(() => doc ? null : previewCanvas(deferred), [doc, deferred]);
-  if (committed) return h6("p", { className: "dgui-copy" }, "\u754C\u9762\u5DF2\u751F\u6210\u3002");
-  if (canvas) return h6("div", { className: "dgui-root", "data-preview": true }, h6(CanvasPreview, { node: canvas }));
-  if (!doc) return h6("div", { className: "dgui-pending", role: "status" }, "\u6B63\u5728\u7EC4\u7EC7\u5E76\u6821\u9A8C\u4EA4\u4E92\u754C\u9762\u2026");
-  return h6(UiBoundary, { key: callId, fallback: doc.fallback }, h6(UiView, { record: { document: doc, documentId: `preview-${callId}` }, sessionId, preview: true }));
-}
 function TurnUiView(props) {
-  return (props.turn.data.get("dshGenerativeUi") ?? []).filter((r) => r.seq < props.seq).map((r) => r.isPatch ? h6(PatchNotice, { key: `patch-${r.seq}`, raw: r.raw }) : h6(PresentationView, { key: r.raw.documentId, ...r, sessionId: props.sessionId, sendPrompt: props.sendPrompt, scope: props.presentationScope }));
+  return (props.turn.data.get("dshGenerativeUi") ?? []).filter((r) => r.displayReady === true).map((r) => r.isPatch ? h6(PatchNotice, { key: `patch-${r.seq}`, raw: r.raw }) : h6(PresentationView, { key: r.raw.documentId, ...r, sessionId: props.sessionId, sendPrompt: props.sendPrompt, scope: props.presentationScope }));
 }
 function PatchNotice({ raw }) {
   (0, import_react12.useEffect)(() => {
@@ -23650,20 +23577,25 @@ var turnUiDefinition = {
   kind: "dshGenerativeUi",
   match(event) {
     if (event.type === "turn/start") return { id: String(event.data.turn), role: "start" };
+    if (event.type === "turn/end") return { id: String(event.data.turn), role: "update" };
     if (event.type === "tool/result" && event.surfaceOp === "append" && !event.data.message.isError && (event.data.meta?.dshGenerativeUi || event.data.meta?.dshGenerativeUiPatch))
       return { id: String(event.data.turn), role: "update" };
     return null;
   },
   start(_context, match) {
-    return { turn: match.event.data.turn, records: [] };
+    return { turn: match.event.data.turn, settled: false, records: [] };
   },
   update(context, match) {
     const event = match.event;
+    if (event.type === "turn/end") {
+      if (context.state.settled) return context.state;
+      return { ...context.state, settled: true, records: context.state.records.map((r) => ({ ...r, displayReady: true })) };
+    }
     if (event.type !== "tool/result") return context.state;
     const isPatch = !!event.data.meta.dshGenerativeUiPatch, raw = event.data.meta.dshGenerativeUi ?? event.data.meta.dshGenerativeUiPatch;
     if (context.state.records.some((r) => r.raw.documentId === raw.documentId && (r.raw.documentRevision ?? 0) >= (raw.documentRevision ?? 0))) return context.state;
     const fallback = (event.data.message.content ?? []).filter((c) => c.type === "text").map((c) => c.text).join("\n");
-    return { ...context.state, records: [...context.state.records, { seq: event.seq, raw, fallback, ...isPatch ? { isPatch: true } : {} }] };
+    return { ...context.state, records: [...context.state.records, { seq: event.seq, raw, fallback, displayReady: context.state.settled === true, ...isPatch ? { isPatch: true } : {} }] };
   },
   buildLocationData(context, scope2, previous) {
     if (scope2 !== "turn" || !context.state) return null;
@@ -23719,6 +23651,7 @@ var SOFT_CSS = `
 .dgui-root .dgui-content>:last-child{margin-bottom:0}.dgui-root .dgui-canvas-stage iframe{border-radius:16px}
 @media(max-width:600px){.dgui-root{--du-radius:22px;--du-radius-inner:18px}}
 @media(forced-colors:active){.dgui-root,.dgui-root .dgui-card,.dgui-root .dgui-metric,.dgui-root .dgui-chart,.dgui-root .dgui-button{background:Canvas}}
+.dgui-tool-error{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,currentColor 4%,transparent);font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.dgui-tool-error>svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px}
 `;
 
 // src/styles.js