system-canvas-react 0.2.8 → 0.2.9

package/dist/components/EdgeRenderer.d.ts

@@ -12,11 +12,13 @@ interface EdgeRendererProps {
     selectedId?: string | null;
     /** Id of the edge whose label is currently being edited (label is hidden) */
     editingId?: string | null;
+    /** Node ids that are dimmed (search/category filter). Edges connected to dimmed nodes render as dotted lines. */
+    dimmedNodeIds?: Set<string>;
 }
 /**
  * Renders all edges. Edges are drawn before nodes in the SVG so they
  * appear behind node rectangles (painter's model).
  */
-export declare function EdgeRenderer({ edges, nodeMap, theme, defaultEdgeStyle, onClick, onDoubleClick, onContextMenu, selectedId, editingId, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function EdgeRenderer({ edges, nodeMap, theme, defaultEdgeStyle, onClick, onDoubleClick, onContextMenu, selectedId, editingId, dimmedNodeIds, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=EdgeRenderer.d.ts.map

package/dist/components/EdgeRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeRenderer.d.ts","sourceRoot":"","sources":["../../src/components/EdgeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACV,MAAM,eAAe,CAAA;AAOtB,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IAClC,KAAK,EAAE,WAAW,CAAA;IAClB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACnE,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAClE,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,2CA8HnB"}
+{"version":3,"file":"EdgeRenderer.d.ts","sourceRoot":"","sources":["../../src/components/EdgeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACV,MAAM,eAAe,CAAA;AAOtB,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IAClC,KAAK,EAAE,WAAW,CAAA;IAClB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACnE,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAClE,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,iHAAiH;IACjH,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,aAAa,GACd,EAAE,iBAAiB,2CAmInB"}

package/dist/components/EdgeRenderer.js

@@ -4,7 +4,7 @@ import { computeEdgePath, computeEdgeMidpoint, resolveColor, } from 'system-canv
  * Renders all edges. Edges are drawn before nodes in the SVG so they
  * appear behind node rectangles (painter's model).
  */
-export function EdgeRenderer({ edges, nodeMap, theme, defaultEdgeStyle, onClick, onDoubleClick, onContextMenu, selectedId, editingId, }) {
+export function EdgeRenderer({ edges, nodeMap, theme, defaultEdgeStyle, onClick, onDoubleClick, onContextMenu, selectedId, editingId, dimmedNodeIds, }) {
     return (_jsxs(_Fragment, { children: [_jsx("defs", { children: _jsx("marker", { id: "system-canvas-arrowhead", markerWidth: theme.edge.arrowSize, markerHeight: theme.edge.arrowSize * 0.7, refX: theme.edge.arrowSize - 1, refY: theme.edge.arrowSize * 0.35, orient: "auto", markerUnits: "userSpaceOnUse", children: _jsx("polygon", { points: `0 0, ${theme.edge.arrowSize} ${theme.edge.arrowSize * 0.35}, 0 ${theme.edge.arrowSize * 0.7}`, fill: "context-stroke" }) }) }), [...edges]
                 .map((edge, i) => ({ edge, i }))
                 .sort((a, b) => {
@@ -40,7 +40,8 @@ export function EdgeRenderer({ edges, nodeMap, theme, defaultEdgeStyle, onClick,
                 const toEnd = edge.toEnd ?? 'arrow';
                 const fromEnd = edge.fromEnd ?? 'none';
                 const arrowId = 'system-canvas-arrowhead';
-                return (_jsxs("g", { className: "system-canvas-edge", style: { cursor: 'pointer' }, onClick: (e) => onClick(edge, e), onDoubleClick: (e) => onDoubleClick?.(edge, e), onContextMenu: (e) => onContextMenu(edge, e), children: [_jsx("path", { d: pathD, fill: "none", stroke: "transparent", strokeWidth: 12 }), _jsx("path", { d: pathD, fill: "none", stroke: edgeColor, strokeWidth: strokeWidth, markerEnd: toEnd === 'arrow' ? `url(#${arrowId})` : undefined, markerStart: fromEnd === 'arrow' ? `url(#${arrowId})` : undefined }), edge.label && !isEditing && (_jsxs(_Fragment, { children: [_jsx("rect", { x: midpoint.x - edge.label.length * 3 - 4, y: midpoint.y - theme.edge.labelFontSize - 2, width: edge.label.length * 6 + 8, height: theme.edge.labelFontSize + 6, rx: 3, fill: theme.background, opacity: 0.8 }), _jsx("text", { x: midpoint.x, y: midpoint.y, fill: isSelected ? theme.node.labelColor : theme.edge.labelColor, fontSize: theme.edge.labelFontSize, fontFamily: theme.node.fontFamily, textAnchor: "middle", pointerEvents: "none", children: edge.label })] }))] }, edge.id));
+                const isEdgeDimmed = (dimmedNodeIds?.has(edge.fromNode) || dimmedNodeIds?.has(edge.toNode)) ?? false;
+                return (_jsxs("g", { className: "system-canvas-edge", style: { cursor: 'pointer' }, onClick: (e) => onClick(edge, e), onDoubleClick: (e) => onDoubleClick?.(edge, e), onContextMenu: (e) => onContextMenu(edge, e), children: [_jsx("path", { d: pathD, fill: "none", stroke: "transparent", strokeWidth: 12 }), _jsx("path", { d: pathD, fill: "none", stroke: edgeColor, strokeWidth: strokeWidth, strokeDasharray: isEdgeDimmed ? '4 4' : undefined, strokeOpacity: isEdgeDimmed ? 0.3 : 1, markerEnd: toEnd === 'arrow' ? `url(#${arrowId})` : undefined, markerStart: fromEnd === 'arrow' ? `url(#${arrowId})` : undefined }), edge.label && !isEditing && (_jsxs(_Fragment, { children: [_jsx("rect", { x: midpoint.x - edge.label.length * 3 - 4, y: midpoint.y - theme.edge.labelFontSize - 2, width: edge.label.length * 6 + 8, height: theme.edge.labelFontSize + 6, rx: 3, fill: theme.background, opacity: 0.8 }), _jsx("text", { x: midpoint.x, y: midpoint.y, fill: isSelected ? theme.node.labelColor : theme.edge.labelColor, fontSize: theme.edge.labelFontSize, fontFamily: theme.node.fontFamily, textAnchor: "middle", pointerEvents: "none", children: edge.label })] }))] }, edge.id));
             })] }));
 }
 //# sourceMappingURL=EdgeRenderer.js.map

package/dist/components/EdgeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeRenderer.js","sourceRoot":"","sources":["../../src/components/EdgeRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EdgeRenderer.js","sourceRoot":"","sources":["../../src/components/EdgeRenderer.tsx"],"names":[],"mappings":";AAOA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,YAAY,GACb,MAAM,eAAe,CAAA;AAkBtB;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,aAAa,GACK;IAClB,OAAO,CACL,8BAOE,yBACE,iBACE,EAAE,EAAC,yBAAyB,EAC5B,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EACjC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,EACxC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,EACjC,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,gBAAgB,YAE5B,kBACE,MAAM,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,EAAE,EACtG,IAAI,EAAC,gBAAgB,GACrB,GACK,GACJ,EAMN,CAAC,GAAG,KAAK,CAAC;iBACR,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;iBAC/B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACb,MAAM,IAAI,GAAG,UAAU,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC7C,MAAM,IAAI,GAAG,UAAU,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC7C,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBACjC,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBACjC,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAA;gBACzB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAA;gBACzB,IAAI,KAAK,KAAK,KAAK;oBAAE,OAAO,KAAK,GAAG,KAAK,CAAA;gBACzC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YAClB,CAAC,CAAC;iBACD,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;gBAClB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;gBAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBACvC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAA;gBAErC,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAA;gBACvE,MAAM,QAAQ,GAAG,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;gBAE5D,MAAM,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC,EAAE,CAAA;gBACzC,MAAM,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC,EAAE,CAAA;gBAEvC,wEAAwE;gBACxE,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;oBAC1B,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM;oBACxC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;gBACrB,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;gBAChE,2DAA2D;gBAC3D,uDAAuD;gBACvD,uBAAuB;gBACvB,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,CAAA;gBAClE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAA;gBAEzE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,CAAA;gBACnC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,MAAM,CAAA;gBACtC,MAAM,OAAO,GAAG,yBAAyB,CAAA;gBAEzC,MAAM,YAAY,GAChB,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAA;gBAEjF,OAAO,CACL,aAEE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAChC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAC9C,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,aAG5C,eACE,CAAC,EAAE,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,aAAa,EACpB,WAAW,EAAE,EAAE,GACf,EAGF,eACE,CAAC,EAAE,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACjD,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS,EAC7D,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS,GACjE,EAGD,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAC3B,8BAEE,eACE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EACzC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAChC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,EACpC,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,OAAO,EAAE,GAAG,GACZ,EACF,eACE,CAAC,EAAE,QAAQ,CAAC,CAAC,EACb,CAAC,EAAE,QAAQ,CAAC,CAAC,EACb,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAChE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EACjC,UAAU,EAAC,QAAQ,EACnB,aAAa,EAAC,MAAM,YAEnB,IAAI,CAAC,KAAK,GACN,IACN,CACJ,KApDI,IAAI,CAAC,EAAE,CAqDV,CACL,CAAA;YACH,CAAC,CAAC,IACD,CACJ,CAAA;AACH,CAAC"}

package/dist/components/NodeRenderer.d.ts

@@ -27,6 +27,10 @@ interface NodeRendererProps {
      * Callers can use this to interleave edges between groups and other nodes.
      */
     only?: 'groups' | 'non-groups';
+    /** Nodes that should render at low opacity (search/category filter). */
+    dimmedNodeIds?: Set<string>;
+    /** Nodes that should render with a highlight ring (search match). */
+    highlightedNodeIds?: Set<string>;
 }
 /**
  * Renders all nodes, dispatching to the appropriate type-specific component.
@@ -40,6 +44,6 @@ interface NodeRendererProps {
  *      `<g>` so slot primitives paint above the body but below the ref
  *      indicator and resize handles.
  */
-export declare function NodeRenderer({ nodes, theme, onClick, onDoubleClick, onContextMenu, onNavigate, onPointerDown, selectedIds, editingId, onResizeHandlePointerDown, canvases, only, }: NodeRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function NodeRenderer({ nodes, theme, onClick, onDoubleClick, onContextMenu, onNavigate, onPointerDown, selectedIds, editingId, onResizeHandlePointerDown, canvases, only, dimmedNodeIds, highlightedNodeIds, }: NodeRendererProps): import("react/jsx-runtime").JSX.Element;
 export { CategorySlotsLayer };
 //# sourceMappingURL=NodeRenderer.d.ts.map

package/dist/components/NodeRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeRenderer.d.ts","sourceRoot":"","sources":["../../src/components/NodeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAW1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC9D,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACpE,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACpE,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAA;IACvE,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,yBAAyB,CAAC,EAAE,CAC1B,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,KAAK,CAAC,YAAY,KACtB,IAAI,CAAA;IACT;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;CAC/B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,yBAAyB,EACzB,QAAQ,EACR,IAAI,GACL,EAAE,iBAAiB,2CAmFnB;AAaD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"NodeRenderer.d.ts","sourceRoot":"","sources":["../../src/components/NodeRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAW1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC9D,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACpE,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACpE,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAA;IACvE,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,yBAAyB,CAAC,EAAE,CAC1B,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,KAAK,CAAC,YAAY,KACtB,IAAI,CAAA;IACT;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,wEAAwE;IACxE,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CACjC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,yBAAyB,EACzB,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,kBAAkB,GACnB,EAAE,iBAAiB,2CA6HnB;AAaD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/NodeRenderer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { computeReflowReservations, getCategorySlots, pickRefIndicatorCorner, } from 'system-canvas';
 import { TextNode } from './TextNode.js';
 import { FileNode } from './FileNode.js';
@@ -18,7 +18,7 @@ import { CategorySlotsLayer } from './CategorySlotsLayer.js';
  *      `<g>` so slot primitives paint above the body but below the ref
  *      indicator and resize handles.
  */
-export function NodeRenderer({ nodes, theme, onClick, onDoubleClick, onContextMenu, onNavigate, onPointerDown, selectedIds, editingId, onResizeHandlePointerDown, canvases, only, }) {
+export function NodeRenderer({ nodes, theme, onClick, onDoubleClick, onContextMenu, onNavigate, onPointerDown, selectedIds, editingId, onResizeHandlePointerDown, canvases, only, dimmedNodeIds, highlightedNodeIds, }) {
     const groups = nodes.filter((n) => n.type === 'group');
     const others = nodes.filter((n) => n.type !== 'group');
     const common = (node) => {
@@ -56,10 +56,16 @@ export function NodeRenderer({ nodes, theme, onClick, onDoubleClick, onContextMe
     // drawing non-groups (or everything), so they end up above edges and nodes.
     const renderResizeHandles = only !== 'groups' && selectedNode && onResizeHandlePointerDown;
     return (_jsxs(_Fragment, { children: [only !== 'non-groups' &&
-                groups.map((node) => _jsx(GroupNode, { ...common(node) }, node.id)), only !== 'groups' &&
+                groups.map((node) => {
+                    const isDimmed = dimmedNodeIds?.has(node.id) ?? false;
+                    const isHighlighted = highlightedNodeIds?.has(node.id) ?? false;
+                    return (_jsxs("g", { opacity: isDimmed ? 0.15 : 1, children: [isHighlighted && (_jsx("rect", { x: node.x - 4, y: node.y - 4, width: node.width + 8, height: node.height + 8, rx: 6, fill: "none", stroke: theme.node.labelColor, strokeWidth: 2, opacity: 0.6, pointerEvents: "none" })), _jsx(GroupNode, { ...common(node) })] }, node.id));
+                }), only !== 'groups' &&
                 others.map((node) => {
                     const Component = getNodeComponent(node.type);
-                    return _jsx(Component, { ...common(node) }, node.id);
+                    const isDimmed = dimmedNodeIds?.has(node.id) ?? false;
+                    const isHighlighted = highlightedNodeIds?.has(node.id) ?? false;
+                    return (_jsxs("g", { opacity: isDimmed ? 0.15 : 1, children: [isHighlighted && (_jsx("rect", { x: node.x - 4, y: node.y - 4, width: node.width + 8, height: node.height + 8, rx: 6, fill: "none", stroke: theme.node.labelColor, strokeWidth: 2, opacity: 0.6, pointerEvents: "none" })), _jsx(Component, { ...common(node) })] }, node.id));
                 }), renderResizeHandles && (_jsx(ResizeHandles, { node: selectedNode, theme: theme, onHandlePointerDown: onResizeHandlePointerDown })), renderResizeHandles &&
                 (() => {
                     const slots = getCategorySlots(selectedNode, theme);

package/dist/components/NodeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeRenderer.js","sourceRoot":"","sources":["../../src/components/NodeRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NodeRenderer.js","sourceRoot":"","sources":["../../src/components/NodeRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/RevealsLayer.d.ts

@@ -0,0 +1,11 @@
+import type { CanvasData, CanvasTheme, ResolvedNode, ViewportState } from 'system-canvas';
+interface RevealsLayerProps {
+    nodes: ResolvedNode[];
+    theme: CanvasTheme;
+    canvases?: Record<string, CanvasData>;
+    /** Stable getter for the current viewport (pan + zoom). */
+    getViewport: () => ViewportState;
+}
+export declare function RevealsLayer({ nodes, theme, canvases, getViewport, }: RevealsLayerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RevealsLayer.d.ts.map

package/dist/components/RevealsLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealsLayer.d.ts","sourceRoot":"","sources":["../../src/components/RevealsLayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EAEV,WAAW,EAGX,YAAY,EAQZ,aAAa,EACd,MAAM,eAAe,CAAA;AAkCtB,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACrC,2DAA2D;IAC3D,WAAW,EAAE,MAAM,aAAa,CAAA;CACjC;AAeD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB,kDAyGnB"}

package/dist/components/RevealsLayer.js

@@ -0,0 +1,319 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { computeRevealOpacity, computeRevealRegion, getCategoryReveals, measureTextWidth, resolveRevealAccessor, resolveRevealThresholds, revealEntries, rollupNodes, truncateToWidth, wrapTextWithBreaks, } from 'system-canvas';
+import { NodeIcon } from './NodeIcon.js';
+export function RevealsLayer({ nodes, theme, canvases, getViewport, }) {
+    // Snapshot of the zoom value that controls which reveals are mounted.
+    // Updated only when a reveal crosses its `[threshold - fadeWindow,
+    // threshold]` band — i.e. enters or leaves the "alive" range. Inside
+    // the band we update opacity via direct DOM writes (see below).
+    const [zoomTick, setZoomTick] = useState(getViewport().zoom);
+    // Latest known zoom — used by the DOM-write opacity tick and read by
+    // accessors so they see a consistent value within a frame.
+    const zoomRef = useRef(getViewport().zoom);
+    useEffect(() => {
+        let raf = 0;
+        let lastZoom = -Infinity;
+        let lastTickedZoom = zoomTick;
+        const tick = () => {
+            const vp = getViewport();
+            const z = vp.zoom;
+            zoomRef.current = z;
+            if (z !== lastZoom) {
+                lastZoom = z;
+                // Update opacity on every mounted reveal via direct DOM writes.
+                // This avoids a React re-render for every frame while the
+                // panels are inside a fade window. The wrapping <g> uses
+                // `data-reveal-id` so we can find them without a ref-per-node
+                // bookkeeping dance.
+                if (rootRef.current) {
+                    const groups = rootRef.current.querySelectorAll('[data-reveal-key]');
+                    for (const g of Array.from(groups)) {
+                        const t = parseFloat(g.dataset.threshold ?? 'NaN');
+                        const f = parseFloat(g.dataset.fadeWindow ?? 'NaN');
+                        if (Number.isFinite(t) && Number.isFinite(f)) {
+                            const op = computeRevealOpacity(z, t, f);
+                            g.style.opacity = String(op);
+                        }
+                    }
+                }
+                // Decide whether the mount set should change. We re-render
+                // when crossing the "alive vs. not" boundary for any reveal,
+                // approximated by checking whether the integer-floored
+                // distance-to-threshold band has changed for any active
+                // category-bearing node. Cheaper proxy: re-tick state when
+                // the zoom changes by more than 0.02 — that's enough to keep
+                // the mount/unmount transitions sharp without thrashing.
+                if (Math.abs(z - lastTickedZoom) >= 0.02) {
+                    lastTickedZoom = z;
+                    setZoomTick(z);
+                }
+            }
+            raf = requestAnimationFrame(tick);
+        };
+        raf = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(raf);
+    }, [getViewport, zoomTick]);
+    const rootRef = useRef(null);
+    // Compute the active set off the most recent state-tick zoom. This is
+    // recomputed when nodes/theme/canvases change OR when the zoom-tick
+    // crosses the 0.02 threshold above. Inside that window opacity is
+    // animated directly via DOM writes.
+    const active = computeActiveReveals(nodes, theme, canvases, zoomTick);
+    if (active.length === 0)
+        return null;
+    return (_jsx("g", { ref: rootRef, className: "system-canvas-reveals", pointerEvents: "none", children: active.map((entry) => {
+            const { threshold, fadeWindow } = resolveRevealThresholds(entry.spec, theme);
+            const key = `${entry.node.id}:${entry.placement}`;
+            return (_jsx("g", { "data-reveal-key": key, "data-threshold": threshold, "data-fade-window": fadeWindow, style: { opacity: entry.opacity }, children: _jsx(RevealRenderer, { node: entry.node, theme: theme, canvases: canvases, placement: entry.placement, spec: entry.spec, region: entry.region, zoom: zoomRef.current, opacity: entry.opacity }) }, key));
+        }) }));
+}
+// ---------------------------------------------------------------------------
+// Active-set computation
+// ---------------------------------------------------------------------------
+function computeActiveReveals(nodes, theme, canvases, zoom) {
+    const out = [];
+    for (const node of nodes) {
+        const reveals = getCategoryReveals(node, theme);
+        if (!reveals)
+            continue;
+        for (const [placement, spec] of revealEntries(reveals)) {
+            const { threshold, fadeWindow } = resolveRevealThresholds(spec, theme);
+            // Below the fade band → skip entirely so no SVG is produced.
+            if (zoom < threshold - fadeWindow)
+                continue;
+            const region = computeRevealRegion(node, theme, placement, spec);
+            const opacity = computeRevealOpacity(zoom, threshold, fadeWindow);
+            // Build the context once so the visible-gate accessor sees the
+            // same values as the renderer does.
+            const ctx = buildRevealContext({
+                node,
+                theme,
+                region,
+                placement,
+                zoom,
+                opacity,
+                canvases,
+            });
+            if (spec.visible !== undefined) {
+                const v = resolveRevealAccessor(spec.visible, ctx);
+                if (!v)
+                    continue;
+            }
+            out.push({ node, placement, spec, region, opacity });
+        }
+    }
+    return out;
+}
+function buildRevealContext(args) {
+    const { node, theme, region, placement, zoom, opacity, canvases } = args;
+    const getSubCanvas = (ref) => canvases?.[ref];
+    return {
+        node,
+        theme,
+        region,
+        placement,
+        zoom,
+        opacity,
+        getSubCanvas,
+        canvases,
+        rollup: (predicate) => node.ref
+            ? rollupNodes(getSubCanvas(node.ref), predicate)
+            : { total: 0, matched: 0, fraction: 0 },
+    };
+}
+function RevealRenderer(props) {
+    const { spec } = props;
+    switch (spec.kind) {
+        case 'text':
+            return _jsx(TextRevealRenderer, { ...props, spec: spec });
+        case 'list':
+            return _jsx(ListRevealRenderer, { ...props, spec: spec });
+        case 'metrics':
+            return _jsx(MetricsRevealRenderer, { ...props, spec: spec });
+        case 'custom':
+            return _jsx(CustomRevealRenderer, { ...props });
+        default:
+            return null;
+    }
+}
+// ---------------------------------------------------------------------------
+// Shared helpers
+// ---------------------------------------------------------------------------
+/** Paint the optional panel background (fill + border) behind a reveal. */
+function PanelBackground({ region, theme, }) {
+    const td = theme.reveals;
+    const fill = td?.panelFill;
+    const stroke = td?.panelStroke;
+    const rx = td?.panelCornerRadius ?? 6;
+    if (!fill && !stroke)
+        return null;
+    return (_jsx("rect", { x: region.x, y: region.y, width: region.width, height: region.height, rx: rx, fill: fill ?? 'none', stroke: stroke ?? 'none', strokeWidth: stroke ? 1 : 0 }));
+}
+/**
+ * Build the per-reveal `RevealContext` for accessor calls inside a
+ * specific renderer. Mirrors `buildRevealContext` above but the
+ * `canvases` map flows in as a prop so the closure stays cheap.
+ */
+function makeCtx(props) {
+    return buildRevealContext(props);
+}
+/**
+ * Resolve a `NodeAccessor<string | null | undefined>` and coerce the
+ * result into a string suitable for rendering (or null to skip).
+ */
+function resolveTextField(accessor, ctx) {
+    if (accessor === undefined)
+        return null;
+    const v = resolveRevealAccessor(accessor, ctx);
+    if (v === null || v === undefined)
+        return null;
+    return String(v);
+}
+// ---------------------------------------------------------------------------
+// kind: 'text' — headline + body + optional leading icon
+// ---------------------------------------------------------------------------
+const PANEL_PAD_X = 12;
+const PANEL_PAD_Y = 10;
+function TextRevealRenderer(props) {
+    const { node, theme, region, spec } = props;
+    const ctx = makeCtx(props);
+    const headline = resolveTextField(spec.headline, ctx);
+    const body = resolveTextField(spec.body, ctx);
+    const iconName = resolveTextField(spec.icon, ctx);
+    if (!headline && !body)
+        return null;
+    const fontSize = theme.node.fontSize;
+    const labelColor = resolveRevealAccessor(spec.headlineColor ?? theme.node.labelColor, ctx);
+    const bodyColor = resolveRevealAccessor(spec.bodyColor ?? theme.node.sublabelColor, ctx);
+    const iconColor = resolveRevealAccessor(spec.iconColor ?? node.resolvedStroke, ctx);
+    const align = spec.textAlign ?? 'start';
+    const iconSize = 14;
+    const iconGap = 8;
+    const contentLeft = region.x + PANEL_PAD_X + (iconName ? iconSize + iconGap : 0);
+    const contentRight = region.x + region.width - PANEL_PAD_X;
+    const contentWidth = Math.max(0, contentRight - contentLeft);
+    // Anchor x for proportional text alignment.
+    const anchorX = align === 'center'
+        ? region.x + region.width / 2
+        : align === 'end'
+            ? contentRight
+            : contentLeft;
+    const textAnchor = align === 'center' ? 'middle' : align === 'end' ? 'end' : 'start';
+    // Layout: headline near the top, body wrapping below.
+    const headlineFs = Math.round(fontSize * 1.05);
+    const bodyFs = fontSize;
+    const headlineY = region.y + PANEL_PAD_Y + headlineFs * 0.85;
+    const bodyStartY = headlineY + (headline ? headlineFs * 0.9 : 0);
+    const bodyLines = body
+        ? wrapTextWithBreaks(body, contentWidth, bodyFs)
+        : [];
+    const bodyLineHeight = Math.round(bodyFs * 1.35);
+    return (_jsxs("g", { children: [_jsx(PanelBackground, { region: region, theme: theme }), iconName && (_jsx(NodeIcon, { icon: iconName, x: region.x + PANEL_PAD_X, y: region.y + PANEL_PAD_Y - 1, size: iconSize, color: iconColor, opacity: 1, customIcons: theme.icons })), headline && (_jsx("text", { x: anchorX, y: headlineY, fill: labelColor, fontSize: headlineFs, fontFamily: theme.node.labelFont ?? theme.node.fontFamily, fontWeight: 600, textAnchor: textAnchor, children: headline })), bodyLines.length > 0 && (_jsx("text", { x: anchorX, y: bodyStartY, fill: bodyColor, fontSize: bodyFs, fontFamily: theme.node.fontFamily, textAnchor: textAnchor, children: bodyLines.map((line, i) => (_jsx("tspan", { x: anchorX, dy: i === 0 ? '1em' : bodyLineHeight, children: line }, i))) }))] }));
+}
+function ListRevealRenderer(props) {
+    const { theme, region, spec } = props;
+    const ctx = makeCtx(props);
+    const fontSize = spec.fontSize ?? theme.node.fontSize;
+    const rowH = spec.rowHeight ?? Math.round(fontSize * 1.6);
+    const alignValues = spec.alignValues ?? true;
+    const valueWeight = spec.valueWeight ?? 600;
+    const labelWeight = spec.labelWeight ?? 500;
+    // Resolve every row up front so we know which rows are renderable
+    // before we lay anything out.
+    const resolved = [];
+    for (const row of spec.rows) {
+        const value = resolveRevealAccessor(row.value, ctx);
+        if (value === null || value === undefined)
+            continue;
+        resolved.push({
+            icon: resolveTextField(row.icon, ctx),
+            iconColor: resolveRevealAccessor(row.iconColor ?? props.node.resolvedStroke, ctx),
+            label: resolveTextField(row.label, ctx),
+            value: String(value),
+            valueColor: resolveRevealAccessor(row.valueColor ?? theme.node.labelColor, ctx),
+            mono: row.mono ?? false,
+        });
+    }
+    if (resolved.length === 0)
+        return null;
+    const labelColor = theme.node.sublabelColor;
+    const iconSize = 13;
+    const iconGap = 8;
+    const labelGap = 10;
+    // Compute the label column width — used when `alignValues` is on to
+    // line every row's value at the same x.
+    const labelCol = alignValues
+        ? Math.max(0, ...resolved.map((r) => r.label ? measureTextWidth(r.label, fontSize) : 0))
+        : 0;
+    // x positions. We always inset by PANEL_PAD_X; icons (when present
+    // on any row) consume the leading column even on rows that don't
+    // have one, so labels/values line up vertically.
+    const anyIcon = resolved.some((r) => r.icon !== null);
+    const xIcon = region.x + PANEL_PAD_X;
+    const xLabel = xIcon + (anyIcon ? iconSize + iconGap : 0);
+    const xValue = xLabel + (labelCol > 0 ? labelCol + labelGap : 0);
+    const valueRight = region.x + region.width - PANEL_PAD_X;
+    const valueMaxWidth = Math.max(0, valueRight - xValue);
+    const fontFamily = theme.node.fontFamily;
+    const monoFamily = 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace';
+    return (_jsxs("g", { children: [_jsx(PanelBackground, { region: region, theme: theme }), resolved.map((r, i) => {
+                const baselineY = region.y + PANEL_PAD_Y + rowH * (i + 0.5) + fontSize * 0.36;
+                // Safety net so the lib never paints values that overflow the
+                // panel. Consumers who want middle-truncation or any other
+                // custom shape should slice/format the string inside their
+                // own accessor before returning it — `measureTextWidth` and
+                // `truncateToWidth` are both exported from core for that.
+                const renderedValue = truncateToWidth(r.value, valueMaxWidth, fontSize);
+                return (_jsxs("g", { children: [r.icon && (_jsx(NodeIcon, { icon: r.icon, x: xIcon, y: baselineY - fontSize, size: iconSize, color: r.iconColor, opacity: 1, customIcons: theme.icons })), r.label && (_jsx("text", { x: xLabel, y: baselineY, fill: labelColor, fontSize: fontSize, fontFamily: fontFamily, fontWeight: labelWeight, children: r.label })), _jsx("text", { x: xValue, y: baselineY, fill: r.valueColor, fontSize: fontSize, fontFamily: r.mono ? monoFamily : fontFamily, fontWeight: valueWeight, children: renderedValue })] }, i));
+            })] }));
+}
+function MetricsRevealRenderer(props) {
+    const { theme, region, spec } = props;
+    const ctx = makeCtx(props);
+    const resolved = [];
+    for (const block of spec.blocks) {
+        const value = resolveRevealAccessor(block.value, ctx);
+        if (value === null || value === undefined)
+            continue;
+        resolved.push({
+            label: resolveTextField(block.label, ctx),
+            value: String(value),
+            delta: resolveTextField(block.delta, ctx),
+            color: resolveRevealAccessor(block.color ?? theme.node.labelColor, ctx),
+        });
+    }
+    if (resolved.length === 0)
+        return null;
+    const fontSize = theme.node.fontSize;
+    const labelFs = Math.round(fontSize * 0.85);
+    const valueFs = Math.round(fontSize * 1.4);
+    const deltaFs = Math.round(fontSize * 0.85);
+    const fontFamily = theme.node.fontFamily;
+    // Evenly divide horizontal space between blocks.
+    const innerLeft = region.x + PANEL_PAD_X;
+    const innerRight = region.x + region.width - PANEL_PAD_X;
+    const innerWidth = Math.max(0, innerRight - innerLeft);
+    const blockWidth = innerWidth / resolved.length;
+    const topPad = PANEL_PAD_Y;
+    const labelY = region.y + topPad + labelFs * 0.85;
+    const valueY = labelY + valueFs * 0.95;
+    const deltaY = valueY + deltaFs * 1.1;
+    return (_jsxs("g", { children: [_jsx(PanelBackground, { region: region, theme: theme }), resolved.map((b, i) => {
+                const cx = innerLeft + blockWidth * (i + 0.5);
+                return (_jsxs("g", { children: [b.label && (_jsx("text", { x: cx, y: labelY, fill: theme.node.sublabelColor, fontSize: labelFs, fontFamily: fontFamily, fontWeight: 500, textAnchor: "middle", children: b.label })), _jsx("text", { x: cx, y: valueY, fill: b.color, fontSize: valueFs, fontFamily: theme.node.labelFont ?? fontFamily, fontWeight: 700, textAnchor: "middle", children: b.value }), b.delta && (_jsx("text", { x: cx, y: deltaY, fill: theme.node.sublabelColor, fontSize: deltaFs, fontFamily: fontFamily, textAnchor: "middle", children: b.delta }))] }, i));
+            })] }));
+}
+// ---------------------------------------------------------------------------
+// kind: 'custom' — consumer escape hatch
+// ---------------------------------------------------------------------------
+function CustomRevealRenderer(props) {
+    const ctx = makeCtx(props);
+    const { spec } = props;
+    if (spec.kind !== 'custom')
+        return null;
+    const out = spec.render(ctx);
+    // React accepts most node shapes — coerce to ReactNode via the cast.
+    return _jsx(_Fragment, { children: out });
+}
+//# sourceMappingURL=RevealsLayer.js.map

package/dist/components/RevealsLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealsLayer.js","sourceRoot":"","sources":["../../src/components/RevealsLayer.tsx"],"names":[],"mappings":"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"}

package/dist/components/SearchOverlay.d.ts

@@ -0,0 +1,22 @@
+import type { CanvasTheme } from 'system-canvas';
+interface SearchOverlayProps {
+    open: boolean;
+    query: string;
+    onQueryChange: (q: string) => void;
+    theme: CanvasTheme;
+    hiddenCategories: Set<string>;
+    onToggleCategory: (cat: string) => void;
+    matchCount: number;
+    totalCount: number;
+    onClose: () => void;
+    onPanToMatch: () => void;
+}
+/**
+ * Floating search + category-filter overlay, rendered as a pill-shaped HTML
+ * overlay centered at the top of the canvas container.
+ *
+ * Returns null when `open` is false — zero cost when inactive.
+ */
+export declare function SearchOverlay({ open, query, onQueryChange, theme, hiddenCategories, onToggleCategory, matchCount, totalCount, onClose, onPanToMatch, }: SearchOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SearchOverlay.d.ts.map

package/dist/components/SearchOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchOverlay.d.ts","sourceRoot":"","sources":["../../src/components/SearchOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,KAAK,EAAE,WAAW,CAAA;IAClB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC7B,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAY,GACb,EAAE,kBAAkB,kDA0KpB"}