@xenosystem/blocks 0.13.34 → 0.14.0

package/dist/edit/index.d.ts

@@ -955,6 +955,17 @@ interface XenoInspectorField {
     options?: XenoFieldOption[];
     /** Whether the select renders its searchable variant. */
     searchable?: boolean;
+    /**
+     * For `list`: the sub-schema of ONE item. When set, the value is `XenoListItem[]` (each item carries
+     * a stable `id` plus one value per sub-field) and every sub-field is reachable as a VIRTUAL field
+     * `${listId}[${itemId}].${subId}` — drafts, gestures, nudges and mixed all work on it unchanged,
+     * and a commit rewrites the whole list and emits ONE `set` for the LIST field, so a host sees the
+     * same contract it would for any other value. This is what a fill / stroke / effect STACK needs
+     * (Canvas found it first, 2026-09-18: without it a list could only hold strings).
+     */
+    itemFields?: XenoInspectorField[];
+    /** For a structured `list`: the label drawn on each item row (e.g. `Fill`, `Shadow`). */
+    itemLabel?: string;
     /** Axis labels for `vector` (e.g. `['X','Y']`). */
     components?: string[];
     /** Scalar ⇔ per-element expander (Canvas's corner radius). */
@@ -981,7 +992,6 @@ interface XenoSectionAction {
     icon?: string;
     disabled?: boolean;
 }
-/** An entry in a section's searchable grouped Add menu (engine's Add Component). */
 interface XenoAddMenuItem {
     id: string;
     label: string;
@@ -1162,6 +1172,12 @@ declare function isCollapsed(section: XenoInspectorSection, collapsedSet: Readon
 /** Every field in the schema, flattened (regardless of collapse/filter). */
 declare function allFields(schema: XenoInspectorSchema): XenoInspectorField[];
 /** Look up a field by id across every section. */
+/** `listId[itemId].subId` → its three parts, or null for an ordinary field id. */
+declare function parseListFieldId(fieldId: string): {
+    listId: string;
+    itemId: string;
+    subId: string;
+} | null;
 declare function findField(schema: XenoInspectorSchema, fieldId: string): XenoInspectorField | undefined;
 /** The section containing a field. */
 declare function findSectionOf(schema: XenoInspectorSchema, fieldId: string): XenoInspectorSection | undefined;
@@ -7600,4 +7616,4 @@ declare function TreeIcon({ name, size }: {
     size?: number;
 }): ReactNode;
 
-export { type BlendModeGroup, type BlendModeOption, type Box, BEHAVIOURS$6 as COLOR_BEHAVIOURS, COLOR_DECLARATION, COLOR_RUNTIME_UNITS, COLOR_SPACES, BEHAVIOURS$2 as COMMENTS_BEHAVIOURS, COMMENTS_DECLARATION, COMMENTS_PANEL_ID, COMMENTS_RUNTIME_UNITS, BEHAVIOURS$5 as CURVE_BEHAVIOURS, CURVE_DECLARATION, CURVE_PANEL_ID, CURVE_RUNTIME_UNITS, type ChannelId, ColorPanelController, type ColorPanelControllerOptions, type ColorPanelSerialized, ColorPanelView, type ColorPanelViewProps, type ColorSpace, type ColorStopSink, type ColorToken, type ColorUiIntent, type ColorViewState, CommentsController, type CommentsControllerOptions, type CommentsHostBridge, type CommentsPanelState, CommentsPanelView, type CommentsPanelViewProps, type CommentsRenderContext, type CommentsThreadView, type CommentsUiIntent, type CommentsViewMessage, type CommentsViewModel, type CommentsViewOptions, type CommentsViewReaction, type CommentsViewState, type CommentsViewThread, type ConnectRules, type ConnectVerdict, type CreateColorPanelOptions, type CreateCommentsPanelOptions, type CreateCurvePanelOptions, type CreateFindPanelOptions, type CreateHistoryPanelOptions, type CreateInspectorPanelOptions, type CreateLayersPanelOptions, type CreateNodeGraphPanelOptions, type CreateTreePanelOptions, type CreateViewportPanelOptions, CurveController, type CurveControllerOptions, type CurveDragKind, type CurveDragState, type CurveHostBridge, type CurvePanelState, CurvePanelView, type CurvePanelViewProps, type CurvePreview, type CurveRenderConfig, type CurveRenderContext, CurveSurface, type CurveUiIntent, type CurveViewModel, type CurveViewOptions, type CurveViewState, DEFAULT_BLEND_MODES, DEFAULT_CURVE_ZOOM, DEFAULT_GRAPH_ZOOM, DEFAULT_ICON_MAP, DEFAULT_ORIGINAL_LABEL, type DropInput, EASING_PRESETS, EDIT_SPACES, EMPTY_HISTORY, EMPTY_SCHEMA, EMPTY_TREE, EMPTY_TREE_SOURCE, BEHAVIOURS$3 as FIND_BEHAVIOURS, FIND_DECLARATION, FIND_PANEL_ID, FIND_RUNTIME_UNITS, FindController, type FindControllerOptions, type FindHostBridge, FindKeys, type FindPanelState, FindPanelView, type FindPanelViewProps, type FindRenderContext, type FindUiIntent, type FindViewGroup, type FindViewModel, type FindViewOptions, type FindViewRow, type FindViewState, type FlatRow, type FlattenOptions, GENERIC_ICON, GraphController, type GraphControllerOptions, type GraphDragKind, type GraphDragState, type GraphHostBridge, type GraphPanelState, type GraphPreview, type GraphRenderConfig, type GraphRenderContext, type GraphViewState, BEHAVIOURS$7 as HISTORY_BEHAVIOURS, HISTORY_DECLARATION, HISTORY_RUNTIME_UNITS, type HistoryKeyEvent, HistoryPanelController, type HistoryPanelControllerOptions, type HistoryPanelSerialized, HistoryPanelView, type HistoryPanelViewProps, type ProjectOptions as HistoryProjectOptions, type HistoryRow, type HistoryUiIntent, type HistoryViewRow, type HistoryViewState, type Hsl, type Hsv, IMPLEMENTED_TREE_MODES, BEHAVIOURS$8 as INSPECTOR_BEHAVIOURS, INSPECTOR_DECLARATION, INSPECTOR_RUNTIME_UNITS, type InspectorKeyEvent, InspectorPanelController, type InspectorPanelControllerOptions, type InspectorPanelSerialized, InspectorPanelView, type InspectorPanelViewProps, type ProjectOptions$1 as InspectorProjectOptions, type InspectorUiIntent, type InspectorViewField, type InspectorViewSection, type InspectorViewState, BEHAVIOURS$9 as LAYERS_BEHAVIOURS, LAYERS_DECLARATION, LAYERS_RUNTIME_UNITS, LAYER_COLUMNS, type LayerColumn, type LayersKeyEvent, LayersPanelController, type LayersPanelControllerOptions, type LayersPanelSerialized, LayersPanelView, type LayersPanelViewProps, type LayersUiIntent, type LayersViewRow, type LayersViewState, MIXED, BEHAVIOURS$1 as NODEGRAPH_BEHAVIOURS, NODEGRAPH_DECLARATION, NODEGRAPH_PANEL_ID, NODEGRAPH_RUNTIME_UNITS, NodeGraphPanelView, type NodeGraphPanelViewProps, NodeGraphSurface, type NodeGraphUiIntent, type NodeGraphViewModel, type NodeGraphViewOptions, type NumericConstraints, type OklchDisplay, type ParseResult, type ProjectedSection, type Rgba, SPACE_LABEL, type ScrubOptions, type SelectMods, BEHAVIOURS as TREE_BEHAVIOURS, TREE_DECLARATION, TREE_PANEL_ID, TREE_RUNTIME_UNITS, type TangentEdit, Thumbnail, type ThumbnailProps, TreeController, type TreeControllerOptions, type TreeHostBridge, TreeIcon, type TreeKeyEvent, type TreePanelState, TreePanelView, type TreePanelViewProps, type TreeRenderContext, type TreeRow, TreeScroller, type TreeUiIntent, type TreeViewAction, type TreeViewModel, type TreeViewOptions, type TreeViewRow, type TreeViewState, BEHAVIOURS$4 as VIEWPORT_BEHAVIOURS, VIEWPORT_DECLARATION, VIEWPORT_PANEL_ID, VIEWPORT_RUNTIME_UNITS, VIEWPORT_SLOTS, VIEW_STATE_OPS, ViewportController, type ViewportControllerOptions, type ViewportHostBridge, type ViewportPanelState, ViewportPanelView, type ViewportPanelViewProps, type ViewportRenderContext, ViewportSurface, type ViewportViewModel, type ViewportViewOptions, type ViewportViewState, type XenoAddMenuItem, type XenoAnchorState, type XenoColorValue, type XenoCommentAuthor, type XenoCommentFilter, type XenoCommentMessage, type XenoCommentOp, type XenoCommentReaction, type XenoCommentSort, type XenoCommentThread, type XenoCommitPolicy, type XenoContextMenuRequest, type XenoCurveChannel, type XenoCurveInterpolation, type XenoCurveKey, type XenoCurveKeyRef, type XenoCurveOp, type XenoCurvePoint, XenoCurveScale, type XenoCurveScaleGeometry, type XenoCurveScaleState, type XenoCurveSelection, type XenoCurveSet, type XenoCurveViewport, type XenoCurveZoom, type XenoEasingPreset, type XenoEdge, type XenoFieldAnim, type XenoFieldFocus, type XenoFieldOption, type XenoFieldToken, type XenoFieldType, type XenoFieldValue, type XenoFindMatch, type XenoFindNavigate, type XenoFindOptions, type XenoFindQuery, type XenoFindReplace, type XenoFindResults, type XenoFindStatus, type XenoGradient, type XenoGraph, type XenoGraphOp, XenoGraphScale, type XenoGraphScaleGeometry, type XenoGraphScaleState, type XenoGraphSelection, type XenoGraphViewport, type XenoGraphZoom, type XenoHistoryEntry, type XenoHistoryIntent, type XenoHistoryMemory, type XenoHistoryOrder, type XenoHistoryScope, type XenoHistorySnapshot, type XenoHistorySource, type XenoHistoryState, type XenoHistoryStatus, type XenoInspectorEdit, type XenoInspectorField, type XenoInspectorSchema, type XenoInspectorSection, type XenoInspectorTarget, type XenoInspectorToken, type XenoKeyframeKind, type XenoLayerAdornment, type XenoLayerCap, type XenoLayerKind, type XenoLayerNode, type XenoLayerOp, type XenoLayerTree, type XenoNavigateRequest, type XenoNode, XenoNodeIndex, type XenoPort, type XenoPortDirection, type XenoPortRef, type XenoSectionAction, type XenoTangent, type XenoTangentMode, type XenoTangentSide, type XenoThreadActivate, type XenoThumbnailRequest, type XenoThumbnailResponse, type XenoTreeAction, type XenoTreeBadge, type XenoTreeCaps, type XenoTreeChildState, type XenoTreeChildrenResponse, type XenoTreeError, type XenoTreeGlyph, type XenoTreeIcon, type XenoTreeInvalidate, type XenoTreeMode, type XenoTreeModifiers, type XenoTreeNode, type XenoTreeNodeKind, type XenoTreeOp, type XenoTreeReveal, type XenoTreeSource, type XenoTreeSourceKind, type XenoTreeSourceState, type XenoViewportClient, type XenoViewportKey, type XenoViewportPointer, type XenoViewportSlot, type XenoViewportStats, type XenoViewportSurface, allFields, allIds, anchorStateOf, appliedCount, applyColorUi, applyCommentsUi, applyCurveUi, applyFindUi, applyHistoryUi, applyInspectorUi, applyLayersUi, applyNodeGraphUi, applyPrecision, applyTangentDrag, applyTreeUi, ariaSliderProps, boxesIntersect, canConnect, canRedo, canUndo, childStateOf, clamp, clampAlpha, clampTangent, collectDescendants, colorManifest, colorPanel, colorRuntimeComponents, colorViewManifest, colorViewState, commentsManifest, commentsPanel, commentsViewManifest, commentsViewState, commitPolicyOf, componentsForSpace, computeSurfaceSize, constraintsOf, countIsMeaningful, createColorPanel, createCommentsPanel, createCurvePanel, createFindPanel, createHistoryPanel, createInspectorPanel, createLayersPanel, createNodeGraphPanel, createTreePanel, createViewportPanel, createsCycle, currentRowIndex, curveManifest, curvePanel, curveRuntimeComponents, curveViewManifest, curveViewState, defaultIconFor, displayOrder, distanceToEdge, easeAt, easingPreset, edgeBounds, edgeKey, edgePath, edgesToReplace, edgesTouching, evaluateChannel, fieldMatches, findField, findManifest, findPanel, findPort, findRuntimeComponents, findSectionOf, findViewManifest, findViewState, fitToBounds, fitValueRange, flattenVisible, focusOrder, formatAge, formatNumeric, getAncestors, graphBounds, groupMatches, hasCap, hasDraggableTangents, hasTreeCap, hexFromHsv, highlightSegments, historyManifest, historyPanel, historyRuntimeComponents, historyViewManifest, historyViewState, hslToRgb, hsvFromHex, hsvToRgb, inspectorManifest, inspectorPanel, inspectorRuntimeComponents, inspectorViewManifest, inspectorViewState, interpolateSegment, isAncestorOf, isAnimated, isCollapsed, isColorSpace, isContainer, isEmptyContainer, isFieldEditable, isFieldMixed, isJumpable, isKeyEditable, isLayerColumn, isMixedValue, isOrphaned, isTreeContainer, isValidHex, isViewStateOp, keyRefId, layersManifest, layersPanel, layersRuntimeComponents, layersViewManifest, layersViewState, liveEdges, makeColorValue, matchesFilter, messagesOf, mirrorTangent, nodeBounds, nodegraphManifest, nodegraphPanel, nodegraphRuntimeComponents, nodegraphViewManifest, nodegraphViewState, normalizeColorInput, normalizeHistoryState, normalizeKindKey, normalizeNumeric, normalizeRanges, normalizeSchema, normalizeTree, nudgeValue, oklchToRgb, parseCssColor, parseHexColor, parseNumeric, passesFilter, patternError, portHasRoom, portRefId, positionToValue, projectRows, projectSections, rangeBetween, resolveDropTarget, resolveIconName, rgbToHex, rgbToHsl, rgbToHsv, rgbToOklch, rgbaToCssHex, roundRgb, rowIndexOf, rowIndexOfEntry, safeAddColorStop, safeAddColorStops, sameKey, sampleChannel, scrubValue, segmentsAround, solveBezierT, sortThreads, surfaceChanged, tangentsForMode, tangentsToControlPoints, toViewportCoords, totalCount, treeManifest, treePanel, treeRuntimeComponents, treeViewManifest, treeViewState, usesLogScale, valueExtent, valueToPosition, valuesEqual, viewportManifest, viewportPanel, viewportRuntimeComponents, viewportViewManifest, viewportViewState, visibleEdges, walkTree, wheelZoomFactor, zoomAboutCursor, zoomTimeAboutCursor, zoomValueAboutCursor };
+export { type BlendModeGroup, type BlendModeOption, type Box, BEHAVIOURS$6 as COLOR_BEHAVIOURS, COLOR_DECLARATION, COLOR_RUNTIME_UNITS, COLOR_SPACES, BEHAVIOURS$2 as COMMENTS_BEHAVIOURS, COMMENTS_DECLARATION, COMMENTS_PANEL_ID, COMMENTS_RUNTIME_UNITS, BEHAVIOURS$5 as CURVE_BEHAVIOURS, CURVE_DECLARATION, CURVE_PANEL_ID, CURVE_RUNTIME_UNITS, type ChannelId, ColorPanelController, type ColorPanelControllerOptions, type ColorPanelSerialized, ColorPanelView, type ColorPanelViewProps, type ColorSpace, type ColorStopSink, type ColorToken, type ColorUiIntent, type ColorViewState, CommentsController, type CommentsControllerOptions, type CommentsHostBridge, type CommentsPanelState, CommentsPanelView, type CommentsPanelViewProps, type CommentsRenderContext, type CommentsThreadView, type CommentsUiIntent, type CommentsViewMessage, type CommentsViewModel, type CommentsViewOptions, type CommentsViewReaction, type CommentsViewState, type CommentsViewThread, type ConnectRules, type ConnectVerdict, type CreateColorPanelOptions, type CreateCommentsPanelOptions, type CreateCurvePanelOptions, type CreateFindPanelOptions, type CreateHistoryPanelOptions, type CreateInspectorPanelOptions, type CreateLayersPanelOptions, type CreateNodeGraphPanelOptions, type CreateTreePanelOptions, type CreateViewportPanelOptions, CurveController, type CurveControllerOptions, type CurveDragKind, type CurveDragState, type CurveHostBridge, type CurvePanelState, CurvePanelView, type CurvePanelViewProps, type CurvePreview, type CurveRenderConfig, type CurveRenderContext, CurveSurface, type CurveUiIntent, type CurveViewModel, type CurveViewOptions, type CurveViewState, DEFAULT_BLEND_MODES, DEFAULT_CURVE_ZOOM, DEFAULT_GRAPH_ZOOM, DEFAULT_ICON_MAP, DEFAULT_ORIGINAL_LABEL, type DropInput, EASING_PRESETS, EDIT_SPACES, EMPTY_HISTORY, EMPTY_SCHEMA, EMPTY_TREE, EMPTY_TREE_SOURCE, BEHAVIOURS$3 as FIND_BEHAVIOURS, FIND_DECLARATION, FIND_PANEL_ID, FIND_RUNTIME_UNITS, FindController, type FindControllerOptions, type FindHostBridge, FindKeys, type FindPanelState, FindPanelView, type FindPanelViewProps, type FindRenderContext, type FindUiIntent, type FindViewGroup, type FindViewModel, type FindViewOptions, type FindViewRow, type FindViewState, type FlatRow, type FlattenOptions, GENERIC_ICON, GraphController, type GraphControllerOptions, type GraphDragKind, type GraphDragState, type GraphHostBridge, type GraphPanelState, type GraphPreview, type GraphRenderConfig, type GraphRenderContext, type GraphViewState, BEHAVIOURS$7 as HISTORY_BEHAVIOURS, HISTORY_DECLARATION, HISTORY_RUNTIME_UNITS, type HistoryKeyEvent, HistoryPanelController, type HistoryPanelControllerOptions, type HistoryPanelSerialized, HistoryPanelView, type HistoryPanelViewProps, type ProjectOptions as HistoryProjectOptions, type HistoryRow, type HistoryUiIntent, type HistoryViewRow, type HistoryViewState, type Hsl, type Hsv, IMPLEMENTED_TREE_MODES, BEHAVIOURS$8 as INSPECTOR_BEHAVIOURS, INSPECTOR_DECLARATION, INSPECTOR_RUNTIME_UNITS, type InspectorKeyEvent, InspectorPanelController, type InspectorPanelControllerOptions, type InspectorPanelSerialized, InspectorPanelView, type InspectorPanelViewProps, type ProjectOptions$1 as InspectorProjectOptions, type InspectorUiIntent, type InspectorViewField, type InspectorViewSection, type InspectorViewState, BEHAVIOURS$9 as LAYERS_BEHAVIOURS, LAYERS_DECLARATION, LAYERS_RUNTIME_UNITS, LAYER_COLUMNS, type LayerColumn, type LayersKeyEvent, LayersPanelController, type LayersPanelControllerOptions, type LayersPanelSerialized, LayersPanelView, type LayersPanelViewProps, type LayersUiIntent, type LayersViewRow, type LayersViewState, MIXED, BEHAVIOURS$1 as NODEGRAPH_BEHAVIOURS, NODEGRAPH_DECLARATION, NODEGRAPH_PANEL_ID, NODEGRAPH_RUNTIME_UNITS, NodeGraphPanelView, type NodeGraphPanelViewProps, NodeGraphSurface, type NodeGraphUiIntent, type NodeGraphViewModel, type NodeGraphViewOptions, type NumericConstraints, type OklchDisplay, type ParseResult, type ProjectedSection, type Rgba, SPACE_LABEL, type ScrubOptions, type SelectMods, BEHAVIOURS as TREE_BEHAVIOURS, TREE_DECLARATION, TREE_PANEL_ID, TREE_RUNTIME_UNITS, type TangentEdit, Thumbnail, type ThumbnailProps, TreeController, type TreeControllerOptions, type TreeHostBridge, TreeIcon, type TreeKeyEvent, type TreePanelState, TreePanelView, type TreePanelViewProps, type TreeRenderContext, type TreeRow, TreeScroller, type TreeUiIntent, type TreeViewAction, type TreeViewModel, type TreeViewOptions, type TreeViewRow, type TreeViewState, BEHAVIOURS$4 as VIEWPORT_BEHAVIOURS, VIEWPORT_DECLARATION, VIEWPORT_PANEL_ID, VIEWPORT_RUNTIME_UNITS, VIEWPORT_SLOTS, VIEW_STATE_OPS, ViewportController, type ViewportControllerOptions, type ViewportHostBridge, type ViewportPanelState, ViewportPanelView, type ViewportPanelViewProps, type ViewportRenderContext, ViewportSurface, type ViewportViewModel, type ViewportViewOptions, type ViewportViewState, type XenoAddMenuItem, type XenoAnchorState, type XenoColorValue, type XenoCommentAuthor, type XenoCommentFilter, type XenoCommentMessage, type XenoCommentOp, type XenoCommentReaction, type XenoCommentSort, type XenoCommentThread, type XenoCommitPolicy, type XenoContextMenuRequest, type XenoCurveChannel, type XenoCurveInterpolation, type XenoCurveKey, type XenoCurveKeyRef, type XenoCurveOp, type XenoCurvePoint, XenoCurveScale, type XenoCurveScaleGeometry, type XenoCurveScaleState, type XenoCurveSelection, type XenoCurveSet, type XenoCurveViewport, type XenoCurveZoom, type XenoEasingPreset, type XenoEdge, type XenoFieldAnim, type XenoFieldFocus, type XenoFieldOption, type XenoFieldToken, type XenoFieldType, type XenoFieldValue, type XenoFindMatch, type XenoFindNavigate, type XenoFindOptions, type XenoFindQuery, type XenoFindReplace, type XenoFindResults, type XenoFindStatus, type XenoGradient, type XenoGraph, type XenoGraphOp, XenoGraphScale, type XenoGraphScaleGeometry, type XenoGraphScaleState, type XenoGraphSelection, type XenoGraphViewport, type XenoGraphZoom, type XenoHistoryEntry, type XenoHistoryIntent, type XenoHistoryMemory, type XenoHistoryOrder, type XenoHistoryScope, type XenoHistorySnapshot, type XenoHistorySource, type XenoHistoryState, type XenoHistoryStatus, type XenoInspectorEdit, type XenoInspectorField, type XenoInspectorSchema, type XenoInspectorSection, type XenoInspectorTarget, type XenoInspectorToken, type XenoKeyframeKind, type XenoLayerAdornment, type XenoLayerCap, type XenoLayerKind, type XenoLayerNode, type XenoLayerOp, type XenoLayerTree, type XenoNavigateRequest, type XenoNode, XenoNodeIndex, type XenoPort, type XenoPortDirection, type XenoPortRef, type XenoSectionAction, type XenoTangent, type XenoTangentMode, type XenoTangentSide, type XenoThreadActivate, type XenoThumbnailRequest, type XenoThumbnailResponse, type XenoTreeAction, type XenoTreeBadge, type XenoTreeCaps, type XenoTreeChildState, type XenoTreeChildrenResponse, type XenoTreeError, type XenoTreeGlyph, type XenoTreeIcon, type XenoTreeInvalidate, type XenoTreeMode, type XenoTreeModifiers, type XenoTreeNode, type XenoTreeNodeKind, type XenoTreeOp, type XenoTreeReveal, type XenoTreeSource, type XenoTreeSourceKind, type XenoTreeSourceState, type XenoViewportClient, type XenoViewportKey, type XenoViewportPointer, type XenoViewportSlot, type XenoViewportStats, type XenoViewportSurface, allFields, allIds, anchorStateOf, appliedCount, applyColorUi, applyCommentsUi, applyCurveUi, applyFindUi, applyHistoryUi, applyInspectorUi, applyLayersUi, applyNodeGraphUi, applyPrecision, applyTangentDrag, applyTreeUi, ariaSliderProps, boxesIntersect, canConnect, canRedo, canUndo, childStateOf, clamp, clampAlpha, clampTangent, collectDescendants, colorManifest, colorPanel, colorRuntimeComponents, colorViewManifest, colorViewState, commentsManifest, commentsPanel, commentsViewManifest, commentsViewState, commitPolicyOf, componentsForSpace, computeSurfaceSize, constraintsOf, countIsMeaningful, createColorPanel, createCommentsPanel, createCurvePanel, createFindPanel, createHistoryPanel, createInspectorPanel, createLayersPanel, createNodeGraphPanel, createTreePanel, createViewportPanel, createsCycle, currentRowIndex, curveManifest, curvePanel, curveRuntimeComponents, curveViewManifest, curveViewState, defaultIconFor, displayOrder, distanceToEdge, easeAt, easingPreset, edgeBounds, edgeKey, edgePath, edgesToReplace, edgesTouching, evaluateChannel, fieldMatches, findField, findManifest, findPanel, findPort, findRuntimeComponents, findSectionOf, findViewManifest, findViewState, fitToBounds, fitValueRange, flattenVisible, focusOrder, formatAge, formatNumeric, getAncestors, graphBounds, groupMatches, hasCap, hasDraggableTangents, hasTreeCap, hexFromHsv, highlightSegments, historyManifest, historyPanel, historyRuntimeComponents, historyViewManifest, historyViewState, hslToRgb, hsvFromHex, hsvToRgb, inspectorManifest, inspectorPanel, inspectorRuntimeComponents, inspectorViewManifest, inspectorViewState, interpolateSegment, isAncestorOf, isAnimated, isCollapsed, isColorSpace, isContainer, isEmptyContainer, isFieldEditable, isFieldMixed, isJumpable, isKeyEditable, isLayerColumn, isMixedValue, isOrphaned, isTreeContainer, isValidHex, isViewStateOp, keyRefId, layersManifest, layersPanel, layersRuntimeComponents, layersViewManifest, layersViewState, liveEdges, makeColorValue, matchesFilter, messagesOf, mirrorTangent, nodeBounds, nodegraphManifest, nodegraphPanel, nodegraphRuntimeComponents, nodegraphViewManifest, nodegraphViewState, normalizeColorInput, normalizeHistoryState, normalizeKindKey, normalizeNumeric, normalizeRanges, normalizeSchema, normalizeTree, nudgeValue, oklchToRgb, parseCssColor, parseHexColor, parseListFieldId, parseNumeric, passesFilter, patternError, portHasRoom, portRefId, positionToValue, projectRows, projectSections, rangeBetween, resolveDropTarget, resolveIconName, rgbToHex, rgbToHsl, rgbToHsv, rgbToOklch, rgbaToCssHex, roundRgb, rowIndexOf, rowIndexOfEntry, safeAddColorStop, safeAddColorStops, sameKey, sampleChannel, scrubValue, segmentsAround, solveBezierT, sortThreads, surfaceChanged, tangentsForMode, tangentsToControlPoints, toViewportCoords, totalCount, treeManifest, treePanel, treeRuntimeComponents, treeViewManifest, treeViewState, usesLogScale, valueExtent, valueToPosition, valuesEqual, viewportManifest, viewportPanel, viewportRuntimeComponents, viewportViewManifest, viewportViewState, visibleEdges, walkTree, wheelZoomFactor, zoomAboutCursor, zoomTimeAboutCursor, zoomValueAboutCursor };

package/dist/edit/index.js

@@ -1990,12 +1990,23 @@ function allFields(schema) {
   for (const section of schema.sections) out.push(...section.fields);
   return out;
 }
+function parseListFieldId(fieldId) {
+  const m = /^(.+?)\[([^\]]+)\]\.(.+)$/.exec(fieldId);
+  return m ? { listId: m[1], itemId: m[2], subId: m[3] } : null;
+}
 function findField(schema, fieldId) {
   for (const section of schema.sections) {
     const found = section.fields.find((f) => f.id === fieldId);
     if (found) return found;
   }
-  return void 0;
+  const v = parseListFieldId(fieldId);
+  if (!v) return void 0;
+  const list = findField(schema, v.listId);
+  const sub = list?.itemFields?.find((f) => f.id === v.subId);
+  if (!list || !sub) return void 0;
+  const item = (Array.isArray(list.value) ? list.value : []).find((it) => it?.id === v.itemId);
+  if (!item) return void 0;
+  return { ...sub, id: fieldId, value: item[v.subId], disabled: sub.disabled || list.disabled, readOnly: sub.readOnly || list.readOnly };
 }
 function findSectionOf(schema, fieldId) {
   return schema.sections.find((s) => s.fields.some((f) => f.id === fieldId));
@@ -2335,6 +2346,13 @@ var InspectorPanelController = class {
     if (!force && !mixed && valuesEqual(value, this.getFieldValue(fieldId))) return false;
     const targetIds = this.targetIds();
     const id = gestureId ?? (targetIds.length > 1 ? this.nextGestureId() : void 0);
+    const virtual = parseListFieldId(fieldId);
+    if (virtual) {
+      const items = this.getFieldValue(virtual.listId) ?? [];
+      const next = items.map((it) => it.id === virtual.itemId ? { ...it, [virtual.subId]: value } : it);
+      this.emit(id ? { type: "set", targetIds, fieldId: virtual.listId, value: next, gestureId: id } : { type: "set", targetIds, fieldId: virtual.listId, value: next });
+      return true;
+    }
     this.emit(id ? { type: "set", targetIds, fieldId, value, gestureId: id } : { type: "set", targetIds, fieldId, value });
     return true;
   }
@@ -3226,6 +3244,7 @@ import { Badge as Badge2, Column as Column2, EmptyState as EmptyState2, Field, F
 
 // src/edit/inspector/react/widgets.tsx
 import { useCallback as useCallback2, useRef as useRef3 } from "react";
+import { Fragment as Fragment2 } from "react";
 import {
   AxisLabel,
   IconButton as IconButton2,
@@ -3240,7 +3259,7 @@ import {
   TextButton,
   Toggle
 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function displayText(field, controller) {
   const draft = controller.getDraft(field.id);
   if (draft !== void 0) return draft;
@@ -3492,7 +3511,13 @@ function ColorWidget({ field, controller }) {
     }
   );
 }
-function ListWidget({ field, controller }) {
+var listSeq = 0;
+function newListItem(field) {
+  const item = { id: `i${Date.now().toString(36)}${listSeq += 1}` };
+  for (const sub of field.itemFields ?? []) item[sub.id] = sub.defaultValue;
+  return item;
+}
+function ListWidget({ field, controller, renderField }) {
   const editable = isFieldEditable(field);
   const raw = controller.getFieldValue(field.id);
   const items = Array.isArray(raw) ? raw : [];
@@ -3503,16 +3528,23 @@ function ListWidget({ field, controller }) {
     next.splice(to, 0, moved);
     write(next);
   };
+  const structured = !!field.itemFields?.length;
   return /* @__PURE__ */ jsxs2(Stack, { gap: 2, pad: "none", children: [
     items.map((item, i) => /* @__PURE__ */ jsxs2(Stack, { direction: "row", gap: 2, pad: "none", children: [
-      /* @__PURE__ */ jsx3(Text2, { role: "meta", children: typeof item === "string" ? item : JSON.stringify(item) }),
-      editable ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      structured && renderField ? /* @__PURE__ */ jsxs2(Stack, { gap: 2, pad: "none", children: [
+        field.itemLabel ? /* @__PURE__ */ jsx3(Text2, { role: "caption", children: `${field.itemLabel} ${i + 1}` }) : null,
+        field.itemFields.map((sub) => {
+          const virtual = controller.getField(`${field.id}[${item.id}].${sub.id}`);
+          return virtual ? /* @__PURE__ */ jsx3(Fragment2, { children: renderField(virtual) }, sub.id) : null;
+        })
+      ] }) : /* @__PURE__ */ jsx3(Text2, { role: "meta", children: typeof item === "string" ? item : JSON.stringify(item) }),
+      editable ? /* @__PURE__ */ jsxs2(Fragment3, { children: [
         /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u2191" }), label: "Move up", disabled: i === 0, onClick: () => move(i, i - 1) }),
         /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\u2193" }), label: "Move down", disabled: i === items.length - 1, onClick: () => move(i, i + 1) }),
         /* @__PURE__ */ jsx3(IconButton2, { size: "sm", icon: /* @__PURE__ */ jsx3(XIcon2, {}), label: "Remove", onClick: () => write(items.filter((_, j) => j !== i)) })
       ] }) : null
-    ] }, i)),
-    editable ? /* @__PURE__ */ jsx3(TextButton, { onClick: () => write([...items, ""]), children: "+ Add" }) : null
+    ] }, structured ? item.id : i)),
+    editable ? /* @__PURE__ */ jsx3(TextButton, { onClick: () => write([...items, structured ? newListItem(field) : ""]), children: "+ Add" }) : null
   ] });
 }
 function InfoWidget({ field, controller }) {
@@ -3539,7 +3571,7 @@ function JsonWidget({ field, controller }) {
 }
 
 // src/edit/inspector/react/InspectorPanelView.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function InspectorPanelView({ controller }) {
   const subscribe = useCallback3((cb) => controller.subscribe(cb), [controller]);
   const getSnapshot = useCallback3(() => controller.getRevision(), [controller]);
@@ -3586,7 +3618,7 @@ function SectionView({ section, controller }) {
       enabled: section.enabled,
       onEnabledChange: () => ui10({ kind: "toggleSectionEnabled", sectionId: section.id }),
       badge: section.badge ? /* @__PURE__ */ jsx4(Badge2, { children: section.badge }) : null,
-      actions: hasActions ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+      actions: hasActions ? /* @__PURE__ */ jsxs3(Fragment4, { children: [
         section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui10({ 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) => ui10({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
       ] }) : null,
@@ -3599,7 +3631,7 @@ function SectionView({ section, controller }) {
 }
 function FieldRow({ row: row2, controller }) {
   const ui10 = (intent) => applyInspectorUi(controller, intent);
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment4, { children: [
     /* @__PURE__ */ jsxs3(
       Field,
       {
@@ -3608,13 +3640,13 @@ function FieldRow({ row: row2, controller }) {
         focused: row2.focused,
         onLabelClick: () => ui10({ kind: "focusField", fieldId: row2.id }),
         onContextMenu: (x, y) => ui10({ kind: "contextMenu", fieldId: row2.id, x, y }),
-        leading: row2.showKeyframes ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        leading: row2.showKeyframes ? /* @__PURE__ */ jsxs3(Fragment4, { children: [
           /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(StopwatchIcon, {}), label: "Toggle animation", active: row2.animated, onClick: () => ui10({ 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: () => ui10({ 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: () => ui10({ 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: () => ui10({ kind: "keyframe", fieldId: row2.id, op: "next" }) }) : null
         ] }) : null,
-        trailing: /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        trailing: /* @__PURE__ */ jsxs3(Fragment4, { children: [
           row2.showEasing ? /* @__PURE__ */ jsx4(Select2, { size: "sm", options: row2.easingOptions, value: row2.easing, label: "Easing", onChange: (v) => ui10({ 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: () => ui10({ kind: "bindToken", fieldId: row2.id }) }) : null,
@@ -3647,7 +3679,7 @@ function FieldWidget({
     case "color":
       return /* @__PURE__ */ jsx4(ColorWidget, { field, controller });
     case "list":
-      return /* @__PURE__ */ jsx4(ListWidget, { field, controller });
+      return /* @__PURE__ */ jsx4(ListWidget, { field, controller, renderField: (f) => /* @__PURE__ */ jsx4(FieldWidget, { field: f, controller }) });
     case "info":
       return /* @__PURE__ */ jsx4(InfoWidget, { field, controller });
     case "text":
@@ -4863,7 +4895,7 @@ var HISTORY_DECLARATION = {
 
 // src/edit/history/react/HistoryPanelView.tsx
 import { Badge as Badge3, Column as Column3, EmptyState as EmptyState3, IconButton as IconButton4, InlineConfirm, RowList as RowList2, Row as Row2, ScrollArea as ScrollArea3, SearchField as SearchField3, Spinner, StatusBar as StatusBar2, Text as Text4, Toolbar as Toolbar2, VirtualWindow as VirtualWindow2 } from "@xenosystem/components/chrome";
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function HistoryPanelView({ controller }) {
   const subscribe = useCallback4((cb) => controller.subscribe(cb), [controller]);
   const getSnapshot = useCallback4(() => controller.getRevision(), [controller]);
@@ -4874,11 +4906,11 @@ function HistoryPanelView({ controller }) {
     /* @__PURE__ */ jsx5(
       Toolbar2,
       {
-        left: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        left: /* @__PURE__ */ jsxs4(Fragment5, { children: [
           /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(UndoIcon, {}), label: "Undo", disabled: !view.canUndo, onClick: () => ui10({ kind: "undo" }) }),
           /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(RedoIcon, {}), label: "Redo", disabled: !view.canRedo, onClick: () => ui10({ kind: "redo" }) })
         ] }),
-        right: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        right: /* @__PURE__ */ jsxs4(Fragment5, { children: [
           /* @__PURE__ */ jsx5(Text4, { role: "number", children: view.counter }),
           view.clearAllowed ? /* @__PURE__ */ jsx5(IconButton4, { size: "sm", icon: /* @__PURE__ */ jsx5(TrashIcon, {}), label: "Clear history", onClick: () => ui10({ kind: "requestClear" }) }) : null
         ] }),
@@ -4959,7 +4991,7 @@ function HistoryRowView({ row: row2, controller }) {
       meta: row2.meta,
       "data-history-row": row2.key,
       title: row2.label,
-      trailing: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+      trailing: /* @__PURE__ */ jsxs4(Fragment5, { children: [
         row2.pending ? /* @__PURE__ */ jsx5(Spinner, {}) : null,
         row2.failed ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", tone: "error", children: "failed" }) : null,
         row2.showSource ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", title: row2.sourceTitle, children: row2.sourceGlyph }) : null,
@@ -7784,7 +7816,7 @@ var CURVE_DECLARATION = {
 };
 
 // src/edit/curve/react/CurvePanelView.tsx
-import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var DASHES = ["none", "4 2", "1 2", "6 2 1 2"];
 function CurvePanelView({ controller, ...options }) {
   useSyncExternalStore5(controller.subscribe, controller.getState, controller.getState);
@@ -8002,7 +8034,7 @@ function Handles({
   scale
 }) {
   const sides = ["in", "out"];
-  return /* @__PURE__ */ jsx7(Fragment5, { children: sides.map((side) => {
+  return /* @__PURE__ */ jsx7(Fragment6, { children: sides.map((side) => {
     const tangent = side === "in" ? keyframe.tangentIn : keyframe.tangentOut;
     if (!tangent) return null;
     const hx = scale.tickToX(keyframe.tick + tangent.x);
@@ -9671,7 +9703,7 @@ var FIND_DECLARATION = {
 };
 
 // src/edit/find/react/FindPanelView.tsx
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var CaseIcon = ICONS["icons/Case"];
 var WordIcon = ICONS["icons/WholeWord"];
 var RegexIcon = ICONS["icons/Regex"];
@@ -9726,7 +9758,7 @@ function FindPanelView({ controller, showResults, placeholder }) {
       Toolbar4,
       {
         divided: false,
-        left: /* @__PURE__ */ jsxs8(Fragment6, { children: [
+        left: /* @__PURE__ */ jsxs8(Fragment7, { children: [
           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,
@@ -11925,7 +11957,7 @@ var NODEGRAPH_DECLARATION = {
 };
 
 // src/edit/nodegraph/react/NodeGraphPanelView.tsx
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var HEADER_H2 = 24;
 var PORT_ROW_H2 = 18;
 function NodeGraphPanelView({ controller, ...options }) {
@@ -12142,7 +12174,7 @@ function NodeRect({ node, selected, zoom }) {
         children: node.title
       }
     ),
-    node.collapsed ? null : /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    node.collapsed ? null : /* @__PURE__ */ jsxs10(Fragment8, { children: [
       node.inputs.map((port, i) => /* @__PURE__ */ jsx11(
         Port,
         {
@@ -13752,13 +13784,13 @@ var TREE_DECLARATION = {
 };
 
 // src/edit/tree/react/TreePanelView.tsx
-import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var DRAG_THRESHOLD2 = 4;
 function TreePanelView({ controller, ...options }) {
   useSyncExternalStore10(controller.subscribe, controller.getState, controller.getState);
   const view = treeViewState(controller, options);
   const ui10 = (intent) => applyTreeUi(controller, intent, options);
-  const icon = (name, textValue) => /* @__PURE__ */ jsxs11(Fragment8, { children: [
+  const icon = (name, textValue) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
     name ? /* @__PURE__ */ jsx12(TreeIcon, { name }) : null,
     textValue ? /* @__PURE__ */ jsx12(Text9, { role: "caption", children: textValue }) : null
   ] });
@@ -13775,18 +13807,18 @@ function TreePanelView({ controller, ...options }) {
       dropHint: r.dropHint,
       title: r.dropTitle,
       icon: icon(r.iconName, r.iconText),
-      label: /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      label: /* @__PURE__ */ jsxs11(Fragment9, { children: [
         r.renaming ? /* @__PURE__ */ jsx12(Input5, { autoFocus: true, value: r.draft, label: "Name", onChange: (value) => ui10({ kind: "renameDraft", value }), onBlur: () => ui10({ kind: "commitRename" }), onKeyDown: (e) => ui10({ kind: "renameKey", key: e.key }) }) : null,
         !r.renaming ? r.label : null
       ] }),
-      meta: /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      meta: /* @__PURE__ */ jsxs11(Fragment9, { children: [
         r.chipLoading ? /* @__PURE__ */ jsx12(Text9, { role: "caption", children: "loading\u2026" }) : null,
         r.chipError ? /* @__PURE__ */ jsx12(Badge8, { tone: "error", children: r.chipErrorText }) : null,
         r.chipLoadMore ? /* @__PURE__ */ jsx12(TextButton7, { onClick: () => ui10({ kind: "loadMore", id: r.id }), children: "load more\u2026" }) : null,
         r.chipTruncated ? /* @__PURE__ */ jsx12(Badge8, { tone: "warning", children: r.chipTruncatedText }) : null,
         r.chipEmpty ? /* @__PURE__ */ jsx12(Text9, { role: "caption", children: "empty" }) : null
       ] }),
-      trailing: /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      trailing: /* @__PURE__ */ jsxs11(Fragment9, { children: [
         r.columns.map((c) => /* @__PURE__ */ jsx12(Text9, { role: "number", children: c.text }, c.key)),
         r.glyphs.map((g) => /* @__PURE__ */ jsx12(Text9, { role: "meta", title: g.title, children: icon(g.iconName, g.iconText) }, g.key)),
         r.badges.map((b) => /* @__PURE__ */ jsx12(Badge8, { tone: b.tone, children: b.text }, b.key)),
@@ -14334,6 +14366,7 @@ export {
   oklchToRgb,
   parseCssColor,
   parseHexColor,
+  parseListFieldId,
   parseNumeric,
   passesFilter,
   patternError,

package/dist/time/index.js

@@ -2855,7 +2855,7 @@ var timelineManifest = {
 
 // src/time/timeline/react/TimelinePanelView.tsx
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { Column as Column2, DrawnSurface, EmptyState, FilterChip, SegmentedControl, StatusBar, Text, TextButton as TextButton2, Toolbar, ToolbarGroup } from "@xenosystem/components/chrome";
+import { Clip, Column as Column2, DrawnSurface, EmptyState, FilterChip, Lane, Marquee, Playhead, Ruler, SegmentedControl, StatusBar, Text, TextButton as TextButton2, Tick, Toolbar, ToolbarGroup } from "@xenosystem/components/chrome";
 
 // src/time/timeline/declaration.ts
 import { formatTick as formatTick4 } from "@xenosystem/time-core";
@@ -3076,96 +3076,29 @@ function TimelineSurface({ controller }) {
       onPointerCancel: onPointerUp,
       onKeyDown,
       children: [
-        /* @__PURE__ */ jsx2("div", { style: { ...RULER, height: RULER_PX }, children: ticks.map((tick) => /* @__PURE__ */ jsx2(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              left: Math.floor(tick.x),
-              bottom: 0,
-              width: 1,
-              height: tick.weight === "major" ? 8 : tick.weight === "medium" ? 5 : 3,
-              background: "var(--xeno-active)"
-            },
-            children: tick.label ? /* @__PURE__ */ jsx2("span", { style: TICK_LABEL, className: "tabular-nums", children: tick.label }) : null
-          },
-          tick.tick
-        )) }),
+        /* @__PURE__ */ jsx2(Ruler, { height: RULER_PX, children: ticks.map((tick) => /* @__PURE__ */ jsx2(Tick, { x: tick.x, weight: tick.weight, label: tick.label ?? void 0 }, tick.tick)) }),
         /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", inset: `${RULER_PX}px 0 0 0`, overflow: "hidden" }, children: [
-          state.visible.map((row) => {
-            const top = row.topPx - scale.scrollTopPx;
-            return /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", left: 0, right: 0, top, height: row.heightPx }, children: [
-              /* @__PURE__ */ jsx2("div", { style: { ...GUTTER, width: scale.gutterPx }, children: /* @__PURE__ */ jsx2("span", { style: TRACK_NAME, children: row.track.name }) }),
-              /* @__PURE__ */ jsx2("div", { "data-canvas": "timeline-lane", style: { ...LANE, left: scale.gutterPx }, children: row.clips.map((clip) => {
-                const shown = preview?.clips[clip.id] ?? clip;
-                const x = scale.tickToX(shown.startTick);
-                const width = Math.max(1, scale.durationToPx(shown.endTick - shown.startTick));
-                return /* @__PURE__ */ jsx2(
-                  ClipRect,
-                  {
-                    clip,
-                    left: x - scale.gutterPx,
-                    width,
-                    selected: selected.has(clip.id)
-                  },
-                  clip.id
-                );
-              }) })
-            ] }, row.track.id);
-          }),
+          state.visible.map((row) => /* @__PURE__ */ jsx2(Lane, { top: row.topPx - scale.scrollTopPx, height: row.heightPx, gutterWidth: scale.gutterPx, name: row.track.name, children: row.clips.map((clip) => {
+            const shown = preview?.clips[clip.id] ?? clip;
+            const x = scale.tickToX(shown.startTick);
+            const width = Math.max(1, scale.durationToPx(shown.endTick - shown.startTick));
+            return /* @__PURE__ */ jsx2(Clip, { id: clip.id, left: x - scale.gutterPx, width, selected: selected.has(clip.id), name: clip.name ?? clip.id, color: clip.color }, clip.id);
+          }) }, row.track.id)),
           preview?.marquee ? /* @__PURE__ */ jsx2(
-            "div",
+            Marquee,
             {
-              style: {
-                ...MARQUEE,
-                left: Math.min(scale.tickToX(preview.marquee.fromTick), scale.tickToX(preview.marquee.toTick)),
-                width: Math.abs(
-                  scale.tickToX(preview.marquee.toTick) - scale.tickToX(preview.marquee.fromTick)
-                ),
-                top: Math.min(preview.marquee.fromY, preview.marquee.toY) - scale.scrollTopPx,
-                height: Math.abs(preview.marquee.toY - preview.marquee.fromY)
-              }
+              left: Math.min(scale.tickToX(preview.marquee.fromTick), scale.tickToX(preview.marquee.toTick)),
+              width: Math.abs(scale.tickToX(preview.marquee.toTick) - scale.tickToX(preview.marquee.fromTick)),
+              top: Math.min(preview.marquee.fromY, preview.marquee.toY) - scale.scrollTopPx,
+              height: Math.abs(preview.marquee.toY - preview.marquee.fromY)
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx2("div", { style: { ...PLAYHEAD, left: Math.floor(scale.tickToX(state.playheadTick)) } })
+        /* @__PURE__ */ jsx2(Playhead, { x: scale.tickToX(state.playheadTick) })
       ]
     }
   );
 }
-function ClipRect({
-  clip,
-  left,
-  width,
-  selected
-}) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      "data-clip-id": clip.id,
-      title: clip.name ?? clip.id,
-      style: {
-        position: "absolute",
-        left,
-        width,
-        top: 2,
-        bottom: 2,
-        // Rectangles with a corner radius. Never a circle.
-        borderRadius: 2,
-        background: selected ? "var(--xeno-control)" : "var(--xeno-border)",
-        border: `1px solid ${selected ? "var(--xeno-active)" : "var(--xeno-control)"}`,
-        overflow: "hidden",
-        fontSize: 10,
-        lineHeight: "14px",
-        padding: width >= 40 ? "0 4px" : 0,
-        whiteSpace: "nowrap",
-        color: "var(--xeno-text)",
-        boxSizing: "border-box"
-      },
-      children: width >= 40 ? clip.name ?? "" : null
-    }
-  );
-}
 function hitTest(state, x, y) {
   const scale = state.scale;
   if (x < scale.gutterPx) return { target: { kind: "lane" }, trackIndex: -1 };
@@ -3190,61 +3123,6 @@ function hitTest(state, x, y) {
   }
   return { target: { kind: "lane" }, trackIndex: -1 };
 }
-var RULER = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  borderBottom: "1px solid var(--xeno-border)"
-};
-var TICK_LABEL = {
-  position: "absolute",
-  left: 3,
-  top: -12,
-  fontSize: 9,
-  color: "var(--xeno-active)",
-  whiteSpace: "nowrap"
-};
-var GUTTER = {
-  position: "absolute",
-  left: 0,
-  top: 0,
-  bottom: 0,
-  borderRight: "1px solid var(--xeno-border)",
-  borderBottom: "1px solid var(--xeno-border-subtle)",
-  display: "flex",
-  alignItems: "center",
-  padding: "0 6px",
-  boxSizing: "border-box"
-};
-var TRACK_NAME = {
-  fontSize: 10,
-  color: "var(--xeno-text)",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-var LANE = {
-  position: "absolute",
-  right: 0,
-  top: 0,
-  bottom: 0,
-  borderBottom: "1px solid var(--xeno-border-subtle)"
-};
-var MARQUEE = {
-  position: "absolute",
-  border: "1px solid var(--xeno-active)",
-  background: "var(--xeno-border-subtle)",
-  pointerEvents: "none"
-};
-var PLAYHEAD = {
-  position: "absolute",
-  top: 0,
-  bottom: 0,
-  width: 1,
-  background: "var(--xeno-text)",
-  pointerEvents: "none"
-};
 var TIMELINE_RUNTIME_UNITS = ["timeline/Surface"];
 function timelineRuntimeComponents(controller) {
   return { "timeline/Surface": () => /* @__PURE__ */ jsx2(TimelineSurface, { controller }) };

package/package.json

@@ -1,114 +1,114 @@
-{
-  "name": "@xenosystem/blocks",
-  "version": "0.13.34",
-  "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
-  "license": "UNLICENSED",
-  "type": "module",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./auth": {
-      "types": "./dist/auth/index.d.ts",
-      "import": "./dist/auth/index.js"
-    },
-    "./trust": {
-      "types": "./dist/trust/index.d.ts",
-      "import": "./dist/trust/index.js"
-    },
-    "./ops": {
-      "types": "./dist/ops/index.d.ts",
-      "import": "./dist/ops/index.js"
-    },
-    "./time": {
-      "types": "./dist/time/index.d.ts",
-      "import": "./dist/time/index.js"
-    },
-    "./data": {
-      "types": "./dist/data/index.d.ts",
-      "import": "./dist/data/index.js"
-    },
-    "./data/duckdb": {
-      "types": "./dist/data/duckdb.d.ts",
-      "import": "./dist/data/duckdb.js"
-    },
-    "./icons": {
-      "types": "./dist/icons/index.d.ts",
-      "import": "./dist/icons/index.js"
-    },
-    "./edit": {
-      "types": "./dist/edit/index.d.ts",
-      "import": "./dist/edit/index.js"
-    },
-    "./agent": {
-      "types": "./dist/agent/index.d.ts",
-      "import": "./dist/agent/index.js"
-    },
-    "./agent/host-source": {
-      "types": "./dist/agent/host-source.d.ts",
-      "import": "./dist/agent/host-source.js"
-    }
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run"
-  },
-  "peerDependencies": {
-    "@duckdb/duckdb-wasm": ">=1.28.0",
-    "@xenosystem/block-sdk": ">=0.3.4 <1",
-    "@xenosystem/components": ">=0.32.0 <1",
-    "@xenosystem/data-core": "^0.1.0",
-    "@xenosystem/elements": ">=0.0.1",
-    "@xenosystem/elements-react": ">=0.0.1",
-    "@xenosystem/time-core": "^0.1.0",
-    "@xenosystem/tree-core": "^0.1.0",
-    "@xenosystem/workbench": "^1.0.0",
-    "@xterm/addon-fit": ">=0.10.0",
-    "@xterm/xterm": ">=5.5.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@xenosystem/block-sdk": "^0.3.4",
-    "@xenosystem/components": "^0.32.0",
-    "@xenosystem/data-core": "^0.1.0",
-    "@xenosystem/elements": "0.0.1",
-    "@xenosystem/elements-react": "0.0.1",
-    "@xenosystem/time-core": "^0.1.0",
-    "@xenosystem/tree-core": "^0.1.0",
-    "@xenosystem/workbench": "^1.2.1",
-    "@xterm/addon-fit": "^0.11.0",
-    "@xterm/xterm": "^6.0.0",
-    "jsdom": "^26.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.4.0",
-    "vitest": "^4.1.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependenciesMeta": {
-    "@xterm/xterm": {
-      "optional": true
-    },
-    "@xterm/addon-fit": {
-      "optional": true
-    },
-    "@duckdb/duckdb-wasm": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "@xenosystem/blocks",
+  "version": "0.14.0",
+  "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./auth": {
+      "types": "./dist/auth/index.d.ts",
+      "import": "./dist/auth/index.js"
+    },
+    "./trust": {
+      "types": "./dist/trust/index.d.ts",
+      "import": "./dist/trust/index.js"
+    },
+    "./ops": {
+      "types": "./dist/ops/index.d.ts",
+      "import": "./dist/ops/index.js"
+    },
+    "./time": {
+      "types": "./dist/time/index.d.ts",
+      "import": "./dist/time/index.js"
+    },
+    "./data": {
+      "types": "./dist/data/index.d.ts",
+      "import": "./dist/data/index.js"
+    },
+    "./data/duckdb": {
+      "types": "./dist/data/duckdb.d.ts",
+      "import": "./dist/data/duckdb.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js"
+    },
+    "./edit": {
+      "types": "./dist/edit/index.d.ts",
+      "import": "./dist/edit/index.js"
+    },
+    "./agent": {
+      "types": "./dist/agent/index.d.ts",
+      "import": "./dist/agent/index.js"
+    },
+    "./agent/host-source": {
+      "types": "./dist/agent/host-source.d.ts",
+      "import": "./dist/agent/host-source.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "@duckdb/duckdb-wasm": ">=1.28.0",
+    "@xenosystem/block-sdk": ">=0.3.4 <1",
+    "@xenosystem/components": ">=0.33.0 <1",
+    "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": ">=0.0.1",
+    "@xenosystem/elements-react": ">=0.0.1",
+    "@xenosystem/time-core": "^0.1.0",
+    "@xenosystem/tree-core": "^0.1.0",
+    "@xenosystem/workbench": "^1.0.0",
+    "@xterm/addon-fit": ">=0.10.0",
+    "@xterm/xterm": ">=5.5.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@xenosystem/block-sdk": "^0.3.4",
+    "@xenosystem/components": "^0.33.0",
+    "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": "0.0.1",
+    "@xenosystem/elements-react": "0.0.1",
+    "@xenosystem/time-core": "^0.1.0",
+    "@xenosystem/tree-core": "^0.1.0",
+    "@xenosystem/workbench": "^1.2.1",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^4.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@xterm/xterm": {
+      "optional": true
+    },
+    "@xterm/addon-fit": {
+      "optional": true
+    },
+    "@duckdb/duckdb-wasm": {
+      "optional": true
+    }
+  }
+}