@xenosystem/blocks 0.13.22 → 0.13.23

package/dist/edit/index.js

@@ -1487,9 +1487,9 @@ function LayersPanelView({ controller }) {
   const getSnapshot = useCallback(() => controller.getRevision(), [controller]);
   useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   const view = layersViewState(controller);
-  const ui8 = (intent) => applyLayersUi(controller, intent);
+  const ui9 = (intent) => applyLayersUi(controller, intent);
   return /* @__PURE__ */ jsxs(Column, { className: "xeno-layers-panel", children: [
-    view.searchShown ? /* @__PURE__ */ jsx2(Toolbar, { children: /* @__PURE__ */ jsx2(SearchField, { value: view.filter, onChange: (v) => ui8({ kind: "filter", value: v }), placeholder: "Search layers", label: "Search layers" }) }) : null,
+    view.searchShown ? /* @__PURE__ */ jsx2(Toolbar, { children: /* @__PURE__ */ jsx2(SearchField, { value: view.filter, onChange: (v) => ui9({ 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
@@ -1602,7 +1602,7 @@ function LayersThumbnail({ thumbnailKey, size, controller }) {
   return /* @__PURE__ */ jsx2(Thumbnail, { size, data: controller.getThumbnail(thumbnailKey) });
 }
 function LayerRow({ row: row2, thumbnailSize, controller }) {
-  const ui8 = (intent) => applyLayersUi(controller, intent);
+  const ui9 = (intent) => applyLayersUi(controller, intent);
   return /* @__PURE__ */ jsx2(
     Row,
     {
@@ -1617,11 +1617,11 @@ function LayerRow({ row: row2, thumbnailSize, controller }) {
       title: row2.title,
       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: () => ui8({ 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: () => ui8({ kind: "toggleProp", id: row2.id, prop: "locked" }) }) : null,
-        row2.showSolo ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "S", label: "Solo", on: row2.solo, onChange: () => ui8({ kind: "toggleProp", id: row2.id, prop: "solo" }) }) : null,
-        row2.showMute ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "M", label: "Mute", on: row2.muted, onChange: () => ui8({ kind: "toggleProp", id: row2.id, prop: "muted" }) }) : null,
-        row2.showArm ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "R", label: "Arm", on: row2.armed, onChange: () => ui8({ kind: "toggleProp", id: row2.id, prop: "armed" }) }) : null,
+        row2.showVisibility ? /* @__PURE__ */ jsx2(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx2(VisibilityIcon, { open: row2.visible }), label: row2.visibilityLabel, active: row2.visible, onClick: () => ui9({ 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: () => ui9({ kind: "toggleProp", id: row2.id, prop: "locked" }) }) : null,
+        row2.showSolo ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "S", label: "Solo", on: row2.solo, onChange: () => ui9({ kind: "toggleProp", id: row2.id, prop: "solo" }) }) : null,
+        row2.showMute ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "M", label: "Mute", on: row2.muted, onChange: () => ui9({ kind: "toggleProp", id: row2.id, prop: "muted" }) }) : null,
+        row2.showArm ? /* @__PURE__ */ jsx2(ChipToggle, { glyph: "R", label: "Arm", on: row2.armed, onChange: () => ui9({ kind: "toggleProp", id: row2.id, prop: "armed" }) }) : null,
         row2.showColor ? /* @__PURE__ */ jsx2(ColorTag, { color: row2.colorLabel }) : null
       ] }),
       label: row2.renaming ? /* @__PURE__ */ jsx2(LayersRenameField, { id: row2.id, controller }) : row2.name,
@@ -1629,9 +1629,9 @@ function LayerRow({ row: row2, thumbnailSize, controller }) {
         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: () => ui8({ kind: "toggleExpanded", id: row2.id }),
-      onDoubleClick: () => ui8({ kind: "beginRename", id: row2.id }),
-      onContextMenuAt: (x, y) => ui8({ kind: "contextMenu", id: row2.id, x, y })
+      onExpandedChange: () => ui9({ kind: "toggleExpanded", id: row2.id }),
+      onDoubleClick: () => ui9({ kind: "beginRename", id: row2.id }),
+      onContextMenuAt: (x, y) => ui9({ kind: "contextMenu", id: row2.id, x, y })
     }
   );
 }
@@ -2023,8 +2023,8 @@ function constraintsOf(field) {
     scale: field.scale
   };
 }
-function parseNumeric(text8) {
-  const trimmed = String(text8).trim();
+function parseNumeric(text9) {
+  const trimmed = String(text9).trim();
   if (trimmed.length === 0) return { ok: false, reason: "empty" };
   const match = /^[+-]?(\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/.exec(trimmed);
   if (!match) return { ok: false, reason: "nan" };
@@ -2049,8 +2049,8 @@ function normalizeNumeric(value, c) {
 function formatNumeric(value, field) {
   if (!Number.isFinite(value)) return "";
   const precision = field.precision;
-  const text8 = typeof precision === "number" && Number.isFinite(precision) ? value.toFixed(Math.max(0, Math.floor(precision))) : String(value);
-  return field.unit ? `${text8}${field.unit}` : text8;
+  const text9 = typeof precision === "number" && Number.isFinite(precision) ? value.toFixed(Math.max(0, Math.floor(precision))) : String(value);
+  return field.unit ? `${text9}${field.unit}` : text9;
 }
 function usesLogScale(c) {
   return c.scale === "log" && typeof c.min === "number" && typeof c.max === "number" && c.min > 0 && c.max > c.min;
@@ -2384,44 +2384,44 @@ var InspectorPanelController = class {
     if (!field || !isFieldEditable(field)) return;
     const mixed = isFieldMixed(field);
     const value = this.getFieldValue(fieldId);
-    const text8 = mixed ? "" : field.type === "number" && typeof value === "number" ? formatNumeric(value, field) : value === void 0 || value === null ? "" : String(value);
-    this.drafts.set(fieldId, { text: text8, original: value });
+    const text9 = mixed ? "" : field.type === "number" && typeof value === "number" ? formatNumeric(value, field) : value === void 0 || value === null ? "" : String(value);
+    this.drafts.set(fieldId, { text: text9, original: value });
     this.focusedFieldId = fieldId;
     this.emitFieldFocus(fieldId);
     this.notify();
   }
   /** Update the draft text (typing). Emits nothing under the `blur` policy. */
-  setDraft(fieldId, text8) {
+  setDraft(fieldId, text9) {
     const draft = this.drafts.get(fieldId);
     if (!draft) {
-      this.drafts.set(fieldId, { text: text8, original: this.getFieldValue(fieldId) });
+      this.drafts.set(fieldId, { text: text9, original: this.getFieldValue(fieldId) });
     } else {
-      draft.text = text8;
+      draft.text = text9;
     }
     const field = this.getField(fieldId);
     if (field && commitPolicyOf(field) === "live") {
-      const parsed = this.parseDraft(fieldId, text8);
+      const parsed = this.parseDraft(fieldId, text9);
       if (parsed.ok) this.emitSet(fieldId, parsed.value);
     }
     this.notify();
   }
   /** Parse a draft string into a field-appropriate value. */
-  parseDraft(fieldId, text8) {
+  parseDraft(fieldId, text9) {
     const field = this.getField(fieldId);
     if (!field) return { ok: false };
     if (field.type === "number") {
-      const parsed = parseNumeric(text8);
+      const parsed = parseNumeric(text9);
       if (!parsed.ok) return { ok: false };
       return { ok: true, value: normalizeNumeric(parsed.value, constraintsOf(field)) };
     }
     if (field.type === "json") {
       try {
-        return { ok: true, value: JSON.parse(text8) };
+        return { ok: true, value: JSON.parse(text9) };
       } catch {
         return { ok: false };
       }
     }
-    return { ok: true, value: text8 };
+    return { ok: true, value: text9 };
   }
   /**
    * Commit the draft (Enter / blur). Invalid input reverts instead of committing garbage.
@@ -3347,7 +3347,7 @@ function NumberWidget({ field, controller, component }) {
     },
     [controller, editable, field.id, component]
   );
-  const text8 = component !== void 0 ? (() => {
+  const text9 = component !== void 0 ? (() => {
     const raw = controller.getFieldValue(field.id);
     const v = Array.isArray(raw) ? raw[component] : void 0;
     return typeof v === "number" ? formatNumeric(v, field) : "";
@@ -3359,7 +3359,7 @@ function NumberWidget({ field, controller, component }) {
       Input2,
       {
         inputMode: "decimal",
-        value: text8,
+        value: text9,
         placeholder: mixed ? controller.getMixedPlaceholder() : field.placeholder,
         mixed,
         readOnly: !editable,
@@ -3577,7 +3577,7 @@ function ActionGlyph({ glyph }) {
   return /* @__PURE__ */ jsx4("span", { "aria-hidden": true, children: glyph });
 }
 function SectionView({ section, controller }) {
-  const ui8 = (intent) => applyInspectorUi(controller, intent);
+  const ui9 = (intent) => applyInspectorUi(controller, intent);
   const hasActions = section.actions.length > 0 || section.hasAddMenu;
   return /* @__PURE__ */ jsxs3(
     Section,
@@ -3586,13 +3586,13 @@ function SectionView({ section, controller }) {
       flush: true,
       collapsible: section.collapsible,
       collapsed: section.collapsed,
-      onCollapsedChange: () => ui8({ kind: "toggleSectionCollapsed", sectionId: section.id }),
+      onCollapsedChange: () => ui9({ kind: "toggleSectionCollapsed", sectionId: section.id }),
       enabled: section.enabled,
-      onEnabledChange: () => ui8({ kind: "toggleSectionEnabled", sectionId: section.id }),
+      onEnabledChange: () => ui9({ kind: "toggleSectionEnabled", sectionId: section.id }),
       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: () => ui8({ 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) => ui8({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
+        section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui9({ 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) => ui9({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
       ] }) : null,
       children: [
         section.showEmptyHint ? /* @__PURE__ */ jsx4(Stack2, { pad: "inset", children: /* @__PURE__ */ jsx4(Text3, { role: "caption", children: section.emptyHint }) }) : null,
@@ -3602,7 +3602,7 @@ function SectionView({ section, controller }) {
   );
 }
 function FieldRow({ row: row2, controller }) {
-  const ui8 = (intent) => applyInspectorUi(controller, intent);
+  const ui9 = (intent) => applyInspectorUi(controller, intent);
   return /* @__PURE__ */ jsxs3(Fragment3, { children: [
     /* @__PURE__ */ jsxs3(
       Field,
@@ -3610,19 +3610,19 @@ function FieldRow({ row: row2, controller }) {
         label: row2.label,
         title: row2.title,
         focused: row2.focused,
-        onLabelClick: () => ui8({ kind: "focusField", fieldId: row2.id }),
-        onContextMenu: (x, y) => ui8({ kind: "contextMenu", fieldId: row2.id, x, y }),
+        onLabelClick: () => ui9({ kind: "focusField", fieldId: row2.id }),
+        onContextMenu: (x, y) => ui9({ kind: "contextMenu", fieldId: row2.id, x, y }),
         leading: row2.showKeyframes ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(StopwatchIcon, {}), label: "Toggle animation", active: row2.animated, onClick: () => ui8({ 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: () => ui8({ 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: () => ui8({ 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: () => ui8({ kind: "keyframe", fieldId: row2.id, op: "next" }) }) : null
+          /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(StopwatchIcon, {}), label: "Toggle animation", active: row2.animated, onClick: () => ui9({ 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: () => ui9({ 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: () => ui9({ 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: () => ui9({ kind: "keyframe", fieldId: row2.id, op: "next" }) }) : null
         ] }) : null,
         trailing: /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          row2.showEasing ? /* @__PURE__ */ jsx4(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui8({ kind: "setEasing", fieldId: row2.id, easing: v }) }) : null,
+          row2.showEasing ? /* @__PURE__ */ jsx4(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui9({ 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: () => ui8({ kind: "bindToken", fieldId: row2.id }) }) : null,
-          row2.showReset ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ResetIcon, {}), label: "Reset to default", onClick: () => ui8({ kind: "resetField", fieldId: row2.id }) }) : null
+          row2.showToken ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(LinkIcon, {}), label: row2.tokenActionLabel, active: row2.bound, onClick: () => ui9({ kind: "bindToken", fieldId: row2.id }) }) : null,
+          row2.showReset ? /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ResetIcon, {}), label: "Reset to default", onClick: () => ui9({ kind: "resetField", fieldId: row2.id }) }) : null
         ] }),
         children: [
           row2.bound ? /* @__PURE__ */ jsx4(Badge2, { title: row2.tokenTitle, children: row2.tokenLabel }) : null,
@@ -4875,23 +4875,23 @@ function HistoryPanelView({ controller }) {
   const getSnapshot = useCallback4(() => controller.getRevision(), [controller]);
   useSyncExternalStore3(subscribe, getSnapshot, getSnapshot);
   const view = historyViewState(controller);
-  const ui8 = (intent) => applyHistoryUi(controller, intent);
+  const ui9 = (intent) => applyHistoryUi(controller, intent);
   return /* @__PURE__ */ jsxs4(Column3, { className: "xeno-history-panel", children: [
     /* @__PURE__ */ jsx5(
       Toolbar2,
       {
         left: /* @__PURE__ */ jsxs4(Fragment4, { children: [
-          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: !view.canUndo, onClick: () => ui8({ kind: "undo" }) }),
-          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: !view.canRedo, onClick: () => ui8({ kind: "redo" }) })
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: !view.canUndo, onClick: () => ui9({ kind: "undo" }) }),
+          /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: !view.canRedo, onClick: () => ui9({ kind: "redo" }) })
         ] }),
         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: () => ui8({ kind: "requestClear" }) }) : null
+          view.clearAllowed ? /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(TrashIcon, {}), label: "Clear history", onClick: () => ui9({ kind: "requestClear" }) }) : null
         ] }),
-        children: view.searchShown ? /* @__PURE__ */ jsx5(SearchField3, { value: view.filter, onChange: (v) => ui8({ kind: "filter", value: v }), placeholder: "Search history", label: "Search history" }) : null
+        children: view.searchShown ? /* @__PURE__ */ jsx5(SearchField3, { value: view.filter, onChange: (v) => ui9({ kind: "filter", value: v }), placeholder: "Search history", label: "Search history" }) : null
       }
     ),
-    view.confirmingClear ? /* @__PURE__ */ jsx5(InlineConfirm, { message: "Clear all history?", label: "Confirm clear history", confirmLabel: "Clear", onConfirm: () => ui8({ kind: "confirmClear" }), onCancel: () => ui8({ kind: "cancelClear" }) }) : null,
+    view.confirmingClear ? /* @__PURE__ */ jsx5(InlineConfirm, { message: "Clear all history?", label: "Confirm clear history", confirmLabel: "Clear", onConfirm: () => ui9({ kind: "confirmClear" }), onCancel: () => ui9({ 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)) }) }),
@@ -4950,7 +4950,7 @@ function HistoryCancelButton({ entryId, controller }) {
   );
 }
 function HistoryRowView({ row: row2, controller }) {
-  const ui8 = (intent) => applyHistoryUi(controller, intent);
+  const ui9 = (intent) => applyHistoryUi(controller, intent);
   return /* @__PURE__ */ jsx5(
     Row2,
     {
@@ -4973,9 +4973,9 @@ function HistoryRowView({ row: row2, controller }) {
         row2.showTime ? /* @__PURE__ */ jsx5(Text4, { role: "meta", children: row2.time }) : null,
         row2.pending ? /* @__PURE__ */ jsx5(HistoryCancelButton, { entryId: row2.cancelId, controller }) : null
       ] }),
-      onClick: () => ui8({ kind: "jump", entryId: row2.entryId }),
-      onMouseEnter: () => ui8({ kind: "hover", entryId: row2.entryId }),
-      onContextMenuAt: (x, y) => ui8({ kind: "contextMenu", entryId: row2.entryId, x, y })
+      onClick: () => ui9({ kind: "jump", entryId: row2.entryId }),
+      onMouseEnter: () => ui9({ kind: "hover", entryId: row2.entryId }),
+      onContextMenuAt: (x, y) => ui9({ kind: "contextMenu", entryId: row2.entryId, x, y })
     }
   );
 }
@@ -6261,27 +6261,27 @@ function ColorPanelView({ controller }) {
   const getSnapshot = useCallback5(() => controller.getRevision(), [controller]);
   useSyncExternalStore4(subscribe, getSnapshot, getSnapshot);
   const view = colorViewState(controller);
-  const ui8 = (intent) => applyColorUi(controller, intent);
+  const ui9 = (intent) => applyColorUi(controller, intent);
   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: () => ui8({ kind: "setChannel", channel: "fg" }) }),
-      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(SwapIcon, {}), label: "Swap FG/BG (X)", onClick: () => ui8({ kind: "swapChannels" }) }),
-      /* @__PURE__ */ jsx6(ColorChip, { color: null, label: "Background", pressed: view.bgActive, onClick: () => ui8({ kind: "setChannel", channel: "bg" }) })
+      /* @__PURE__ */ jsx6(ColorChip, { color: view.hex, label: "Foreground", pressed: view.fgActive, onClick: () => ui9({ kind: "setChannel", channel: "fg" }) }),
+      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(SwapIcon, {}), label: "Swap FG/BG (X)", onClick: () => ui9({ kind: "swapChannels" }) }),
+      /* @__PURE__ */ jsx6(ColorChip, { color: null, label: "Background", pressed: view.bgActive, onClick: () => ui9({ kind: "setChannel", channel: "bg" }) })
     ] }) : null,
     /* @__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) => ui8({ kind: "setSpace", space: v }) }),
-      view.isHex ? /* @__PURE__ */ jsx6(Input3, { variant: "mono", label: "Hex", value: view.hex, onChange: (v) => ui8({ kind: "setHex", value: v }), disabled: view.bound }) : null,
-      view.components.map((comp) => /* @__PURE__ */ jsx6(NumberInput, { caption: comp.label, value: comp.value, onChange: (n) => ui8({ 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) => ui8({ kind: "setAlpha", percent: n }), disabled: view.bound }) : null,
-      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(EyedropperIcon, {}), label: "Pick from screen", onClick: () => ui8({ kind: "eyedropper" }) })
+      /* @__PURE__ */ jsx6(Select3, { size: "sm", label: "Color model", value: view.space, options: view.spaceOptions, onChange: (v) => ui9({ kind: "setSpace", space: v }) }),
+      view.isHex ? /* @__PURE__ */ jsx6(Input3, { variant: "mono", label: "Hex", value: view.hex, onChange: (v) => ui9({ kind: "setHex", value: v }), disabled: view.bound }) : null,
+      view.components.map((comp) => /* @__PURE__ */ jsx6(NumberInput, { caption: comp.label, value: comp.value, onChange: (n) => ui9({ 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) => ui9({ kind: "setAlpha", percent: n }), disabled: view.bound }) : null,
+      /* @__PURE__ */ jsx6(IconButton5, { size: "sm", icon: /* @__PURE__ */ jsx6(EyedropperIcon, {}), label: "Pick from screen", onClick: () => ui9({ kind: "eyedropper" }) })
     ] }),
     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) => ui8({ kind: "bindToken", tokenId: id }) }),
-      view.bound ? /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui8({ kind: "unbindToken" }), children: "Unbind" }) : null
+      /* @__PURE__ */ jsx6(Select3, { size: "sm", label: "Bind token", value: view.boundTokenId, placeholder: "\u2014 raw \u2014", options: view.tokenOptions, onChange: (id) => ui9({ kind: "bindToken", tokenId: id }) }),
+      view.bound ? /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui9({ kind: "unbindToken" }), children: "Unbind" }) : null
     ] }) }) : null,
-    /* @__PURE__ */ jsx6(Section2, { title: "Swatches", flush: true, actions: /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui8({ 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: () => ui8({ kind: "selectColor", hex: sw.hex }), onContextMenu: () => ui8({ 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: () => ui8({ kind: "selectColor", hex: r.hex }) }, r.key)) }) }) : null
+    /* @__PURE__ */ jsx6(Section2, { title: "Swatches", flush: true, actions: /* @__PURE__ */ jsx6(TextButton2, { onClick: () => ui9({ 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: () => ui9({ kind: "selectColor", hex: sw.hex }), onContextMenu: () => ui9({ 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: () => ui9({ kind: "selectColor", hex: r.hex }) }, r.key)) }) }) : null
   ] }) });
 }
 function ColorPicker({ controller }) {
@@ -7696,11 +7696,128 @@ var curveManifest = {
 
 // src/edit/curve/react/CurvePanelView.tsx
 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 { Column as Column5, EmptyState as EmptyState4, StatusBar as StatusBar3, Text as Text5, TextButton as TextButton3, Toolbar as Toolbar3, ToolbarGroup } from "@xenosystem/components/chrome";
+
+// src/edit/curve/declaration.ts
 import { formatTick } from "@xenosystem/time-core";
+var INTERPOLATIONS = ["linear", "bezier", "hold", "step"].map((mode) => ({ key: mode, mode, label: mode }));
+var TANGENT_MODES = ["aligned", "broken", "flat"].map((mode) => ({ key: mode, mode, label: mode }));
+var PRESETS = EASING_PRESETS.slice(0, 6).map((p) => ({ key: p.id, id: p.id, label: p.label }));
+function curveViewState(c, options = {}) {
+  const { showPresets = true } = options;
+  const state = c.getState();
+  const channels = state.curves?.channels ?? [];
+  return {
+    interpolations: INTERPOLATIONS,
+    tangentModes: TANGENT_MODES,
+    presetsShown: showPresets,
+    presets: PRESETS,
+    empty: channels.length === 0,
+    drawn: channels.length > 0,
+    channelsLabel: `${channels.length} channel${channels.length === 1 ? "" : "s"}`,
+    playheadLabel: state.playheadTick !== null ? formatTick(state.playheadTick, state.timebase) : ""
+  };
+}
+function applyCurveUi(c, intent) {
+  switch (intent.kind) {
+    case "interpolation":
+      c.setInterpolation(intent.mode);
+      break;
+    case "tangentMode":
+      c.setTangentMode(intent.mode);
+      break;
+    case "fit":
+      c.fitAll();
+      break;
+    case "preset":
+      c.applyPreset(intent.id);
+      break;
+  }
+}
+var curveViewManifest = {
+  id: curveManifest.id,
+  version: "1.0.0",
+  title: "Curve",
+  category: "edit",
+  layout: { slot: "bottom" },
+  inputs: [{ id: "view", type: "object", label: "View state", description: "The CurveViewModel the runtime derives from the controller on every draw." }],
+  outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, mode?, id? } \u2014 applied by the runtime to the controller." }],
+  commands: []
+};
+var EMPTY5 = { interpolations: INTERPOLATIONS, tangentModes: TANGENT_MODES, presetsShown: true, presets: PRESETS, empty: true, drawn: false, channelsLabel: "0 channels", playheadLabel: "" };
+var BEHAVIOURS5 = {
+  "edit/curvePanelView": (inputs) => inputs.view ?? EMPTY5
+};
+var text5 = (b) => ({ component: "text", props: { text: b } });
+var ui5 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var CURVE_DECLARATION = {
+  format: "xeno.block@1",
+  manifest: curveViewManifest,
+  behaviour: "edit/curvePanelView",
+  composition: {
+    component: "chrome/Column",
+    children: [
+      {
+        component: "chrome/Toolbar",
+        props: {
+          left: { node: { component: "chrome/ToolbarGroup", children: [{ component: "chrome/TextButton", each: { input: "view.interpolations", key: "key" }, children: [text5({ item: "label" })], on: { onClick: ui5("interpolation", { mode: { item: "mode" } }) } }] } },
+          right: {
+            node: {
+              component: "chrome/ToolbarGroup",
+              props: { end: { value: true } },
+              children: [
+                { component: "chrome/TextButton", each: { input: "view.tangentModes", key: "key" }, children: [text5({ item: "label" })], on: { onClick: ui5("tangentMode", { mode: { item: "mode" } }) } },
+                { component: "chrome/TextButton", children: [text5({ value: "Fit" })], on: { onClick: ui5("fit") } }
+              ]
+            }
+          }
+        }
+      },
+      {
+        component: "chrome/Toolbar",
+        when: { input: "view.presetsShown" },
+        props: {
+          left: { node: { component: "chrome/ToolbarGroup", children: [{ component: "chrome/TextButton", each: { input: "view.presets", key: "key" }, children: [text5({ item: "label" })], on: { onClick: ui5("preset", { id: { item: "id" } }) } }] } }
+        }
+      },
+      { component: "chrome/EmptyState", when: { input: "view.empty" }, props: { title: { value: "No curves" }, hint: { value: "Wire an animated property into this panel's input." } } },
+      { component: "curve/Surface", when: { input: "view.drawn" } },
+      {
+        component: "chrome/StatusBar",
+        props: {
+          left: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text5({ input: "view.channelsLabel" })] } },
+          right: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text5({ input: "view.playheadLabel" })] } }
+        }
+      }
+    ]
+  }
+};
+
+// src/edit/curve/react/CurvePanelView.tsx
 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 }) {
+function CurvePanelView({ controller, ...options }) {
+  useSyncExternalStore5(controller.subscribe, controller.getState, controller.getState);
+  const view = curveViewState(controller, options);
+  const ui9 = (intent) => applyCurveUi(controller, intent);
+  return /* @__PURE__ */ jsxs6(Column5, { children: [
+    /* @__PURE__ */ jsx7(
+      Toolbar3,
+      {
+        left: /* @__PURE__ */ jsx7(ToolbarGroup, { children: view.interpolations.map((m) => /* @__PURE__ */ jsx7(TextButton3, { onClick: () => ui9({ kind: "interpolation", mode: m.mode }), children: m.label }, m.key)) }),
+        right: /* @__PURE__ */ jsxs6(ToolbarGroup, { end: true, children: [
+          view.tangentModes.map((m) => /* @__PURE__ */ jsx7(TextButton3, { onClick: () => ui9({ kind: "tangentMode", mode: m.mode }), children: m.label }, m.key)),
+          /* @__PURE__ */ jsx7(TextButton3, { onClick: () => ui9({ kind: "fit" }), children: "Fit" })
+        ] })
+      }
+    ),
+    view.presetsShown ? /* @__PURE__ */ jsx7(Toolbar3, { left: /* @__PURE__ */ jsx7(ToolbarGroup, { children: view.presets.map((p) => /* @__PURE__ */ jsx7(TextButton3, { onClick: () => ui9({ kind: "preset", id: p.id }), children: p.label }, p.key)) }) }) : null,
+    view.empty ? /* @__PURE__ */ jsx7(EmptyState4, { title: "No curves", hint: "Wire an animated property into this panel's input." }) : null,
+    view.drawn ? /* @__PURE__ */ jsx7(CurveSurface, { controller }) : null,
+    /* @__PURE__ */ jsx7(StatusBar3, { left: /* @__PURE__ */ jsx7(Text5, { role: "number", children: view.channelsLabel }), right: /* @__PURE__ */ jsx7(Text5, { role: "number", children: view.playheadLabel }) })
+  ] });
+}
+function CurveSurface({ controller }) {
   const state = useSyncExternalStore5(controller.subscribe, controller.getState, controller.getState);
   const containerRef = useRef6(null);
   useEffect5(() => {
@@ -7777,154 +7894,119 @@ 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__ */ jsxs6("div", { style: SHELL, children: [
-    /* @__PURE__ */ jsx7(
-      Toolbar3,
-      {
-        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__ */ jsx7(
-      Toolbar3,
-      {
-        left: /* @__PURE__ */ jsx7(ToolbarGroup, { children: EASING_PRESETS.slice(0, 6).map((preset) => /* @__PURE__ */ jsx7(
-          "button",
-          {
-            type: "button",
-            title: preset.label,
-            style: button(),
-            onClick: () => controller.applyPreset(preset.id),
-            children: preset.label
-          },
-          preset.id
-        )) })
-      }
-    ) : null,
-    channels.length === 0 ? /* @__PURE__ */ jsx7(EmptyState4, { title: "No curves", hint: "Wire an animated property into this panel's input." }) : /* @__PURE__ */ jsx7(
-      "div",
-      {
-        ref: containerRef,
-        tabIndex: 0,
-        role: "application",
-        "aria-label": "Curve editor",
-        style: SURFACE,
-        onWheel,
-        onPointerDown,
-        onPointerMove,
-        onPointerUp,
-        onPointerCancel: onPointerUp,
-        onKeyDown,
-        children: /* @__PURE__ */ jsxs6(
-          "svg",
-          {
-            "data-canvas": "curve-plot",
-            width: "100%",
-            height: "100%",
-            style: { position: "absolute", inset: 0, display: "block" },
-            children: [
-              /* @__PURE__ */ jsx7(
-                "line",
-                {
-                  x1: scale.gutterPx,
-                  y1: scale.rulerPx,
-                  x2: scale.gutterPx,
-                  y2: scale.heightPx,
-                  stroke: "var(--xeno-control)"
-                }
-              ),
-              scale.minValue < 0 && scale.maxValue > 0 ? /* @__PURE__ */ jsx7(
-                "line",
-                {
-                  x1: scale.gutterPx,
-                  y1: scale.valueToY(0),
-                  x2: scale.widthPx,
-                  y2: scale.valueToY(0),
-                  stroke: "var(--xeno-control)",
-                  strokeDasharray: "2 3"
-                }
-              ) : null,
-              state.samples.map((series, index) => {
-                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__ */ jsx7(
-                  "path",
-                  {
-                    d,
-                    fill: "none",
-                    stroke: channel.color ?? "var(--xeno-text)",
-                    strokeWidth: 1,
-                    strokeDasharray: channel.color ? void 0 : DASHES[index % DASHES.length]
-                  },
-                  series.channelId
-                );
-              }),
-              channels.map(
-                (channel) => channel.visible === false ? null : channel.keys.map((key) => {
-                  const ref = { channelId: channel.id, keyId: key.id };
-                  const id = keyRefId(ref);
-                  const shown = preview?.keys[id] ?? key;
-                  const x = scale.tickToX(shown.tick);
-                  const y = scale.valueToY(shown.value);
-                  const isSelected = selected.has(id);
-                  return /* @__PURE__ */ jsxs6("g", { children: [
-                    isSelected ? /* @__PURE__ */ jsx7(Handles, { keyframe: key, x, y, scale }) : null,
-                    /* @__PURE__ */ jsx7(
-                      "rect",
-                      {
-                        x: x - 3,
-                        y: y - 3,
-                        width: 6,
-                        height: 6,
-                        transform: `rotate(45 ${x} ${y})`,
-                        fill: isSelected ? "var(--xeno-text)" : "var(--xeno-active)",
-                        stroke: "var(--xeno-elevated)",
-                        strokeWidth: 0.5
-                      }
-                    )
-                  ] }, id);
-                })
-              ),
-              preview?.marquee ? /* @__PURE__ */ jsx7(
-                "rect",
-                {
-                  x: Math.min(scale.tickToX(preview.marquee.fromTick), scale.tickToX(preview.marquee.toTick)),
-                  y: Math.min(scale.valueToY(preview.marquee.fromValue), scale.valueToY(preview.marquee.toValue)),
-                  width: Math.abs(scale.tickToX(preview.marquee.toTick) - scale.tickToX(preview.marquee.fromTick)),
-                  height: Math.abs(
-                    scale.valueToY(preview.marquee.toValue) - scale.valueToY(preview.marquee.fromValue)
-                  ),
-                  fill: "var(--xeno-border-subtle)",
-                  stroke: "var(--xeno-active)"
-                }
-              ) : null,
-              state.playheadTick !== null ? /* @__PURE__ */ jsx7(
-                "line",
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      ref: containerRef,
+      tabIndex: 0,
+      role: "application",
+      "aria-label": "Curve editor",
+      style: SURFACE,
+      onWheel,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel: onPointerUp,
+      onKeyDown,
+      children: /* @__PURE__ */ jsxs6(
+        "svg",
+        {
+          "data-canvas": "curve-plot",
+          width: "100%",
+          height: "100%",
+          style: { position: "absolute", inset: 0, display: "block" },
+          children: [
+            /* @__PURE__ */ jsx7(
+              "line",
+              {
+                x1: scale.gutterPx,
+                y1: scale.rulerPx,
+                x2: scale.gutterPx,
+                y2: scale.heightPx,
+                stroke: "var(--xeno-control)"
+              }
+            ),
+            scale.minValue < 0 && scale.maxValue > 0 ? /* @__PURE__ */ jsx7(
+              "line",
+              {
+                x1: scale.gutterPx,
+                y1: scale.valueToY(0),
+                x2: scale.widthPx,
+                y2: scale.valueToY(0),
+                stroke: "var(--xeno-control)",
+                strokeDasharray: "2 3"
+              }
+            ) : null,
+            state.samples.map((series, index) => {
+              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__ */ jsx7(
+                "path",
                 {
-                  x1: scale.tickToX(state.playheadTick),
-                  y1: scale.rulerPx,
-                  x2: scale.tickToX(state.playheadTick),
-                  y2: scale.heightPx,
-                  stroke: "var(--xeno-text)"
-                }
-              ) : null
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      StatusBar3,
-      {
-        left: `${channels.length} channel${channels.length === 1 ? "" : "s"}`,
-        right: /* @__PURE__ */ jsx7("span", { className: "tabular-nums", children: state.playheadTick !== null ? formatTick(state.playheadTick, state.timebase) : "" })
-      }
-    )
-  ] });
+                  d,
+                  fill: "none",
+                  stroke: channel.color ?? "var(--xeno-text)",
+                  strokeWidth: 1,
+                  strokeDasharray: channel.color ? void 0 : DASHES[index % DASHES.length]
+                },
+                series.channelId
+              );
+            }),
+            channels.map(
+              (channel) => channel.visible === false ? null : channel.keys.map((key) => {
+                const ref = { channelId: channel.id, keyId: key.id };
+                const id = keyRefId(ref);
+                const shown = preview?.keys[id] ?? key;
+                const x = scale.tickToX(shown.tick);
+                const y = scale.valueToY(shown.value);
+                const isSelected = selected.has(id);
+                return /* @__PURE__ */ jsxs6("g", { children: [
+                  isSelected ? /* @__PURE__ */ jsx7(Handles, { keyframe: key, x, y, scale }) : null,
+                  /* @__PURE__ */ jsx7(
+                    "rect",
+                    {
+                      x: x - 3,
+                      y: y - 3,
+                      width: 6,
+                      height: 6,
+                      transform: `rotate(45 ${x} ${y})`,
+                      fill: isSelected ? "var(--xeno-text)" : "var(--xeno-active)",
+                      stroke: "var(--xeno-elevated)",
+                      strokeWidth: 0.5
+                    }
+                  )
+                ] }, id);
+              })
+            ),
+            preview?.marquee ? /* @__PURE__ */ jsx7(
+              "rect",
+              {
+                x: Math.min(scale.tickToX(preview.marquee.fromTick), scale.tickToX(preview.marquee.toTick)),
+                y: Math.min(scale.valueToY(preview.marquee.fromValue), scale.valueToY(preview.marquee.toValue)),
+                width: Math.abs(scale.tickToX(preview.marquee.toTick) - scale.tickToX(preview.marquee.fromTick)),
+                height: Math.abs(
+                  scale.valueToY(preview.marquee.toValue) - scale.valueToY(preview.marquee.fromValue)
+                ),
+                fill: "var(--xeno-border-subtle)",
+                stroke: "var(--xeno-active)"
+              }
+            ) : null,
+            state.playheadTick !== null ? /* @__PURE__ */ jsx7(
+              "line",
+              {
+                x1: scale.tickToX(state.playheadTick),
+                y1: scale.rulerPx,
+                x2: scale.tickToX(state.playheadTick),
+                y2: scale.heightPx,
+                stroke: "var(--xeno-text)"
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
 }
 function Handles({
   keyframe,
@@ -7944,7 +8026,6 @@ function Handles({
     ] }, side);
   }) });
 }
-var SHELL = { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 };
 var SURFACE = {
   position: "relative",
   flex: 1,
@@ -7954,21 +8035,13 @@ var SURFACE = {
   userSelect: "none",
   touchAction: "none"
 };
-function button() {
-  return {
-    height: 18,
-    padding: "0 6px",
-    fontSize: 10,
-    borderRadius: 2,
-    border: "1px solid var(--xeno-control)",
-    background: "transparent",
-    color: "var(--xeno-muted)",
-    cursor: "pointer"
-  };
+var CURVE_RUNTIME_UNITS = ["curve/Surface"];
+function curveRuntimeComponents(controller) {
+  return { "curve/Surface": () => /* @__PURE__ */ jsx7(CurveSurface, { controller }) };
 }
 
 // src/edit/curve/panel.ts
-var INTERPOLATIONS = [
+var INTERPOLATIONS2 = [
   "linear",
   "bezier",
   "hold",
@@ -7977,7 +8050,7 @@ var INTERPOLATIONS = [
   "ease-out",
   "ease-in-out"
 ];
-var TANGENT_MODES = ["auto", "aligned", "broken", "flat", "linear"];
+var TANGENT_MODES2 = ["auto", "aligned", "broken", "flat", "linear"];
 function createCurvePanel(options = {}) {
   return {
     manifest: curveManifest,
@@ -8043,9 +8116,9 @@ function createCurvePanel(options = {}) {
             case "delete_selection":
               return controller.deleteSelection();
             case "set_interpolation":
-              return INTERPOLATIONS.includes(String(params.interpolation)) ? controller.setInterpolation(String(params.interpolation)) : null;
+              return INTERPOLATIONS2.includes(String(params.interpolation)) ? controller.setInterpolation(String(params.interpolation)) : null;
             case "set_tangent_mode":
-              return TANGENT_MODES.includes(String(params.mode)) ? controller.setTangentMode(String(params.mode)) : null;
+              return TANGENT_MODES2.includes(String(params.mode)) ? controller.setTangentMode(String(params.mode)) : null;
             case "apply_preset":
               return controller.applyPreset(String(params.preset));
             case "select_key":
@@ -8943,11 +9016,11 @@ var FindController = class {
    * @param text - The new query text.
    * @param immediate - Skip the debounce (a paste, or pressing Enter).
    */
-  setText(text8, immediate = false) {
-    if (text8 === this.text) return;
-    this.text = text8;
+  setText(text9, immediate = false) {
+    if (text9 === this.text) return;
+    this.text = text9;
     this.index = -1;
-    if (text8 === "") {
+    if (text9 === "") {
       this.clearResults("idle");
       this.emitQuery(true);
       return;
@@ -8975,8 +9048,8 @@ var FindController = class {
     this.notify();
   }
   /** The replacement text. Never emitted on its own — a replacement is not a search. */
-  setReplaceText(text8) {
-    this.replaceText = text8;
+  setReplaceText(text9) {
+    this.replaceText = text9;
     this.notify();
   }
   /** Show or hide the replace row. */
@@ -9341,7 +9414,7 @@ var findManifest = {
 import { useSyncExternalStore as useSyncExternalStore7 } from "react";
 import {
   Badge as Badge5,
-  Column as Column5,
+  Column as Column6,
   EmptyState as EmptyState5,
   Highlight,
   IconButton as IconButton6,
@@ -9351,8 +9424,8 @@ import {
   SearchField as SearchField4,
   Section as Section3,
   StatusBar as StatusBar5,
-  Text as Text5,
-  TextButton as TextButton3,
+  Text as Text6,
+  TextButton as TextButton4,
   Toolbar as Toolbar4,
   ToolbarGroup as ToolbarGroup2
 } from "@xenosystem/components/chrome";
@@ -9450,7 +9523,7 @@ var findViewManifest = {
   outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, value?, option?, matchId?, x?, y? } \u2014 applied by the runtime to the controller." }],
   commands: []
 };
-var EMPTY5 = {
+var EMPTY6 = {
   text: "",
   hasText: false,
   placeholder: "Find",
@@ -9482,24 +9555,24 @@ var EMPTY5 = {
   rows: [],
   groups: []
 };
-var BEHAVIOURS5 = {
-  "edit/findPanelView": (inputs) => inputs.view ?? EMPTY5
+var BEHAVIOURS6 = {
+  "edit/findPanelView": (inputs) => inputs.view ?? EMPTY6
 };
 var FIND_RUNTIME_UNITS = ["find/Keys"];
-var text5 = (b) => ({ component: "text", props: { text: b } });
-var ui5 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var text6 = (b) => ({ component: "text", props: { text: b } });
+var ui6 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
 var option = (option2, icon, label) => ({
   component: "chrome/IconButton",
   props: { label: { value: label }, active: { input: `view.${option2}` }, icon: { node: { component: icon, props: { size: { value: 12 } } } } },
-  on: { onClick: ui5("option", { option: { value: option2 } }) }
+  on: { onClick: ui6("option", { option: { value: option2 } }) }
 });
 var resultRow = {
   component: "chrome/Row",
   each: { item: "rows", key: "id" },
   props: { noIcon: { value: true }, selected: { item: "current" }, meta: { item: "location" }, label: { node: { component: "chrome/Highlight", props: { segments: { item: "segments" } } } } },
   on: {
-    onClick: ui5("select", { matchId: { item: "id" } }),
-    onContextMenuAt: ui5("contextMenu", { matchId: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } })
+    onClick: ui6("select", { matchId: { item: "id" } }),
+    onContextMenuAt: ui6("contextMenu", { matchId: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } })
   }
 };
 var flatRow = { ...resultRow, each: { input: "view.rows", key: "id" } };
@@ -9514,7 +9587,7 @@ var FIND_DECLARATION = {
       {
         component: "chrome/Toolbar",
         props: {
-          left: { node: { component: "chrome/SearchField", props: { value: { input: "view.text" }, placeholder: { input: "view.placeholder" } }, on: { onChange: ui5("text", { value: { arg: "" } }) } } },
+          left: { node: { component: "chrome/SearchField", props: { value: { input: "view.text" }, placeholder: { input: "view.placeholder" } }, on: { onChange: ui6("text", { value: { arg: "" } }) } } },
           right: {
             node: {
               component: "chrome/ToolbarGroup",
@@ -9532,10 +9605,10 @@ var FIND_DECLARATION = {
             node: {
               component: "fragment",
               children: [
-                { component: "chrome/Badge", when: { input: "view.invalid" }, props: { tone: { value: "error" }, title: { input: "view.message" } }, children: [text5({ value: "invalid pattern" })] },
-                { component: "chrome/Badge", when: { input: "view.failed" }, props: { tone: { value: "error" }, title: { input: "view.message" } }, children: [text5({ value: "search failed" })] },
-                { component: "chrome/Badge", when: { input: "view.searchingBadge" }, children: [text5({ value: "searching\u2026" })] },
-                { component: "chrome/Text", when: { input: "view.countShown" }, props: { role: { value: "number" } }, children: [text5({ input: "view.counter" })] }
+                { component: "chrome/Badge", when: { input: "view.invalid" }, props: { tone: { value: "error" }, title: { input: "view.message" } }, children: [text6({ value: "invalid pattern" })] },
+                { component: "chrome/Badge", when: { input: "view.failed" }, props: { tone: { value: "error" }, title: { input: "view.message" } }, children: [text6({ value: "search failed" })] },
+                { component: "chrome/Badge", when: { input: "view.searchingBadge" }, children: [text6({ value: "searching\u2026" })] },
+                { component: "chrome/Text", when: { input: "view.countShown" }, props: { role: { value: "number" } }, children: [text6({ input: "view.counter" })] }
               ]
             }
           },
@@ -9544,27 +9617,27 @@ var FIND_DECLARATION = {
               component: "chrome/ToolbarGroup",
               props: { end: { value: true } },
               children: [
-                { component: "chrome/IconButton", props: { label: { value: "Previous match" }, disabled: { not: { input: "view.hasMatches" } }, icon: { node: { component: "icons/Chevron", props: { direction: { value: "up" }, size: { value: 12 } } } } }, on: { onClick: ui5("previous") } },
-                { component: "chrome/IconButton", props: { label: { value: "Next match" }, disabled: { not: { input: "view.hasMatches" } }, icon: { node: { component: "icons/Chevron", props: { direction: { value: "down" }, size: { value: 12 } } } } }, on: { onClick: ui5("next") } },
-                { component: "chrome/TextButton", on: { onClick: ui5("toggleReplace") }, children: [text5({ input: "view.replaceLabel" })] }
+                { component: "chrome/IconButton", props: { label: { value: "Previous match" }, disabled: { not: { input: "view.hasMatches" } }, icon: { node: { component: "icons/Chevron", props: { direction: { value: "up" }, size: { value: 12 } } } } }, on: { onClick: ui6("previous") } },
+                { component: "chrome/IconButton", props: { label: { value: "Next match" }, disabled: { not: { input: "view.hasMatches" } }, icon: { node: { component: "icons/Chevron", props: { direction: { value: "down" }, size: { value: 12 } } } } }, on: { onClick: ui6("next") } },
+                { component: "chrome/TextButton", on: { onClick: ui6("toggleReplace") }, children: [text6({ input: "view.replaceLabel" })] }
               ]
             }
           }
         }
       },
-      { component: "chrome/Text", when: { input: "view.invalid" }, props: { role: { value: "caption" }, className: { value: "xeno-find-message" } }, children: [text5({ input: "view.message" })] },
+      { component: "chrome/Text", when: { input: "view.invalid" }, props: { role: { value: "caption" }, className: { value: "xeno-find-message" } }, children: [text6({ input: "view.message" })] },
       {
         component: "chrome/Toolbar",
         when: { input: "view.replaceVisible" },
         props: {
-          left: { node: { component: "chrome/SearchField", props: { value: { input: "view.replaceText" }, placeholder: { value: "Replace with" } }, on: { onChange: ui5("replaceText", { value: { arg: "" } }) } } },
+          left: { node: { component: "chrome/SearchField", props: { value: { input: "view.replaceText" }, placeholder: { value: "Replace with" } }, on: { onChange: ui6("replaceText", { value: { arg: "" } }) } } },
           right: {
             node: {
               component: "chrome/ToolbarGroup",
               props: { end: { value: true } },
               children: [
-                { component: "chrome/TextButton", props: { disabled: { not: { input: "view.canReplace" } } }, on: { onClick: ui5("replaceCurrent") }, children: [text5({ value: "Replace" })] },
-                { component: "chrome/TextButton", props: { disabled: { not: { input: "view.canReplace" } } }, on: { onClick: ui5("replaceAll") }, children: [text5({ input: "view.allLabel" })] }
+                { component: "chrome/TextButton", props: { disabled: { not: { input: "view.canReplace" } } }, on: { onClick: ui6("replaceCurrent") }, children: [text6({ value: "Replace" })] },
+                { component: "chrome/TextButton", props: { disabled: { not: { input: "view.canReplace" } } }, on: { onClick: ui6("replaceAll") }, children: [text6({ input: "view.allLabel" })] }
               ]
             }
           }
@@ -9586,7 +9659,7 @@ var FIND_DECLARATION = {
               {
                 component: "chrome/Section",
                 each: { input: "view.groups", key: "id" },
-                props: { title: { item: "label" }, flush: { value: true }, badge: { node: { component: "chrome/Badge", children: [text5({ item: "count" })] } } },
+                props: { title: { item: "label" }, flush: { value: true }, badge: { node: { component: "chrome/Badge", children: [text6({ item: "count" })] } } },
                 children: [{ component: "chrome/RowList", children: [resultRow] }]
               }
             ]
@@ -9615,7 +9688,7 @@ function FindKeys({ controller, children }) {
       controller.clear();
     }
   };
-  return /* @__PURE__ */ jsx9(Column5, { onKeyDown, children });
+  return /* @__PURE__ */ jsx9(Column6, { onKeyDown, children });
 }
 function findRuntimeComponents(controller) {
   return {
@@ -9625,7 +9698,7 @@ function findRuntimeComponents(controller) {
 function FindPanelView({ controller, showResults, placeholder }) {
   useSyncExternalStore7(controller.subscribe, controller.getState, controller.getState);
   const view = findViewState(controller, { showResults, placeholder });
-  const ui8 = (intent) => applyFindUi(controller, intent);
+  const ui9 = (intent) => applyFindUi(controller, intent);
   const renderRow = (row2) => /* @__PURE__ */ jsx9(
     Row3,
     {
@@ -9633,8 +9706,8 @@ function FindPanelView({ controller, showResults, placeholder }) {
       selected: row2.current,
       meta: row2.location,
       label: /* @__PURE__ */ jsx9(Highlight, { segments: row2.segments }),
-      onClick: () => ui8({ kind: "select", matchId: row2.id }),
-      onContextMenuAt: (x, y) => ui8({ kind: "contextMenu", matchId: row2.id, x, y })
+      onClick: () => ui9({ kind: "select", matchId: row2.id }),
+      onContextMenuAt: (x, y) => ui9({ kind: "contextMenu", matchId: row2.id, x, y })
     },
     row2.id
   );
@@ -9642,11 +9715,11 @@ function FindPanelView({ controller, showResults, placeholder }) {
     /* @__PURE__ */ jsx9(
       Toolbar4,
       {
-        left: /* @__PURE__ */ jsx9(SearchField4, { value: view.text, placeholder: view.placeholder, onChange: (value) => ui8({ kind: "text", value }) }),
+        left: /* @__PURE__ */ jsx9(SearchField4, { value: view.text, placeholder: view.placeholder, onChange: (value) => ui9({ kind: "text", value }) }),
         right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx9(IconButton6, { label: "Match case", active: view.caseSensitive, icon: /* @__PURE__ */ jsx9(CaseIcon, { size: 12 }), onClick: () => ui8({ kind: "option", option: "caseSensitive" }) }),
-          /* @__PURE__ */ jsx9(IconButton6, { label: "Whole word", active: view.wholeWord, icon: /* @__PURE__ */ jsx9(WordIcon, { size: 12 }), onClick: () => ui8({ kind: "option", option: "wholeWord" }) }),
-          /* @__PURE__ */ jsx9(IconButton6, { label: "Regular expression", active: view.regex, icon: /* @__PURE__ */ jsx9(RegexIcon, { size: 12 }), onClick: () => ui8({ kind: "option", option: "regex" }) })
+          /* @__PURE__ */ jsx9(IconButton6, { label: "Match case", active: view.caseSensitive, icon: /* @__PURE__ */ jsx9(CaseIcon, { size: 12 }), onClick: () => ui9({ kind: "option", option: "caseSensitive" }) }),
+          /* @__PURE__ */ jsx9(IconButton6, { label: "Whole word", active: view.wholeWord, icon: /* @__PURE__ */ jsx9(WordIcon, { size: 12 }), onClick: () => ui9({ kind: "option", option: "wholeWord" }) }),
+          /* @__PURE__ */ jsx9(IconButton6, { label: "Regular expression", active: view.regex, icon: /* @__PURE__ */ jsx9(RegexIcon, { size: 12 }), onClick: () => ui9({ kind: "option", option: "regex" }) })
         ] })
       }
     ),
@@ -9658,23 +9731,23 @@ function FindPanelView({ controller, showResults, placeholder }) {
           view.invalid ? /* @__PURE__ */ jsx9(Badge5, { tone: "error", title: view.message ?? void 0, children: "invalid pattern" }) : null,
           view.failed ? /* @__PURE__ */ jsx9(Badge5, { tone: "error", title: view.message ?? void 0, children: "search failed" }) : null,
           view.searchingBadge ? /* @__PURE__ */ jsx9(Badge5, { children: "searching\u2026" }) : null,
-          view.countShown ? /* @__PURE__ */ jsx9(Text5, { role: "number", children: view.counter }) : null
+          view.countShown ? /* @__PURE__ */ jsx9(Text6, { role: "number", children: view.counter }) : null
         ] }),
         right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx9(IconButton6, { label: "Previous match", disabled: !view.hasMatches, icon: /* @__PURE__ */ jsx9(Chevron, { direction: "up", size: 12 }), onClick: () => ui8({ kind: "previous" }) }),
-          /* @__PURE__ */ jsx9(IconButton6, { label: "Next match", disabled: !view.hasMatches, icon: /* @__PURE__ */ jsx9(Chevron, { direction: "down", size: 12 }), onClick: () => ui8({ kind: "next" }) }),
-          /* @__PURE__ */ jsx9(TextButton3, { onClick: () => ui8({ kind: "toggleReplace" }), children: view.replaceLabel })
+          /* @__PURE__ */ jsx9(IconButton6, { label: "Previous match", disabled: !view.hasMatches, icon: /* @__PURE__ */ jsx9(Chevron, { direction: "up", size: 12 }), onClick: () => ui9({ kind: "previous" }) }),
+          /* @__PURE__ */ jsx9(IconButton6, { label: "Next match", disabled: !view.hasMatches, icon: /* @__PURE__ */ jsx9(Chevron, { direction: "down", size: 12 }), onClick: () => ui9({ kind: "next" }) }),
+          /* @__PURE__ */ jsx9(TextButton4, { onClick: () => ui9({ kind: "toggleReplace" }), children: view.replaceLabel })
         ] })
       }
     ),
-    view.invalid ? /* @__PURE__ */ jsx9(Text5, { role: "caption", className: "xeno-find-message", children: view.message }) : null,
+    view.invalid ? /* @__PURE__ */ jsx9(Text6, { role: "caption", className: "xeno-find-message", children: view.message }) : null,
     view.replaceVisible ? /* @__PURE__ */ jsx9(
       Toolbar4,
       {
-        left: /* @__PURE__ */ jsx9(SearchField4, { value: view.replaceText, placeholder: "Replace with", onChange: (value) => ui8({ kind: "replaceText", value }) }),
+        left: /* @__PURE__ */ jsx9(SearchField4, { value: view.replaceText, placeholder: "Replace with", onChange: (value) => ui9({ kind: "replaceText", value }) }),
         right: /* @__PURE__ */ jsxs8(ToolbarGroup2, { end: true, children: [
-          /* @__PURE__ */ jsx9(TextButton3, { disabled: !view.canReplace, onClick: () => ui8({ kind: "replaceCurrent" }), children: "Replace" }),
-          /* @__PURE__ */ jsx9(TextButton3, { disabled: !view.canReplace, onClick: () => ui8({ kind: "replaceAll" }), children: view.allLabel })
+          /* @__PURE__ */ jsx9(TextButton4, { disabled: !view.canReplace, onClick: () => ui9({ kind: "replaceCurrent" }), children: "Replace" }),
+          /* @__PURE__ */ jsx9(TextButton4, { disabled: !view.canReplace, onClick: () => ui9({ kind: "replaceAll" }), children: view.allLabel })
         ] })
       }
     ) : null,
@@ -10332,7 +10405,7 @@ var commentsManifest = {
 import { useSyncExternalStore as useSyncExternalStore8 } from "react";
 import {
   Badge as Badge6,
-  Column as Column6,
+  Column as Column7,
   EmptyState as EmptyState6,
   Input as Input4,
   Message,
@@ -10343,9 +10416,9 @@ import {
   SegmentedControl as SegmentedControl2,
   Stack as Stack4,
   StatusBar as StatusBar6,
-  Text as Text6,
+  Text as Text7,
   TextArea as TextArea2,
-  TextButton as TextButton4,
+  TextButton as TextButton5,
   ThreadCard,
   Toolbar as Toolbar5,
   ToolbarGroup as ToolbarGroup3
@@ -10476,43 +10549,43 @@ var commentsViewManifest = {
   outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, \u2026 } \u2014 applied by the runtime to the controller." }],
   commands: []
 };
-var EMPTY6 = { show: "open", shows: [], sort: "document", sorts: [], orphanedHidden: false, filteredEmpty: false, filteredHint: "", empty: true, emptyHint: "Select something and add a comment.", listed: false, open: [], hasResolved: false, resolvedTitle: "", resolved: [], draft: "", placeholder: "", composerDisabled: true, commentDisabled: true, countLabel: "0 open" };
-var BEHAVIOURS6 = {
-  "edit/commentsPanelView": (inputs) => inputs.view ?? EMPTY6
+var EMPTY7 = { show: "open", shows: [], sort: "document", sorts: [], orphanedHidden: false, filteredEmpty: false, filteredHint: "", empty: true, emptyHint: "Select something and add a comment.", listed: false, open: [], hasResolved: false, resolvedTitle: "", resolved: [], draft: "", placeholder: "", composerDisabled: true, commentDisabled: true, countLabel: "0 open" };
+var BEHAVIOURS7 = {
+  "edit/commentsPanelView": (inputs) => inputs.view ?? EMPTY7
 };
 var COMMENTS_RUNTIME_UNITS = [];
-var text6 = (b) => ({ component: "text", props: { text: b } });
-var ui6 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var text7 = (b) => ({ component: "text", props: { text: b } });
+var ui7 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
 var threadCard = (input) => ({
   component: "chrome/ThreadCard",
   each: { input, key: "id" },
   props: { active: { item: "active" }, resolved: { item: "resolved" } },
-  on: { onContextMenuAt: ui6("contextMenu", { id: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } }) },
+  on: { onContextMenuAt: ui7("contextMenu", { id: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } }) },
   children: [
     {
       component: "chrome/Stack",
       props: { direction: { value: "row" }, gap: { value: 4 }, pad: { value: "none" } },
       children: [
-        { component: "chrome/Badge", when: { item: "hasAnchorBadge" }, props: { tone: { item: "anchorTone" }, title: { item: "anchorTitle" } }, children: [text6({ item: "anchorLabel" })] },
-        { component: "chrome/Badge", when: { item: "resolved" }, children: [text6({ value: "resolved" })] },
-        { component: "chrome/Text", props: { role: { value: "caption" } }, children: [text6({ item: "age" })] }
+        { component: "chrome/Badge", when: { item: "hasAnchorBadge" }, props: { tone: { item: "anchorTone" }, title: { item: "anchorTitle" } }, children: [text7({ item: "anchorLabel" })] },
+        { component: "chrome/Badge", when: { item: "resolved" }, children: [text7({ value: "resolved" })] },
+        { component: "chrome/Text", props: { role: { value: "caption" } }, children: [text7({ item: "age" })] }
       ]
     },
-    { component: "chrome/Quote", when: { item: "hasQuote" }, props: { orphaned: { item: "orphaned" } }, on: { onActivate: ui6("activate", { id: { item: "id" } }) }, children: [text6({ item: "quote" })] },
-    { component: "chrome/Message", each: { item: "messages", key: "id" }, props: { author: { item: "author" }, age: { item: "age" }, edited: { item: "edited" } }, children: [text6({ item: "body" })] },
+    { component: "chrome/Quote", when: { item: "hasQuote" }, props: { orphaned: { item: "orphaned" } }, on: { onActivate: ui7("activate", { id: { item: "id" } }) }, children: [text7({ item: "quote" })] },
+    { component: "chrome/Message", each: { item: "messages", key: "id" }, props: { author: { item: "author" }, age: { item: "age" }, edited: { item: "edited" } }, children: [text7({ item: "body" })] },
     {
       component: "chrome/Stack",
       when: { item: "hasReactions" },
       props: { direction: { value: "row" }, gap: { value: 4 }, pad: { value: "none" } },
-      children: [{ component: "chrome/TextButton", each: { item: "reactions", key: "emoji" }, on: { onClick: ui6("react", { id: { item: "threadId" }, emoji: { item: "emoji" }, on: { item: "reactTo" } }) }, children: [text6({ item: "label" })] }]
+      children: [{ component: "chrome/TextButton", each: { item: "reactions", key: "emoji" }, on: { onClick: ui7("react", { id: { item: "threadId" }, emoji: { item: "emoji" }, on: { item: "reactTo" } }) }, children: [text7({ item: "label" })] }]
     },
     {
       component: "chrome/Stack",
       when: { item: "replying" },
       props: { direction: { value: "row" }, gap: { value: 4 }, pad: { value: "none" } },
       children: [
-        { component: "chrome/Input", props: { value: { item: "replyDraft" }, placeholder: { value: "Reply" }, autoFocus: { value: true }, label: { value: "Reply" } }, on: { onChange: ui6("replyDraft", { value: { arg: "" } }), onKeyDown: ui6("replyKey", { id: { item: "id" }, key: { arg: "key" }, shift: { arg: "shiftKey" } }) } },
-        { component: "chrome/TextButton", on: { onClick: ui6("reply", { id: { item: "id" } }) }, children: [text6({ value: "Send" })] }
+        { component: "chrome/Input", props: { value: { item: "replyDraft" }, placeholder: { value: "Reply" }, autoFocus: { value: true }, label: { value: "Reply" } }, on: { onChange: ui7("replyDraft", { value: { arg: "" } }), onKeyDown: ui7("replyKey", { id: { item: "id" }, key: { arg: "key" }, shift: { arg: "shiftKey" } }) } },
+        { component: "chrome/TextButton", on: { onClick: ui7("reply", { id: { item: "id" } }) }, children: [text7({ value: "Send" })] }
       ]
     },
     {
@@ -10520,9 +10593,9 @@ var threadCard = (input) => ({
       when: { item: "idle" },
       props: { direction: { value: "row" }, gap: { value: 6 }, pad: { value: "none" } },
       children: [
-        { component: "chrome/TextButton", on: { onClick: ui6("startReply", { id: { item: "id" } }) }, children: [text6({ value: "Reply" })] },
-        { component: "chrome/TextButton", on: { onClick: ui6("resolve", { id: { item: "id" }, resolved: { item: "resolveTo" } }) }, children: [text6({ item: "resolveLabel" })] },
-        { component: "chrome/TextButton", on: { onClick: ui6("remove", { id: { item: "id" } }) }, children: [text6({ value: "Delete" })] }
+        { component: "chrome/TextButton", on: { onClick: ui7("startReply", { id: { item: "id" } }) }, children: [text7({ value: "Reply" })] },
+        { component: "chrome/TextButton", on: { onClick: ui7("resolve", { id: { item: "id" }, resolved: { item: "resolveTo" } }) }, children: [text7({ item: "resolveLabel" })] },
+        { component: "chrome/TextButton", on: { onClick: ui7("remove", { id: { item: "id" } }) }, children: [text7({ value: "Delete" })] }
       ]
     }
   ]
@@ -10537,14 +10610,14 @@ var COMMENTS_DECLARATION = {
       {
         component: "chrome/Toolbar",
         props: {
-          left: { node: { component: "chrome/SegmentedControl", props: { label: { value: "Show" }, options: { input: "view.shows" }, value: { input: "view.show" } }, on: { onChange: ui6("show", { show: { arg: "" } }) } } },
-          right: { node: { component: "chrome/ToolbarGroup", props: { end: { value: true } }, children: [{ component: "chrome/SegmentedControl", props: { label: { value: "Sort" }, options: { input: "view.sorts" }, value: { input: "view.sort" } }, on: { onChange: ui6("sort", { sort: { arg: "" } }) } }] } }
+          left: { node: { component: "chrome/SegmentedControl", props: { label: { value: "Show" }, options: { input: "view.shows" }, value: { input: "view.show" } }, on: { onChange: ui7("show", { show: { arg: "" } }) } } },
+          right: { node: { component: "chrome/ToolbarGroup", props: { end: { value: true } }, children: [{ component: "chrome/SegmentedControl", props: { label: { value: "Sort" }, options: { input: "view.sorts" }, value: { input: "view.sort" } }, on: { onChange: ui7("sort", { sort: { arg: "" } }) } }] } }
         }
       },
       {
         component: "chrome/Note",
         when: { input: "view.orphanedNotice" },
-        children: [text6({ input: "view.orphanedNotice" }), { component: "chrome/TextButton", when: { input: "view.orphanedHidden" }, on: { onClick: ui6("showOrphaned") }, children: [text6({ value: "Show" })] }]
+        children: [text7({ input: "view.orphanedNotice" }), { component: "chrome/TextButton", when: { input: "view.orphanedHidden" }, on: { onClick: ui7("showOrphaned") }, children: [text7({ value: "Show" })] }]
       },
       {
         component: "chrome/ScrollArea",
@@ -10559,8 +10632,8 @@ var COMMENTS_DECLARATION = {
         component: "chrome/Stack",
         props: { gap: { value: 2 }, pad: { value: "gutter" }, className: { value: "xeno-comments-composer" } },
         children: [
-          { component: "chrome/TextArea", props: { value: { input: "view.draft" }, placeholder: { input: "view.placeholder" }, disabled: { input: "view.composerDisabled" }, rows: { value: 2 }, label: { value: "New comment" } }, on: { onChange: ui6("draft", { value: { arg: "" } }), onKeyDown: ui6("draftKey", { key: { arg: "key" }, ctrl: { arg: "ctrlKey" }, meta: { arg: "metaKey" } }) } },
-          { component: "chrome/Toolbar", props: { divided: { value: false }, right: { node: { component: "chrome/ToolbarGroup", props: { end: { value: true } }, children: [{ component: "chrome/TextButton", props: { strong: { value: true }, disabled: { input: "view.commentDisabled" } }, on: { onClick: ui6("create") }, children: [text6({ value: "Comment" })] }] } } } }
+          { component: "chrome/TextArea", props: { value: { input: "view.draft" }, placeholder: { input: "view.placeholder" }, disabled: { input: "view.composerDisabled" }, rows: { value: 2 }, label: { value: "New comment" } }, on: { onChange: ui7("draft", { value: { arg: "" } }), onKeyDown: ui7("draftKey", { key: { arg: "key" }, ctrl: { arg: "ctrlKey" }, meta: { arg: "metaKey" } }) } },
+          { component: "chrome/Toolbar", props: { divided: { value: false }, right: { node: { component: "chrome/ToolbarGroup", props: { end: { value: true } }, children: [{ component: "chrome/TextButton", props: { strong: { value: true }, disabled: { input: "view.commentDisabled" } }, on: { onClick: ui7("create") }, children: [text7({ value: "Comment" })] }] } } } }
         ]
       },
       { component: "chrome/StatusBar", props: { left: { input: "view.countLabel" }, right: { input: "view.staleLabel" } } }
@@ -10573,37 +10646,37 @@ import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function CommentsPanelView({ controller, ...options }) {
   useSyncExternalStore8(controller.subscribe, controller.getState, controller.getState);
   const view = commentsViewState(controller, options);
-  const ui8 = (intent) => applyCommentsUi(controller, intent);
-  const card = (t) => /* @__PURE__ */ jsxs9(ThreadCard, { active: t.active, resolved: t.resolved, onContextMenuAt: (x, y) => ui8({ kind: "contextMenu", id: t.id, x, y }), children: [
+  const ui9 = (intent) => applyCommentsUi(controller, intent);
+  const card = (t) => /* @__PURE__ */ jsxs9(ThreadCard, { active: t.active, resolved: t.resolved, onContextMenuAt: (x, y) => ui9({ kind: "contextMenu", id: t.id, x, y }), children: [
     /* @__PURE__ */ jsxs9(Stack4, { direction: "row", gap: 4, pad: "none", children: [
       t.hasAnchorBadge ? /* @__PURE__ */ jsx10(Badge6, { tone: t.anchorTone, title: t.anchorTitle, children: t.anchorLabel }) : null,
       t.resolved ? /* @__PURE__ */ jsx10(Badge6, { children: "resolved" }) : null,
-      /* @__PURE__ */ jsx10(Text6, { role: "caption", children: t.age })
+      /* @__PURE__ */ jsx10(Text7, { role: "caption", children: t.age })
     ] }),
-    t.hasQuote ? /* @__PURE__ */ jsx10(Quote, { orphaned: t.orphaned, onActivate: () => ui8({ kind: "activate", id: t.id }), children: t.quote }) : null,
+    t.hasQuote ? /* @__PURE__ */ jsx10(Quote, { orphaned: t.orphaned, onActivate: () => ui9({ kind: "activate", id: t.id }), children: t.quote }) : null,
     t.messages.map((m) => /* @__PURE__ */ jsx10(Message, { author: m.author, age: m.age, edited: m.edited, children: m.body }, m.id)),
-    t.hasReactions ? /* @__PURE__ */ jsx10(Stack4, { direction: "row", gap: 4, pad: "none", children: t.reactions.map((r) => /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "react", id: r.threadId, emoji: r.emoji, on: r.reactTo }), children: r.label }, r.emoji)) }) : null,
+    t.hasReactions ? /* @__PURE__ */ jsx10(Stack4, { direction: "row", gap: 4, pad: "none", children: t.reactions.map((r) => /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "react", id: r.threadId, emoji: r.emoji, on: r.reactTo }), children: r.label }, r.emoji)) }) : null,
     t.replying ? /* @__PURE__ */ jsxs9(Stack4, { direction: "row", gap: 4, pad: "none", children: [
-      /* @__PURE__ */ jsx10(Input4, { value: t.replyDraft, placeholder: "Reply", autoFocus: true, label: "Reply", onChange: (value) => ui8({ kind: "replyDraft", value }), onKeyDown: (e) => ui8({ kind: "replyKey", id: t.id, key: e.key, shift: e.shiftKey }) }),
-      /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "reply", id: t.id }), children: "Send" })
+      /* @__PURE__ */ jsx10(Input4, { value: t.replyDraft, placeholder: "Reply", autoFocus: true, label: "Reply", onChange: (value) => ui9({ kind: "replyDraft", value }), onKeyDown: (e) => ui9({ kind: "replyKey", id: t.id, key: e.key, shift: e.shiftKey }) }),
+      /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "reply", id: t.id }), children: "Send" })
     ] }) : null,
     t.idle ? /* @__PURE__ */ jsxs9(Stack4, { direction: "row", gap: 6, pad: "none", children: [
-      /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "startReply", id: t.id }), children: "Reply" }),
-      /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "resolve", id: t.id, resolved: t.resolveTo }), children: t.resolveLabel }),
-      /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "remove", id: t.id }), children: "Delete" })
+      /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "startReply", id: t.id }), children: "Reply" }),
+      /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "resolve", id: t.id, resolved: t.resolveTo }), children: t.resolveLabel }),
+      /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "remove", id: t.id }), children: "Delete" })
     ] }) : null
   ] }, t.id);
-  return /* @__PURE__ */ jsxs9(Column6, { children: [
+  return /* @__PURE__ */ jsxs9(Column7, { children: [
     /* @__PURE__ */ jsx10(
       Toolbar5,
       {
-        left: /* @__PURE__ */ jsx10(SegmentedControl2, { label: "Show", options: view.shows, value: view.show, onChange: (show) => ui8({ kind: "show", show }) }),
-        right: /* @__PURE__ */ jsx10(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx10(SegmentedControl2, { label: "Sort", options: view.sorts, value: view.sort, onChange: (sort) => ui8({ kind: "sort", sort }) }) })
+        left: /* @__PURE__ */ jsx10(SegmentedControl2, { label: "Show", options: view.shows, value: view.show, onChange: (show) => ui9({ kind: "show", show }) }),
+        right: /* @__PURE__ */ jsx10(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx10(SegmentedControl2, { label: "Sort", options: view.sorts, value: view.sort, onChange: (sort) => ui9({ kind: "sort", sort }) }) })
       }
     ),
     view.orphanedNotice ? /* @__PURE__ */ jsxs9(Note, { children: [
       view.orphanedNotice,
-      view.orphanedHidden ? /* @__PURE__ */ jsx10(TextButton4, { onClick: () => ui8({ kind: "showOrphaned" }), children: "Show" }) : null
+      view.orphanedHidden ? /* @__PURE__ */ jsx10(TextButton5, { onClick: () => ui9({ kind: "showOrphaned" }), children: "Show" }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs9(ScrollArea5, { children: [
       view.filteredEmpty ? /* @__PURE__ */ jsx10(EmptyState6, { title: "Nothing matches this filter", hint: view.filteredHint }) : null,
@@ -10612,8 +10685,8 @@ function CommentsPanelView({ controller, ...options }) {
       view.hasResolved ? /* @__PURE__ */ jsx10(Section4, { title: view.resolvedTitle, flush: true, children: view.resolved.map(card) }) : null
     ] }),
     /* @__PURE__ */ jsxs9(Stack4, { gap: 2, pad: "gutter", className: "xeno-comments-composer", children: [
-      /* @__PURE__ */ jsx10(TextArea2, { value: view.draft, placeholder: view.placeholder, disabled: view.composerDisabled, rows: 2, label: "New comment", onChange: (value) => ui8({ kind: "draft", value }), onKeyDown: (e) => ui8({ kind: "draftKey", key: e.key, ctrl: e.ctrlKey, meta: e.metaKey }) }),
-      /* @__PURE__ */ jsx10(Toolbar5, { divided: false, right: /* @__PURE__ */ jsx10(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx10(TextButton4, { strong: true, disabled: view.commentDisabled, onClick: () => ui8({ kind: "create" }), children: "Comment" }) }) })
+      /* @__PURE__ */ jsx10(TextArea2, { value: view.draft, placeholder: view.placeholder, disabled: view.composerDisabled, rows: 2, label: "New comment", onChange: (value) => ui9({ kind: "draft", value }), onKeyDown: (e) => ui9({ kind: "draftKey", key: e.key, ctrl: e.ctrlKey, meta: e.metaKey }) }),
+      /* @__PURE__ */ jsx10(Toolbar5, { divided: false, right: /* @__PURE__ */ jsx10(ToolbarGroup3, { end: true, children: /* @__PURE__ */ jsx10(TextButton5, { strong: true, disabled: view.commentDisabled, onClick: () => ui9({ kind: "create" }), children: "Comment" }) }) })
     ] }),
     /* @__PURE__ */ jsx10(StatusBar6, { left: view.countLabel, right: view.staleLabel })
   ] });
@@ -11862,13 +11935,13 @@ 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__ */ jsxs10("div", { style: SHELL2, children: [
+  return /* @__PURE__ */ jsxs10("div", { style: SHELL, children: [
     /* @__PURE__ */ jsx11(
       Toolbar6,
       {
         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" })
+          /* @__PURE__ */ jsx11("button", { type: "button", style: button(), onClick: () => controller.fit(false), children: "Fit" }),
+          /* @__PURE__ */ jsx11("button", { type: "button", style: button(), onClick: () => controller.fit(true), children: "Fit selection" })
         ] })
       }
     ),
@@ -12066,7 +12139,7 @@ function Port({
     )
   ] });
 }
-var SHELL2 = { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 };
+var SHELL = { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 };
 var SURFACE2 = {
   position: "relative",
   flex: 1,
@@ -12088,7 +12161,7 @@ var REASON = {
   color: "var(--xeno-text)",
   pointerEvents: "none"
 };
-function button2() {
+function button() {
   return {
     height: 18,
     padding: "0 6px",
@@ -12755,12 +12828,12 @@ var TreeController = class {
     }
     if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
       const fresh = now - this.typeAhead.at > this.typeAheadMs;
-      const text8 = (fresh ? "" : this.typeAhead.text) + event.key.toLowerCase();
-      this.typeAhead = { text: text8, at: now };
+      const text9 = (fresh ? "" : this.typeAhead.text) + event.key.toLowerCase();
+      this.typeAhead = { text: text9, at: now };
       const from = fresh ? current : current + 1;
       for (let i = 0; i < rows.length; i += 1) {
         const candidate = rows[(from + i) % rows.length];
-        if (candidate.node.label.toLowerCase().startsWith(text8)) {
+        if (candidate.node.label.toLowerCase().startsWith(text9)) {
           this.focusedId = candidate.id;
           this.select([candidate.id]);
           return true;
@@ -12786,9 +12859,9 @@ var TreeController = class {
     return true;
   }
   /** Update the rename draft. */
-  updateRenameDraft(text8) {
+  updateRenameDraft(text9) {
     if (!this.renaming) return;
-    this.renaming = { ...this.renaming, draft: text8 };
+    this.renaming = { ...this.renaming, draft: text9 };
     this.notify();
   }
   /**
@@ -13328,7 +13401,7 @@ var treeManifest = {
 import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef9, useSyncExternalStore as useSyncExternalStore10 } from "react";
 import {
   Badge as Badge7,
-  Column as Column7,
+  Column as Column8,
   EmptyState as EmptyState8,
   ErrorState,
   IconButton as IconButton7,
@@ -13339,8 +13412,8 @@ import {
   ScrollArea as ScrollArea6,
   SearchField as SearchField5,
   StatusBar as StatusBar8,
-  Text as Text7,
-  TextButton as TextButton5,
+  Text as Text8,
+  TextButton as TextButton6,
   Toolbar as Toolbar7,
   ToolbarGroup as ToolbarGroup5,
   VirtualWindow as VirtualWindow3
@@ -13502,7 +13575,7 @@ var treeViewManifest = {
   outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, id?, value?, key?, actionId?, x?, y?, ctrlKey?, metaKey?, shiftKey?, altKey? } \u2014 applied by the runtime to the controller." }],
   commands: []
 };
-var EMPTY7 = {
+var EMPTY8 = {
   searchShown: true,
   filter: "",
   noSource: true,
@@ -13523,16 +13596,16 @@ var EMPTY7 = {
   rows: [],
   countLabel: "0 items"
 };
-var BEHAVIOURS7 = {
-  "edit/treePanelView": (inputs) => inputs.view ?? EMPTY7
+var BEHAVIOURS8 = {
+  "edit/treePanelView": (inputs) => inputs.view ?? EMPTY8
 };
-var text7 = (b) => ({ component: "text", props: { text: b } });
-var ui7 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var text8 = (b) => ({ component: "text", props: { text: b } });
+var ui8 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
 var nodeIcon = () => ({
   component: "fragment",
   children: [
     { component: "icons/TreeKind", when: { item: "iconName" }, props: { name: { item: "iconName" } } },
-    { component: "chrome/Text", when: { item: "iconText" }, props: { role: { value: "caption" } }, children: [text7({ item: "iconText" })] }
+    { component: "chrome/Text", when: { item: "iconText" }, props: { role: { value: "caption" } }, children: [text8({ item: "iconText" })] }
   ]
 });
 var TREE_DECLARATION = {
@@ -13545,15 +13618,15 @@ var TREE_DECLARATION = {
       {
         component: "chrome/Toolbar",
         props: {
-          left: { node: { component: "chrome/SearchField", when: { input: "view.searchShown" }, props: { value: { input: "view.filter" }, placeholder: { value: "Filter\u2026" } }, on: { onChange: ui7("filter", { value: { arg: "" } }) } } },
+          left: { node: { component: "chrome/SearchField", when: { input: "view.searchShown" }, props: { value: { input: "view.filter" }, placeholder: { value: "Filter\u2026" } }, on: { onChange: ui8("filter", { value: { arg: "" } }) } } },
           right: {
             node: {
               component: "chrome/ToolbarGroup",
               props: { end: { value: true } },
               children: [
-                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Expand" } }, label: { value: "Expand all" } }, on: { onClick: ui7("expandAll") } },
-                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Collapse" } }, label: { value: "Collapse all" } }, on: { onClick: ui7("collapseAll") } },
-                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Refresh" } }, label: { value: "Refresh" } }, on: { onClick: ui7("refresh") } }
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Expand" } }, label: { value: "Expand all" } }, on: { onClick: ui8("expandAll") } },
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Collapse" } }, label: { value: "Collapse all" } }, on: { onClick: ui8("collapseAll") } },
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Refresh" } }, label: { value: "Refresh" } }, on: { onClick: ui8("refresh") } }
               ]
             }
           }
@@ -13561,7 +13634,7 @@ var TREE_DECLARATION = {
       },
       { component: "chrome/EmptyState", when: { input: "view.noSource" }, props: { title: { value: "No source" }, hint: { input: "view.noSourceHint" } } },
       { component: "chrome/LoadingState", when: { input: "view.loading" }, props: { label: { input: "view.loadingLabel" } } },
-      { component: "chrome/ErrorState", when: { input: "view.failed" }, props: { title: { input: "view.failedTitle" }, message: { input: "view.failedMessage" }, retryLabel: { input: "view.retryLabel" } }, on: { onRetry: ui7("retry") } },
+      { component: "chrome/ErrorState", when: { input: "view.failed" }, props: { title: { input: "view.failedTitle" }, message: { input: "view.failedMessage" }, retryLabel: { input: "view.retryLabel" } }, on: { onRetry: ui8("retry") } },
       { component: "chrome/EmptyState", when: { input: "view.noMatches" }, props: { title: { value: "No matches" }, hint: { input: "view.noMatchesHint" } } },
       { component: "chrome/EmptyState", when: { input: "view.emptyTree" }, props: { title: { value: "Nothing here" }, hint: { input: "view.emptyHint" } } },
       {
@@ -13594,7 +13667,7 @@ var TREE_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "chrome/Input", when: { item: "renaming" }, props: { autoFocus: { value: true }, value: { item: "draft" }, label: { value: "Name" } }, on: { onChange: ui7("renameDraft", { value: { arg: "" } }), onBlur: ui7("commitRename"), onKeyDown: ui7("renameKey", { key: { arg: "key" } }) } },
+                            { component: "chrome/Input", when: { item: "renaming" }, props: { autoFocus: { value: true }, value: { item: "draft" }, label: { value: "Name" } }, on: { onChange: ui8("renameDraft", { value: { arg: "" } }), onBlur: ui8("commitRename"), onKeyDown: ui8("renameKey", { key: { arg: "key" } }) } },
                             { component: "text", when: { not: { item: "renaming" } }, props: { text: { item: "label" } } }
                           ]
                         }
@@ -13603,11 +13676,11 @@ var TREE_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "chrome/Text", when: { item: "chipLoading" }, props: { role: { value: "caption" } }, children: [text7({ value: "loading\u2026" })] },
-                            { component: "chrome/Badge", when: { item: "chipError" }, props: { tone: { value: "error" } }, children: [text7({ item: "chipErrorText" })] },
-                            { component: "chrome/TextButton", when: { item: "chipLoadMore" }, children: [text7({ value: "load more\u2026" })], on: { onClick: ui7("loadMore", { id: { item: "id" } }) } },
-                            { component: "chrome/Badge", when: { item: "chipTruncated" }, props: { tone: { value: "warning" } }, children: [text7({ item: "chipTruncatedText" })] },
-                            { component: "chrome/Text", when: { item: "chipEmpty" }, props: { role: { value: "caption" } }, children: [text7({ value: "empty" })] }
+                            { component: "chrome/Text", when: { item: "chipLoading" }, props: { role: { value: "caption" } }, children: [text8({ value: "loading\u2026" })] },
+                            { component: "chrome/Badge", when: { item: "chipError" }, props: { tone: { value: "error" } }, children: [text8({ item: "chipErrorText" })] },
+                            { component: "chrome/TextButton", when: { item: "chipLoadMore" }, children: [text8({ value: "load more\u2026" })], on: { onClick: ui8("loadMore", { id: { item: "id" } }) } },
+                            { component: "chrome/Badge", when: { item: "chipTruncated" }, props: { tone: { value: "warning" } }, children: [text8({ item: "chipTruncatedText" })] },
+                            { component: "chrome/Text", when: { item: "chipEmpty" }, props: { role: { value: "caption" } }, children: [text8({ value: "empty" })] }
                           ]
                         }
                       },
@@ -13615,19 +13688,19 @@ var TREE_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "chrome/Text", each: { item: "columns", key: "key" }, props: { role: { value: "number" } }, children: [text7({ item: "text" })] },
+                            { component: "chrome/Text", each: { item: "columns", key: "key" }, props: { role: { value: "number" } }, children: [text8({ item: "text" })] },
                             { component: "chrome/Text", each: { item: "glyphs", key: "key" }, props: { role: { value: "meta" }, title: { item: "title" } }, children: [nodeIcon()] },
-                            { component: "chrome/Badge", each: { item: "badges", key: "key" }, props: { tone: { item: "tone" } }, children: [text7({ item: "text" })] },
-                            { component: "chrome/IconButton", each: { item: "actions", key: "key" }, props: { size: { value: "sm" }, icon: { node: nodeIcon() }, label: { item: "label" }, disabled: { item: "disabled" } }, on: { onClick: ui7("action", { id: { item: "rowId" }, actionId: { item: "actionId" } }) } }
+                            { component: "chrome/Badge", each: { item: "badges", key: "key" }, props: { tone: { item: "tone" } }, children: [text8({ item: "text" })] },
+                            { component: "chrome/IconButton", each: { item: "actions", key: "key" }, props: { size: { value: "sm" }, icon: { node: nodeIcon() }, label: { item: "label" }, disabled: { item: "disabled" } }, on: { onClick: ui8("action", { id: { item: "rowId" }, actionId: { item: "actionId" } }) } }
                           ]
                         }
                       }
                     },
                     on: {
-                      onExpandedChange: ui7("toggleExpanded", { id: { item: "id" } }),
-                      onClick: ui7("click", { id: { item: "id" }, ctrlKey: { arg: "ctrlKey" }, metaKey: { arg: "metaKey" }, shiftKey: { arg: "shiftKey" }, altKey: { arg: "altKey" } }),
-                      onDoubleClick: ui7("doubleClick", { id: { item: "id" } }),
-                      onContextMenuAt: ui7("contextMenu", { id: { item: "id" }, x: { arg: "" }, y: { arg: "", index: 1 } })
+                      onExpandedChange: ui8("toggleExpanded", { id: { item: "id" } }),
+                      onClick: ui8("click", { id: { item: "id" }, ctrlKey: { arg: "ctrlKey" }, metaKey: { arg: "metaKey" }, shiftKey: { arg: "shiftKey" }, altKey: { arg: "altKey" } }),
+                      onDoubleClick: ui8("doubleClick", { id: { item: "id" } }),
+                      onContextMenuAt: ui8("contextMenu", { id: { item: "id" }, x: { arg: "" }, y: { arg: "", index: 1 } })
                     }
                   }
                 ]
@@ -13639,8 +13712,8 @@ var TREE_DECLARATION = {
       {
         component: "chrome/StatusBar",
         props: {
-          left: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text7({ input: "view.countLabel" })] } },
-          right: { node: { component: "chrome/Text", when: { input: "view.selectedLabel" }, props: { role: { value: "meta" } }, children: [text7({ input: "view.selectedLabel" })] } }
+          left: { node: { component: "chrome/Text", props: { role: { value: "number" } }, children: [text8({ input: "view.countLabel" })] } },
+          right: { node: { component: "chrome/Text", when: { input: "view.selectedLabel" }, props: { role: { value: "meta" } }, children: [text8({ input: "view.selectedLabel" })] } }
         }
       }
     ]
@@ -13653,10 +13726,10 @@ var DRAG_THRESHOLD2 = 4;
 function TreePanelView({ controller, ...options }) {
   useSyncExternalStore10(controller.subscribe, controller.getState, controller.getState);
   const view = treeViewState(controller, options);
-  const ui8 = (intent) => applyTreeUi(controller, intent, options);
+  const ui9 = (intent) => applyTreeUi(controller, intent, options);
   const icon = (name, textValue) => /* @__PURE__ */ jsxs11(Fragment8, { children: [
     name ? /* @__PURE__ */ jsx12(TreeIcon, { name }) : null,
-    textValue ? /* @__PURE__ */ jsx12(Text7, { role: "caption", children: textValue }) : null
+    textValue ? /* @__PURE__ */ jsx12(Text8, { role: "caption", children: textValue }) : null
   ] });
   const row2 = (r) => /* @__PURE__ */ jsx12(
     Row4,
@@ -13672,48 +13745,48 @@ function TreePanelView({ controller, ...options }) {
       title: r.dropTitle,
       icon: icon(r.iconName, r.iconText),
       label: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-        r.renaming ? /* @__PURE__ */ jsx12(Input5, { autoFocus: true, value: r.draft, label: "Name", onChange: (value) => ui8({ kind: "renameDraft", value }), onBlur: () => ui8({ kind: "commitRename" }), onKeyDown: (e) => ui8({ kind: "renameKey", key: e.key }) }) : null,
+        r.renaming ? /* @__PURE__ */ jsx12(Input5, { autoFocus: true, value: r.draft, label: "Name", onChange: (value) => ui9({ kind: "renameDraft", value }), onBlur: () => ui9({ kind: "commitRename" }), onKeyDown: (e) => ui9({ kind: "renameKey", key: e.key }) }) : null,
         !r.renaming ? r.label : null
       ] }),
       meta: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-        r.chipLoading ? /* @__PURE__ */ jsx12(Text7, { role: "caption", children: "loading\u2026" }) : null,
+        r.chipLoading ? /* @__PURE__ */ jsx12(Text8, { role: "caption", children: "loading\u2026" }) : null,
         r.chipError ? /* @__PURE__ */ jsx12(Badge7, { tone: "error", children: r.chipErrorText }) : null,
-        r.chipLoadMore ? /* @__PURE__ */ jsx12(TextButton5, { onClick: () => ui8({ kind: "loadMore", id: r.id }), children: "load more\u2026" }) : null,
+        r.chipLoadMore ? /* @__PURE__ */ jsx12(TextButton6, { onClick: () => ui9({ kind: "loadMore", id: r.id }), children: "load more\u2026" }) : null,
         r.chipTruncated ? /* @__PURE__ */ jsx12(Badge7, { tone: "warning", children: r.chipTruncatedText }) : null,
-        r.chipEmpty ? /* @__PURE__ */ jsx12(Text7, { role: "caption", children: "empty" }) : null
+        r.chipEmpty ? /* @__PURE__ */ jsx12(Text8, { role: "caption", children: "empty" }) : null
       ] }),
       trailing: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-        r.columns.map((c) => /* @__PURE__ */ jsx12(Text7, { role: "number", children: c.text }, c.key)),
-        r.glyphs.map((g) => /* @__PURE__ */ jsx12(Text7, { role: "meta", title: g.title, children: icon(g.iconName, g.iconText) }, g.key)),
+        r.columns.map((c) => /* @__PURE__ */ jsx12(Text8, { role: "number", children: c.text }, c.key)),
+        r.glyphs.map((g) => /* @__PURE__ */ jsx12(Text8, { role: "meta", title: g.title, children: icon(g.iconName, g.iconText) }, g.key)),
         r.badges.map((b) => /* @__PURE__ */ jsx12(Badge7, { tone: b.tone, children: b.text }, b.key)),
-        r.actions.map((a) => /* @__PURE__ */ jsx12(IconButton7, { size: "sm", icon: icon(a.iconName, a.iconText), label: a.label, disabled: a.disabled, onClick: () => ui8({ kind: "action", id: a.rowId, actionId: a.actionId }) }, a.key))
+        r.actions.map((a) => /* @__PURE__ */ jsx12(IconButton7, { size: "sm", icon: icon(a.iconName, a.iconText), label: a.label, disabled: a.disabled, onClick: () => ui9({ kind: "action", id: a.rowId, actionId: a.actionId }) }, a.key))
       ] }),
-      onExpandedChange: () => ui8({ kind: "toggleExpanded", id: r.id }),
-      onClick: (e) => ui8({ kind: "click", id: r.id, ctrlKey: e.ctrlKey, metaKey: e.metaKey, shiftKey: e.shiftKey, altKey: e.altKey }),
-      onDoubleClick: () => ui8({ kind: "doubleClick", id: r.id }),
-      onContextMenuAt: (x, y) => ui8({ kind: "contextMenu", id: r.id, x, y })
+      onExpandedChange: () => ui9({ kind: "toggleExpanded", id: r.id }),
+      onClick: (e) => ui9({ kind: "click", id: r.id, ctrlKey: e.ctrlKey, metaKey: e.metaKey, shiftKey: e.shiftKey, altKey: e.altKey }),
+      onDoubleClick: () => ui9({ kind: "doubleClick", id: r.id }),
+      onContextMenuAt: (x, y) => ui9({ kind: "contextMenu", id: r.id, x, y })
     },
     r.id
   );
-  return /* @__PURE__ */ jsxs11(Column7, { children: [
+  return /* @__PURE__ */ jsxs11(Column8, { children: [
     /* @__PURE__ */ jsx12(
       Toolbar7,
       {
-        left: view.searchShown ? /* @__PURE__ */ jsx12(SearchField5, { value: view.filter, placeholder: "Filter\u2026", onChange: (value) => ui8({ kind: "filter", value }) }) : null,
+        left: view.searchShown ? /* @__PURE__ */ jsx12(SearchField5, { value: view.filter, placeholder: "Filter\u2026", onChange: (value) => ui9({ kind: "filter", value }) }) : null,
         right: /* @__PURE__ */ jsxs11(ToolbarGroup5, { end: true, children: [
-          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(ExpandGlyph, {}), label: "Expand all", onClick: () => ui8({ kind: "expandAll" }) }),
-          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(CollapseGlyph, {}), label: "Collapse all", onClick: () => ui8({ kind: "collapseAll" }) }),
-          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(RefreshGlyph, {}), label: "Refresh", onClick: () => ui8({ kind: "refresh" }) })
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(ExpandGlyph, {}), label: "Expand all", onClick: () => ui9({ kind: "expandAll" }) }),
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(CollapseGlyph, {}), label: "Collapse all", onClick: () => ui9({ kind: "collapseAll" }) }),
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(RefreshGlyph, {}), label: "Refresh", onClick: () => ui9({ kind: "refresh" }) })
         ] })
       }
     ),
     view.noSource ? /* @__PURE__ */ jsx12(EmptyState8, { title: "No source", hint: view.noSourceHint }) : null,
     view.loading ? /* @__PURE__ */ jsx12(LoadingState, { label: view.loadingLabel }) : null,
-    view.failed ? /* @__PURE__ */ jsx12(ErrorState, { title: view.failedTitle, message: view.failedMessage, retryLabel: view.retryLabel, onRetry: () => ui8({ kind: "retry" }) }) : null,
+    view.failed ? /* @__PURE__ */ jsx12(ErrorState, { title: view.failedTitle, message: view.failedMessage, retryLabel: view.retryLabel, onRetry: () => ui9({ kind: "retry" }) }) : null,
     view.noMatches ? /* @__PURE__ */ jsx12(EmptyState8, { title: "No matches", hint: view.noMatchesHint }) : null,
     view.emptyTree ? /* @__PURE__ */ jsx12(EmptyState8, { title: "Nothing here", hint: view.emptyHint }) : null,
     view.listShown ? /* @__PURE__ */ jsx12(TreeScroller, { controller, children: /* @__PURE__ */ jsx12(RowList4, { role: "tree", "aria-label": "Tree", "aria-multiselectable": true, children: /* @__PURE__ */ jsx12(VirtualWindow3, { totalHeight: view.totalHeight, offsetTop: view.offsetTop, children: view.rows.map(row2) }) }) }) : null,
-    /* @__PURE__ */ jsx12(StatusBar8, { left: /* @__PURE__ */ jsx12(Text7, { role: "number", children: view.countLabel }), right: view.selectedLabel ? /* @__PURE__ */ jsx12(Text7, { role: "meta", children: view.selectedLabel }) : null })
+    /* @__PURE__ */ jsx12(StatusBar8, { left: /* @__PURE__ */ jsx12(Text8, { role: "number", children: view.countLabel }), right: view.selectedLabel ? /* @__PURE__ */ jsx12(Text8, { role: "meta", children: view.selectedLabel }) : null })
   ] });
 }
 function TreeScroller({ controller, children }) {
@@ -14001,17 +14074,21 @@ export {
   COLOR_DECLARATION,
   COLOR_RUNTIME_UNITS,
   COLOR_SPACES,
-  BEHAVIOURS6 as COMMENTS_BEHAVIOURS,
+  BEHAVIOURS7 as COMMENTS_BEHAVIOURS,
   COMMENTS_DECLARATION,
   COMMENTS_PANEL_ID,
   COMMENTS_RUNTIME_UNITS,
+  BEHAVIOURS5 as CURVE_BEHAVIOURS,
+  CURVE_DECLARATION,
   CURVE_PANEL_ID,
+  CURVE_RUNTIME_UNITS,
   ColorPanelController,
   ColorPanelView,
   CommentsController,
   CommentsPanelView,
   CurveController,
   CurvePanelView,
+  CurveSurface,
   DEFAULT_BLEND_MODES,
   DEFAULT_CURVE_ZOOM,
   DEFAULT_GRAPH_ZOOM,
@@ -14023,7 +14100,7 @@ export {
   EMPTY_SCHEMA,
   EMPTY_TREE,
   EMPTY_TREE_SOURCE,
-  BEHAVIOURS5 as FIND_BEHAVIOURS,
+  BEHAVIOURS6 as FIND_BEHAVIOURS,
   FIND_DECLARATION,
   FIND_PANEL_ID,
   FIND_RUNTIME_UNITS,
@@ -14053,7 +14130,7 @@ export {
   NODEGRAPH_PANEL_ID,
   NodeGraphPanelView,
   SPACE_LABEL,
-  BEHAVIOURS7 as TREE_BEHAVIOURS,
+  BEHAVIOURS8 as TREE_BEHAVIOURS,
   TREE_DECLARATION,
   TREE_PANEL_ID,
   TREE_RUNTIME_UNITS,
@@ -14076,6 +14153,7 @@ export {
   appliedCount,
   applyColorUi,
   applyCommentsUi,
+  applyCurveUi,
   applyFindUi,
   applyHistoryUi,
   applyInspectorUi,
@@ -14121,6 +14199,9 @@ export {
   currentRowIndex,
   curveManifest,
   curvePanel,
+  curveRuntimeComponents,
+  curveViewManifest,
+  curveViewState,
   defaultIconFor,
   displayOrder,
   distanceToEdge,