@xenosystem/blocks 0.12.9 → 0.13.1

package/dist/edit/index.js

@@ -1,3 +1,31 @@
+import {
+  DiamondIcon,
+  EntryIcon,
+  EyedropperIcon,
+  KindGlyph,
+  LinkIcon,
+  LockStateIcon,
+  NextIcon,
+  PendingGlyph,
+  PrevIcon,
+  RedoIcon,
+  ResetIcon,
+  StopwatchIcon,
+  SwapIcon,
+  TrashIcon,
+  TreeIcon,
+  UndoIcon,
+  VisibilityIcon,
+  XIcon,
+  XIcon2
+} from "../chunk-J5XEAON6.js";
+import {
+  CaseGlyph,
+  ChevronGlyph,
+  CollapseGlyph,
+  ExpandGlyph,
+  RefreshGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -1338,7 +1366,7 @@ var LAYERS_DECLARATION = {
                           component: "fragment",
                           children: [
                             { component: "layers/Thumbnail", when: { item: "hasThumbnail" }, props: { thumbnailKey: { item: "thumbnailKey" }, size: { input: "view.thumbnailSize" } } },
-                            { component: "layers/KindGlyph", when: { item: "noThumbnail" } }
+                            { component: "icons/Kind", when: { item: "noThumbnail" } }
                           ]
                         }
                       },
@@ -1346,8 +1374,8 @@ var LAYERS_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "chrome/IconButton", when: { item: "showVisibility" }, props: { size: { value: "sm" }, icon: { node: { component: "layers/VisibilityIcon", props: { open: { item: "visible" } } } }, label: { item: "visibilityLabel" }, active: { item: "visible" } }, on: { onClick: toggle("visible") } },
-                            { component: "chrome/IconButton", when: { item: "showLock" }, props: { size: { value: "sm" }, icon: { node: { component: "layers/LockStateIcon", props: { locked: { item: "locked" } } } }, label: { item: "lockLabel" }, active: { item: "locked" } }, on: { onClick: toggle("locked") } },
+                            { component: "chrome/IconButton", when: { item: "showVisibility" }, props: { size: { value: "sm" }, icon: { node: { component: "icons/Visibility", props: { open: { item: "visible" } } } }, label: { item: "visibilityLabel" }, active: { item: "visible" } }, on: { onClick: toggle("visible") } },
+                            { component: "chrome/IconButton", when: { item: "showLock" }, props: { size: { value: "sm" }, icon: { node: { component: "icons/LockState", props: { locked: { item: "locked" } } } }, label: { item: "lockLabel" }, active: { item: "locked" } }, on: { onClick: toggle("locked") } },
                             { component: "chrome/ChipToggle", when: { item: "showSolo" }, props: { glyph: { value: "S" }, label: { value: "Solo" }, on: { item: "solo" } }, on: { onChange: toggle("solo") } },
                             { component: "chrome/ChipToggle", when: { item: "showMute" }, props: { glyph: { value: "M" }, label: { value: "Mute" }, on: { item: "muted" } }, on: { onChange: toggle("muted") } },
                             { component: "chrome/ChipToggle", when: { item: "showArm" }, props: { glyph: { value: "R" }, label: { value: "Arm" }, on: { item: "armed" } }, on: { onChange: toggle("armed") } },
@@ -1401,57 +1429,9 @@ var LAYERS_DECLARATION = {
 // src/edit/layers/react/LayersPanelView.tsx
 import { Badge, ChipToggle, ColorTag, Column, EmptyState, IconButton, Input, RowList, Row, ScrollArea, SearchField, StatusBar, Text, Toolbar, VirtualWindow } from "@xenosystem/components/chrome";
 
-// src/edit/layers/react/icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var base = (size) => ({
-  width: size,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": true
-});
-function EyeIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
-  ] });
-}
-function EyeOffIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M10.7 5.1A11 11 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4M6.6 6.6A18 18 0 0 0 2 12s3.5 7 10 7a10.9 10.9 0 0 0 5.4-1.4" }),
-    /* @__PURE__ */ jsx("path", { d: "M14.1 14.1a3 3 0 1 1-4.2-4.2" }),
-    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
-  ] });
-}
-function LockIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
-  ] });
-}
-function UnlockIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 7.5-2" })
-  ] });
-}
-function KindGlyph({ size = 10 }) {
-  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
-}
-function VisibilityIcon({ open, size }) {
-  return open ? /* @__PURE__ */ jsx(EyeIcon, { size }) : /* @__PURE__ */ jsx(EyeOffIcon, { size });
-}
-function LockStateIcon({ locked, size }) {
-  return locked ? /* @__PURE__ */ jsx(LockIcon, { size }) : /* @__PURE__ */ jsx(UnlockIcon, { size });
-}
-
 // src/edit/layers/react/Thumbnail.tsx
 import { useEffect, useRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function Thumbnail({ size, data }) {
   const ref = useRef(null);
   useEffect(() => {
@@ -1486,7 +1466,7 @@ function Thumbnail({ size, data }) {
       img.src = data.dataURL;
     }
   }, [data, size]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "canvas",
     {
       ref,
@@ -1506,7 +1486,7 @@ function Thumbnail({ size, data }) {
 }
 
 // src/edit/layers/react/LayersPanelView.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var DRAG_THRESHOLD = 4;
 function LayersPanelView({ controller }) {
   const subscribe = useCallback((cb) => controller.subscribe(cb), [controller]);
@@ -1514,13 +1494,13 @@ function LayersPanelView({ controller }) {
   useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   const view = layersViewState(controller);
   const ui5 = (intent) => applyLayersUi(controller, intent);
-  return /* @__PURE__ */ jsxs2(Column, { className: "xeno-layers-panel", children: [
-    view.searchShown ? /* @__PURE__ */ jsx3(Toolbar, { children: /* @__PURE__ */ jsx3(SearchField, { value: view.filter, onChange: (v) => ui5({ kind: "filter", value: v }), placeholder: "Search layers", label: "Search layers" }) }) : null,
-    /* @__PURE__ */ jsxs2(LayersScroller, { controller, children: [
-      /* @__PURE__ */ jsx3(RowList, { role: "tree", "aria-label": "Layers", children: /* @__PURE__ */ jsx3(VirtualWindow, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: view.rows.map((row2) => /* @__PURE__ */ jsx3(LayerRow, { row: row2, thumbnailSize: view.thumbnailSize, controller }, row2.id)) }) }),
-      view.empty ? /* @__PURE__ */ jsx3(EmptyState, { title: "No layers" }) : null
+  return /* @__PURE__ */ jsxs(Column, { className: "xeno-layers-panel", children: [
+    view.searchShown ? /* @__PURE__ */ jsx2(Toolbar, { children: /* @__PURE__ */ jsx2(SearchField, { value: view.filter, onChange: (v) => ui5({ kind: "filter", value: v }), placeholder: "Search layers", label: "Search layers" }) }) : null,
+    /* @__PURE__ */ jsxs(LayersScroller, { controller, children: [
+      /* @__PURE__ */ jsx2(RowList, { role: "tree", "aria-label": "Layers", children: /* @__PURE__ */ jsx2(VirtualWindow, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: view.rows.map((row2) => /* @__PURE__ */ jsx2(LayerRow, { row: row2, thumbnailSize: view.thumbnailSize, controller }, row2.id)) }) }),
+      view.empty ? /* @__PURE__ */ jsx2(EmptyState, { title: "No layers" }) : null
     ] }),
-    /* @__PURE__ */ jsx3(StatusBar, { left: /* @__PURE__ */ jsx3(Text, { role: "number", children: view.count }), right: view.orderLabel ? /* @__PURE__ */ jsx3(Text, { role: "meta", children: view.orderLabel }) : null })
+    /* @__PURE__ */ jsx2(StatusBar, { left: /* @__PURE__ */ jsx2(Text, { role: "number", children: view.count }), right: view.orderLabel ? /* @__PURE__ */ jsx2(Text, { role: "meta", children: view.orderLabel }) : null })
   ] });
 }
 function LayersScroller({ controller, children }) {
@@ -1604,11 +1584,11 @@ function LayersScroller({ controller, children }) {
     },
     [controller]
   );
-  return /* @__PURE__ */ jsx3(ScrollArea, { ref: scrollRef, onScroll, onKeyDown, onPointerDown, onPointerMove, onPointerUp, tabIndex: 0, children });
+  return /* @__PURE__ */ jsx2(ScrollArea, { ref: scrollRef, onScroll, onKeyDown, onPointerDown, onPointerMove, onPointerUp, tabIndex: 0, children });
 }
 function LayersRenameField({ id, controller }) {
   const [draft, setDraft] = useState(() => controller.getTree().nodes[id]?.name ?? "");
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Input,
     {
       autoFocus: true,
@@ -1625,11 +1605,11 @@ function LayersRenameField({ id, controller }) {
   );
 }
 function LayersThumbnail({ thumbnailKey, size, controller }) {
-  return /* @__PURE__ */ jsx3(Thumbnail, { size, data: controller.getThumbnail(thumbnailKey) });
+  return /* @__PURE__ */ jsx2(Thumbnail, { size, data: controller.getThumbnail(thumbnailKey) });
 }
 function LayerRow({ row: row2, thumbnailSize, controller }) {
   const ui5 = (intent) => applyLayersUi(controller, intent);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Row,
     {
       "data-layer-row": row2.id,
@@ -1641,19 +1621,19 @@ function LayerRow({ row: row2, thumbnailSize, controller }) {
       dropHint: row2.dropHint,
       expanded: row2.expanded,
       title: row2.title,
-      icon: row2.hasThumbnail ? /* @__PURE__ */ jsx3(LayersThumbnail, { thumbnailKey: row2.thumbnailKey, size: thumbnailSize, controller }) : /* @__PURE__ */ jsx3(KindGlyph, {}),
-      leading: /* @__PURE__ */ jsxs2(Fragment, { children: [
-        row2.showVisibility ? /* @__PURE__ */ jsx3(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx3(VisibilityIcon, { open: row2.visible }), label: row2.visibilityLabel, active: row2.visible, onClick: () => ui5({ kind: "toggleProp", id: row2.id, prop: "visible" }) }) : null,
-        row2.showLock ? /* @__PURE__ */ jsx3(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx3(LockStateIcon, { locked: row2.locked }), label: row2.lockLabel, active: row2.locked, onClick: () => ui5({ kind: "toggleProp", id: row2.id, prop: "locked" }) }) : null,
-        row2.showSolo ? /* @__PURE__ */ jsx3(ChipToggle, { glyph: "S", label: "Solo", on: row2.solo, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "solo" }) }) : null,
-        row2.showMute ? /* @__PURE__ */ jsx3(ChipToggle, { glyph: "M", label: "Mute", on: row2.muted, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "muted" }) }) : null,
-        row2.showArm ? /* @__PURE__ */ jsx3(ChipToggle, { glyph: "R", label: "Arm", on: row2.armed, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "armed" }) }) : null,
-        row2.showColor ? /* @__PURE__ */ jsx3(ColorTag, { color: row2.colorLabel }) : null
+      icon: row2.hasThumbnail ? /* @__PURE__ */ jsx2(LayersThumbnail, { thumbnailKey: row2.thumbnailKey, size: thumbnailSize, controller }) : /* @__PURE__ */ jsx2(KindGlyph, {}),
+      leading: /* @__PURE__ */ jsxs(Fragment, { children: [
+        row2.showVisibility ? /* @__PURE__ */ jsx2(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx2(VisibilityIcon, { open: row2.visible }), label: row2.visibilityLabel, active: row2.visible, onClick: () => ui5({ kind: "toggleProp", id: row2.id, prop: "visible" }) }) : null,
+        row2.showLock ? /* @__PURE__ */ jsx2(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx2(LockStateIcon, { locked: row2.locked }), label: row2.lockLabel, active: row2.locked, onClick: () => ui5({ kind: "toggleProp", id: row2.id, prop: "locked" }) }) : null,
+        row2.showSolo ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "S", label: "Solo", on: row2.solo, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "solo" }) }) : null,
+        row2.showMute ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "M", label: "Mute", on: row2.muted, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "muted" }) }) : null,
+        row2.showArm ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "R", label: "Arm", on: row2.armed, onChange: () => ui5({ kind: "toggleProp", id: row2.id, prop: "armed" }) }) : null,
+        row2.showColor ? /* @__PURE__ */ jsx2(ColorTag, { color: row2.colorLabel }) : null
       ] }),
-      label: row2.renaming ? /* @__PURE__ */ jsx3(LayersRenameField, { id: row2.id, controller }) : row2.name,
-      trailing: /* @__PURE__ */ jsxs2(Fragment, { children: [
-        row2.adornments.map((a) => /* @__PURE__ */ jsx3(Badge, { size: "sm", title: a.title, children: a.text }, a.key)),
-        row2.showOpacity ? /* @__PURE__ */ jsx3(Text, { role: "number", children: row2.opacity }) : null
+      label: row2.renaming ? /* @__PURE__ */ jsx2(LayersRenameField, { id: row2.id, controller }) : row2.name,
+      trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+        row2.adornments.map((a) => /* @__PURE__ */ jsx2(Badge, { size: "sm", title: a.title, children: a.text }, a.key)),
+        row2.showOpacity ? /* @__PURE__ */ jsx2(Text, { role: "number", children: row2.opacity }) : null
       ] }),
       onExpandedChange: () => ui5({ kind: "toggleExpanded", id: row2.id }),
       onDoubleClick: () => ui5({ kind: "beginRename", id: row2.id }),
@@ -1661,15 +1641,12 @@ function LayerRow({ row: row2, thumbnailSize, controller }) {
     }
   );
 }
-var LAYERS_RUNTIME_UNITS = ["layers/Scroller", "layers/RenameField", "layers/Thumbnail", "layers/KindGlyph", "layers/VisibilityIcon", "layers/LockStateIcon"];
+var LAYERS_RUNTIME_UNITS = ["layers/Scroller", "layers/RenameField", "layers/Thumbnail"];
 function layersRuntimeComponents(controller) {
   return {
-    "layers/Scroller": ({ children }) => /* @__PURE__ */ jsx3(LayersScroller, { controller, children }),
-    "layers/RenameField": ({ id }) => /* @__PURE__ */ jsx3(LayersRenameField, { id, controller }),
-    "layers/Thumbnail": ({ thumbnailKey, size }) => /* @__PURE__ */ jsx3(LayersThumbnail, { thumbnailKey, size, controller }),
-    "layers/KindGlyph": KindGlyph,
-    "layers/VisibilityIcon": VisibilityIcon,
-    "layers/LockStateIcon": LockStateIcon
+    "layers/Scroller": ({ children }) => /* @__PURE__ */ jsx2(LayersScroller, { controller, children }),
+    "layers/RenameField": ({ id }) => /* @__PURE__ */ jsx2(LayersRenameField, { id, controller }),
+    "layers/Thumbnail": ({ thumbnailKey, size }) => /* @__PURE__ */ jsx2(LayersThumbnail, { thumbnailKey, size, controller })
   };
 }
 
@@ -2574,9 +2551,9 @@ var InspectorPanelController = class {
   composeValue(fieldId, numeric, component) {
     if (component === void 0) return numeric;
     const current = this.getFieldValue(fieldId);
-    const base3 = Array.isArray(current) ? [...current] : [];
-    base3[component] = numeric;
-    return base3;
+    const base = Array.isArray(current) ? [...current] : [];
+    base[component] = numeric;
+    return base;
   }
   // ── Vector expander (scalar ⇔ per-element) ────────────────────────────────
   /** Whether a vector field is showing per-element rows. */
@@ -3128,7 +3105,7 @@ var ui2 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value
 var iconButton = (glyph, label, emit, extra = {}) => ({
   component: "chrome/IconButton",
   ...extra.when ? { when: extra.when } : {},
-  props: { size: { value: "sm" }, icon: { node: { component: `inspector/${glyph}` } }, label, ...extra.props ?? {} },
+  props: { size: { value: "sm" }, icon: { node: { component: `icons/${glyph}` } }, label, ...extra.props ?? {} },
   on: { onClick: emit }
 });
 var INSPECTOR_DECLARATION = {
@@ -3211,10 +3188,10 @@ var INSPECTOR_DECLARATION = {
                                   component: "fragment",
                                   when: { item: "showKeyframes" },
                                   children: [
-                                    iconButton("StopwatchIcon", { value: "Toggle animation" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "toggleAnim" } }), { props: { active: { item: "animated" } } }),
-                                    iconButton("PrevIcon", { value: "Previous keyframe" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "prev" } }), { when: { item: "animated" }, props: { disabled: { item: "prevDisabled" } } }),
-                                    { component: "chrome/IconButton", when: { item: "animated" }, props: { size: { value: "sm" }, icon: { node: { component: "inspector/DiamondIcon", props: { filled: { item: "onKeyframe" } } } }, label: { item: "keyframeLabel" } }, on: { onClick: ui2("keyframe", { fieldId: { item: "id" }, op: { item: "keyframeOp" } }) } },
-                                    iconButton("NextIcon", { value: "Next keyframe" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "next" } }), { when: { item: "animated" }, props: { disabled: { item: "nextDisabled" } } })
+                                    iconButton("Stopwatch", { value: "Toggle animation" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "toggleAnim" } }), { props: { active: { item: "animated" } } }),
+                                    iconButton("Prev", { value: "Previous keyframe" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "prev" } }), { when: { item: "animated" }, props: { disabled: { item: "prevDisabled" } } }),
+                                    { component: "chrome/IconButton", when: { item: "animated" }, props: { size: { value: "sm" }, icon: { node: { component: "icons/Diamond", props: { filled: { item: "onKeyframe" } } } }, label: { item: "keyframeLabel" } }, on: { onClick: ui2("keyframe", { fieldId: { item: "id" }, op: { item: "keyframeOp" } }) } },
+                                    iconButton("Next", { value: "Next keyframe" }, ui2("keyframe", { fieldId: { item: "id" }, op: { value: "next" } }), { when: { item: "animated" }, props: { disabled: { item: "nextDisabled" } } })
                                   ]
                                 }
                               },
@@ -3224,8 +3201,8 @@ var INSPECTOR_DECLARATION = {
                                   children: [
                                     { component: "chrome/Select", when: { item: "showEasing" }, props: { size: { value: "sm" }, options: { item: "easingOptions" }, value: { item: "easing" }, label: { value: "Easing" } }, on: { onChange: ui2("setEasing", { fieldId: { item: "id" }, easing: { arg: "" } }) } },
                                     { component: "chrome/Badge", when: { item: "showKeyframes" }, props: { size: { value: "sm" } }, children: [text2({ item: "keyframeChip" })] },
-                                    iconButton("LinkIcon", { item: "tokenActionLabel" }, ui2("bindToken", { fieldId: { item: "id" } }), { when: { item: "showToken" }, props: { active: { item: "bound" } } }),
-                                    iconButton("ResetIcon", { value: "Reset to default" }, ui2("resetField", { fieldId: { item: "id" } }), { when: { item: "showReset" } })
+                                    iconButton("Link", { item: "tokenActionLabel" }, ui2("bindToken", { fieldId: { item: "id" } }), { when: { item: "showToken" }, props: { active: { item: "bound" } } }),
+                                    iconButton("Reset", { value: "Reset to default" }, ui2("resetField", { fieldId: { item: "id" } }), { when: { item: "showReset" } })
                                   ]
                                 }
                               }
@@ -3258,54 +3235,6 @@ var INSPECTOR_DECLARATION = {
 // src/edit/inspector/react/InspectorPanelView.tsx
 import { Badge as Badge2, Column as Column2, EmptyState as EmptyState2, Field, FieldGroup, IconButton as IconButton3, Menu, ScrollArea as ScrollArea2, SearchField as SearchField2, Section, Select as Select2, Stack as Stack2, Text as Text3 } from "@xenosystem/components/chrome";
 
-// src/edit/inspector/react/icons.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var base2 = (size) => ({
-  width: size,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": true
-});
-function StopwatchIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M10 2h4" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 14v-4" }),
-    /* @__PURE__ */ jsx4("path", { d: "M20 14a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" })
-  ] });
-}
-function DiamondIcon({ size = 9, filled = false }) {
-  return /* @__PURE__ */ jsx4("svg", { ...base2(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx4("path", { d: "m12 3 7 9-7 9-7-9z" }) });
-}
-function PrevIcon({ size = 9 }) {
-  return /* @__PURE__ */ jsx4("svg", { ...base2(size), children: /* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }) });
-}
-function NextIcon({ size = 9 }) {
-  return /* @__PURE__ */ jsx4("svg", { ...base2(size), children: /* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }) });
-}
-function LinkIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
-    /* @__PURE__ */ jsx4("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
-  ] });
-}
-function ResetIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-    /* @__PURE__ */ jsx4("path", { d: "M3 3v5h5" })
-  ] });
-}
-function XIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
-  ] });
-}
-
 // src/edit/inspector/react/widgets.tsx
 import { useCallback as useCallback2, useRef as useRef3 } from "react";
 import {
@@ -3322,7 +3251,7 @@ import {
   TextButton,
   Toggle
 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function displayText(field, controller) {
   const draft = controller.getDraft(field.id);
   if (draft !== void 0) return draft;
@@ -3431,9 +3360,9 @@ function NumberWidget({ field, controller, component }) {
     return typeof v === "number" ? formatNumeric(v, field) : "";
   })() : displayText(field, controller);
   const position = numericValue === null ? null : valueToPosition(numericValue, field);
-  return /* @__PURE__ */ jsxs4(Stack, { direction: "row", gap: 2, pad: "none", children: [
-    component !== void 0 && field.components?.[component] ? /* @__PURE__ */ jsx5(AxisLabel, { scrubbable: editable, onPointerDown, onPointerMove, onPointerUp, children: field.components[component] }) : null,
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 2, pad: "none", children: [
+    component !== void 0 && field.components?.[component] ? /* @__PURE__ */ jsx3(AxisLabel, { scrubbable: editable, onPointerDown, onPointerMove, onPointerUp, children: field.components[component] }) : null,
+    /* @__PURE__ */ jsx3(
       Input2,
       {
         inputMode: "decimal",
@@ -3451,22 +3380,22 @@ function NumberWidget({ field, controller, component }) {
         ...ariaSliderProps(field, numericValue)
       }
     ),
-    controller.getNumericMode() === "slider" && position !== null && Number.isFinite(position) ? /* @__PURE__ */ jsx5(ProportionBar, { segments: [{ value: position, opacity: 0.9 }, { value: 1 - position, opacity: 0.08 }] }) : null
+    controller.getNumericMode() === "slider" && position !== null && Number.isFinite(position) ? /* @__PURE__ */ jsx3(ProportionBar, { segments: [{ value: position, opacity: 0.9 }, { value: 1 - position, opacity: 0.08 }] }) : null
   ] });
 }
 function VectorWidget({ field, controller }) {
   const expanded = controller.isExpanded(field.id) || !controller.isUniformVector(field.id);
   const value = controller.getFieldValue(field.id);
   const count = Array.isArray(value) ? value.length : field.components?.length ?? 0;
-  const toggle2 = (label, title) => /* @__PURE__ */ jsx5(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx5("span", { "aria-hidden": true, children: "\u22EF" }), label, onClick: () => controller.toggleExpanded(field.id) });
+  const toggle2 = (label, title) => /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u22EF" }), label, onClick: () => controller.toggleExpanded(field.id) });
   if (!expanded && field.expandable) {
-    return /* @__PURE__ */ jsxs4(Stack, { direction: "row", gap: 3, pad: "none", children: [
-      /* @__PURE__ */ jsx5(NumberWidget, { field, controller, component: 0 }),
+    return /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 3, pad: "none", children: [
+      /* @__PURE__ */ jsx3(NumberWidget, { field, controller, component: 0 }),
       toggle2("Expand", "Edit each axis separately")
     ] });
   }
-  return /* @__PURE__ */ jsxs4(Stack, { direction: "row", gap: 3, pad: "none", children: [
-    Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx5(NumberWidget, { field, controller, component: i }, i)),
+  return /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 3, pad: "none", children: [
+    Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx3(NumberWidget, { field, controller, component: i }, i)),
     field.expandable && controller.isUniformVector(field.id) ? toggle2("Collapse", "Link axes") : null
   ] });
 }
@@ -3486,15 +3415,15 @@ function TextWidget({ field, controller }) {
     onBlur: handlers.onBlur,
     onKeyDown: handlers.onKeyDown
   };
-  if (field.type === "textarea") return /* @__PURE__ */ jsx5(TextArea, { ...shared, rows: field.rows ?? 3 });
-  return /* @__PURE__ */ jsx5(Input2, { ...shared });
+  if (field.type === "textarea") return /* @__PURE__ */ jsx3(TextArea, { ...shared, rows: field.rows ?? 3 });
+  return /* @__PURE__ */ jsx3(Input2, { ...shared });
 }
 function CodeWidget({ field, controller }) {
   const editable = isFieldEditable(field);
   const mixed = isFieldMixed(field);
   const handlers = useEditingHandlers(field, controller);
   const expression = field.type === "expression";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     TextArea,
     {
       variant: "mono",
@@ -3528,7 +3457,7 @@ function BooleanWidget({ field, controller }) {
   const editable = isFieldEditable(field);
   const mixed = isFieldMixed(field);
   const on = controller.getFieldValue(field.id) === true;
-  return /* @__PURE__ */ jsx5(Toggle, { size: "sm", checked: on, mixed, label: field.label, disabled: !editable, onChange: (next) => controller.setValue(field.id, next) });
+  return /* @__PURE__ */ jsx3(Toggle, { size: "sm", checked: on, mixed, label: field.label, disabled: !editable, onChange: (next) => controller.setValue(field.id, next) });
 }
 function SelectWidget({ field, controller }) {
   const editable = isFieldEditable(field);
@@ -3538,12 +3467,12 @@ function SelectWidget({ field, controller }) {
   const value = mixed ? "" : String(current ?? "");
   const hasCurrent = mixed || value === "" || options.some((o) => o.value === value);
   const all = hasCurrent ? options : [{ value, label: value }, ...options];
-  return /* @__PURE__ */ jsx5(Select, { options: all, value, mixed, disabled: !editable, label: field.label, onChange: (next) => controller.setValue(field.id, next) });
+  return /* @__PURE__ */ jsx3(Select, { options: all, value, mixed, disabled: !editable, label: field.label, onChange: (next) => controller.setValue(field.id, next) });
 }
 function SegmentedWidget({ field, controller }) {
   const editable = isFieldEditable(field);
   const current = String(controller.getFieldValue(field.id) ?? "");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     SegmentedControl,
     {
       size: "sm",
@@ -3561,7 +3490,7 @@ function ColorWidget({ field, controller }) {
   const raw = controller.getFieldValue(field.id);
   const hex = typeof raw === "string" ? raw : typeof raw?.hex === "string" ? raw.hex : "";
   const editable = isFieldEditable(field);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     Swatch,
     {
       color: hex || void 0,
@@ -3585,26 +3514,26 @@ function ListWidget({ field, controller }) {
     next.splice(to, 0, moved);
     write(next);
   };
-  return /* @__PURE__ */ jsxs4(Stack, { gap: 2, pad: "none", children: [
-    items.map((item, i) => /* @__PURE__ */ jsxs4(Stack, { direction: "row", gap: 2, pad: "none", children: [
-      /* @__PURE__ */ jsx5(Text2, { role: "meta", children: typeof item === "string" ? item : JSON.stringify(item) }),
-      editable ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx5("span", { "aria-hidden": true, children: "\u2191" }), label: "Move up", disabled: i === 0, onClick: () => move(i, i - 1) }),
-        /* @__PURE__ */ jsx5(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx5("span", { "aria-hidden": true, children: "\u2193" }), label: "Move down", disabled: i === items.length - 1, onClick: () => move(i, i + 1) }),
-        /* @__PURE__ */ jsx5(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx5(XIcon, {}), label: "Remove", onClick: () => write(items.filter((_, j) => j !== i)) })
+  return /* @__PURE__ */ jsxs2(Stack, { gap: 2, pad: "none", children: [
+    items.map((item, i) => /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 2, pad: "none", children: [
+      /* @__PURE__ */ jsx3(Text2, { role: "meta", children: typeof item === "string" ? item : JSON.stringify(item) }),
+      editable ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u2191" }), label: "Move up", disabled: i === 0, onClick: () => move(i, i - 1) }),
+        /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u2193" }), label: "Move down", disabled: i === items.length - 1, onClick: () => move(i, i + 1) }),
+        /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3(XIcon, {}), label: "Remove", onClick: () => write(items.filter((_, j) => j !== i)) })
       ] }) : null
     ] }, i)),
-    editable ? /* @__PURE__ */ jsx5(TextButton, { onClick: () => write([...items, ""]), children: "+ Add" }) : null
+    editable ? /* @__PURE__ */ jsx3(TextButton, { onClick: () => write([...items, ""]), children: "+ Add" }) : null
   ] });
 }
 function InfoWidget({ field, controller }) {
   const value = controller.getFieldValue(field.id);
-  return /* @__PURE__ */ jsx5(Text2, { role: "meta", children: value === void 0 || value === null ? "\u2014" : String(value) });
+  return /* @__PURE__ */ jsx3(Text2, { role: "meta", children: value === void 0 || value === null ? "\u2014" : String(value) });
 }
 function JsonWidget({ field, controller }) {
   const editable = isFieldEditable(field);
   const handlers = useEditingHandlers(field, controller);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     TextArea,
     {
       variant: "mono",
@@ -3621,21 +3550,21 @@ function JsonWidget({ field, controller }) {
 }
 
 // src/edit/inspector/react/InspectorPanelView.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function InspectorPanelView({ controller }) {
   const subscribe = useCallback3((cb) => controller.subscribe(cb), [controller]);
   const getSnapshot = useCallback3(() => controller.getRevision(), [controller]);
   useSyncExternalStore2(subscribe, getSnapshot, getSnapshot);
   const view = inspectorViewState(controller);
-  return /* @__PURE__ */ jsxs5(Column2, { className: "xeno-inspector-panel", children: [
-    view.searchShown ? /* @__PURE__ */ jsxs5(Stack2, { direction: "row", gap: 6, children: [
-      /* @__PURE__ */ jsx6(SearchField2, { value: view.filter, onChange: (v) => controller.setFilter(v), placeholder: "Search properties", label: "Search properties" }),
-      view.hasTarget ? /* @__PURE__ */ jsx6(Badge2, { children: view.targetLabel }) : null
+  return /* @__PURE__ */ jsxs3(Column2, { className: "xeno-inspector-panel", children: [
+    view.searchShown ? /* @__PURE__ */ jsxs3(Stack2, { direction: "row", gap: 6, children: [
+      /* @__PURE__ */ jsx4(SearchField2, { value: view.filter, onChange: (v) => controller.setFilter(v), placeholder: "Search properties", label: "Search properties" }),
+      view.hasTarget ? /* @__PURE__ */ jsx4(Badge2, { children: view.targetLabel }) : null
     ] }) : null,
-    view.multi ? /* @__PURE__ */ jsx6(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx6(Text3, { role: "caption", children: view.banner }) }) : null,
-    /* @__PURE__ */ jsx6(ScrollArea2, { children: /* @__PURE__ */ jsxs5(InspectorProperties, { controller, children: [
-      view.sections.map((section) => /* @__PURE__ */ jsx6(SectionView, { section, controller }, section.id)),
-      view.empty ? /* @__PURE__ */ jsx6(EmptyState2, { title: view.emptyTitle }) : null
+    view.multi ? /* @__PURE__ */ jsx4(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx4(Text3, { role: "caption", children: view.banner }) }) : null,
+    /* @__PURE__ */ jsx4(ScrollArea2, { children: /* @__PURE__ */ jsxs3(InspectorProperties, { controller, children: [
+      view.sections.map((section) => /* @__PURE__ */ jsx4(SectionView, { section, controller }, section.id)),
+      view.empty ? /* @__PURE__ */ jsx4(EmptyState2, { title: view.emptyTitle }) : null
     ] }) })
   ] });
 }
@@ -3649,15 +3578,15 @@ function InspectorProperties({ controller, children }) {
     },
     [controller]
   );
-  return /* @__PURE__ */ jsx6("div", { onKeyDown, tabIndex: 0, role: "group", "aria-label": "Properties", className: "xeno-inspector-properties", children });
+  return /* @__PURE__ */ jsx4("div", { onKeyDown, tabIndex: 0, role: "group", "aria-label": "Properties", className: "xeno-inspector-properties", children });
 }
 function ActionGlyph({ glyph }) {
-  return /* @__PURE__ */ jsx6("span", { "aria-hidden": true, children: glyph });
+  return /* @__PURE__ */ jsx4("span", { "aria-hidden": true, children: glyph });
 }
 function SectionView({ section, controller }) {
   const ui5 = (intent) => applyInspectorUi(controller, intent);
   const hasActions = section.actions.length > 0 || section.hasAddMenu;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs3(
     Section,
     {
       title: section.title,
@@ -3667,22 +3596,22 @@ function SectionView({ section, controller }) {
       onCollapsedChange: () => ui5({ kind: "toggleSectionCollapsed", sectionId: section.id }),
       enabled: section.enabled,
       onEnabledChange: () => ui5({ kind: "toggleSectionEnabled", sectionId: section.id }),
-      badge: section.badge ? /* @__PURE__ */ jsx6(Badge2, { children: section.badge }) : null,
-      actions: hasActions ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-        section.actions.map((action) => /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui5({ kind: "runAction", sectionId: section.id, actionId: action.id }) }, action.id)),
-        section.hasAddMenu ? /* @__PURE__ */ jsx6(Menu, { size: "sm", trigger: "\uFF0B", items: section.addItems, label: section.addLabel, align: "end", onSelect: (id) => ui5({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
+      badge: section.badge ? /* @__PURE__ */ jsx4(Badge2, { children: section.badge }) : null,
+      actions: hasActions ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui5({ kind: "runAction", sectionId: section.id, actionId: action.id }) }, action.id)),
+        section.hasAddMenu ? /* @__PURE__ */ jsx4(Menu, { size: "sm", trigger: "\uFF0B", items: section.addItems, label: section.addLabel, align: "end", onSelect: (id) => ui5({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
       ] }) : null,
       children: [
-        section.showEmptyHint ? /* @__PURE__ */ jsx6(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx6(Text3, { role: "caption", children: section.emptyHint }) }) : null,
-        /* @__PURE__ */ jsx6(FieldGroup, { labelWidth: section.labelWidth, children: section.fields.map((row2) => /* @__PURE__ */ jsx6(FieldRow, { row: row2, controller }, row2.id)) })
+        section.showEmptyHint ? /* @__PURE__ */ jsx4(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx4(Text3, { role: "caption", children: section.emptyHint }) }) : null,
+        /* @__PURE__ */ jsx4(FieldGroup, { labelWidth: section.labelWidth, children: section.fields.map((row2) => /* @__PURE__ */ jsx4(FieldRow, { row: row2, controller }, row2.id)) })
       ]
     }
   );
 }
 function FieldRow({ row: row2, controller }) {
   const ui5 = (intent) => applyInspectorUi(controller, intent);
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsxs3(
       Field,
       {
         label: row2.label,
@@ -3690,25 +3619,25 @@ function FieldRow({ row: row2, controller }) {
         focused: row2.focused,
         onLabelClick: () => ui5({ kind: "focusField", fieldId: row2.id }),
         onContextMenu: (x, y) => ui5({ kind: "contextMenu", fieldId: row2.id, x, y }),
-        leading: row2.showKeyframes ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(StopwatchIcon, {}), label: "Toggle animation", active: row2.animated, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "toggleAnim" }) }),
-          row2.animated ? /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(PrevIcon, {}), label: "Previous keyframe", disabled: row2.prevDisabled, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "prev" }) }) : null,
-          row2.animated ? /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(DiamondIcon, { filled: row2.onKeyframe }), label: row2.keyframeLabel, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: row2.keyframeOp }) }) : null,
-          row2.animated ? /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(NextIcon, {}), label: "Next keyframe", disabled: row2.nextDisabled, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "next" }) }) : null
+        leading: row2.showKeyframes ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+          /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(StopwatchIcon, {}), label: "Toggle animation", active: row2.animated, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "toggleAnim" }) }),
+          row2.animated ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(PrevIcon, {}), label: "Previous keyframe", disabled: row2.prevDisabled, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "prev" }) }) : null,
+          row2.animated ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(DiamondIcon, { filled: row2.onKeyframe }), label: row2.keyframeLabel, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: row2.keyframeOp }) }) : null,
+          row2.animated ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(NextIcon, {}), label: "Next keyframe", disabled: row2.nextDisabled, onClick: () => ui5({ kind: "keyframe", fieldId: row2.id, op: "next" }) }) : null
         ] }) : null,
-        trailing: /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          row2.showEasing ? /* @__PURE__ */ jsx6(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui5({ kind: "setEasing", fieldId: row2.id, easing: v }) }) : null,
-          row2.showKeyframes ? /* @__PURE__ */ jsx6(Badge2, { size: "sm", children: row2.keyframeChip }) : null,
-          row2.showToken ? /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(LinkIcon, {}), label: row2.tokenActionLabel, active: row2.bound, onClick: () => ui5({ kind: "bindToken", fieldId: row2.id }) }) : null,
-          row2.showReset ? /* @__PURE__ */ jsx6(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx6(ResetIcon, {}), label: "Reset to default", onClick: () => ui5({ kind: "resetField", fieldId: row2.id }) }) : null
+        trailing: /* @__PURE__ */ jsxs3(Fragment3, { children: [
+          row2.showEasing ? /* @__PURE__ */ jsx4(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui5({ kind: "setEasing", fieldId: row2.id, easing: v }) }) : null,
+          row2.showKeyframes ? /* @__PURE__ */ jsx4(Badge2, { size: "sm", children: row2.keyframeChip }) : null,
+          row2.showToken ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(LinkIcon, {}), label: row2.tokenActionLabel, active: row2.bound, onClick: () => ui5({ kind: "bindToken", fieldId: row2.id }) }) : null,
+          row2.showReset ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ResetIcon, {}), label: "Reset to default", onClick: () => ui5({ kind: "resetField", fieldId: row2.id }) }) : null
         ] }),
         children: [
-          row2.bound ? /* @__PURE__ */ jsx6(Badge2, { title: row2.tokenTitle, children: row2.tokenLabel }) : null,
-          row2.unbound ? /* @__PURE__ */ jsx6(FieldWidget, { field: row2.field, controller }) : null
+          row2.bound ? /* @__PURE__ */ jsx4(Badge2, { title: row2.tokenTitle, children: row2.tokenLabel }) : null,
+          row2.unbound ? /* @__PURE__ */ jsx4(FieldWidget, { field: row2.field, controller }) : null
         ]
       }
     ),
-    row2.showInfoNote ? /* @__PURE__ */ jsx6(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx6(Text3, { role: "caption", children: row2.infoNote }) }) : null
+    row2.showInfoNote ? /* @__PURE__ */ jsx4(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx4(Text3, { role: "caption", children: row2.infoNote }) }) : null
   ] });
 }
 function FieldWidget({
@@ -3717,50 +3646,44 @@ function FieldWidget({
 }) {
   switch (field.type) {
     case "number":
-      return /* @__PURE__ */ jsx6(NumberWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(NumberWidget, { field, controller });
     case "vector":
-      return /* @__PURE__ */ jsx6(VectorWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(VectorWidget, { field, controller });
     case "boolean":
-      return /* @__PURE__ */ jsx6(BooleanWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(BooleanWidget, { field, controller });
     case "select":
-      return /* @__PURE__ */ jsx6(SelectWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(SelectWidget, { field, controller });
     case "segmented":
-      return /* @__PURE__ */ jsx6(SegmentedWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(SegmentedWidget, { field, controller });
     case "color":
-      return /* @__PURE__ */ jsx6(ColorWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(ColorWidget, { field, controller });
     case "list":
-      return /* @__PURE__ */ jsx6(ListWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(ListWidget, { field, controller });
     case "info":
-      return /* @__PURE__ */ jsx6(InfoWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(InfoWidget, { field, controller });
     case "text":
     case "textarea":
     case "file":
-      return /* @__PURE__ */ jsx6(TextWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(TextWidget, { field, controller });
     case "code":
     case "expression":
-      return /* @__PURE__ */ jsx6(CodeWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(CodeWidget, { field, controller });
     case "custom": {
       const Renderer = controller.getRenderer(field);
-      if (!Renderer) return /* @__PURE__ */ jsx6(JsonWidget, { field, controller });
-      return /* @__PURE__ */ jsx6(Renderer, { field, controller });
+      if (!Renderer) return /* @__PURE__ */ jsx4(JsonWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(Renderer, { field, controller });
     }
     case "json":
     default:
-      return /* @__PURE__ */ jsx6(JsonWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(JsonWidget, { field, controller });
   }
 }
-var INSPECTOR_RUNTIME_UNITS = ["inspector/FieldWidget", "inspector/Properties", "inspector/ActionGlyph", "inspector/StopwatchIcon", "inspector/DiamondIcon", "inspector/PrevIcon", "inspector/NextIcon", "inspector/LinkIcon", "inspector/ResetIcon"];
+var INSPECTOR_RUNTIME_UNITS = ["inspector/FieldWidget", "inspector/Properties", "inspector/ActionGlyph"];
 function inspectorRuntimeComponents(controller) {
   return {
-    "inspector/FieldWidget": ({ field }) => /* @__PURE__ */ jsx6(FieldWidget, { field, controller }),
-    "inspector/Properties": ({ children }) => /* @__PURE__ */ jsx6(InspectorProperties, { controller, children }),
-    "inspector/ActionGlyph": ActionGlyph,
-    "inspector/StopwatchIcon": StopwatchIcon,
-    "inspector/DiamondIcon": DiamondIcon,
-    "inspector/PrevIcon": PrevIcon,
-    "inspector/NextIcon": NextIcon,
-    "inspector/LinkIcon": LinkIcon,
-    "inspector/ResetIcon": ResetIcon
+    "inspector/FieldWidget": ({ field }) => /* @__PURE__ */ jsx4(FieldWidget, { field, controller }),
+    "inspector/Properties": ({ children }) => /* @__PURE__ */ jsx4(InspectorProperties, { controller, children }),
+    "inspector/ActionGlyph": ActionGlyph
   };
 }
 
@@ -4854,8 +4777,8 @@ var HISTORY_DECLARATION = {
             node: {
               component: "fragment",
               children: [
-                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "history/UndoIcon" } }, label: { value: "Undo" }, disabled: { input: "view.cannotUndo" } }, on: { onClick: ui3("undo") } },
-                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "history/RedoIcon" } }, label: { value: "Redo" }, disabled: { input: "view.cannotRedo" } }, on: { onClick: ui3("redo") } }
+                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Undo" } }, label: { value: "Undo" }, disabled: { input: "view.cannotUndo" } }, on: { onClick: ui3("undo") } },
+                { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Redo" } }, label: { value: "Redo" }, disabled: { input: "view.cannotRedo" } }, on: { onClick: ui3("redo") } }
               ]
             }
           },
@@ -4864,7 +4787,7 @@ var HISTORY_DECLARATION = {
               component: "fragment",
               children: [
                 { component: "chrome/Text", props: { role: { value: "number" } }, children: [text3({ input: "view.counter" })] },
-                { component: "chrome/IconButton", when: { input: "view.clearAllowed" }, props: { size: { value: "sm" }, icon: { node: { component: "history/TrashIcon" } }, label: { value: "Clear history" } }, on: { onClick: ui3("requestClear") } }
+                { component: "chrome/IconButton", when: { input: "view.clearAllowed" }, props: { size: { value: "sm" }, icon: { node: { component: "icons/Trash" } }, label: { value: "Clear history" } }, on: { onClick: ui3("requestClear") } }
               ]
             }
           }
@@ -4901,7 +4824,7 @@ var HISTORY_DECLARATION = {
                       struck: { item: "future" },
                       noIcon: { item: "hideIcon" },
                       interactive: { item: "jumpable" },
-                      icon: { node: { component: "history/EntryIcon", props: { name: { item: "iconName" } } } },
+                      icon: { node: { component: "icons/HistoryEntry", props: { name: { item: "iconName" } } } },
                       label: { item: "label" },
                       meta: { item: "meta" },
                       "data-history-row": { item: "key" },
@@ -4910,7 +4833,7 @@ var HISTORY_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "history/PendingGlyph", when: { item: "pending" } },
+                            { component: "icons/Pending", when: { item: "pending" } },
                             { component: "chrome/Badge", when: { item: "failed" }, props: { size: { value: "sm" }, tone: { value: "error" } }, children: [text3({ value: "failed" })] },
                             { component: "chrome/Badge", when: { item: "showSource" }, props: { size: { value: "sm" }, title: { item: "sourceTitle" } }, children: [text3({ item: "sourceGlyph" })] },
                             { component: "chrome/Badge", when: { item: "showCoalesced" }, props: { size: { value: "sm" }, title: { item: "coalescedTitle" } }, children: [text3({ item: "coalescedText" })] },
@@ -4947,130 +4870,35 @@ var HISTORY_DECLARATION = {
 
 // src/edit/history/react/HistoryPanelView.tsx
 import { Badge as Badge3, Column as Column3, EmptyState as EmptyState3, IconButton as IconButton4, InlineConfirm, RowList as RowList2, Row as Row2, ScrollArea as ScrollArea3, SearchField as SearchField3, StatusBar as StatusBar2, Text as Text4, Toolbar as Toolbar2, VirtualWindow as VirtualWindow2 } from "@xenosystem/components/chrome";
-
-// src/edit/history/react/icons.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var svgBase = (size) => ({
-  width: size,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": true
-});
-var ENTRY_PATHS = {
-  // painting
-  brush: ["M9.06 11.9l8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08", "M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z"],
-  eraser: ["m7 21-4.3-4.3a1 1 0 0 1 0-1.4l10-10a1 1 0 0 1 1.4 0l5.6 5.6a1 1 0 0 1 0 1.4L13 21", "M22 21H7"],
-  fill: ["m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2a2 2 0 0 0 2.8 0L19 11Z", "m5 2 5 5", "M2 13h15"],
-  // adjustment / effects
-  filter: ["M4 6h16", "M7 12h10", "M10 18h4"],
-  // geometry
-  transform: ["M5 9 2 12l3 3", "M9 5l3-3 3 3", "M15 19l-3 3-3-3", "M19 9l3 3-3 3", "M2 12h20", "M12 2v20"],
-  crop: ["M6 2v14a2 2 0 0 0 2 2h14", "M18 22V8a2 2 0 0 0-2-2H2"],
-  // layers
-  addLayer: ["M3 3h18v18H3z", "M12 8v8", "M8 12h8"],
-  deleteLayer: ["M3 6h18", "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"],
-  merge: ["m12 2 4 4-4 4", "M4 6h12", "m12 14 4 4-4 4", "M4 18h12"],
-  // clipboard / text / selection
-  paste: ["M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2", "M9 2h6v4H9z"],
-  text: ["M4 7V4h16v3", "M9 20h6", "M12 4v16"],
-  selection: ["M4 8V6a2 2 0 0 1 2-2h2", "M16 4h2a2 2 0 0 1 2 2v2", "M20 16v2a2 2 0 0 1-2 2h-2", "M8 20H6a2 2 0 0 1-2-2v-2"],
-  // ai + snapshots
-  ai: ["m12 3 1.9 5.8L20 10l-5.2 2.9L13 19l-2.9-5.2L4 12l6.1-1.9z"],
-  snapshot: ["M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3Z", "M15 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"],
-  // timeline / audio
-  keyframe: ["m12 3 6 9-6 9-6-9z"],
-  clip: ["M3 5h18v14H3z", "M8 5v14", "M16 5v14"],
-  volume: ["M11 5 6 9H2v6h4l5 4V5Z", "M16 9a4 4 0 0 1 0 6"],
-  document: ["M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", "M14 2v5h6"],
-  // fallbacks / chrome
-  generic: ["M5 5h14v14H5z"],
-  original: ["M3 12a9 9 0 1 0 9-9", "M3 4v5h5"],
-  rotateCcw: ["M3 12a9 9 0 1 0 3-6.7L3 8", "M3 3v5h5"]
-};
-function EntryIcon({ name, size = 11 }) {
-  const paths = ENTRY_PATHS[name] ?? ENTRY_PATHS.generic;
-  return /* @__PURE__ */ jsx7("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx7("path", { d }, i)) });
-}
-function XIcon2({ size = 10 }) {
-  return /* @__PURE__ */ jsxs6("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx7("path", { d: "m6 6 12 12" })
-  ] });
-}
-function TrashIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs6("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx7("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ jsx7("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ jsx7("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-  ] });
-}
-function UndoIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs6("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx7("path", { d: "M9 14 4 9l5-5" }),
-    /* @__PURE__ */ jsx7("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
-  ] });
-}
-function RedoIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs6("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx7("path", { d: "m15 14 5-5-5-5" }),
-    /* @__PURE__ */ jsx7("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
-  ] });
-}
-function PendingGlyph({ size = 9 }) {
-  return /* @__PURE__ */ jsx7(
-    "span",
-    {
-      className: "xeno-history-spinner",
-      "aria-label": "Pending",
-      style: {
-        width: size,
-        height: size,
-        borderRadius: 2,
-        border: "1px solid currentColor",
-        borderRightColor: "transparent",
-        opacity: 0.8,
-        display: "inline-block",
-        flex: "0 0 auto"
-      }
-    }
-  );
-}
-
-// src/edit/history/react/HistoryPanelView.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function HistoryPanelView({ controller }) {
   const subscribe = useCallback4((cb) => controller.subscribe(cb), [controller]);
   const getSnapshot = useCallback4(() => controller.getRevision(), [controller]);
   useSyncExternalStore3(subscribe, getSnapshot, getSnapshot);
   const view = historyViewState(controller);
   const ui5 = (intent) => applyHistoryUi(controller, intent);
-  return /* @__PURE__ */ jsxs7(Column3, { className: "xeno-history-panel", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs4(Column3, { className: "xeno-history-panel", children: [
+    /* @__PURE__ */ jsx5(
       Toolbar2,
       {
-        left: /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx8(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx8(UndoIcon, {}), label: "Undo", disabled: view.cannotUndo, onClick: () => ui5({ kind: "undo" }) }),
-          /* @__PURE__ */ jsx8(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx8(RedoIcon, {}), label: "Redo", disabled: view.cannotRedo, onClick: () => ui5({ kind: "redo" }) })
+        left: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: view.cannotUndo, onClick: () => ui5({ kind: "undo" }) }),
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: view.cannotRedo, onClick: () => ui5({ kind: "redo" }) })
         ] }),
-        right: /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx8(Text4, { role: "number", children: view.counter }),
-          view.clearAllowed ? /* @__PURE__ */ jsx8(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx8(TrashIcon, {}), label: "Clear history", onClick: () => ui5({ kind: "requestClear" }) }) : null
+        right: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+          /* @__PURE__ */ jsx5(Text4, { role: "number", children: view.counter }),
+          view.clearAllowed ? /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(TrashIcon, {}), label: "Clear history", onClick: () => ui5({ kind: "requestClear" }) }) : null
         ] }),
-        children: view.searchShown ? /* @__PURE__ */ jsx8(SearchField3, { value: view.filter, onChange: (v) => ui5({ kind: "filter", value: v }), placeholder: "Search history", label: "Search history" }) : null
+        children: view.searchShown ? /* @__PURE__ */ jsx5(SearchField3, { value: view.filter, onChange: (v) => ui5({ kind: "filter", value: v }), placeholder: "Search history", label: "Search history" }) : null
       }
     ),
-    view.confirmingClear ? /* @__PURE__ */ jsx8(InlineConfirm, { message: "Clear all history?", label: "Confirm clear history", confirmLabel: "Clear", onConfirm: () => ui5({ kind: "confirmClear" }), onCancel: () => ui5({ kind: "cancelClear" }) }) : null,
-    view.pruned ? /* @__PURE__ */ jsx8(Text4, { role: "caption", children: "Earlier history discarded (limit reached)" }) : null,
-    /* @__PURE__ */ jsxs7(HistoryScroller, { controller, children: [
-      /* @__PURE__ */ jsx8(RowList2, { role: "listbox", "aria-label": "History", children: /* @__PURE__ */ jsx8(VirtualWindow2, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: view.rows.map((row2) => /* @__PURE__ */ jsx8(HistoryRowView, { row: row2, controller }, row2.key)) }) }),
-      view.empty ? /* @__PURE__ */ jsx8(EmptyState3, { title: "No history" }) : null
+    view.confirmingClear ? /* @__PURE__ */ jsx5(InlineConfirm, { message: "Clear all history?", label: "Confirm clear history", confirmLabel: "Clear", onConfirm: () => ui5({ kind: "confirmClear" }), onCancel: () => ui5({ kind: "cancelClear" }) }) : null,
+    view.pruned ? /* @__PURE__ */ jsx5(Text4, { role: "caption", children: "Earlier history discarded (limit reached)" }) : null,
+    /* @__PURE__ */ jsxs4(HistoryScroller, { controller, children: [
+      /* @__PURE__ */ jsx5(RowList2, { role: "listbox", "aria-label": "History", children: /* @__PURE__ */ jsx5(VirtualWindow2, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: view.rows.map((row2) => /* @__PURE__ */ jsx5(HistoryRowView, { row: row2, controller }, row2.key)) }) }),
+      view.empty ? /* @__PURE__ */ jsx5(EmptyState3, { title: "No history" }) : null
     ] }),
-    view.hasMemory ? /* @__PURE__ */ jsx8(StatusBar2, { left: /* @__PURE__ */ jsx8(Text4, { role: "number", children: view.memoryText }), right: view.memoryDisk ? /* @__PURE__ */ jsx8(Text4, { role: "meta", children: view.memoryDisk }) : null }) : null
+    view.hasMemory ? /* @__PURE__ */ jsx5(StatusBar2, { left: /* @__PURE__ */ jsx5(Text4, { role: "number", children: view.memoryText }), right: view.memoryDisk ? /* @__PURE__ */ jsx5(Text4, { role: "meta", children: view.memoryDisk }) : null }) : null
   ] });
 }
 function HistoryScroller({ controller, children }) {
@@ -5105,14 +4933,14 @@ function HistoryScroller({ controller, children }) {
     },
     [controller]
   );
-  return /* @__PURE__ */ jsx8(ScrollArea3, { ref: scrollRef, onScroll, onKeyDown, onMouseLeave: () => controller.setHovered(null), tabIndex: 0, children });
+  return /* @__PURE__ */ jsx5(ScrollArea3, { ref: scrollRef, onScroll, onKeyDown, onMouseLeave: () => controller.setHovered(null), tabIndex: 0, children });
 }
 function HistoryCancelButton({ entryId, controller }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx5(
     IconButton4,
     {
       size: "sm",
-      icon: /* @__PURE__ */ jsx8(XIcon2, {}),
+      icon: /* @__PURE__ */ jsx5(XIcon2, {}),
       label: "Cancel operation",
       onClick: (e) => {
         e.stopPropagation();
@@ -5123,7 +4951,7 @@ function HistoryCancelButton({ entryId, controller }) {
 }
 function HistoryRowView({ row: row2, controller }) {
   const ui5 = (intent) => applyHistoryUi(controller, intent);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx5(
     Row2,
     {
       height: row2.height,
@@ -5132,18 +4960,18 @@ function HistoryRowView({ row: row2, controller }) {
       struck: row2.future,
       noIcon: row2.hideIcon,
       interactive: row2.jumpable,
-      icon: /* @__PURE__ */ jsx8(EntryIcon, { name: row2.iconName }),
+      icon: /* @__PURE__ */ jsx5(EntryIcon, { name: row2.iconName }),
       label: row2.label,
       meta: row2.meta,
       "data-history-row": row2.key,
       title: row2.label,
-      trailing: /* @__PURE__ */ jsxs7(Fragment4, { children: [
-        row2.pending ? /* @__PURE__ */ jsx8(PendingGlyph, {}) : null,
-        row2.failed ? /* @__PURE__ */ jsx8(Badge3, { size: "sm", tone: "error", children: "failed" }) : null,
-        row2.showSource ? /* @__PURE__ */ jsx8(Badge3, { size: "sm", title: row2.sourceTitle, children: row2.sourceGlyph }) : null,
-        row2.showCoalesced ? /* @__PURE__ */ jsx8(Badge3, { size: "sm", title: row2.coalescedTitle, children: row2.coalescedText }) : null,
-        row2.showTime ? /* @__PURE__ */ jsx8(Text4, { role: "meta", children: row2.time }) : null,
-        row2.pending ? /* @__PURE__ */ jsx8(HistoryCancelButton, { entryId: row2.cancelId, controller }) : null
+      trailing: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        row2.pending ? /* @__PURE__ */ jsx5(PendingGlyph, {}) : null,
+        row2.failed ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", tone: "error", children: "failed" }) : null,
+        row2.showSource ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", title: row2.sourceTitle, children: row2.sourceGlyph }) : null,
+        row2.showCoalesced ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", title: row2.coalescedTitle, children: row2.coalescedText }) : null,
+        row2.showTime ? /* @__PURE__ */ jsx5(Text4, { role: "meta", children: row2.time }) : null,
+        row2.pending ? /* @__PURE__ */ jsx5(HistoryCancelButton, { entryId: row2.cancelId, controller }) : null
       ] }),
       onClick: () => ui5({ kind: "jump", entryId: row2.entryId }),
       onMouseEnter: () => ui5({ kind: "hover", entryId: row2.entryId }),
@@ -5151,16 +4979,11 @@ function HistoryRowView({ row: row2, controller }) {
     }
   );
 }
-var HISTORY_RUNTIME_UNITS = ["history/Scroller", "history/CancelButton", "history/EntryIcon", "history/PendingGlyph", "history/UndoIcon", "history/RedoIcon", "history/TrashIcon"];
+var HISTORY_RUNTIME_UNITS = ["history/Scroller", "history/CancelButton"];
 function historyRuntimeComponents(controller) {
   return {
-    "history/Scroller": ({ children }) => /* @__PURE__ */ jsx8(HistoryScroller, { controller, children }),
-    "history/CancelButton": ({ entryId }) => /* @__PURE__ */ jsx8(HistoryCancelButton, { entryId, controller }),
-    "history/EntryIcon": EntryIcon,
-    "history/PendingGlyph": PendingGlyph,
-    "history/UndoIcon": UndoIcon,
-    "history/RedoIcon": RedoIcon,
-    "history/TrashIcon": TrashIcon
+    "history/Scroller": ({ children }) => /* @__PURE__ */ jsx5(HistoryScroller, { controller, children }),
+    "history/CancelButton": ({ entryId }) => /* @__PURE__ */ jsx5(HistoryCancelButton, { entryId, controller })
   };
 }
 
@@ -5299,10 +5122,10 @@ function rgbToHex(r, g, b) {
   return `#${enc(r)}${enc(g)}${enc(b)}`;
 }
 function rgbaToCssHex(c) {
-  const base3 = rgbToHex(c.r, c.g, c.b);
-  if (finite(c.a, 1) >= 1) return base3;
+  const base = rgbToHex(c.r, c.g, c.b);
+  if (finite(c.a, 1) >= 1) return base;
   const a = clamp2(Math.round(clamp2(finite(c.a, 1), 0, 1) * 255), 0, 255).toString(16).padStart(2, "0");
-  return `${base3}${a}`;
+  return `${base}${a}`;
 }
 function rgbToHsv(r, g, b) {
   const rn = clamp2(finite(r), 0, 255) / 255;
@@ -6301,7 +6124,7 @@ var COLOR_DECLARATION = {
           row(
             [
               { component: "chrome/ColorChip", props: { color: { input: "view.hex" }, label: { value: "Foreground" }, pressed: { input: "view.fgActive" } }, on: { onClick: ui4("setChannel", { channel: { value: "fg" } }) } },
-              { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "color/SwapIcon" } }, label: { value: "Swap FG/BG (X)" } }, on: { onClick: ui4("swapChannels") } },
+              { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Swap" } }, label: { value: "Swap FG/BG (X)" } }, on: { onClick: ui4("swapChannels") } },
               { component: "chrome/ColorChip", props: { color: { value: null }, label: { value: "Background" }, pressed: { input: "view.bgActive" } }, on: { onClick: ui4("setChannel", { channel: { value: "bg" } }) } }
             ],
             {},
@@ -6314,7 +6137,7 @@ var COLOR_DECLARATION = {
               { component: "chrome/Input", when: { input: "view.isHex" }, props: { variant: { value: "mono" }, label: { value: "Hex" }, value: { input: "view.hex" }, disabled: { input: "view.bound" } }, on: { onChange: ui4("setHex", { value: { arg: "" } }) } },
               { component: "chrome/NumberInput", each: { input: "view.components", key: "key" }, props: { caption: { item: "label" }, value: { item: "value" }, disabled: { input: "view.bound" } }, on: { onChange: ui4("setComponent", { index: { item: "index" }, value: { arg: "" } }) } },
               { component: "chrome/NumberInput", when: { input: "view.alphaShown" }, props: { caption: { value: "A" }, label: { value: "Alpha" }, min: { value: 0 }, max: { value: 100 }, value: { input: "view.alphaPercent" }, disabled: { input: "view.bound" } }, on: { onChange: ui4("setAlpha", { percent: { arg: "" } }) } },
-              { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "color/EyedropperIcon" } }, label: { value: "Pick from screen" } }, on: { onClick: ui4("eyedropper") } }
+              { component: "chrome/IconButton", props: { size: { value: "sm" }, icon: { node: { component: "icons/Eyedropper" } }, label: { value: "Pick from screen" } }, on: { onClick: ui4("eyedropper") } }
             ],
             { gap: { value: 4 } }
           ),
@@ -6432,54 +6255,33 @@ function drawAlphaStrip(ctx, w, h, hsv) {
 
 // src/edit/color/react/ColorPanelView.tsx
 import { CanvasSurface, ColorChip, Column as Column4, Field as Field2, IconButton as IconButton5, Input as Input3, NumberInput, Section as Section2, Select as Select3, Stack as Stack3, SwatchGrid, TextButton as TextButton2 } from "@xenosystem/components/chrome";
-
-// src/edit/color/react/icons.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var svg = { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true };
-function EyedropperIcon() {
-  return /* @__PURE__ */ jsxs8("svg", { ...svg, children: [
-    /* @__PURE__ */ jsx9("path", { d: "m2 22 1-1h3l9-9" }),
-    /* @__PURE__ */ jsx9("path", { d: "M3 21v-3l9-9" }),
-    /* @__PURE__ */ jsx9("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
-  ] });
-}
-function SwapIcon() {
-  return /* @__PURE__ */ jsxs8("svg", { ...svg, children: [
-    /* @__PURE__ */ jsx9("path", { d: "m16 3 4 4-4 4" }),
-    /* @__PURE__ */ jsx9("path", { d: "M20 7H4" }),
-    /* @__PURE__ */ jsx9("path", { d: "m8 21-4-4 4-4" }),
-    /* @__PURE__ */ jsx9("path", { d: "M4 17h16" })
-  ] });
-}
-
-// src/edit/color/react/ColorPanelView.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ColorPanelView({ controller }) {
   const subscribe = useCallback5((cb) => controller.subscribe(cb), [controller]);
   const getSnapshot = useCallback5(() => controller.getRevision(), [controller]);
   useSyncExternalStore4(subscribe, getSnapshot, getSnapshot);
   const view = colorViewState(controller);
   const ui5 = (intent) => applyColorUi(controller, intent);
-  return /* @__PURE__ */ jsx10(Column4, { className: "xeno-color-panel", children: /* @__PURE__ */ jsxs9(Stack3, { gap: 8, children: [
-    view.fgBg ? /* @__PURE__ */ jsxs9(Stack3, { direction: "row", pad: "none", children: [
-      /* @__PURE__ */ jsx10(ColorChip, { color: view.hex, label: "Foreground", pressed: view.fgActive, onClick: () => ui5({ kind: "setChannel", channel: "fg" }) }),
-      /* @__PURE__ */ jsx10(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx10(SwapIcon, {}), label: "Swap FG/BG (X)", onClick: () => ui5({ kind: "swapChannels" }) }),
-      /* @__PURE__ */ jsx10(ColorChip, { color: null, label: "Background", pressed: view.bgActive, onClick: () => ui5({ kind: "setChannel", channel: "bg" }) })
+  return /* @__PURE__ */ jsx6(Column4, { className: "xeno-color-panel", children: /* @__PURE__ */ jsxs5(Stack3, { gap: 8, children: [
+    view.fgBg ? /* @__PURE__ */ jsxs5(Stack3, { direction: "row", pad: "none", children: [
+      /* @__PURE__ */ jsx6(ColorChip, { color: view.hex, label: "Foreground", pressed: view.fgActive, onClick: () => ui5({ kind: "setChannel", channel: "fg" }) }),
+      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(SwapIcon, {}), label: "Swap FG/BG (X)", onClick: () => ui5({ kind: "swapChannels" }) }),
+      /* @__PURE__ */ jsx6(ColorChip, { color: null, label: "Background", pressed: view.bgActive, onClick: () => ui5({ kind: "setChannel", channel: "bg" }) })
     ] }) : null,
-    /* @__PURE__ */ jsx10(ColorPicker, { controller }),
-    /* @__PURE__ */ jsxs9(Stack3, { direction: "row", pad: "none", gap: 4, children: [
-      /* @__PURE__ */ jsx10(Select3, { size: "sm", label: "Color model", value: view.space, options: view.spaceOptions, onChange: (v) => ui5({ kind: "setSpace", space: v }) }),
-      view.isHex ? /* @__PURE__ */ jsx10(Input3, { variant: "mono", label: "Hex", value: view.hex, onChange: (v) => ui5({ kind: "setHex", value: v }), disabled: view.bound }) : null,
-      view.components.map((comp) => /* @__PURE__ */ jsx10(NumberInput, { caption: comp.label, value: comp.value, onChange: (n) => ui5({ kind: "setComponent", index: comp.index, value: n }), disabled: view.bound }, comp.key)),
-      view.alphaShown ? /* @__PURE__ */ jsx10(NumberInput, { caption: "A", label: "Alpha", min: 0, max: 100, value: view.alphaPercent, onChange: (n) => ui5({ kind: "setAlpha", percent: n }), disabled: view.bound }) : null,
-      /* @__PURE__ */ jsx10(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx10(EyedropperIcon, {}), label: "Pick from screen", onClick: () => ui5({ kind: "eyedropper" }) })
+    /* @__PURE__ */ jsx6(ColorPicker, { controller }),
+    /* @__PURE__ */ jsxs5(Stack3, { direction: "row", pad: "none", gap: 4, children: [
+      /* @__PURE__ */ jsx6(Select3, { size: "sm", label: "Color model", value: view.space, options: view.spaceOptions, onChange: (v) => ui5({ kind: "setSpace", space: v }) }),
+      view.isHex ? /* @__PURE__ */ jsx6(Input3, { variant: "mono", label: "Hex", value: view.hex, onChange: (v) => ui5({ kind: "setHex", value: v }), disabled: view.bound }) : null,
+      view.components.map((comp) => /* @__PURE__ */ jsx6(NumberInput, { caption: comp.label, value: comp.value, onChange: (n) => ui5({ kind: "setComponent", index: comp.index, value: n }), disabled: view.bound }, comp.key)),
+      view.alphaShown ? /* @__PURE__ */ jsx6(NumberInput, { caption: "A", label: "Alpha", min: 0, max: 100, value: view.alphaPercent, onChange: (n) => ui5({ kind: "setAlpha", percent: n }), disabled: view.bound }) : null,
+      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(EyedropperIcon, {}), label: "Pick from screen", onClick: () => ui5({ kind: "eyedropper" }) })
     ] }),
-    view.hasTokens ? /* @__PURE__ */ jsx10(Field2, { label: "Token", htmlFor: "xeno-color-token", children: /* @__PURE__ */ jsxs9(Stack3, { direction: "row", pad: "none", gap: 4, children: [
-      /* @__PURE__ */ jsx10(Select3, { size: "sm", label: "Bind token", value: view.boundTokenId, placeholder: "\u2014 raw \u2014", options: view.tokenOptions, onChange: (id) => ui5({ kind: "bindToken", tokenId: id }) }),
-      view.bound ? /* @__PURE__ */ jsx10(TextButton2, { onClick: () => ui5({ kind: "unbindToken" }), children: "Unbind" }) : null
+    view.hasTokens ? /* @__PURE__ */ jsx6(Field2, { label: "Token", htmlFor: "xeno-color-token", children: /* @__PURE__ */ jsxs5(Stack3, { direction: "row", pad: "none", gap: 4, children: [
+      /* @__PURE__ */ jsx6(Select3, { size: "sm", label: "Bind token", value: view.boundTokenId, placeholder: "\u2014 raw \u2014", options: view.tokenOptions, onChange: (id) => ui5({ kind: "bindToken", tokenId: id }) }),
+      view.bound ? /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui5({ kind: "unbindToken" }), children: "Unbind" }) : null
     ] }) }) : null,
-    /* @__PURE__ */ jsx10(Section2, { title: "Swatches", flush: true, actions: /* @__PURE__ */ jsx10(TextButton2, { onClick: () => ui5({ kind: "addSwatch" }), children: "+ Save" }), children: /* @__PURE__ */ jsx10(SwatchGrid, { label: "Swatches", children: view.swatches.map((sw) => /* @__PURE__ */ jsx10(ColorChip, { size: "grid", color: sw.hex, label: sw.hex, onClick: () => ui5({ kind: "selectColor", hex: sw.hex }), onContextMenu: () => ui5({ kind: "removeSwatch", hex: sw.hex }) }, sw.key)) }) }),
-    view.hasRecent ? /* @__PURE__ */ jsx10(Section2, { title: "Recent", flush: true, children: /* @__PURE__ */ jsx10(SwatchGrid, { label: "Recent", children: view.recent.map((r) => /* @__PURE__ */ jsx10(ColorChip, { size: "grid", color: r.hex, label: r.hex, onClick: () => ui5({ kind: "selectColor", hex: r.hex }) }, r.key)) }) }) : null
+    /* @__PURE__ */ jsx6(Section2, { title: "Swatches", flush: true, actions: /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui5({ kind: "addSwatch" }), children: "+ Save" }), children: /* @__PURE__ */ jsx6(SwatchGrid, { label: "Swatches", children: view.swatches.map((sw) => /* @__PURE__ */ jsx6(ColorChip, { size: "grid", color: sw.hex, label: sw.hex, onClick: () => ui5({ kind: "selectColor", hex: sw.hex }), onContextMenu: () => ui5({ kind: "removeSwatch", hex: sw.hex }) }, sw.key)) }) }),
+    view.hasRecent ? /* @__PURE__ */ jsx6(Section2, { title: "Recent", flush: true, children: /* @__PURE__ */ jsx6(SwatchGrid, { label: "Recent", children: view.recent.map((r) => /* @__PURE__ */ jsx6(ColorChip, { size: "grid", color: r.hex, label: r.hex, onClick: () => ui5({ kind: "selectColor", hex: r.hex }) }, r.key)) }) }) : null
   ] }) });
 }
 function ColorPicker({ controller }) {
@@ -6557,8 +6359,8 @@ function ColorPicker({ controller }) {
       controller.endDrag();
     }
   }, [controller]);
-  return /* @__PURE__ */ jsxs9(Stack3, { direction: "row", pad: "none", children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs5(Stack3, { direction: "row", pad: "none", children: [
+    /* @__PURE__ */ jsx6(
       CanvasSurface,
       {
         ref: spectrumRef,
@@ -6573,7 +6375,7 @@ function ColorPicker({ controller }) {
         onPointerUp: endDrag
       }
     ),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx6(
       CanvasSurface,
       {
         ref: hueRef,
@@ -6587,7 +6389,7 @@ function ColorPicker({ controller }) {
         onPointerUp: endDrag
       }
     ),
-    controller.isAlphaShown() ? /* @__PURE__ */ jsx10(
+    controller.isAlphaShown() ? /* @__PURE__ */ jsx6(
       CanvasSurface,
       {
         ref: alphaRef,
@@ -6603,12 +6405,10 @@ function ColorPicker({ controller }) {
     ) : null
   ] });
 }
-var COLOR_RUNTIME_UNITS = ["color/Picker", "color/SwapIcon", "color/EyedropperIcon"];
+var COLOR_RUNTIME_UNITS = ["color/Picker"];
 function colorRuntimeComponents(controller) {
   return {
-    "color/Picker": () => /* @__PURE__ */ jsx10(ColorPicker, { controller }),
-    "color/SwapIcon": SwapIcon,
-    "color/EyedropperIcon": EyedropperIcon
+    "color/Picker": () => /* @__PURE__ */ jsx6(ColorPicker, { controller })
   };
 }
 function clamp01(n) {
@@ -7355,7 +7155,7 @@ var CurveController = class {
     const hit = modifiers.pan ? { kind: "plot" } : this.hitTest(x, y);
     const tick = this.scale.xToTick(x);
     const value = this.scale.yToValue(y);
-    const base3 = {
+    const base = {
       startX: x,
       startY: y,
       startTick: tick,
@@ -7368,13 +7168,13 @@ var CurveController = class {
       additive: modifiers.additive === true
     };
     if (modifiers.pan) {
-      this.drag = { ...base3, kind: "pan" };
+      this.drag = { ...base, kind: "pan" };
       this.notify();
       return true;
     }
     if (hit.kind === "tangent") {
       this.drag = {
-        ...base3,
+        ...base,
         kind: "tangent",
         tangent: { channelId: hit.channelId, keyId: hit.keyId, side: hit.side }
       };
@@ -7393,12 +7193,12 @@ var CurveController = class {
         origin[keyRefId(candidate)] = { tick: found.key.tick, value: found.key.value };
         editable.push(candidate);
       }
-      this.drag = { ...base3, kind: "moveKeys", keys: editable, origin };
+      this.drag = { ...base, kind: "moveKeys", keys: editable, origin };
       this.notify();
       return true;
     }
     this.drag = {
-      ...base3,
+      ...base,
       kind: "marquee",
       marquee: { fromTick: tick, toTick: tick, fromValue: value, toValue: value }
     };
@@ -7898,7 +7698,7 @@ var curveManifest = {
 import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef6, useSyncExternalStore as useSyncExternalStore5 } from "react";
 import { EmptyState as EmptyState4, StatusBar as StatusBar3, Toolbar as Toolbar3, ToolbarGroup } from "@xenosystem/components/chrome";
 import { formatTick } from "@xenosystem/time-core";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var DASHES = ["none", "4 2", "1 2", "6 2 1 2"];
 function CurvePanelView({ controller, showPresets = true }) {
   const state = useSyncExternalStore5(controller.subscribe, controller.getState, controller.getState);
@@ -7977,21 +7777,21 @@ function CurvePanelView({ controller, showPresets = true }) {
   const preview = state.preview;
   const selected = new Set(state.selection.keys.map(keyRefId));
   const channels = state.curves?.channels ?? [];
-  return /* @__PURE__ */ jsxs10("div", { style: SHELL, children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs6("div", { style: SHELL, children: [
+    /* @__PURE__ */ jsx7(
       Toolbar3,
       {
-        left: /* @__PURE__ */ jsx11(ToolbarGroup, { children: ["linear", "bezier", "hold", "step"].map((mode) => /* @__PURE__ */ jsx11("button", { type: "button", style: button(), onClick: () => controller.setInterpolation(mode), children: mode }, mode)) }),
-        right: /* @__PURE__ */ jsxs10(ToolbarGroup, { end: true, children: [
-          ["aligned", "broken", "flat"].map((mode) => /* @__PURE__ */ jsx11("button", { type: "button", style: button(), onClick: () => controller.setTangentMode(mode), children: mode }, mode)),
-          /* @__PURE__ */ jsx11("button", { type: "button", style: button(), onClick: () => controller.fitAll(), children: "Fit" })
+        left: /* @__PURE__ */ jsx7(ToolbarGroup, { children: ["linear", "bezier", "hold", "step"].map((mode) => /* @__PURE__ */ jsx7("button", { type: "button", style: button(), onClick: () => controller.setInterpolation(mode), children: mode }, mode)) }),
+        right: /* @__PURE__ */ jsxs6(ToolbarGroup, { end: true, children: [
+          ["aligned", "broken", "flat"].map((mode) => /* @__PURE__ */ jsx7("button", { type: "button", style: button(), onClick: () => controller.setTangentMode(mode), children: mode }, mode)),
+          /* @__PURE__ */ jsx7("button", { type: "button", style: button(), onClick: () => controller.fitAll(), children: "Fit" })
         ] })
       }
     ),
-    showPresets ? /* @__PURE__ */ jsx11(
+    showPresets ? /* @__PURE__ */ jsx7(
       Toolbar3,
       {
-        left: /* @__PURE__ */ jsx11(ToolbarGroup, { children: EASING_PRESETS.slice(0, 6).map((preset) => /* @__PURE__ */ jsx11(
+        left: /* @__PURE__ */ jsx7(ToolbarGroup, { children: EASING_PRESETS.slice(0, 6).map((preset) => /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -8004,7 +7804,7 @@ function CurvePanelView({ controller, showPresets = true }) {
         )) })
       }
     ) : null,
-    channels.length === 0 ? /* @__PURE__ */ jsx11(EmptyState4, { title: "No curves", hint: "Wire an animated property into this panel's input." }) : /* @__PURE__ */ jsx11(
+    channels.length === 0 ? /* @__PURE__ */ jsx7(EmptyState4, { title: "No curves", hint: "Wire an animated property into this panel's input." }) : /* @__PURE__ */ jsx7(
       "div",
       {
         ref: containerRef,
@@ -8018,7 +7818,7 @@ function CurvePanelView({ controller, showPresets = true }) {
         onPointerUp,
         onPointerCancel: onPointerUp,
         onKeyDown,
-        children: /* @__PURE__ */ jsxs10(
+        children: /* @__PURE__ */ jsxs6(
           "svg",
           {
             "data-canvas": "curve-plot",
@@ -8026,7 +7826,7 @@ function CurvePanelView({ controller, showPresets = true }) {
             height: "100%",
             style: { position: "absolute", inset: 0, display: "block" },
             children: [
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx7(
                 "line",
                 {
                   x1: scale.gutterPx,
@@ -8036,7 +7836,7 @@ function CurvePanelView({ controller, showPresets = true }) {
                   stroke: "var(--xeno-control)"
                 }
               ),
-              scale.minValue < 0 && scale.maxValue > 0 ? /* @__PURE__ */ jsx11(
+              scale.minValue < 0 && scale.maxValue > 0 ? /* @__PURE__ */ jsx7(
                 "line",
                 {
                   x1: scale.gutterPx,
@@ -8051,7 +7851,7 @@ function CurvePanelView({ controller, showPresets = true }) {
                 const channel = channels.find((c) => c.id === series.channelId);
                 if (!channel || series.points.length === 0) return null;
                 const d = series.points.map((p, i) => `${i === 0 ? "M" : "L"}${scale.tickToX(p.tick).toFixed(2)},${scale.valueToY(p.value).toFixed(2)}`).join(" ");
-                return /* @__PURE__ */ jsx11(
+                return /* @__PURE__ */ jsx7(
                   "path",
                   {
                     d,
@@ -8071,9 +7871,9 @@ function CurvePanelView({ controller, showPresets = true }) {
                   const x = scale.tickToX(shown.tick);
                   const y = scale.valueToY(shown.value);
                   const isSelected = selected.has(id);
-                  return /* @__PURE__ */ jsxs10("g", { children: [
-                    isSelected ? /* @__PURE__ */ jsx11(Handles, { keyframe: key, x, y, scale }) : null,
-                    /* @__PURE__ */ jsx11(
+                  return /* @__PURE__ */ jsxs6("g", { children: [
+                    isSelected ? /* @__PURE__ */ jsx7(Handles, { keyframe: key, x, y, scale }) : null,
+                    /* @__PURE__ */ jsx7(
                       "rect",
                       {
                         x: x - 3,
@@ -8089,7 +7889,7 @@ function CurvePanelView({ controller, showPresets = true }) {
                   ] }, id);
                 })
               ),
-              preview?.marquee ? /* @__PURE__ */ jsx11(
+              preview?.marquee ? /* @__PURE__ */ jsx7(
                 "rect",
                 {
                   x: Math.min(scale.tickToX(preview.marquee.fromTick), scale.tickToX(preview.marquee.toTick)),
@@ -8102,7 +7902,7 @@ function CurvePanelView({ controller, showPresets = true }) {
                   stroke: "var(--xeno-active)"
                 }
               ) : null,
-              state.playheadTick !== null ? /* @__PURE__ */ jsx11(
+              state.playheadTick !== null ? /* @__PURE__ */ jsx7(
                 "line",
                 {
                   x1: scale.tickToX(state.playheadTick),
@@ -8117,11 +7917,11 @@ function CurvePanelView({ controller, showPresets = true }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx7(
       StatusBar3,
       {
         left: `${channels.length} channel${channels.length === 1 ? "" : "s"}`,
-        right: /* @__PURE__ */ jsx11("span", { className: "tabular-nums", children: state.playheadTick !== null ? formatTick(state.playheadTick, state.timebase) : "" })
+        right: /* @__PURE__ */ jsx7("span", { className: "tabular-nums", children: state.playheadTick !== null ? formatTick(state.playheadTick, state.timebase) : "" })
       }
     )
   ] });
@@ -8133,14 +7933,14 @@ function Handles({
   scale
 }) {
   const sides = ["in", "out"];
-  return /* @__PURE__ */ jsx11(Fragment5, { children: sides.map((side) => {
+  return /* @__PURE__ */ jsx7(Fragment5, { children: sides.map((side) => {
     const tangent = side === "in" ? keyframe.tangentIn : keyframe.tangentOut;
     if (!tangent) return null;
     const hx = scale.tickToX(keyframe.tick + tangent.x);
     const hy = scale.valueToY(keyframe.value + tangent.y);
-    return /* @__PURE__ */ jsxs10("g", { children: [
-      /* @__PURE__ */ jsx11("line", { x1: x, y1: y, x2: hx, y2: hy, stroke: "var(--xeno-active)", strokeWidth: 1 }),
-      /* @__PURE__ */ jsx11("rect", { x: hx - 2, y: hy - 2, width: 4, height: 4, fill: "var(--xeno-text)" })
+    return /* @__PURE__ */ jsxs6("g", { children: [
+      /* @__PURE__ */ jsx7("line", { x1: x, y1: y, x2: hx, y2: hy, stroke: "var(--xeno-active)", strokeWidth: 1 }),
+      /* @__PURE__ */ jsx7("rect", { x: hx - 2, y: hy - 2, width: 4, height: 4, fill: "var(--xeno-text)" })
     ] }, side);
   }) });
 }
@@ -8774,7 +8574,7 @@ var viewportManifest = {
 // src/edit/viewport/react/ViewportPanelView.tsx
 import { useEffect as useEffect6, useRef as useRef7, useSyncExternalStore as useSyncExternalStore6 } from "react";
 import { Badge as Badge4, StatusBar as StatusBar4 } from "@xenosystem/components/chrome";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var SLOT_STYLE = {
   "top-left": { top: 8, left: 8 },
   "top-center": { top: 8, left: "50%", transform: "translateX(-50%)" },
@@ -8802,7 +8602,7 @@ function ViewportPanelView({
     return controller.mount(canvas, container);
   }, [controller]);
   const hidden = new Set(state.hiddenSlots);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref: containerRef,
@@ -8841,7 +8641,7 @@ function ViewportPanelView({
         touchAction: "none"
       },
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx8(
           "canvas",
           {
             ref: canvasRef,
@@ -8852,7 +8652,7 @@ function ViewportPanelView({
         VIEWPORT_SLOTS.map((slot) => {
           const content = overlays?.[slot];
           if (!content || hidden.has(slot)) return null;
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ jsx8(
             "div",
             {
               "data-viewport-slot": slot,
@@ -8870,7 +8670,7 @@ function ViewportPanelView({
             slot
           );
         }),
-        state.contextLost ? /* @__PURE__ */ jsx12(
+        state.contextLost ? /* @__PURE__ */ jsx8(
           "div",
           {
             style: {
@@ -8883,10 +8683,10 @@ function ViewportPanelView({
               fontSize: 11,
               zIndex: 20
             },
-            children: /* @__PURE__ */ jsx12(Badge4, { tone: "error", children: "graphics context lost \u2014 restoring" })
+            children: /* @__PURE__ */ jsx8(Badge4, { tone: "error", children: "graphics context lost \u2014 restoring" })
           }
         ) : null,
-        showStats && state.stats ? /* @__PURE__ */ jsx12("div", { style: { position: "absolute", left: 0, right: 0, bottom: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx12(
+        showStats && state.stats ? /* @__PURE__ */ jsx8("div", { style: { position: "absolute", left: 0, right: 0, bottom: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx8(
           StatusBar4,
           {
             left: state.stats.fps !== void 0 ? `${Math.round(state.stats.fps)} fps` : void 0,
@@ -9553,35 +9353,30 @@ import {
   Toolbar as Toolbar4,
   ToolbarGroup as ToolbarGroup2
 } from "@xenosystem/components/chrome";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function CaseIcon() {
-  return /* @__PURE__ */ jsxs12("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx13("path", { d: "m3 15 4-8 4 8" }),
-    /* @__PURE__ */ jsx13("path", { d: "M4 13h6" }),
-    /* @__PURE__ */ jsx13("circle", { cx: "18", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx13("path", { d: "M21 9v6" })
-  ] });
+  return /* @__PURE__ */ jsx9(CaseGlyph, { size: 12 });
 }
 function WordIcon() {
-  return /* @__PURE__ */ jsxs12("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx13("path", { d: "M7 12h10" }),
-    /* @__PURE__ */ jsx13("path", { d: "M3 7v10" }),
-    /* @__PURE__ */ jsx13("path", { d: "M21 7v10" })
+  return /* @__PURE__ */ jsxs8("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx9("path", { d: "M7 12h10" }),
+    /* @__PURE__ */ jsx9("path", { d: "M3 7v10" }),
+    /* @__PURE__ */ jsx9("path", { d: "M21 7v10" })
   ] });
 }
 function RegexIcon() {
-  return /* @__PURE__ */ jsxs12("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx13("path", { d: "M12 4v8" }),
-    /* @__PURE__ */ jsx13("path", { d: "m8.5 6 7 4" }),
-    /* @__PURE__ */ jsx13("path", { d: "m8.5 10 7-4" }),
-    /* @__PURE__ */ jsx13("path", { d: "M5 18h2" })
+  return /* @__PURE__ */ jsxs8("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx9("path", { d: "M12 4v8" }),
+    /* @__PURE__ */ jsx9("path", { d: "m8.5 6 7 4" }),
+    /* @__PURE__ */ jsx9("path", { d: "m8.5 10 7-4" }),
+    /* @__PURE__ */ jsx9("path", { d: "M5 18h2" })
   ] });
 }
 function UpIcon() {
-  return /* @__PURE__ */ jsx13("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { d: "m18 15-6-6-6 6" }) });
+  return /* @__PURE__ */ jsx9("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx9("path", { d: "m18 15-6-6-6 6" }) });
 }
 function DownIcon() {
-  return /* @__PURE__ */ jsx13("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx13("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx9("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx9("path", { d: "m6 9 6 6 6-6" }) });
 }
 function StatusLine({
   status,
@@ -9592,14 +9387,14 @@ function StatusLine({
   hasText
 }) {
   if (status === "invalidPattern") {
-    return /* @__PURE__ */ jsx13(Badge5, { tone: "error", title: message ?? void 0, children: "invalid pattern" });
+    return /* @__PURE__ */ jsx9(Badge5, { tone: "error", title: message ?? void 0, children: "invalid pattern" });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx13(Badge5, { tone: "error", title: message ?? void 0, children: "search failed" });
+    return /* @__PURE__ */ jsx9(Badge5, { tone: "error", title: message ?? void 0, children: "search failed" });
   }
-  if (status === "searching") return /* @__PURE__ */ jsx13(Badge5, { children: "searching\u2026" });
+  if (status === "searching") return /* @__PURE__ */ jsx9(Badge5, { children: "searching\u2026" });
   if (!hasText || status === "idle") return null;
-  return /* @__PURE__ */ jsxs12("span", { style: { fontVariantNumeric: "tabular-nums", fontSize: 10, opacity: 0.55 }, children: [
+  return /* @__PURE__ */ jsxs8("span", { style: { fontVariantNumeric: "tabular-nums", fontSize: 10, opacity: 0.55 }, children: [
     displayIndex,
     "/",
     count,
@@ -9622,7 +9417,7 @@ function FindPanelView({
       controller.clear();
     }
   };
-  const renderMatch = (match, index) => /* @__PURE__ */ jsx13(
+  const renderMatch = (match, index) => /* @__PURE__ */ jsx9(
     Row3,
     {
       noIcon: true,
@@ -9632,7 +9427,7 @@ function FindPanelView({
         event.preventDefault();
         controller.requestContextMenu?.(match.id, event.clientX, event.clientY);
       },
-      label: /* @__PURE__ */ jsx13("span", { children: highlightSegments(match.snippet ?? "", match.ranges).map((segment, i) => /* @__PURE__ */ jsx13(
+      label: /* @__PURE__ */ jsx9("span", { children: highlightSegments(match.snippet ?? "", match.ranges).map((segment, i) => /* @__PURE__ */ jsx9(
         "span",
         {
           style: segment.hit ? { background: "var(--xeno-control)", borderRadius: 2 } : void 0,
@@ -9645,11 +9440,11 @@ function FindPanelView({
     match.id
   );
   let flatIndex = -1;
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, onKeyDown, children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, onKeyDown, children: [
+    /* @__PURE__ */ jsx9(
       Toolbar4,
       {
-        left: /* @__PURE__ */ jsx13(
+        left: /* @__PURE__ */ jsx9(
           SearchField4,
           {
             value: state.text,
@@ -9657,42 +9452,42 @@ function FindPanelView({
             placeholder
           }
         ),
-        right: /* @__PURE__ */ jsxs12(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx13(
+        right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
+          /* @__PURE__ */ jsx9(
             IconButton6,
             {
               label: "Match case",
               active: state.options.caseSensitive,
               onClick: () => controller.setOptions({ caseSensitive: !state.options.caseSensitive }),
-              icon: /* @__PURE__ */ jsx13(CaseIcon, {})
+              icon: /* @__PURE__ */ jsx9(CaseIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             IconButton6,
             {
               label: "Whole word",
               active: state.options.wholeWord,
               onClick: () => controller.setOptions({ wholeWord: !state.options.wholeWord }),
-              icon: /* @__PURE__ */ jsx13(WordIcon, {})
+              icon: /* @__PURE__ */ jsx9(WordIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             IconButton6,
             {
               label: "Regular expression",
               active: state.options.regex,
               onClick: () => controller.setOptions({ regex: !state.options.regex }),
-              icon: /* @__PURE__ */ jsx13(RegexIcon, {})
+              icon: /* @__PURE__ */ jsx9(RegexIcon, {})
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx9(
       Toolbar4,
       {
         divided: false,
-        left: /* @__PURE__ */ jsx13(
+        left: /* @__PURE__ */ jsx9(
           StatusLine,
           {
             status: state.status,
@@ -9703,34 +9498,34 @@ function FindPanelView({
             hasText: state.text !== ""
           }
         ),
-        right: /* @__PURE__ */ jsxs12(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx13(
+        right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
+          /* @__PURE__ */ jsx9(
             IconButton6,
             {
               label: "Previous match",
               disabled: state.matches.length === 0,
               onClick: () => controller.previous(),
-              icon: /* @__PURE__ */ jsx13(UpIcon, {})
+              icon: /* @__PURE__ */ jsx9(UpIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             IconButton6,
             {
               label: "Next match",
               disabled: state.matches.length === 0,
               onClick: () => controller.next(),
-              icon: /* @__PURE__ */ jsx13(DownIcon, {})
+              icon: /* @__PURE__ */ jsx9(DownIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx13(TextButton3, { onClick: () => controller.setReplaceVisible(!state.replaceVisible), children: state.replaceVisible ? "Hide replace" : "Replace" })
+          /* @__PURE__ */ jsx9(TextButton3, { onClick: () => controller.setReplaceVisible(!state.replaceVisible), children: state.replaceVisible ? "Hide replace" : "Replace" })
         ] })
       }
     ),
-    state.message && state.status === "invalidPattern" ? /* @__PURE__ */ jsx13("div", { style: { padding: "2px 8px 4px", fontSize: 9, opacity: 0.6 }, children: state.message }) : null,
-    state.replaceVisible ? /* @__PURE__ */ jsx13(
+    state.message && state.status === "invalidPattern" ? /* @__PURE__ */ jsx9("div", { style: { padding: "2px 8px 4px", fontSize: 9, opacity: 0.6 }, children: state.message }) : null,
+    state.replaceVisible ? /* @__PURE__ */ jsx9(
       Toolbar4,
       {
-        left: /* @__PURE__ */ jsx13(
+        left: /* @__PURE__ */ jsx9(
           SearchField4,
           {
             value: state.replaceText,
@@ -9738,9 +9533,9 @@ function FindPanelView({
             placeholder: "Replace with"
           }
         ),
-        right: /* @__PURE__ */ jsxs12(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx13(TextButton3, { disabled: !state.canReplace, onClick: () => controller.replaceCurrent(), children: "Replace" }),
-          /* @__PURE__ */ jsxs12(TextButton3, { disabled: !state.canReplace, onClick: () => controller.replaceAll(), children: [
+        right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
+          /* @__PURE__ */ jsx9(TextButton3, { disabled: !state.canReplace, onClick: () => controller.replaceCurrent(), children: "Replace" }),
+          /* @__PURE__ */ jsxs8(TextButton3, { disabled: !state.canReplace, onClick: () => controller.replaceAll(), children: [
             "All (",
             state.matches.length,
             ")"
@@ -9748,23 +9543,23 @@ function FindPanelView({
         ] })
       }
     ) : null,
-    showResults ? /* @__PURE__ */ jsx13(ScrollArea4, { children: state.status === "idle" ? /* @__PURE__ */ jsx13(EmptyState5, { title: "Find", hint: "Type to search. Enter goes to the next match." }) : state.status === "invalidPattern" ? /* @__PURE__ */ jsx13(
+    showResults ? /* @__PURE__ */ jsx9(ScrollArea4, { children: state.status === "idle" ? /* @__PURE__ */ jsx9(EmptyState5, { title: "Find", hint: "Type to search. Enter goes to the next match." }) : state.status === "invalidPattern" ? /* @__PURE__ */ jsx9(
       EmptyState5,
       {
         title: "Invalid pattern",
         hint: state.message ?? "The expression could not be read. Fix it to search."
       }
-    ) : state.status === "failed" ? /* @__PURE__ */ jsx13(EmptyState5, { title: "Search failed", hint: state.message ?? "The host could not complete the search." }) : state.noResults ? /* @__PURE__ */ jsx13(EmptyState5, { title: "No matches", hint: `Nothing in scope matches \u201C${state.text}\u201D.` }) : state.groups.length === 1 && state.groups[0].id === "" ? /* @__PURE__ */ jsx13(RowList3, { children: state.matches.map((m) => renderMatch(m, ++flatIndex)) }) : state.groups.map((group) => /* @__PURE__ */ jsx13(
+    ) : state.status === "failed" ? /* @__PURE__ */ jsx9(EmptyState5, { title: "Search failed", hint: state.message ?? "The host could not complete the search." }) : state.noResults ? /* @__PURE__ */ jsx9(EmptyState5, { title: "No matches", hint: `Nothing in scope matches \u201C${state.text}\u201D.` }) : state.groups.length === 1 && state.groups[0].id === "" ? /* @__PURE__ */ jsx9(RowList3, { children: state.matches.map((m) => renderMatch(m, ++flatIndex)) }) : state.groups.map((group) => /* @__PURE__ */ jsx9(
       Section3,
       {
         title: group.label || "Results",
         flush: true,
-        badge: /* @__PURE__ */ jsx13(Badge5, { children: group.matches.length }),
-        children: /* @__PURE__ */ jsx13(RowList3, { children: group.matches.map((m) => renderMatch(m, ++flatIndex)) })
+        badge: /* @__PURE__ */ jsx9(Badge5, { children: group.matches.length }),
+        children: /* @__PURE__ */ jsx9(RowList3, { children: group.matches.map((m) => renderMatch(m, ++flatIndex)) })
       },
       group.id
     )) }) : null,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx9(
       StatusBar5,
       {
         left: state.truncated ? `showing first ${state.matches.length}` : void 0,
@@ -10425,7 +10220,7 @@ import {
   Toolbar as Toolbar5,
   ToolbarGroup as ToolbarGroup3
 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ANCHOR_BADGE = {
   live: null,
   stale: {
@@ -10449,7 +10244,7 @@ function ThreadCard({
   const badge = ANCHOR_BADGE[anchorState];
   const replying = controller.getState().replyingTo === thread.id;
   const orphaned = anchorState === "orphaned";
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       style: {
@@ -10463,13 +10258,13 @@ function ThreadCard({
         event.preventDefault();
         controller.requestContextMenu(thread.id, event.clientX, event.clientY);
       },
-      children: /* @__PURE__ */ jsxs13("div", { style: { padding: "6px 8px", display: "flex", flexDirection: "column", gap: 4 }, children: [
-        /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-          badge ? /* @__PURE__ */ jsx14(Badge6, { tone: badge.tone, title: badge.title, children: badge.label }) : null,
-          thread.resolved ? /* @__PURE__ */ jsx14(Badge6, { children: "resolved" }) : null,
-          /* @__PURE__ */ jsx14("span", { style: { marginLeft: "auto", fontSize: 9, opacity: 0.4 }, children: formatAge(thread.createdAt, now) })
+      children: /* @__PURE__ */ jsxs9("div", { style: { padding: "6px 8px", display: "flex", flexDirection: "column", gap: 4 }, children: [
+        /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+          badge ? /* @__PURE__ */ jsx10(Badge6, { tone: badge.tone, title: badge.title, children: badge.label }) : null,
+          thread.resolved ? /* @__PURE__ */ jsx10(Badge6, { children: "resolved" }) : null,
+          /* @__PURE__ */ jsx10("span", { style: { marginLeft: "auto", fontSize: 9, opacity: 0.4 }, children: formatAge(thread.createdAt, now) })
         ] }),
-        thread.anchorLabel ? /* @__PURE__ */ jsx14(
+        thread.anchorLabel ? /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -10492,15 +10287,15 @@ function ThreadCard({
             children: thread.anchorLabel
           }
         ) : null,
-        view.messages.map((message) => /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-          /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "baseline", gap: 4 }, children: [
-            /* @__PURE__ */ jsx14("span", { style: { fontSize: 10, fontWeight: 600 }, children: message.authorName ?? message.authorId }),
-            /* @__PURE__ */ jsx14("span", { style: { fontSize: 9, opacity: 0.35 }, children: formatAge(message.createdAt, now) }),
-            message.editedAt ? /* @__PURE__ */ jsx14("span", { style: { fontSize: 9, opacity: 0.3 }, children: "edited" }) : null
+        view.messages.map((message) => /* @__PURE__ */ jsxs9("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+          /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "baseline", gap: 4 }, children: [
+            /* @__PURE__ */ jsx10("span", { style: { fontSize: 10, fontWeight: 600 }, children: message.authorName ?? message.authorId }),
+            /* @__PURE__ */ jsx10("span", { style: { fontSize: 9, opacity: 0.35 }, children: formatAge(message.createdAt, now) }),
+            message.editedAt ? /* @__PURE__ */ jsx10("span", { style: { fontSize: 9, opacity: 0.3 }, children: "edited" }) : null
           ] }),
-          /* @__PURE__ */ jsx14("p", { style: { fontSize: 11, opacity: 0.75, margin: 0, whiteSpace: "pre-wrap" }, children: message.body })
+          /* @__PURE__ */ jsx10("p", { style: { fontSize: 11, opacity: 0.75, margin: 0, whiteSpace: "pre-wrap" }, children: message.body })
         ] }, message.id)),
-        allowReactions && thread.reactions?.length ? /* @__PURE__ */ jsx14("div", { style: { display: "flex", gap: 4 }, children: thread.reactions.map((reaction) => /* @__PURE__ */ jsxs13(
+        allowReactions && thread.reactions?.length ? /* @__PURE__ */ jsx10("div", { style: { display: "flex", gap: 4 }, children: thread.reactions.map((reaction) => /* @__PURE__ */ jsxs9(
           TextButton4,
           {
             onClick: () => controller.react(
@@ -10516,8 +10311,8 @@ function ThreadCard({
           },
           reaction.emoji
         )) }) : null,
-        replying ? /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 4 }, children: [
-          /* @__PURE__ */ jsx14(
+        replying ? /* @__PURE__ */ jsxs9("div", { style: { display: "flex", gap: 4 }, children: [
+          /* @__PURE__ */ jsx10(
             "input",
             {
               value: controller.getState().replyDraft,
@@ -10544,11 +10339,11 @@ function ThreadCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx14(TextButton4, { onClick: () => controller.reply(thread.id), children: "Send" })
-        ] }) : /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 6 }, children: [
-          /* @__PURE__ */ jsx14(TextButton4, { onClick: () => controller.setReplyingTo(thread.id), children: "Reply" }),
-          /* @__PURE__ */ jsx14(TextButton4, { onClick: () => controller.resolve(thread.id, !thread.resolved), children: thread.resolved ? "Reopen" : "Resolve" }),
-          /* @__PURE__ */ jsx14(TextButton4, { onClick: () => controller.remove(thread.id), children: "Delete" })
+          /* @__PURE__ */ jsx10(TextButton4, { onClick: () => controller.reply(thread.id), children: "Send" })
+        ] }) : /* @__PURE__ */ jsxs9("div", { style: { display: "flex", gap: 6 }, children: [
+          /* @__PURE__ */ jsx10(TextButton4, { onClick: () => controller.setReplyingTo(thread.id), children: "Reply" }),
+          /* @__PURE__ */ jsx10(TextButton4, { onClick: () => controller.resolve(thread.id, !thread.resolved), children: thread.resolved ? "Reopen" : "Resolve" }),
+          /* @__PURE__ */ jsx10(TextButton4, { onClick: () => controller.remove(thread.id), children: "Delete" })
         ] })
       ] })
     }
@@ -10564,11 +10359,11 @@ function CommentsPanelView({
   const now = controller.clock();
   const open = state.threads.filter((t) => !t.thread.resolved);
   const resolved = state.threads.filter((t) => t.thread.resolved);
-  return /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs9("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx10(
       Toolbar5,
       {
-        left: /* @__PURE__ */ jsx14(
+        left: /* @__PURE__ */ jsx10(
           SegmentedControl2,
           {
             label: "Show",
@@ -10581,7 +10376,7 @@ function CommentsPanelView({
             ]
           }
         ),
-        right: /* @__PURE__ */ jsx14(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx14(
+        right: /* @__PURE__ */ jsx10(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx10(
           SegmentedControl2,
           {
             label: "Sort",
@@ -10596,33 +10391,33 @@ function CommentsPanelView({
         ) })
       }
     ),
-    state.totals.orphaned > 0 ? /* @__PURE__ */ jsxs13("div", { style: { padding: "2px 8px", fontSize: 9, opacity: 0.6 }, children: [
+    state.totals.orphaned > 0 ? /* @__PURE__ */ jsxs9("div", { style: { padding: "2px 8px", fontSize: 9, opacity: 0.6 }, children: [
       state.totals.orphaned,
       " comment",
       state.totals.orphaned === 1 ? "" : "s",
       " lost the content",
       state.totals.orphaned === 1 ? " it was" : " they were",
       " about.",
-      state.filter.includeOrphaned === false ? /* @__PURE__ */ jsx14(TextButton4, { onClick: () => controller.setFilter({ includeOrphaned: true }), children: "Show" }) : null
+      state.filter.includeOrphaned === false ? /* @__PURE__ */ jsx10(TextButton4, { onClick: () => controller.setFilter({ includeOrphaned: true }), children: "Show" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx14(ScrollArea5, { children: state.threads.length === 0 ? state.filteredEmpty ? (
+    /* @__PURE__ */ jsx10(ScrollArea5, { children: state.threads.length === 0 ? state.filteredEmpty ? (
       // NOT "no comments". There are comments; this filter hides them, and telling a
       // reviewer their feedback is gone is worse than telling them nothing.
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx10(
         EmptyState6,
         {
           title: "Nothing matches this filter",
           hint: `${state.totals.all} comment${state.totals.all === 1 ? "" : "s"} on this document.`
         }
       )
-    ) : /* @__PURE__ */ jsx14(
+    ) : /* @__PURE__ */ jsx10(
       EmptyState6,
       {
         title: "No comments",
         hint: emptyHint ?? "Select something and add a comment."
       }
-    ) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
-      open.map((view) => /* @__PURE__ */ jsx14(
+    ) : /* @__PURE__ */ jsxs9(Fragment6, { children: [
+      open.map((view) => /* @__PURE__ */ jsx10(
         ThreadCard,
         {
           view,
@@ -10632,7 +10427,7 @@ function CommentsPanelView({
         },
         view.thread.id
       )),
-      showResolved && resolved.length > 0 ? /* @__PURE__ */ jsx14(Section4, { title: `Resolved (${resolved.length})`, flush: true, children: resolved.map((view) => /* @__PURE__ */ jsx14(
+      showResolved && resolved.length > 0 ? /* @__PURE__ */ jsx10(Section4, { title: `Resolved (${resolved.length})`, flush: true, children: resolved.map((view) => /* @__PURE__ */ jsx10(
         ThreadCard,
         {
           view,
@@ -10643,8 +10438,8 @@ function CommentsPanelView({
         view.thread.id
       )) }) : null
     ] }) }),
-    /* @__PURE__ */ jsxs13("div", { style: { borderTop: "1px solid var(--xeno-border-subtle)", padding: 6 }, children: [
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsxs9("div", { style: { borderTop: "1px solid var(--xeno-border-subtle)", padding: 6 }, children: [
+      /* @__PURE__ */ jsx10(
         "textarea",
         {
           value: state.draft,
@@ -10672,7 +10467,7 @@ function CommentsPanelView({
           }
         }
       ),
-      /* @__PURE__ */ jsx14("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 2 }, children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx10("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 2 }, children: /* @__PURE__ */ jsx10(
         TextButton4,
         {
           strong: true,
@@ -10682,7 +10477,7 @@ function CommentsPanelView({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx10(
       StatusBar6,
       {
         left: `${state.totals.open} open`,
@@ -11399,7 +11194,7 @@ var GraphController = class {
    */
   pointerDown(px, py, modifiers = {}) {
     const point = this.scale.screenToGraph(px, py);
-    const base3 = {
+    const base = {
       startPx: { x: px, y: py },
       startGraph: point,
       nodeIds: [],
@@ -11410,13 +11205,13 @@ var GraphController = class {
       additive: modifiers.additive === true
     };
     if (modifiers.pan) {
-      this.drag = { ...base3, kind: "pan" };
+      this.drag = { ...base, kind: "pan" };
       this.notify();
       return true;
     }
     const hit = this.hitTest(px, py);
     if (hit.kind === "port") {
-      this.drag = { ...base3, kind: "connect", source: hit.ref };
+      this.drag = { ...base, kind: "connect", source: hit.ref };
       this.notify();
       return true;
     }
@@ -11433,7 +11228,7 @@ var GraphController = class {
         movable.push(id);
       }
       void node;
-      this.drag = { ...base3, kind: "moveNodes", nodeIds: movable, origin };
+      this.drag = { ...base, kind: "moveNodes", nodeIds: movable, origin };
       this.notify();
       return true;
     }
@@ -11442,7 +11237,7 @@ var GraphController = class {
       this.notify();
       return false;
     }
-    this.drag = { ...base3, kind: "marquee", marquee: { x: point.x, y: point.y, width: 0, height: 0 } };
+    this.drag = { ...base, kind: "marquee", marquee: { x: point.x, y: point.y, width: 0, height: 0 } };
     this.notify();
     return true;
   }
@@ -11856,7 +11651,7 @@ var nodegraphManifest = {
 // src/edit/nodegraph/react/NodeGraphPanelView.tsx
 import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef8, useSyncExternalStore as useSyncExternalStore9 } from "react";
 import { EmptyState as EmptyState7, StatusBar as StatusBar7, Toolbar as Toolbar6, ToolbarGroup as ToolbarGroup4 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var HEADER_H2 = 24;
 var PORT_ROW_H2 = 18;
 function NodeGraphPanelView({ controller }) {
@@ -11935,17 +11730,17 @@ function NodeGraphPanelView({ controller }) {
   const selectedNodes = new Set(state.selection.nodeIds);
   const selectedEdges = new Set(state.selection.edgeIds);
   const total = state.graph?.nodes.length ?? 0;
-  return /* @__PURE__ */ jsxs14("div", { style: SHELL2, children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs10("div", { style: SHELL2, children: [
+    /* @__PURE__ */ jsx11(
       Toolbar6,
       {
-        right: /* @__PURE__ */ jsxs14(ToolbarGroup4, { end: true, children: [
-          /* @__PURE__ */ jsx15("button", { type: "button", style: button2(), onClick: () => controller.fit(false), children: "Fit" }),
-          /* @__PURE__ */ jsx15("button", { type: "button", style: button2(), onClick: () => controller.fit(true), children: "Fit selection" })
+        right: /* @__PURE__ */ jsxs10(ToolbarGroup4, { end: true, children: [
+          /* @__PURE__ */ jsx11("button", { type: "button", style: button2(), onClick: () => controller.fit(false), children: "Fit" }),
+          /* @__PURE__ */ jsx11("button", { type: "button", style: button2(), onClick: () => controller.fit(true), children: "Fit selection" })
         ] })
       }
     ),
-    total === 0 ? /* @__PURE__ */ jsx15(EmptyState7, { title: "Empty graph", hint: "Wire a host graph into this panel's input." }) : /* @__PURE__ */ jsxs14(
+    total === 0 ? /* @__PURE__ */ jsx11(EmptyState7, { title: "Empty graph", hint: "Wire a host graph into this panel's input." }) : /* @__PURE__ */ jsxs10(
       "div",
       {
         ref: containerRef,
@@ -11960,15 +11755,15 @@ function NodeGraphPanelView({ controller }) {
         onPointerCancel: onPointerUp,
         onKeyDown,
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx11(
             "svg",
             {
               "data-canvas": "nodegraph-surface",
               width: "100%",
               height: "100%",
               style: { position: "absolute", inset: 0, display: "block" },
-              children: /* @__PURE__ */ jsxs14("g", { transform: `translate(${-scale.x * scale.zoom} ${-scale.y * scale.zoom}) scale(${scale.zoom})`, children: [
-                state.edges.map(({ edge, from, to }) => /* @__PURE__ */ jsx15(
+              children: /* @__PURE__ */ jsxs10("g", { transform: `translate(${-scale.x * scale.zoom} ${-scale.y * scale.zoom}) scale(${scale.zoom})`, children: [
+                state.edges.map(({ edge, from, to }) => /* @__PURE__ */ jsx11(
                   "path",
                   {
                     d: edgePath(from, to),
@@ -11979,8 +11774,8 @@ function NodeGraphPanelView({ controller }) {
                   },
                   edge.id
                 )),
-                preview?.connection ? /* @__PURE__ */ jsx15(PendingWire, { controller, preview, zoom: scale.zoom }) : null,
-                state.nodes.map((node) => /* @__PURE__ */ jsx15(
+                preview?.connection ? /* @__PURE__ */ jsx11(PendingWire, { controller, preview, zoom: scale.zoom }) : null,
+                state.nodes.map((node) => /* @__PURE__ */ jsx11(
                   NodeRect,
                   {
                     node,
@@ -11989,7 +11784,7 @@ function NodeGraphPanelView({ controller }) {
                   },
                   node.id
                 )),
-                preview?.marquee ? /* @__PURE__ */ jsx15(
+                preview?.marquee ? /* @__PURE__ */ jsx11(
                   "rect",
                   {
                     x: preview.marquee.x,
@@ -12004,15 +11799,15 @@ function NodeGraphPanelView({ controller }) {
               ] })
             }
           ),
-          preview?.connection && !preview.connection.verdict.ok && preview.connection.target ? /* @__PURE__ */ jsx15("div", { style: REASON, children: preview.connection.verdict.reason }) : null
+          preview?.connection && !preview.connection.verdict.ok && preview.connection.target ? /* @__PURE__ */ jsx11("div", { style: REASON, children: preview.connection.verdict.reason }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx11(
       StatusBar7,
       {
         left: `${total} node${total === 1 ? "" : "s"}`,
-        right: /* @__PURE__ */ jsxs14("span", { className: "tabular-nums", children: [
+        right: /* @__PURE__ */ jsxs10("span", { className: "tabular-nums", children: [
           Math.round(scale.zoom * 100),
           "%"
         ] })
@@ -12030,7 +11825,7 @@ function PendingWire({
   const from = controller.portPosition(connection.source.nodeId, connection.source.portId);
   if (!from) return null;
   const ok = connection.verdict.ok;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx11(
     "path",
     {
       d: edgePath(from, connection.to),
@@ -12043,8 +11838,8 @@ function PendingWire({
 }
 function NodeRect({ node, selected, zoom }) {
   const height = node.collapsed ? HEADER_H2 : node.height;
-  return /* @__PURE__ */ jsxs14("g", { opacity: node.disabled ? 0.45 : 1, children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs10("g", { opacity: node.disabled ? 0.45 : 1, children: [
+    /* @__PURE__ */ jsx11(
       "rect",
       {
         x: node.x,
@@ -12057,7 +11852,7 @@ function NodeRect({ node, selected, zoom }) {
         strokeWidth: (selected ? 1.5 : 1) / zoom
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx11(
       "rect",
       {
         x: node.x,
@@ -12068,7 +11863,7 @@ function NodeRect({ node, selected, zoom }) {
         fill: node.color ?? "var(--xeno-border)"
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx11(
       "text",
       {
         x: node.x + 8,
@@ -12079,8 +11874,8 @@ function NodeRect({ node, selected, zoom }) {
         children: node.title
       }
     ),
-    node.collapsed ? null : /* @__PURE__ */ jsxs14(Fragment7, { children: [
-      node.inputs.map((port, i) => /* @__PURE__ */ jsx15(
+    node.collapsed ? null : /* @__PURE__ */ jsxs10(Fragment7, { children: [
+      node.inputs.map((port, i) => /* @__PURE__ */ jsx11(
         Port,
         {
           x: node.x,
@@ -12091,7 +11886,7 @@ function NodeRect({ node, selected, zoom }) {
         },
         port.id
       )),
-      node.outputs.map((port, i) => /* @__PURE__ */ jsx15(
+      node.outputs.map((port, i) => /* @__PURE__ */ jsx11(
         Port,
         {
           x: node.x + node.width,
@@ -12112,8 +11907,8 @@ function Port({
   align,
   disabled
 }) {
-  return /* @__PURE__ */ jsxs14("g", { opacity: disabled ? 0.4 : 1, children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs10("g", { opacity: disabled ? 0.4 : 1, children: [
+    /* @__PURE__ */ jsx11(
       "rect",
       {
         x: x - 3,
@@ -12125,7 +11920,7 @@ function Port({
         strokeWidth: 0.5
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx11(
       "text",
       {
         x: align === "left" ? x + 8 : x - 8,
@@ -13397,105 +13192,7 @@ import {
   ToolbarGroup as ToolbarGroup5
 } from "@xenosystem/components/chrome";
 import { computeWindow as computeWindow3 } from "@xenosystem/tree-core";
-
-// src/edit/tree/react/icons.tsx
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-function Svg({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx16(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function ChevronGlyph() {
-  return /* @__PURE__ */ jsx16(Svg, { size: 9, children: /* @__PURE__ */ jsx16("path", { d: "m9 18 6-6-6-6" }) });
-}
-function ExpandGlyph() {
-  return /* @__PURE__ */ jsxs15(Svg, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx16("path", { d: "m9 5 3-3 3 3" }),
-    /* @__PURE__ */ jsx16("path", { d: "m9 19 3 3 3-3" }),
-    /* @__PURE__ */ jsx16("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx16("path", { d: "M10 12H8" }),
-    /* @__PURE__ */ jsx16("path", { d: "M16 12h-2" }),
-    /* @__PURE__ */ jsx16("path", { d: "M22 12h-2" })
-  ] });
-}
-function CollapseGlyph() {
-  return /* @__PURE__ */ jsxs15(Svg, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx16("path", { d: "m9 13 3 3 3-3" }),
-    /* @__PURE__ */ jsx16("path", { d: "m9 11 3-3 3 3" }),
-    /* @__PURE__ */ jsx16("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx16("path", { d: "M22 12h-2" })
-  ] });
-}
-function RefreshGlyph() {
-  return /* @__PURE__ */ jsxs15(Svg, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx16("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx16("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx16("path", { d: "M16 16h5v5" })
-  ] });
-}
-var PATHS = {
-  folder: /* @__PURE__ */ jsx16("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }),
-  file: /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ jsx16("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
-  ] }),
-  "folder-tree": /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
-    /* @__PURE__ */ jsx16("path", { d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2a1 1 0 0 0-.8-.4h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
-    /* @__PURE__ */ jsx16("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
-    /* @__PURE__ */ jsx16("path", { d: "M3 3v13a2 2 0 0 0 2 2h3" })
-  ] }),
-  box: /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
-    /* @__PURE__ */ jsx16("path", { d: "m3.3 7 8.7 5 8.7-5" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 22V12" })
-  ] }),
-  component: /* @__PURE__ */ jsx16("path", { d: "m12 2 4 4-4 4-4-4Zm0 12 4 4-4 4-4-4ZM2 12l4-4 4 4-4 4Zm12 0 4-4 4 4-4 4Z" }),
-  "file-text": /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ jsx16("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
-    /* @__PURE__ */ jsx16("path", { d: "M8 13h8M8 17h5" })
-  ] }),
-  heading: /* @__PURE__ */ jsx16(Fragment8, { children: /* @__PURE__ */ jsx16("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
-  bot: /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 4v4M8 14h.01M16 14h.01" })
-  ] }),
-  link: /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
-    /* @__PURE__ */ jsx16("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
-  ] }),
-  "link-2-off": /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx16("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
-    /* @__PURE__ */ jsx16("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
-    /* @__PURE__ */ jsx16("path", { d: "M8 12h4" }),
-    /* @__PURE__ */ jsx16("path", { d: "m2 2 20 20" })
-  ] }),
-  "circle-dot": /* @__PURE__ */ jsx16("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
-};
-function TreeIcon({ name, size = 11 }) {
-  return /* @__PURE__ */ jsx16(Svg, { size, children: PATHS[name] ?? PATHS["circle-dot"] });
-}
-
-// src/edit/tree/react/TreePanelView.tsx
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function TreePanelView({
   controller,
   rowHeight = 24,
@@ -13527,13 +13224,13 @@ function TreePanelView({
   const sourceState = source?.sourceState ?? "idle";
   const body = (() => {
     if (!source || sourceState === "idle") {
-      return /* @__PURE__ */ jsx17(EmptyState8, { title: "No source", hint: emptyHint ?? "Connect a source to browse it." });
+      return /* @__PURE__ */ jsx12(EmptyState8, { title: "No source", hint: emptyHint ?? "Connect a source to browse it." });
     }
     if (sourceState === "loading" && state.rows.length === 0) {
-      return /* @__PURE__ */ jsx17(LoadingState, { label: source.sourceMessage ?? "Loading\u2026" });
+      return /* @__PURE__ */ jsx12(LoadingState, { label: source.sourceMessage ?? "Loading\u2026" });
     }
     if (sourceState === "error" || sourceState === "denied") {
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx12(
         ErrorState,
         {
           title: sourceState === "denied" ? "Access not granted" : "Could not read this source",
@@ -13544,7 +13241,7 @@ function TreePanelView({
       );
     }
     if (state.rows.length === 0) {
-      return state.filter ? /* @__PURE__ */ jsx17(EmptyState8, { title: "No matches", hint: `Nothing matches \u201C${state.filter}\u201D.` }) : /* @__PURE__ */ jsx17(
+      return state.filter ? /* @__PURE__ */ jsx12(EmptyState8, { title: "No matches", hint: `Nothing matches \u201C${state.filter}\u201D.` }) : /* @__PURE__ */ jsx12(
         EmptyState8,
         {
           title: "Nothing here",
@@ -13560,7 +13257,7 @@ function TreePanelView({
       overscan
     });
     const slice = state.rows.slice(window2.startIndex, window2.endIndex);
-    return /* @__PURE__ */ jsx17(ScrollArea6, { children: /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx12(ScrollArea6, { children: /* @__PURE__ */ jsx12(
       "div",
       {
         ref: scrollRef,
@@ -13574,7 +13271,7 @@ function TreePanelView({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx17("div", { style: { height: window2.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx17("div", { style: { transform: `translateY(${window2.offsetTop}px)` }, children: slice.map((row2) => /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx12("div", { style: { height: window2.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx12("div", { style: { transform: `translateY(${window2.offsetTop}px)` }, children: slice.map((row2) => /* @__PURE__ */ jsx12(
           TreeRowView,
           {
             row: row2,
@@ -13590,11 +13287,11 @@ function TreePanelView({
       }
     ) });
   })();
-  return /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx12(
       Toolbar7,
       {
-        left: showSearch ? /* @__PURE__ */ jsx17(
+        left: showSearch ? /* @__PURE__ */ jsx12(
           SearchField5,
           {
             value: state.filter,
@@ -13602,22 +13299,22 @@ function TreePanelView({
             placeholder: "Filter\u2026"
           }
         ) : void 0,
-        right: /* @__PURE__ */ jsxs16(ToolbarGroup5, { end: true, children: [
-          /* @__PURE__ */ jsx17(IconButton7, { icon: /* @__PURE__ */ jsx17(ExpandGlyph, {}), label: "Expand all", onClick: () => controller.expandAll() }),
-          /* @__PURE__ */ jsx17(
+        right: /* @__PURE__ */ jsxs11(ToolbarGroup5, { end: true, children: [
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(ExpandGlyph, {}), label: "Expand all", onClick: () => controller.expandAll() }),
+          /* @__PURE__ */ jsx12(
             IconButton7,
             {
-              icon: /* @__PURE__ */ jsx17(CollapseGlyph, {}),
+              icon: /* @__PURE__ */ jsx12(CollapseGlyph, {}),
               label: "Collapse all",
               onClick: () => controller.collapseAll()
             }
           ),
-          /* @__PURE__ */ jsx17(IconButton7, { icon: /* @__PURE__ */ jsx17(RefreshGlyph, {}), label: "Refresh", onClick: () => controller.refresh() })
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(RefreshGlyph, {}), label: "Refresh", onClick: () => controller.refresh() })
         ] })
       }
     ),
     body,
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx12(
       StatusBar8,
       {
         left: `${state.rows.length} item${state.rows.length === 1 ? "" : "s"}`,
@@ -13639,7 +13336,7 @@ function TreeRowView({
   const selected = state.selection.includes(row2.id);
   const renaming = state.renaming?.id === row2.id ? state.renaming : null;
   const drop = state.drag?.targetId === row2.id ? state.drag : null;
-  const twisty = row2.container ? /* @__PURE__ */ jsx17(
+  const twisty = row2.container ? /* @__PURE__ */ jsx12(
     "span",
     {
       role: "button",
@@ -13659,13 +13356,13 @@ function TreeRowView({
         transition: "transform 80ms ease",
         opacity: 0.7
       },
-      children: /* @__PURE__ */ jsx17(ChevronGlyph, {})
+      children: /* @__PURE__ */ jsx12(ChevronGlyph, { size: 9 })
     }
   ) : (
     // A leaf still reserves the twisty column, so labels stay in ONE column across mixed rows.
-    /* @__PURE__ */ jsx17("span", { style: { width: 12, flex: "0 0 auto" } })
+    /* @__PURE__ */ jsx12("span", { style: { width: 12, flex: "0 0 auto" } })
   );
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       style: {
@@ -13676,7 +13373,7 @@ function TreeRowView({
         boxShadow: drop?.position === "into" ? "inset 0 0 0 1px var(--xeno-active)" : drop?.position === "before" ? "inset 0 1px 0 0 var(--xeno-active)" : drop?.position === "after" ? "inset 0 -1px 0 0 var(--xeno-active)" : void 0
       },
       title: drop?.reason,
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx12(
         Row4,
         {
           role: "treeitem",
@@ -13712,11 +13409,11 @@ function TreeRowView({
           onPointerUp: () => {
             if (state.drag) controller.endDrag();
           },
-          icon: /* @__PURE__ */ jsxs16(Fragment9, { children: [
+          icon: /* @__PURE__ */ jsxs11(Fragment8, { children: [
             twisty,
-            /* @__PURE__ */ jsx17(NodeIcon, { icon: node.icon ?? defaultIconFor(node.kind) })
+            /* @__PURE__ */ jsx12(NodeIcon, { icon: node.icon ?? defaultIconFor(node.kind) })
           ] }),
-          label: renaming ? /* @__PURE__ */ jsx17(
+          label: renaming ? /* @__PURE__ */ jsx12(
             "input",
             {
               autoFocus: true,
@@ -13741,19 +13438,19 @@ function TreeRowView({
               }
             }
           ) : node.label,
-          meta: /* @__PURE__ */ jsx17(ChildStateChip, { row: row2, controller }),
-          trailing: /* @__PURE__ */ jsxs16(Fragment9, { children: [
-            columns?.map((columnId) => /* @__PURE__ */ jsx17("span", { style: { opacity: 0.7, fontVariantNumeric: "tabular-nums" }, children: node.columns?.[columnId] ?? "" }, columnId)),
-            node.glyphs?.map((glyph) => /* @__PURE__ */ jsx17("span", { title: glyph.title, style: { display: "flex", opacity: 0.7 }, children: /* @__PURE__ */ jsx17(NodeIcon, { icon: glyph.icon }) }, glyph.id)),
+          meta: /* @__PURE__ */ jsx12(ChildStateChip, { row: row2, controller }),
+          trailing: /* @__PURE__ */ jsxs11(Fragment8, { children: [
+            columns?.map((columnId) => /* @__PURE__ */ jsx12("span", { style: { opacity: 0.7, fontVariantNumeric: "tabular-nums" }, children: node.columns?.[columnId] ?? "" }, columnId)),
+            node.glyphs?.map((glyph) => /* @__PURE__ */ jsx12("span", { title: glyph.title, style: { display: "flex", opacity: 0.7 }, children: /* @__PURE__ */ jsx12(NodeIcon, { icon: glyph.icon }) }, glyph.id)),
             node.badges?.map((badge) => (
               // Opaque: the host formatted the text, the panel only places it.
-              /* @__PURE__ */ jsx17(Badge7, { tone: badge.tone, className: badge.title ? void 0 : void 0, children: badge.text }, badge.id)
+              /* @__PURE__ */ jsx12(Badge7, { tone: badge.tone, className: badge.title ? void 0 : void 0, children: badge.text }, badge.id)
             )),
-            node.actions?.map((action) => /* @__PURE__ */ jsx17(
+            node.actions?.map((action) => /* @__PURE__ */ jsx12(
               IconButton7,
               {
                 size: "sm",
-                icon: /* @__PURE__ */ jsx17(NodeIcon, { icon: action.icon }),
+                icon: /* @__PURE__ */ jsx12(NodeIcon, { icon: action.icon }),
                 label: action.label,
                 disabled: action.disabled,
                 onClick: () => controller.runAction(row2.id, action.id)
@@ -13772,14 +13469,14 @@ function ChildStateChip({
 }) {
   if (!row2.container) return null;
   if (row2.childState === "loading") {
-    return /* @__PURE__ */ jsx17("span", { style: { opacity: 0.5, fontSize: 9 }, children: "loading\u2026" });
+    return /* @__PURE__ */ jsx12("span", { style: { opacity: 0.5, fontSize: 9 }, children: "loading\u2026" });
   }
   if (row2.childState === "error") {
     const error = row2.node.error;
-    return /* @__PURE__ */ jsx17(Badge7, { tone: "error", children: error?.code === "denied" ? "no access" : error?.code ?? "failed" });
+    return /* @__PURE__ */ jsx12(Badge7, { tone: "error", children: error?.code === "denied" ? "no access" : error?.code ?? "failed" });
   }
   if (row2.node.hasMore && row2.expanded) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         role: "button",
@@ -13793,18 +13490,18 @@ function ChildStateChip({
     );
   }
   if (row2.node.truncatedAt !== void 0) {
-    return /* @__PURE__ */ jsx17(Badge7, { tone: "warning", children: `first ${row2.node.truncatedAt}` });
+    return /* @__PURE__ */ jsx12(Badge7, { tone: "warning", children: `first ${row2.node.truncatedAt}` });
   }
   if (row2.expanded && isEmptyContainer(row2.node)) {
-    return /* @__PURE__ */ jsx17("span", { style: { opacity: 0.4, fontSize: 9 }, children: "empty" });
+    return /* @__PURE__ */ jsx12("span", { style: { opacity: 0.4, fontSize: 9 }, children: "empty" });
   }
   return null;
 }
 function NodeIcon({ icon }) {
   if (icon.kind === "text") {
-    return /* @__PURE__ */ jsx17("span", { style: { fontSize: 11, lineHeight: 1, display: "flex", alignItems: "center" }, children: icon.value });
+    return /* @__PURE__ */ jsx12("span", { style: { fontSize: 11, lineHeight: 1, display: "flex", alignItems: "center" }, children: icon.value });
   }
-  return /* @__PURE__ */ jsx17(TreeIcon, { name: icon.name });
+  return /* @__PURE__ */ jsx12(TreeIcon, { name: icon.name });
 }
 
 // src/edit/tree/panel.ts