@principal-ai/subsystems-react 0.17.0

package/dist/graphify/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/graphify/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,iEAAiE;AACjE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAEtG,mEAAmE;AACnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjG,oEAAoE;AACpE,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC;AAExE,4EAA4E;AAC5E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;AAE/D,6EAA6E;AAC7E,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,eAAe,GACf,yBAAyB,GACzB,MAAM,CAAC;AAEX;;;;;;;GAOG;AACH,MAAM,WAAW,YAAY;IAC3B,2EAA2E;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,sEAAsE;IACtE,UAAU,EAAE,kBAAkB,CAAC;IAC/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,wDAAwD;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,sBAAsB;IACtB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,qBAAqB;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,8DAA8D;AAC9D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACjC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/graphify/types.js

@@ -0,0 +1,8 @@
+/**
+ * Graphify graph.json schema types.
+ *
+ * Mirrors the graphify data model (graphify/validate.py, graphify/export.py)
+ * so graphify output can be consumed by this library in a type-compatible way.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/graphify/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/graphify/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/hooks/useElkLayout.d.ts

@@ -0,0 +1,66 @@
+/**
+ * React hook for ELK layout integration
+ *
+ * Provides automatic edge routing with circuit-board style paths.
+ */
+import type { Node, Edge } from '@xyflow/react';
+import { type ElkLayoutOptions } from '../utils/elkLayout';
+export interface UseElkLayoutOptions extends ElkLayoutOptions {
+    /**
+     * Whether ELK layout is enabled
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Debounce delay in ms before recomputing layout
+     * @default 100
+     */
+    debounceMs?: number;
+}
+export interface UseElkLayoutResult {
+    /** Edge paths computed by ELK, keyed by edge ID */
+    edgePaths: Map<string, string>;
+    /** Edge label positions computed by ELK, keyed by edge ID */
+    edgeLabelPositions: Map<string, {
+        x: number;
+        y: number;
+    }>;
+    /** Whether layout is currently being computed */
+    isLayouting: boolean;
+    /** Any error that occurred during layout */
+    error: Error | null;
+    /** Manually trigger a layout recomputation */
+    recomputeLayout: () => void;
+}
+/**
+ * Hook for computing ELK layout for edges
+ *
+ * @param nodes - xyflow nodes
+ * @param edges - xyflow edges
+ * @param options - Layout options
+ * @returns Layout result with edge paths
+ *
+ * @example
+ * ```tsx
+ * const { edgePaths, isLayouting } = useElkLayout(nodes, edges, {
+ *   routingStyle: 'orthogonal',
+ *   edgeSpacing: 15,
+ * });
+ * ```
+ */
+export declare function useElkLayout(nodes: Node[], edges: Edge[], options?: UseElkLayoutOptions): UseElkLayoutResult;
+/**
+ * Apply ELK-computed paths to edges
+ *
+ * This utility injects the ELK path data into edge data so CustomEdge can use it.
+ *
+ * @param edges - Original edges
+ * @param edgePaths - ELK-computed paths
+ * @param edgeLabelPositions - ELK-computed label positions
+ * @returns Edges with ELK path data injected
+ */
+export declare function applyElkPathsToEdges<T extends Edge>(edges: T[], edgePaths: Map<string, string>, edgeLabelPositions: Map<string, {
+    x: number;
+    y: number;
+}>): T[];
+//# sourceMappingURL=useElkLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useElkLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElkLayout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,6DAA6D;IAC7D,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1D,iDAAiD;IACjD,WAAW,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,IAAI,EAAE,EACb,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,GAAE,mBAAwB,GAChC,kBAAkB,CAmGpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EACjD,KAAK,EAAE,CAAC,EAAE,EACV,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACxD,CAAC,EAAE,CAkBL"}

package/dist/hooks/useElkLayout.js

@@ -0,0 +1,136 @@
+/**
+ * React hook for ELK layout integration
+ *
+ * Provides automatic edge routing with circuit-board style paths.
+ */
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { computeElkLayout } from '../utils/elkLayout';
+/**
+ * Hook for computing ELK layout for edges
+ *
+ * @param nodes - xyflow nodes
+ * @param edges - xyflow edges
+ * @param options - Layout options
+ * @returns Layout result with edge paths
+ *
+ * @example
+ * ```tsx
+ * const { edgePaths, isLayouting } = useElkLayout(nodes, edges, {
+ *   routingStyle: 'orthogonal',
+ *   edgeSpacing: 15,
+ * });
+ * ```
+ */
+export function useElkLayout(nodes, edges, options = {}) {
+    const { enabled = true, debounceMs = 100, ...layoutOptions } = options;
+    const [edgePaths, setEdgePaths] = useState(new Map());
+    const [edgeLabelPositions, setEdgeLabelPositions] = useState(new Map());
+    const [isLayouting, setIsLayouting] = useState(false);
+    const [error, setError] = useState(null);
+    const timeoutRef = useRef(null);
+    const abortRef = useRef(false);
+    const hasComputedRef = useRef(null);
+    // Create stable refs for nodes and edges
+    const nodesRef = useRef(nodes);
+    nodesRef.current = nodes;
+    const edgesRef = useRef(edges);
+    edgesRef.current = edges;
+    // Create a stable reference to layout options
+    const optionsRef = useRef(layoutOptions);
+    optionsRef.current = layoutOptions;
+    // Create a stable key based on node/edge structure
+    const layoutKey = useMemo(() => {
+        const nodeKey = nodes.map(n => `${n.id}:${n.position.x}:${n.position.y}:${n.width ?? 0}:${n.height ?? 0}`).join('|');
+        const edgeKey = edges.map(e => `${e.id}:${e.source}:${e.target}`).join('|');
+        return `${enabled}:${nodeKey}:${edgeKey}`;
+    }, [enabled, nodes, edges]);
+    // Compute layout when key changes
+    useEffect(() => {
+        // Skip if already computed for this key
+        if (hasComputedRef.current === layoutKey) {
+            return;
+        }
+        if (!enabled || nodesRef.current.length === 0) {
+            setEdgePaths(new Map());
+            setEdgeLabelPositions(new Map());
+            hasComputedRef.current = layoutKey;
+            return;
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        abortRef.current = false;
+        timeoutRef.current = setTimeout(async () => {
+            setIsLayouting(true);
+            setError(null);
+            try {
+                const result = await computeElkLayout(nodesRef.current, edgesRef.current, optionsRef.current);
+                if (abortRef.current)
+                    return;
+                setEdgePaths(result.edgePaths);
+                setEdgeLabelPositions(result.edgeLabelPositions);
+                hasComputedRef.current = layoutKey;
+            }
+            catch (err) {
+                if (!abortRef.current) {
+                    setError(err instanceof Error ? err : new Error(String(err)));
+                    console.error('ELK layout error:', err);
+                }
+            }
+            finally {
+                if (!abortRef.current) {
+                    setIsLayouting(false);
+                }
+            }
+        }, debounceMs);
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+            abortRef.current = true;
+        };
+    }, [layoutKey, enabled, debounceMs]);
+    const recomputeLayout = useCallback(() => {
+        hasComputedRef.current = null; // Force recompute
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        // Trigger effect by invalidating the key check
+        setIsLayouting(true);
+    }, []);
+    return {
+        edgePaths,
+        edgeLabelPositions,
+        isLayouting,
+        error,
+        recomputeLayout,
+    };
+}
+/**
+ * Apply ELK-computed paths to edges
+ *
+ * This utility injects the ELK path data into edge data so CustomEdge can use it.
+ *
+ * @param edges - Original edges
+ * @param edgePaths - ELK-computed paths
+ * @param edgeLabelPositions - ELK-computed label positions
+ * @returns Edges with ELK path data injected
+ */
+export function applyElkPathsToEdges(edges, edgePaths, edgeLabelPositions) {
+    return edges.map((edge) => {
+        const elkPath = edgePaths.get(edge.id);
+        const elkLabelPosition = edgeLabelPositions.get(edge.id);
+        if (elkPath) {
+            return {
+                ...edge,
+                data: {
+                    ...edge.data,
+                    elkPath,
+                    elkLabelPosition,
+                },
+            };
+        }
+        return edge;
+    });
+}
+//# sourceMappingURL=useElkLayout.js.map

package/dist/hooks/useElkLayout.js.map

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

package/dist/hooks/usePathBasedEvents.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Hook for processing path-based events and mapping them to animations
+ *
+ * Handles ComponentActivityEvent and ComponentActionEvent from
+ * PathBasedEventProcessor (Milestone 1 & 2)
+ */
+import type { PathBasedEvent } from '@principal-ai/subsystems-core';
+import { type NodeAnimation, type EdgeAnimation } from '../utils/animationMapping';
+/**
+ * Animation update callbacks
+ */
+export interface AnimationCallbacks {
+    onNodeAnimation: (nodeId: string, animation: NodeAnimation & {
+        timestamp: number;
+    }) => void;
+    onEdgeAnimation: (edgeId: string, animation: EdgeAnimation & {
+        timestamp: number;
+    }) => void;
+}
+/**
+ * Hook options
+ */
+export interface UsePathBasedEventsOptions {
+    /** Path-based events to process */
+    events: PathBasedEvent[];
+    /** Callbacks for triggering animations */
+    callbacks: AnimationCallbacks;
+    /** Optional callback when event is processed */
+    onEventProcessed?: (event: PathBasedEvent) => void;
+    /** Minimum log level to trigger animations (default: 'info') */
+    minLogLevel?: 'debug' | 'info' | 'warn' | 'error';
+}
+/**
+ * Process path-based events and trigger appropriate animations
+ */
+export declare function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel, }: UsePathBasedEventsOptions): void;
+/**
+ * Process a batch of path-based events
+ * Useful for processing historical logs or bulk updates
+ */
+export declare function processBatchEvents(events: PathBasedEvent[], callbacks: AnimationCallbacks, minLogLevel?: 'debug' | 'info' | 'warn' | 'error'): void;
+//# sourceMappingURL=usePathBasedEvents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePathBasedEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/usePathBasedEvents.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAIV,cAAc,EACf,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,MAAM,EAAE,cAAc,EAAE,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,EAAE,kBAAkB,CAAC;IAE9B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAEnD,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,WAAoB,GACrB,EAAE,yBAAyB,GAAG,IAAI,CAqFlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EAAE,EACxB,SAAS,EAAE,kBAAkB,EAC7B,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAgB,GACxD,IAAI,CAyCN"}

package/dist/hooks/usePathBasedEvents.js

@@ -0,0 +1,119 @@
+/**
+ * Hook for processing path-based events and mapping them to animations
+ *
+ * Handles ComponentActivityEvent and ComponentActionEvent from
+ * PathBasedEventProcessor (Milestone 1 & 2)
+ */
+import { useEffect, useCallback } from 'react';
+import { logLevelToNodeAnimation, actionToNodeAnimation, actionToEdgeAnimation, } from '../utils/animationMapping';
+/**
+ * Process path-based events and trigger appropriate animations
+ */
+export function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel = 'info', }) {
+    const { onNodeAnimation, onEdgeAnimation } = callbacks;
+    // Process component activity events (Milestone 1)
+    const processActivityEvent = useCallback((event) => {
+        // Map log level to animation
+        const animation = logLevelToNodeAnimation(event.level);
+        // Trigger node animation
+        onNodeAnimation(event.componentId, {
+            ...animation,
+            timestamp: event.timestamp,
+        });
+        onEventProcessed?.(event);
+    }, [onNodeAnimation, onEventProcessed]);
+    // Process component action events (Milestone 2)
+    const processActionEvent = useCallback((event) => {
+        // Map action/state to animation
+        const animation = actionToNodeAnimation(event.action, event.state);
+        // Trigger node animation
+        onNodeAnimation(event.componentId, {
+            ...animation,
+            timestamp: event.timestamp,
+        });
+        onEventProcessed?.(event);
+    }, [onNodeAnimation, onEventProcessed]);
+    // Process edge animation events (Milestone 2)
+    const processEdgeAnimationEvent = useCallback((event) => {
+        const animation = actionToEdgeAnimation(event.triggeredBy?.action || 'unknown', {
+            type: event.animation,
+            duration: event.duration,
+            direction: event.direction,
+        });
+        onEdgeAnimation(event.edgeId, {
+            ...animation,
+            timestamp: event.timestamp,
+        });
+        onEventProcessed?.(event);
+    }, [onEdgeAnimation, onEventProcessed]);
+    // Process events when they change
+    useEffect(() => {
+        if (events.length === 0)
+            return;
+        // Process the latest event
+        const latestEvent = events[events.length - 1];
+        switch (latestEvent.type) {
+            case 'component-activity': {
+                // Milestone 1: Component activity from log
+                // Check if log level is high enough to trigger animation
+                const levels = ['debug', 'info', 'warn', 'error'];
+                if (levels.indexOf(latestEvent.level) >= levels.indexOf(minLogLevel)) {
+                    processActivityEvent(latestEvent);
+                }
+                break;
+            }
+            case 'component-action':
+                // Milestone 2: Specific action from pattern match
+                processActionEvent(latestEvent);
+                break;
+            case 'edge-animation':
+                // Milestone 2: Edge activation from action trigger
+                processEdgeAnimationEvent(latestEvent);
+                break;
+        }
+    }, [events, processActivityEvent, processActionEvent, processEdgeAnimationEvent, minLogLevel]);
+}
+/**
+ * Process a batch of path-based events
+ * Useful for processing historical logs or bulk updates
+ */
+export function processBatchEvents(events, callbacks, minLogLevel = 'info') {
+    const levels = ['debug', 'info', 'warn', 'error'];
+    const minLevelIndex = levels.indexOf(minLogLevel);
+    for (const event of events) {
+        switch (event.type) {
+            case 'component-activity':
+                if (levels.indexOf(event.level) >= minLevelIndex) {
+                    const animation = logLevelToNodeAnimation(event.level);
+                    callbacks.onNodeAnimation(event.componentId, {
+                        ...animation,
+                        timestamp: event.timestamp,
+                    });
+                }
+                break;
+            case 'component-action':
+                {
+                    const animation = actionToNodeAnimation(event.action, event.state);
+                    callbacks.onNodeAnimation(event.componentId, {
+                        ...animation,
+                        timestamp: event.timestamp,
+                    });
+                }
+                break;
+            case 'edge-animation':
+                {
+                    const animation = actionToEdgeAnimation(event.triggeredBy?.action || 'unknown', {
+                        type: event.animation,
+                        duration: event.duration,
+                        direction: event.direction,
+                    });
+                    callbacks.onEdgeAnimation(event.edgeId, {
+                        ...animation,
+                        timestamp: event.timestamp,
+                    });
+                }
+                break;
+        }
+    }
+}
+//# sourceMappingURL=usePathBasedEvents.js.map

package/dist/hooks/usePathBasedEvents.js.map

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

package/dist/hooks/useSequenceLayout.d.ts

@@ -0,0 +1,186 @@
+/**
+ * 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 type { Node, Edge } from '@xyflow/react';
+/**
+ * Input event for sequence layout
+ */
+export interface SequenceEvent {
+    /** Unique event identifier */
+    id: string;
+    /** Event name with namespace (e.g., "auth.validation.started") */
+    name: string;
+    /** Optional display label (defaults to name) */
+    label?: string;
+    /** Optional event type for styling */
+    type?: string;
+    /** Whether this is a move event (crosses participant boundaries) */
+    moveEvent?: boolean;
+    /** Participant this event belongs to (for move events, this is the target) */
+    participant?: string;
+    /**
+     * Optional source-file path this event originated from, expressed
+     * relative to the repository root (e.g.
+     * `auth-server/src/lib/auth-provider.ts`). Surfaced on the React Flow
+     * node `data` so downstream renderers (file-city overlays, jump-to-source,
+     * IDE bridges) can react to selection without reaching into `data`.
+     */
+    sourcePath?: string;
+    /** Additional data to pass through to the node */
+    data?: Record<string, unknown>;
+}
+/**
+ * Input edge for sequence layout
+ */
+export interface SequenceEdge {
+    /** Unique edge identifier */
+    id: string;
+    /** Source event ID */
+    fromEvent: string;
+    /** Target event ID */
+    toEvent: string;
+    /** Optional edge label */
+    label?: string;
+    /** Optional edge type for styling */
+    type?: string;
+}
+/**
+ * Swimlane information computed from events
+ */
+export interface Swimlane {
+    /** Namespace identifier for this lane */
+    namespace: string;
+    /** Display label for the lane header (last segment of the namespace) */
+    label: string;
+    /** X position of the lane center */
+    x: number;
+    /** Parent namespace (one segment shallower), if any */
+    parentNamespace?: string;
+    /** Whether this lane's namespace is in `openedNamespaces` (its events have been drilled deeper) */
+    isOpened: boolean;
+    /** Whether the immediate parent namespace is opened (this lane only exists because its parent was drilled into) */
+    isParentOpened: boolean;
+    /** Whether any event extends strictly past this lane's namespace (so opening would split it further) */
+    canExpand: boolean;
+    /** Events directly assigned to this lane */
+    eventIds: string[];
+}
+/**
+ * Options for sequence layout
+ */
+export interface UseSequenceLayoutOptions {
+    /**
+     * Namespace prefixes whose events should be drilled one segment deeper.
+     * Pass an array or a Set. Each entry is a dotted prefix (e.g. `auth` or
+     * `auth.user`). When listed, events under that prefix land in lanes one
+     * level deeper than the prefix, instead of all sharing the prefix lane.
+     * Drilling is recursive: list both `auth` and `auth.user` to drill twice.
+     */
+    openedNamespaces?: string[] | Set<string>;
+    /**
+     * Explicit left-to-right order for lanes, by resolved namespace. Listed
+     * namespaces are placed first in the given order; any lanes not present in
+     * the list fall back to first-event order (the order in which their first
+     * event appears in `events`). Unknown entries are ignored.
+     */
+    laneOrder?: string[];
+    /**
+     * Width of each swimlane
+     * @default 250
+     */
+    laneWidth?: number;
+    /**
+     * Gap between swimlanes
+     * @default 10
+     */
+    laneGap?: number;
+    /**
+     * Vertical spacing between events
+     * @default 80
+     */
+    eventSpacing?: number;
+    /**
+     * Height reserved for lane headers
+     * @default 60
+     */
+    headerHeight?: number;
+    /**
+     * Node marker width
+     * @default 14
+     */
+    nodeWidth?: number;
+    /**
+     * Node marker height
+     * @default 14
+     */
+    nodeHeight?: number;
+}
+/**
+ * A header cell for an opened ancestor namespace, sitting above the leaf
+ * lanes it groups. Rendered as a row in the header strip.
+ */
+export interface ParentHeader {
+    /** Full ancestor namespace (always in `openedNamespaces`) */
+    namespace: string;
+    /** Last segment, for display */
+    label: string;
+    /** Center x of the cell */
+    x: number;
+    /** Total span width across the leaf lanes underneath */
+    width: number;
+    /** 1-based depth in the header strip (1 = topmost row) */
+    depth: number;
+}
+/**
+ * Result from sequence layout computation
+ */
+export interface UseSequenceLayoutResult {
+    /** Positioned nodes for React Flow */
+    nodes: Node[];
+    /** Edges for React Flow */
+    edges: Edge[];
+    /** Leaf swimlanes — each gets a lifeline and a leaf header row */
+    swimlanes: Swimlane[];
+    /**
+     * Header cells for opened ancestor namespaces. Stack above the leaf
+     * headers; depth 1 sits at the top of the header strip.
+     */
+    parentHeaders: ParentHeader[];
+    /** Number of header rows (= max leaf depth). At least 1. */
+    headerRows: number;
+    /** Total width of the diagram */
+    totalWidth: number;
+    /** Total height of the diagram */
+    totalHeight: number;
+}
+/**
+ * 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 declare function useSequenceLayout(events: SequenceEvent[], sequenceEdges: SequenceEdge[], options?: UseSequenceLayoutOptions): UseSequenceLayoutResult;
+//# sourceMappingURL=useSequenceLayout.d.ts.map

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

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