@principal-ai/subsystems-react 0.17.0

package/dist/hooks/useSequenceLayout.js

@@ -0,0 +1,327 @@
+/**
+ * React hook for sequence diagram layout
+ *
+ * Computes swimlane-based positioning for events. Lanes default to the first
+ * dotted segment of each event name. Callers can drill deeper by passing
+ * `openedNamespaces`: any prefix listed there has its events pushed one level
+ * deeper, so its children appear as their own lanes instead of being grouped
+ * under the parent.
+ */
+import { useMemo } from 'react';
+/**
+ * Resolve the lane (namespace prefix) for a given event name, given the set
+ * of opened namespaces. Walks segments from depth 1 outward, descending while
+ * the current prefix is opened, and stopping at the first prefix that isn't.
+ */
+function resolveLane(name, opened) {
+    const segs = name.split('.');
+    let depth = 1;
+    while (depth < segs.length) {
+        const prefix = segs.slice(0, depth).join('.');
+        if (opened.has(prefix)) {
+            depth++;
+        }
+        else {
+            break;
+        }
+    }
+    return segs.slice(0, depth).join('.');
+}
+/**
+ * useSequenceLayout
+ *
+ * @param events - Events to lay out
+ * @param sequenceEdges - Edges connecting events
+ * @param options - Layout options (lane sizing, openedNamespaces)
+ *
+ * @example
+ * ```tsx
+ * const { nodes, edges, swimlanes } = useSequenceLayout(
+ *   [
+ *     { id: '1', name: 'auth.validation.started' },
+ *     { id: '2', name: 'auth.validation.completed' },
+ *     { id: '3', name: 'database.query.executed' },
+ *   ],
+ *   [
+ *     { id: 'e1', fromEvent: '1', toEvent: '2' },
+ *     { id: 'e2', fromEvent: '2', toEvent: '3' },
+ *   ],
+ *   { openedNamespaces: ['auth'] }, // drill `auth` to show validation/token as separate lanes
+ * );
+ * ```
+ */
+export function useSequenceLayout(events, sequenceEdges, options = {}) {
+    const { openedNamespaces, laneOrder, laneWidth = 250, laneGap = 0, eventSpacing = 80, headerHeight = 60, nodeWidth = 14, nodeHeight = 14, } = options;
+    const laneOrderKey = useMemo(() => (laneOrder ? laneOrder.join('|') : ''), [laneOrder]);
+    // Normalize openedNamespaces into a stable string for memo dependency
+    const openedKey = useMemo(() => {
+        if (!openedNamespaces)
+            return '';
+        const arr = Array.from(openedNamespaces);
+        arr.sort();
+        return arr.join('|');
+    }, [openedNamespaces]);
+    return useMemo(() => {
+        if (events.length === 0) {
+            return {
+                nodes: [],
+                edges: [],
+                swimlanes: [],
+                parentHeaders: [],
+                headerRows: 1,
+                totalWidth: 0,
+                totalHeight: 0,
+            };
+        }
+        const opened = new Set(openedKey ? openedKey.split('|') : []);
+        // Step 1: Resolve each event to a lane prefix
+        const eventLane = new Map();
+        const laneEvents = new Map();
+        for (const event of events) {
+            const lane = resolveLane(event.name, opened);
+            eventLane.set(event.id, lane);
+            if (!laneEvents.has(lane)) {
+                laneEvents.set(lane, []);
+            }
+            laneEvents.get(lane).push(event.id);
+        }
+        // Step 2: Order lanes by first-event appearance (Map preserves insertion
+        // order from Step 1). If `laneOrder` is provided, listed namespaces are
+        // placed first in the given order; unlisted lanes follow in first-event
+        // order. Unknown entries in `laneOrder` are ignored.
+        const firstEventOrder = Array.from(laneEvents.keys());
+        let laneNames;
+        if (laneOrder && laneOrder.length > 0) {
+            const seen = new Set();
+            const ordered = [];
+            for (const ns of laneOrder) {
+                if (laneEvents.has(ns) && !seen.has(ns)) {
+                    ordered.push(ns);
+                    seen.add(ns);
+                }
+            }
+            for (const ns of firstEventOrder) {
+                if (!seen.has(ns))
+                    ordered.push(ns);
+            }
+            laneNames = ordered;
+        }
+        else {
+            laneNames = firstEventOrder;
+        }
+        // canExpand is meaningful only when opening would actually fork the lane
+        // into multiple child lanes. If every event in the lane would drill into
+        // the same child, drilling is a relabel — hide the chevron.
+        const eventsById = new Map();
+        for (const event of events)
+            eventsById.set(event.id, event);
+        const canExpandLane = (laneNs, eventIds) => {
+            const augmented = new Set(opened);
+            augmented.add(laneNs);
+            const seen = new Set();
+            for (const eid of eventIds) {
+                const event = eventsById.get(eid);
+                if (!event)
+                    continue;
+                seen.add(resolveLane(event.name, augmented));
+                if (seen.size > 1)
+                    return true;
+            }
+            return false;
+        };
+        // Step 3: Build Swimlane records
+        const swimlanes = laneNames.map((namespace, index) => {
+            const x = index * (laneWidth + laneGap) + laneWidth / 2;
+            const segs = namespace.split('.');
+            const parentNamespace = segs.length > 1 ? segs.slice(0, -1).join('.') : undefined;
+            const eventIds = laneEvents.get(namespace);
+            return {
+                namespace,
+                label: segs[segs.length - 1] || namespace,
+                x,
+                parentNamespace,
+                isOpened: opened.has(namespace),
+                isParentOpened: parentNamespace ? opened.has(parentNamespace) : false,
+                canExpand: canExpandLane(namespace, eventIds),
+                eventIds,
+            };
+        });
+        const laneByNamespace = new Map();
+        for (const lane of swimlanes) {
+            laneByNamespace.set(lane.namespace, lane);
+        }
+        // Step 3b: Build parent header cells for opened ancestors. For every leaf
+        // lane at depth > 1, walk depths 1..d-1 and aggregate the leaf x-extent
+        // under each ancestor.
+        const ancestorBounds = new Map();
+        for (const lane of swimlanes) {
+            const segs = lane.namespace.split('.');
+            const left = lane.x - laneWidth / 2;
+            const right = lane.x + laneWidth / 2;
+            for (let d = 1; d < segs.length; d++) {
+                const ancestorNs = segs.slice(0, d).join('.');
+                const existing = ancestorBounds.get(ancestorNs);
+                if (existing) {
+                    existing.xMin = Math.min(existing.xMin, left);
+                    existing.xMax = Math.max(existing.xMax, right);
+                }
+                else {
+                    ancestorBounds.set(ancestorNs, { xMin: left, xMax: right, depth: d });
+                }
+            }
+        }
+        const parentHeaders = Array.from(ancestorBounds.entries())
+            .map(([namespace, { xMin, xMax, depth }]) => {
+            const segs = namespace.split('.');
+            return {
+                namespace,
+                label: segs[segs.length - 1] || namespace,
+                x: (xMin + xMax) / 2,
+                width: xMax - xMin,
+                depth,
+            };
+        })
+            .sort((a, b) => a.depth - b.depth || a.x - b.x);
+        const headerRows = swimlanes.reduce((max, lane) => Math.max(max, lane.namespace.split('.').length), 1);
+        const totalHeaderHeight = headerHeight * headerRows;
+        // Step 4: Position events on global time layers, below the full header strip
+        const nodes = [];
+        for (let i = 0; i < events.length; i++) {
+            const event = events[i];
+            const laneNs = eventLane.get(event.id);
+            const lane = laneByNamespace.get(laneNs);
+            const y = totalHeaderHeight + 40 + i * eventSpacing;
+            nodes.push({
+                id: event.id,
+                type: 'sequenceMarker',
+                position: {
+                    x: lane.x - nodeWidth / 2,
+                    y: y - nodeHeight / 2,
+                },
+                data: {
+                    label: event.label || event.name.split('.').pop() || event.name,
+                    fullName: event.name,
+                    namespace: laneNs,
+                    timeLayer: i,
+                    isMoveEvent: event.moveEvent === true,
+                    sourcePath: event.sourcePath,
+                    ...event.data,
+                },
+                style: {
+                    width: nodeWidth,
+                    height: nodeHeight,
+                },
+            });
+        }
+        // Step 5: Edges — one per event, looking ahead to the next
+        const edges = [];
+        for (let i = 0; i < events.length; i++) {
+            const currentEvent = events[i];
+            const currentLaneNs = eventLane.get(currentEvent.id);
+            const currentLane = laneByNamespace.get(currentLaneNs);
+            if (i < events.length - 1) {
+                const nextEvent = events[i + 1];
+                const nextLaneNs = eventLane.get(nextEvent.id);
+                const nextLane = laneByNamespace.get(nextLaneNs);
+                const nextIsMoveEvent = nextEvent.moveEvent === true;
+                const crossesLanes = currentLaneNs !== nextLaneNs;
+                const edgeLabel = currentEvent.label ||
+                    currentEvent.name.split('.').pop() ||
+                    currentEvent.name;
+                edges.push({
+                    id: `edge-${currentEvent.id}-to-${nextEvent.id}`,
+                    source: currentEvent.id,
+                    target: nextEvent.id,
+                    type: 'sequenceArrowParticipant',
+                    label: edgeLabel,
+                    labelStyle: { fontSize: 12, fontWeight: 500 },
+                    labelBgStyle: { fill: 'white', fillOpacity: 0.8 },
+                    data: {
+                        crossesLanes,
+                        sourceNamespace: currentLaneNs,
+                        targetNamespace: nextLaneNs,
+                        isMoveEvent: nextIsMoveEvent,
+                        sourceEvent: currentEvent,
+                        targetEvent: nextEvent,
+                        sourceParticipantX: currentLane.x,
+                        targetParticipantX: nextLane.x,
+                    },
+                });
+            }
+            else {
+                const currentIsMoveEvent = currentEvent.moveEvent === true;
+                const edgeLabel = currentEvent.label ||
+                    currentEvent.name.split('.').pop() ||
+                    currentEvent.name;
+                edges.push({
+                    id: `edge-${currentEvent.id}-end`,
+                    source: currentEvent.id,
+                    target: currentEvent.id,
+                    type: 'sequenceArrowParticipant',
+                    label: edgeLabel,
+                    labelStyle: { fontSize: 12, fontWeight: 500 },
+                    labelBgStyle: { fill: 'white', fillOpacity: 0.8 },
+                    data: {
+                        crossesLanes: false,
+                        sourceNamespace: currentLaneNs,
+                        targetNamespace: currentLaneNs,
+                        isMoveEvent: currentIsMoveEvent,
+                        sourceEvent: currentEvent,
+                        targetEvent: currentEvent,
+                        sourceParticipantX: currentLane.x,
+                        targetParticipantX: currentLane.x,
+                        isLastEvent: true,
+                        eventSpacing,
+                    },
+                });
+            }
+        }
+        // Step 6: Compute total dimensions
+        const totalWidth = swimlanes.length * laneWidth + (swimlanes.length - 1) * laneGap;
+        const totalHeight = totalHeaderHeight + 40 + events.length * eventSpacing;
+        // Step 7: Boundary nodes so React Flow's fitView covers full width
+        if (swimlanes.length > 0) {
+            const leftmostLane = swimlanes[0];
+            const rightmostLane = swimlanes[swimlanes.length - 1];
+            nodes.push({
+                id: '__boundary_left__',
+                type: 'default',
+                position: { x: leftmostLane.x - laneWidth / 2, y: 0 },
+                data: {},
+                style: { width: 1, height: 1, opacity: 0 },
+                draggable: false,
+                selectable: false,
+            }, {
+                id: '__boundary_right__',
+                type: 'default',
+                position: { x: rightmostLane.x + laneWidth / 2, y: totalHeight },
+                data: {},
+                style: { width: 1, height: 1, opacity: 0 },
+                draggable: false,
+                selectable: false,
+            });
+        }
+        return {
+            nodes,
+            edges,
+            swimlanes,
+            parentHeaders,
+            headerRows,
+            totalWidth,
+            totalHeight,
+        };
+    }, [
+        events,
+        sequenceEdges,
+        openedKey,
+        laneOrderKey,
+        laneOrder,
+        laneWidth,
+        laneGap,
+        eventSpacing,
+        headerHeight,
+        nodeWidth,
+        nodeHeight,
+    ]);
+}
+//# sourceMappingURL=useSequenceLayout.js.map

package/dist/hooks/useSequenceLayout.js.map

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

package/dist/hooks/useUndoRedo.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Hook for managing undo/redo history in the graph editor
+ *
+ * Tracks position changes, dimension changes, edge operations, and node deletions
+ * Supports batch operations (e.g., moving multiple selected nodes = single undo)
+ */
+import type { NodeState, EdgeState } from '@principal-ai/subsystems-core';
+/**
+ * Individual history entry types
+ */
+export type HistoryEntry = {
+    type: 'position';
+    nodeId: string;
+    before: {
+        x: number;
+        y: number;
+    };
+    after: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: 'dimension';
+    nodeId: string;
+    before: {
+        width: number;
+        height: number;
+    };
+    after: {
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'text';
+    nodeId: string;
+    before: string;
+    after: string;
+} | {
+    type: 'nodeDelete';
+    nodeId: string;
+    nodeData: NodeState;
+} | {
+    type: 'edgeCreate';
+    edge: EdgeState & {
+        sourceHandle?: string;
+        targetHandle?: string;
+    };
+} | {
+    type: 'edgeDelete';
+    edge: EdgeState & {
+        sourceHandle?: string;
+        targetHandle?: string;
+    };
+};
+/**
+ * A batch of history entries that should be undone/redone together
+ */
+export type HistoryBatch = HistoryEntry[];
+export interface UseUndoRedoReturn {
+    /** Whether there are entries to undo */
+    canUndo: boolean;
+    /** Whether there are entries to redo */
+    canRedo: boolean;
+    /** Undo the last batch of changes, returns the entries to reverse */
+    undo: () => HistoryBatch | null;
+    /** Redo the last undone batch, returns the entries to re-apply */
+    redo: () => HistoryBatch | null;
+    /** Push a new batch of entries to the undo stack (clears redo stack) */
+    pushHistory: (entries: HistoryBatch) => void;
+    /** Clear all history (both undo and redo stacks) */
+    clearHistory: () => void;
+}
+/**
+ * Hook for managing undo/redo history
+ *
+ * Uses refs for stacks to avoid re-renders on every push,
+ * with state for canUndo/canRedo to trigger UI updates
+ */
+export declare function useUndoRedo(): UseUndoRedoReturn;
+//# sourceMappingURL=useUndoRedo.d.ts.map

package/dist/hooks/useUndoRedo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUndoRedo.d.ts","sourceRoot":"","sources":["../../src/hooks/useUndoRedo.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAI1E;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,SAAS,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpE,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,SAAS,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpE,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC;AAE1C,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,IAAI,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IAChC,kEAAkE;IAClE,IAAI,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IAChC,wEAAwE;IACxE,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,oDAAoD;IACpD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,CAqE/C"}

package/dist/hooks/useUndoRedo.js

@@ -0,0 +1,70 @@
+/**
+ * Hook for managing undo/redo history in the graph editor
+ *
+ * Tracks position changes, dimension changes, edge operations, and node deletions
+ * Supports batch operations (e.g., moving multiple selected nodes = single undo)
+ */
+import { useRef, useState, useCallback } from 'react';
+const MAX_HISTORY_SIZE = 50;
+/**
+ * Hook for managing undo/redo history
+ *
+ * Uses refs for stacks to avoid re-renders on every push,
+ * with state for canUndo/canRedo to trigger UI updates
+ */
+export function useUndoRedo() {
+    // Use refs for stacks to avoid re-renders on every push
+    const undoStackRef = useRef([]);
+    const redoStackRef = useRef([]);
+    // State for UI updates (canUndo/canRedo)
+    const [canUndo, setCanUndo] = useState(false);
+    const [canRedo, setCanRedo] = useState(false);
+    const updateCanStates = useCallback(() => {
+        setCanUndo(undoStackRef.current.length > 0);
+        setCanRedo(redoStackRef.current.length > 0);
+    }, []);
+    const pushHistory = useCallback((entries) => {
+        if (entries.length === 0)
+            return;
+        undoStackRef.current.push(entries);
+        // Limit stack size
+        if (undoStackRef.current.length > MAX_HISTORY_SIZE) {
+            undoStackRef.current.shift();
+        }
+        // Clear redo stack when new changes are made
+        redoStackRef.current = [];
+        updateCanStates();
+    }, [updateCanStates]);
+    const undo = useCallback(() => {
+        const batch = undoStackRef.current.pop();
+        if (!batch)
+            return null;
+        // Push to redo stack
+        redoStackRef.current.push(batch);
+        updateCanStates();
+        return batch;
+    }, [updateCanStates]);
+    const redo = useCallback(() => {
+        const batch = redoStackRef.current.pop();
+        if (!batch)
+            return null;
+        // Push back to undo stack
+        undoStackRef.current.push(batch);
+        updateCanStates();
+        return batch;
+    }, [updateCanStates]);
+    const clearHistory = useCallback(() => {
+        undoStackRef.current = [];
+        redoStackRef.current = [];
+        updateCanStates();
+    }, [updateCanStates]);
+    return {
+        canUndo,
+        canRedo,
+        undo,
+        redo,
+        pushHistory,
+        clearHistory,
+    };
+}
+//# sourceMappingURL=useUndoRedo.js.map

package/dist/hooks/useUndoRedo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUndoRedo.js","sourceRoot":"","sources":["../../src/hooks/useUndoRedo.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,gBAAgB,GAAG,EAAE,CAAC;AA0D5B;;;;;GAKG;AACH,MAAM,UAAU,WAAW;IACzB,wDAAwD;IACxD,MAAM,YAAY,GAAG,MAAM,CAAiB,EAAE,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,EAAE,CAAC,CAAC;IAEhD,yCAAyC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5C,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAqB,EAAE,EAAE;QACxB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEjC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEnC,mBAAmB;QACnB,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,gBAAgB,EAAE;YAClD,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC9B;QAED,6CAA6C;QAC7C,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;QAE1B,eAAe,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAwB,EAAE;QACjD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QACzC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,qBAAqB;QACrB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjC,eAAe,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAwB,EAAE;QACjD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QACzC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,0BAA0B;QAC1B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjC,eAAe,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;QAC1B,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;QAC1B,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO;QACL,OAAO;QACP,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @principal-ai/visual-validation-react
+ * React components for graph-based visual validation framework
+ *
+ * This library provides UI building blocks for creating graph visualization panels.
+ * The actual "panel" application should be built separately using these components.
+ */
+export type { GraphConfiguration, GraphEvent, GraphMetrics, Violation, Warning, ValidationResult, EventStream, NodeTypeDefinition, EdgeTypeDefinition, ConnectionRule, NodeState, EdgeState, ConfigurationFile, ConfigurationLoadResult, ComponentLibrary, } from '@principal-ai/subsystems-core';
+export { GraphRenderer } from './components/GraphRenderer';
+export type { GraphRendererProps, GraphRendererHandle, NodePositionChange, PendingChanges, } from './components/GraphRenderer';
+export { SequenceDiagramRenderer } from './components/SequenceDiagramRenderer';
+export type { SequenceDiagramRendererProps } from './components/SequenceDiagramRenderer';
+export { WorkflowSequenceDiagram } from './components/WorkflowSequenceDiagram';
+export type { WorkflowSequenceDiagramProps } from './components/WorkflowSequenceDiagram';
+export { useSequenceLayout } from './hooks/useSequenceLayout';
+export type { SequenceEvent, SequenceEdge, Swimlane, UseSequenceLayoutOptions, UseSequenceLayoutResult, } from './hooks/useSequenceLayout';
+export { MultiCanvasRenderer, mergeCanvases, parseNodeId } from './components/MultiCanvasRenderer';
+export type { MultiCanvasRendererProps, MultiCanvasLayout, CanvasPlacement, } from './components/MultiCanvasRenderer';
+export { ConfigurationSelector } from './components/ConfigurationSelector';
+export type { ConfigurationSelectorProps } from './components/ConfigurationSelector';
+export { GenericNode } from './nodes/GenericNode';
+export type { GenericNodeProps } from './nodes/GenericNode';
+export { CustomNode } from './nodes/CustomNode';
+export type { CustomNodeData } from './nodes/CustomNode';
+export { OtelSpanConventionNode, OtelEventNode, OtelScopeNode, OtelResourceNode, OtelBoundaryNode, } from './nodes/otel';
+export type { OtelSpanConventionNodeData, OtelEventNodeData, OtelScopeNodeData, OtelResourceNodeData, OtelBoundaryNodeData, WorkflowChip, } from './nodes/otel';
+export { GenericEdge } from './edges/GenericEdge';
+export type { GenericEdgeProps } from './edges/GenericEdge';
+export { CustomEdge } from './edges/CustomEdge';
+export type { CustomEdgeData } from './edges/CustomEdge';
+export { NodeTooltip } from './components/NodeTooltip';
+export type { NodeTooltipProps, OtelInfo } from './components/NodeTooltip';
+export { convertToXYFlowNodes, convertToXYFlowEdges, } from './utils/graphConverter';
+export type { EdgeStateWithHandles } from './utils/graphConverter';
+export { Icon, resolveIcon } from './utils/iconResolver';
+export type { IconProps } from './utils/iconResolver';
+export { swapGraphOrientation, swapNodePositions, swapEdgeSides, } from './utils/orientationUtils';
+export { getCanvasBounds, getCanvasDisplaySize, calculateInitialViewport } from './utils/canvasBounds';
+export type { CanvasBounds, Viewport } from './utils/canvasBounds';
+export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
+export type { ElkLayoutOptions, ElkLayoutResult, ElkRoutingStyle } from './utils/elkLayout';
+export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
+export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
+export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
+export type { DashboardDefinition, MetricDefinition, MetricType, MetricSource, MetricQuery, Derivation, TimeGroup, AlertDefinition, MetricDisplay, DisplayComponent, DashboardLayout, DashboardRow, PanelPlacement, TimeRangePreset, TimeRange, RefreshInterval, TimeRangeConfig, MockMetricData, TimeSeriesPoint, HistogramData, MetricData, DataProvider, DashboardRendererProps, MetricPanelProps, MetricCardProps, LineChartProps, BarChartProps, SourceLinkProps, TimeRangeSelectorProps, } from './components/dashboard';
+export { PipelineView, useStateView } from './components/state-view';
+export type { StateEvent, EventSource, StateReducer, StateDiff, TransitionDefinition, ActiveAnimation, AnimationType, ReplayControls, StateViewDefinition, PipelineState, PipelineStage, PipelineRepoState, PipelineEvent, PipelineEventType, ActivityState, RoomState, ActivityEvent, ActivityEventType, QuotaDistributionState, UserQuotaState, QuotaEvent, QuotaEventType, UseStateViewOptions, UseStateViewResult, PipelineViewProps, } from './components/state-view';
+export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
+export type { SessionEventFeedProps, SessionEventFeedGroupedProps, SessionEventFeedRow, } from './components/session-events';
+export type { JsonValue, GraphifyFileType, GraphifyConfidence, GraphifyNodeType, GraphifyRelation, GraphifyNode, GraphifyEdge, GraphifyHyperedge, GraphifyGraphMetadata, GraphifyGraph, } from './graphify';
+export type { GraphifyAnchorResolution, SubsystemGraphifyAnchor, GraphifyMethodInfo, GraphifyPropertyInfo, GraphifyParamInfo, GraphifyCallInfo, GraphifyReferenceInfo, GraphifyImportInfo, GraphifyClassDetail, GraphifyFunctionDetail, GraphifyTypeDetail, GraphifyModuleDetail, GraphifyExternalDetail, GraphifyComponentDetail, GraphifyEdgeRef, } from './graphify';
+export type { GraphifyTypeRefStatus, GraphifyTypeRefResolution, } from './graphify';
+export { normalizeGraphifyLabel, createGraphifyTypeResolver, resolveGraphifyTypeRef, normalizeGraphifyId, makeGraphifyId, graphifyFileStem, normalizeSourcePath, resolveComponentAnchor, symbolLabelVariants, inferGraphifyKind, kindsMatch, extractNamedTypes, extractGraphifySignature, compareSignatures, } from './graphify';
+export type { ComponentAnchorInput, ComponentAnchorResult, InferredGraphifyKind, InferGraphifyKindResult, GraphifyInferredSignature, ClaimedSignature, SignatureCompareResult, } from './graphify';
+export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
+export type { SubsystemComponentGraphProps, ThroughlineViewerContext } from './subsystem/SubsystemComponentGraph';
+export type { ComponentVerificationState, ComponentVerificationPhase, ComponentDeclarationProps, } from './subsystem/ComponentDeclaration';
+export { ComponentDeclaration } from './subsystem/ComponentDeclaration';
+export { MECHANISM_COLOR, MECHANISM_STYLE } from './subsystem/model';
+export { CONSTRUCT_COLOR, constructColorsFromPierreTheme } from './pierre/constructColors';
+export { purlRepoKey, purlOwnerName, buildTreePathMapping, buildRepoGroups, repoAvatarUrl, } from './subsystem/paths';
+export type { TreeEntry, TreePathMapping, RepoGroup, } from './subsystem/paths';
+export { SubsystemFileTree } from './subsystem/SubsystemFileTree';
+export type { SubsystemFileTreeProps } from './subsystem/SubsystemFileTree';
+export { GraphLayoutCover } from './subsystem/GraphLayoutCover';
+export type { GraphLayoutCoverProps } from './subsystem/GraphLayoutCover';
+export type { SubsystemComponent, SubsystemComponentEdge, SubsystemThroughline, SubsystemThroughlineStep, SubsystemModelDocument, SubsystemComponentConstruct, SubsystemComponentRole, SubsystemFramework, SubsystemStereotype, SubsystemEdgeMechanism, } from './subsystem/model';
+export { constructBadgeLabel, deriveNameFromSymbol, nodeMinWidthForBadges, ROLE_COLOR, ROLE_LABEL, } from './subsystem/model';
+export type { SubsystemDeclarationRef, SubsystemOpenFileOptions, DeclarationFreshness, } from './subsystem/declarationRef';
+export { parseSourceLocation, normalizeDeclarationLine, extractDeclarationLine, DECLARATION_HASH_ALGO, } from './subsystem/declarationRef';
+export { PierreFileView, PierreSnippetView, PierreThroughlineCodeView, sliceSnippetWindow, resolvePierreSyntaxThemeName } from './pierre';
+export type { PierreFileViewProps, PierreSnippetViewProps, PierreThroughlineCodeViewProps, SnippetSlice, PierreSyntaxThemeName, } from './pierre';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,51 @@
+/**
+ * @principal-ai/visual-validation-react
+ * React components for graph-based visual validation framework
+ *
+ * This library provides UI building blocks for creating graph visualization panels.
+ * The actual "panel" application should be built separately using these components.
+ */
+// Export components
+export { GraphRenderer } from './components/GraphRenderer';
+export { SequenceDiagramRenderer } from './components/SequenceDiagramRenderer';
+export { WorkflowSequenceDiagram } from './components/WorkflowSequenceDiagram';
+export { useSequenceLayout } from './hooks/useSequenceLayout';
+export { MultiCanvasRenderer, mergeCanvases, parseNodeId } from './components/MultiCanvasRenderer';
+export { ConfigurationSelector } from './components/ConfigurationSelector';
+// Export node/edge renderers
+export { GenericNode } from './nodes/GenericNode';
+export { CustomNode } from './nodes/CustomNode';
+// Export OTEL node components
+export { OtelSpanConventionNode, OtelEventNode, OtelScopeNode, OtelResourceNode, OtelBoundaryNode, } from './nodes/otel';
+export { GenericEdge } from './edges/GenericEdge';
+export { CustomEdge } from './edges/CustomEdge';
+// Export tooltip component
+export { NodeTooltip } from './components/NodeTooltip';
+// Export utilities
+export { convertToXYFlowNodes, convertToXYFlowEdges, } from './utils/graphConverter';
+export { Icon, resolveIcon } from './utils/iconResolver';
+export { swapGraphOrientation, swapNodePositions, swapEdgeSides, } from './utils/orientationUtils';
+export { getCanvasBounds, getCanvasDisplaySize, calculateInitialViewport } from './utils/canvasBounds';
+// ELK layout utilities for circuit-board style edge routing
+export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
+export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
+// Dashboard components for rendering metrics from dashboard definition files
+export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
+// State View components for event-driven state visualization
+export { PipelineView, useStateView } from './components/state-view';
+// Session event diagnostic feed (raw → repo-normalized → accumulated)
+export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
+export { normalizeGraphifyLabel, createGraphifyTypeResolver, resolveGraphifyTypeRef, normalizeGraphifyId, makeGraphifyId, graphifyFileStem, normalizeSourcePath, resolveComponentAnchor, symbolLabelVariants, inferGraphifyKind, kindsMatch, extractNamedTypes, extractGraphifySignature, compareSignatures, } from './graphify';
+// Subsystem component graph
+export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
+export { ComponentDeclaration } from './subsystem/ComponentDeclaration';
+export { MECHANISM_COLOR, MECHANISM_STYLE } from './subsystem/model';
+export { CONSTRUCT_COLOR, constructColorsFromPierreTheme } from './pierre/constructColors';
+export { purlRepoKey, purlOwnerName, buildTreePathMapping, buildRepoGroups, repoAvatarUrl, } from './subsystem/paths';
+export { SubsystemFileTree } from './subsystem/SubsystemFileTree';
+export { GraphLayoutCover } from './subsystem/GraphLayoutCover';
+export { constructBadgeLabel, deriveNameFromSymbol, nodeMinWidthForBadges, ROLE_COLOR, ROLE_LABEL, } from './subsystem/model';
+export { parseSourceLocation, normalizeDeclarationLine, extractDeclarationLine, DECLARATION_HASH_ALGO, } from './subsystem/declarationRef';
+// Pierre code views (@pierre/diffs wrappers)
+export { PierreFileView, PierreSnippetView, PierreThroughlineCodeView, sliceSnippetWindow, resolvePierreSyntaxThemeName } from './pierre';
+//# sourceMappingURL=index.js.map