@principal-ai/subsystems-react 0.17.0

package/dist/components/state-view/useStateView.d.ts

@@ -0,0 +1,32 @@
+/**
+ * useStateView Hook
+ *
+ * Manages state accumulation from events and provides replay controls.
+ */
+import type { StateEvent, EventSource, StateReducer, StateDiff, ReplayControls, ActiveAnimation, TransitionDefinition } from './types';
+export interface UseStateViewOptions<TState, TEvent extends StateEvent> {
+    /** Initial state */
+    initialState: TState;
+    /** Reducer to apply events */
+    reducer: StateReducer<TState, TEvent>;
+    /** Event source (live or replay) */
+    eventSource: EventSource<TEvent>;
+    /** Transition definitions for animations */
+    transitions?: TransitionDefinition[];
+    /** Callback when state changes */
+    onStateChange?: (diff: StateDiff<TState>) => void;
+}
+export interface UseStateViewResult<TState> {
+    /** Current state */
+    state: TState;
+    /** Active animations */
+    animations: ActiveAnimation[];
+    /** Whether we're in replay mode */
+    isReplay: boolean;
+    /** Replay controls (if in replay mode) */
+    replayControls?: ReplayControls;
+    /** Reset state to initial */
+    reset: () => void;
+}
+export declare function useStateView<TState, TEvent extends StateEvent>({ initialState, reducer, eventSource, transitions, onStateChange, }: UseStateViewOptions<TState, TEvent>): UseStateViewResult<TState>;
+//# sourceMappingURL=useStateView.d.ts.map

package/dist/components/state-view/useStateView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateView.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/useStateView.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU;IACpE,oBAAoB;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB,CAAC,MAAM;IACxC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AA6ED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU,EAAE,EAC9D,YAAY,EACZ,OAAO,EACP,WAAW,EACX,WAAgB,EAChB,aAAa,GACd,EAAE,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAgFlE"}

package/dist/components/state-view/useStateView.js

@@ -0,0 +1,129 @@
+/**
+ * useStateView Hook
+ *
+ * Manages state accumulation from events and provides replay controls.
+ */
+import { useState, useEffect, useRef, useCallback } from 'react';
+/**
+ * Get changed paths between two objects (shallow comparison)
+ */
+function getChangedPaths(prev, next, prefix = '') {
+    const paths = [];
+    if (prev === next)
+        return paths;
+    if (typeof prev !== 'object' ||
+        typeof next !== 'object' ||
+        prev === null ||
+        next === null) {
+        return prefix ? [prefix] : [];
+    }
+    const prevObj = prev;
+    const nextObj = next;
+    const allKeys = new Set([...Object.keys(prevObj), ...Object.keys(nextObj)]);
+    for (const key of allKeys) {
+        const path = prefix ? `${prefix}.${key}` : key;
+        if (prevObj[key] !== nextObj[key]) {
+            paths.push(path);
+        }
+    }
+    return paths;
+}
+/**
+ * Check if a transition should fire based on state change
+ */
+function shouldTriggerTransition(transition, prev, next, changedPaths) {
+    // Check if the watched path changed
+    if (!changedPaths.some((p) => p.startsWith(transition.watch))) {
+        return false;
+    }
+    const prevValue = getValueAtPath(prev, transition.watch);
+    const nextValue = getValueAtPath(next, transition.watch);
+    switch (transition.condition) {
+        case 'changed':
+            return prevValue !== nextValue;
+        case 'increased':
+            return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue > prevValue;
+        case 'decreased':
+            return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue < prevValue;
+        case 'added':
+            return prevValue === undefined && nextValue !== undefined;
+        case 'removed':
+            return prevValue !== undefined && nextValue === undefined;
+        default:
+            return false;
+    }
+}
+function getValueAtPath(obj, path) {
+    const parts = path.split('.');
+    let current = obj;
+    for (const part of parts) {
+        if (current === null || current === undefined)
+            return undefined;
+        current = current[part];
+    }
+    return current;
+}
+export function useStateView({ initialState, reducer, eventSource, transitions = [], onStateChange, }) {
+    const [state, setState] = useState(initialState);
+    const [animations, setAnimations] = useState([]);
+    const prevStateRef = useRef(initialState);
+    const animationIdRef = useRef(0);
+    const triggerAnimation = useCallback((transition, _event) => {
+        const id = `anim-${++animationIdRef.current}`;
+        const duration = transition.duration ?? 500;
+        const animation = {
+            id,
+            type: transition.animate,
+            target: transition.target ?? transition.watch,
+            startTime: Date.now(),
+            duration,
+            params: transition.params,
+        };
+        setAnimations((prev) => [...prev, animation]);
+        // Auto-remove after duration
+        setTimeout(() => {
+            setAnimations((prev) => prev.filter((a) => a.id !== id));
+        }, duration);
+    }, []);
+    const handleEvent = useCallback((event) => {
+        setState((prevState) => {
+            const nextState = reducer(prevState, event);
+            const changedPaths = getChangedPaths(prevState, nextState);
+            // Trigger animations based on transitions
+            for (const transition of transitions) {
+                if (shouldTriggerTransition(transition, prevState, nextState, changedPaths)) {
+                    triggerAnimation(transition, event);
+                }
+            }
+            // Notify listener
+            if (onStateChange && changedPaths.length > 0) {
+                onStateChange({
+                    prev: prevState,
+                    next: nextState,
+                    changedPaths,
+                    event,
+                });
+            }
+            prevStateRef.current = nextState;
+            return nextState;
+        });
+    }, [reducer, transitions, onStateChange, triggerAnimation]);
+    // Subscribe to event source
+    useEffect(() => {
+        const unsubscribe = eventSource.subscribe(handleEvent);
+        return unsubscribe;
+    }, [eventSource, handleEvent]);
+    const reset = useCallback(() => {
+        setState(initialState);
+        setAnimations([]);
+        prevStateRef.current = initialState;
+    }, [initialState]);
+    const isReplay = eventSource.mode === 'replay';
+    return {
+        state,
+        animations,
+        isReplay,
+        reset,
+    };
+}
+//# sourceMappingURL=useStateView.js.map

package/dist/components/state-view/useStateView.js.map

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

package/dist/contexts/GraphEditContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface GraphEditContextValue {
+    /** Called when a node resize operation completes */
+    onNodeResizeEnd?: (nodeId: string, dimensions: {
+        width: number;
+        height: number;
+    }) => void;
+    /** Called when node text is edited (for text and group nodes) */
+    onNodeTextChange?: (nodeId: string, text: string) => void;
+    /** Called to toggle node hidden state (Cmd/Ctrl+click) */
+    onToggleNodeHidden?: (nodeId: string) => void;
+    /** Called to hide all nodes not directly connected to the given node (Cmd/Ctrl+Shift+click) */
+    onHideUnconnectedNodes?: (nodeId: string) => void;
+}
+export declare const GraphEditProvider: React.FC<{
+    children: React.ReactNode;
+    value: GraphEditContextValue;
+}>;
+export declare const useGraphEdit: () => GraphEditContextValue;
+//# sourceMappingURL=GraphEditContext.d.ts.map

package/dist/contexts/GraphEditContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEditContext.d.ts","sourceRoot":"","sources":["../../src/contexts/GraphEditContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,oDAAoD;IACpD,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAMA,CAAC;AAEF,eAAO,MAAM,YAAY,6BAAqC,CAAC"}

package/dist/contexts/GraphEditContext.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const GraphEditContext = createContext({});
+export const GraphEditProvider = ({ children, value }) => {
+    return (_jsx(GraphEditContext.Provider, { value: value, children: children }));
+};
+export const useGraphEdit = () => useContext(GraphEditContext);
+//# sourceMappingURL=GraphEditContext.js.map

package/dist/contexts/GraphEditContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEditContext.js","sourceRoot":"","sources":["../../src/contexts/GraphEditContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD,MAAM,gBAAgB,GAAG,aAAa,CAAwB,EAAE,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAGzB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3B,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACpC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/contexts/TooltipPortalContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * Context for providing a portal target for tooltips.
+ * This allows tooltips to be rendered within the graph container
+ * instead of document.body, so they hide properly when tabs switch.
+ */
+export declare const TooltipPortalContext: import("react").Context<HTMLElement | null>;
+//# sourceMappingURL=TooltipPortalContext.d.ts.map

package/dist/contexts/TooltipPortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPortalContext.d.ts","sourceRoot":"","sources":["../../src/contexts/TooltipPortalContext.ts"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,6CAA0C,CAAC"}

package/dist/contexts/TooltipPortalContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+/**
+ * Context for providing a portal target for tooltips.
+ * This allows tooltips to be rendered within the graph container
+ * instead of document.body, so they hide properly when tabs switch.
+ */
+export const TooltipPortalContext = createContext(null);
+//# sourceMappingURL=TooltipPortalContext.js.map

package/dist/contexts/TooltipPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPortalContext.js","sourceRoot":"","sources":["../../src/contexts/TooltipPortalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC"}

package/dist/edges/CustomEdge.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { EdgeProps, Edge } from '@xyflow/react';
+import type { EdgeTypeDefinition } from '@principal-ai/subsystems-core';
+export interface CustomEdgeData extends Record<string, unknown> {
+    typeDefinition: EdgeTypeDefinition;
+    hasViolations?: boolean;
+    data?: Record<string, unknown>;
+    edgeType?: string;
+    animationType?: 'flow' | 'particle' | 'pulse' | 'glow' | null;
+    animationDuration?: number;
+    animationDirection?: 'forward' | 'backward' | 'bidirectional';
+    tooltipsEnabled?: boolean;
+    shiftKeyPressed?: boolean;
+    elkPath?: string;
+    elkLabelPosition?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Custom edge component for xyflow that renders based on EdgeTypeDefinition
+ */
+export declare const CustomEdge: React.FC<EdgeProps<Edge<CustomEdgeData>>>;
+//# sourceMappingURL=CustomEdge.d.ts.map

package/dist/edges/CustomEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomEdge.d.ts","sourceRoot":"","sources":["../../src/edges/CustomEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAGxE,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,cAAc,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IAE9D,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAqXhE,CAAC"}

package/dist/edges/CustomEdge.js

@@ -0,0 +1,222 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { BaseEdge, EdgeLabelRenderer, getSmoothStepPath } from '@xyflow/react';
+import { useTheme } from '@principal-ade/industry-theme';
+/**
+ * Custom edge component for xyflow that renders based on EdgeTypeDefinition
+ */
+export const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, selected, }) => {
+    const { theme } = useTheme();
+    const edgeProps = data;
+    const { typeDefinition, hasViolations, data: edgeData, edgeType, animationType, animationDuration = 1000, animationDirection = 'forward', tooltipsEnabled = true, shiftKeyPressed = false, elkPath, elkLabelPosition, } = edgeProps || {};
+    const [particlePosition, setParticlePosition] = useState(0);
+    const [isHovered, setIsHovered] = useState(false);
+    const pathRef = useRef(null);
+    // Particle animation effect
+    useEffect(() => {
+        if (animationType !== 'particle')
+            return;
+        const animate = () => {
+            setParticlePosition((prev) => {
+                const next = prev + (100 / animationDuration) * 16; // ~60fps
+                return next >= 100 ? 0 : next;
+            });
+        };
+        const intervalId = setInterval(animate, 16);
+        return () => clearInterval(intervalId);
+    }, [animationType, animationDuration]);
+    // Early return after hooks
+    if (!typeDefinition) {
+        return null;
+    }
+    // Color priority: violations > edge data color > type definition color > default
+    const edgeColor = edgeData?.color;
+    const color = hasViolations ? '#D0021B' : edgeColor || typeDefinition.color || '#888';
+    const width = typeDefinition.width || 2;
+    // Get edge path - use ELK path if available, otherwise fall back to SmoothStep
+    const [defaultPath, defaultLabelX, defaultLabelY] = getSmoothStepPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        borderRadius: 0,
+        offset: 20,
+    });
+    // Use ELK-computed path for circuit-board style routing when available
+    const edgePath = elkPath || defaultPath;
+    const labelX = elkLabelPosition?.x ?? defaultLabelX;
+    const labelY = elkLabelPosition?.y ?? defaultLabelY;
+    // Style based on edge type
+    const getStrokeStyle = () => {
+        switch (typeDefinition.style) {
+            case 'dashed':
+                return '5 5';
+            case 'dotted':
+                return '2 2';
+            default:
+                return 'none';
+        }
+    };
+    // Label configuration
+    const labelConfig = typeDefinition.label;
+    const labelField = labelConfig?.field;
+    const labelText = labelField && edgeData?.[labelField] ? String(edgeData[labelField]) : '';
+    // Animation-specific rendering helpers
+    const getAnimationClass = () => {
+        if (!animationType) {
+            return typeDefinition.style === 'animated' ? 'edge-flow-forward' : '';
+        }
+        switch (animationType) {
+            case 'flow':
+                return animationDirection === 'backward'
+                    ? 'edge-flow-backward'
+                    : animationDirection === 'bidirectional'
+                        ? 'edge-flow-bidirectional'
+                        : 'edge-flow-forward';
+            case 'pulse':
+                return 'edge-pulse';
+            case 'glow':
+                return 'edge-glow';
+            default:
+                return '';
+        }
+    };
+    const getAnimationDurationStyle = () => {
+        if (!animationType)
+            return {};
+        return {
+            animationDuration: `${animationDuration}ms`,
+        };
+    };
+    // Calculate particle position along path using SVG path methods
+    const getParticleTransform = () => {
+        if (!pathRef.current) {
+            // Fallback to linear interpolation if path ref not available yet
+            const progress = animationDirection === 'backward' ? 1 - particlePosition / 100 : particlePosition / 100;
+            const x = sourceX + (targetX - sourceX) * progress;
+            const y = sourceY + (targetY - sourceY) * progress;
+            return { x, y };
+        }
+        // Use actual path to get point along the curve
+        const pathLength = pathRef.current.getTotalLength();
+        const progress = animationDirection === 'backward' ? 1 - particlePosition / 100 : particlePosition / 100;
+        const distance = pathLength * progress;
+        const point = pathRef.current.getPointAtLength(distance);
+        return { x: point.x, y: point.y };
+    };
+    const particlePos = animationType === 'particle' ? getParticleTransform() : null;
+    return (_jsxs("g", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), style: { cursor: 'pointer' }, children: [_jsx("path", { ref: pathRef, d: edgePath, fill: "none", stroke: "transparent", strokeWidth: 0, style: { pointerEvents: 'none' } }), _jsx("path", { d: edgePath, fill: "none", stroke: "transparent", strokeWidth: Math.max(width + 10, 20), style: { pointerEvents: 'stroke' } }), _jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: {
+                    stroke: color,
+                    strokeWidth: selected ? width + 2 : width,
+                    strokeDasharray: getStrokeStyle(),
+                    opacity: animationType ? 0.7 : 1,
+                    cursor: 'pointer',
+                } }), animationType === 'flow' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "10 5", className: getAnimationClass(), style: {
+                    ...getAnimationDurationStyle(),
+                    opacity: 0.8,
+                } })), animationType === 'pulse' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 2, className: getAnimationClass(), style: {
+                    ...getAnimationDurationStyle(),
+                } })), animationType === 'glow' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 4, className: getAnimationClass(), style: {
+                    ...getAnimationDurationStyle(),
+                    filter: 'blur(3px)',
+                } })), animationType === 'particle' && particlePos && (_jsx("circle", { cx: particlePos.x, cy: particlePos.y, r: width * 1.5, fill: typeDefinition.animation?.color || color, style: {
+                    filter: 'drop-shadow(0 0 3px rgba(0,0,0,0.3))',
+                } })), !animationType && typeDefinition.style === 'animated' && (_jsx("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "5 5", className: "edge-flow-forward", style: {
+                    animationDuration: '500ms',
+                } })), labelText && (_jsx(EdgeLabelRenderer, { children: _jsx("div", { style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                        backgroundColor: 'white',
+                        padding: '2px 6px',
+                        borderRadius: '4px',
+                        fontSize: theme.fontSizes[0],
+                        fontWeight: theme.fontWeights.medium,
+                        fontFamily: theme.fonts.body,
+                        border: `1px solid ${color}`,
+                        pointerEvents: 'all',
+                        zIndex: 1000,
+                    }, className: "nodrag nopan", children: labelText }) })), tooltipsEnabled && isHovered && shiftKeyPressed && (_jsx(EdgeLabelRenderer, { children: _jsx("div", { style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -100%) translate(${labelX}px,${labelY - 12}px)`,
+                        backgroundColor: 'rgba(0, 0, 0, 0.85)',
+                        color: 'white',
+                        padding: '4px 8px',
+                        borderRadius: '4px',
+                        fontSize: theme.fontSizes[0],
+                        fontWeight: theme.fontWeights.medium,
+                        fontFamily: theme.fonts.body,
+                        whiteSpace: 'nowrap',
+                        pointerEvents: 'none',
+                        zIndex: 1000,
+                        boxShadow: '0 2px 8px rgba(0,0,0,0.2)',
+                    }, children: edgeType || 'edge' }) })), _jsx("style", { children: `
+        /* Flow animation - forward direction */
+        .edge-flow-forward {
+          animation: flow-forward linear infinite;
+        }
+
+        @keyframes flow-forward {
+          to {
+            stroke-dashoffset: -15;
+          }
+        }
+
+        /* Flow animation - backward direction */
+        .edge-flow-backward {
+          animation: flow-backward linear infinite;
+        }
+
+        @keyframes flow-backward {
+          to {
+            stroke-dashoffset: 15;
+          }
+        }
+
+        /* Flow animation - bidirectional (alternating) */
+        .edge-flow-bidirectional {
+          animation: flow-bidirectional linear infinite alternate;
+        }
+
+        @keyframes flow-bidirectional {
+          0% {
+            stroke-dashoffset: -15;
+          }
+          100% {
+            stroke-dashoffset: 15;
+          }
+        }
+
+        /* Pulse animation - wave effect */
+        .edge-pulse {
+          animation: pulse ease-in-out infinite;
+        }
+
+        @keyframes pulse {
+          0%, 100% {
+            opacity: 0.3;
+            stroke-width: inherit;
+          }
+          50% {
+            opacity: 1;
+            stroke-width: calc(inherit + 2);
+          }
+        }
+
+        /* Glow animation - brief highlight */
+        .edge-glow {
+          animation: glow ease-out forwards;
+        }
+
+        @keyframes glow {
+          0% {
+            opacity: 1;
+          }
+          100% {
+            opacity: 0;
+          }
+        }
+      ` })] }));
+};
+//# sourceMappingURL=CustomEdge.js.map

package/dist/edges/CustomEdge.js.map

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

package/dist/edges/GenericEdge.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { EdgeTypeDefinition } from '@principal-ai/subsystems-core';
+export interface GenericEdgeProps {
+    /** Edge ID */
+    id: string;
+    /** Edge type definition from configuration */
+    typeDefinition: EdgeTypeDefinition;
+    /** Edge data */
+    data?: Record<string, unknown>;
+    /** Whether this edge has violations */
+    hasViolations?: boolean;
+}
+/**
+ * Generic edge renderer that adapts based on EdgeTypeDefinition
+ * TODO: Implement different styles, animations, and labels
+ */
+export declare const GenericEdge: React.FC<GenericEdgeProps>;
+//# sourceMappingURL=GenericEdge.d.ts.map

package/dist/edges/GenericEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericEdge.d.ts","sourceRoot":"","sources":["../../src/edges/GenericEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,MAAM,WAAW,gBAAgB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,8CAA8C;IAC9C,cAAc,EAAE,kBAAkB,CAAC;IAEnC,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAclD,CAAC"}

package/dist/edges/GenericEdge.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Generic edge renderer that adapts based on EdgeTypeDefinition
+ * TODO: Implement different styles, animations, and labels
+ */
+export const GenericEdge = ({ id, typeDefinition, hasViolations }) => {
+    const color = hasViolations ? 'red' : typeDefinition.color || '#888';
+    return (_jsxs("div", { children: [_jsxs("div", { style: { fontSize: '10px', color }, children: ["Edge: ", id, " (", typeDefinition.style, ")"] }), _jsxs("div", { style: { fontSize: '8px' }, children: [_jsx("strong", { children: "TODO:" }), " Render in xyflow with proper styling"] })] }));
+};
+//# sourceMappingURL=GenericEdge.js.map

package/dist/edges/GenericEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericEdge.js","sourceRoot":"","sources":["../../src/edges/GenericEdge.tsx"],"names":[],"mappings":";AAiBA;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;IAC/F,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC;IAErE,OAAO,CACL,0BAEE,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,uBAC9B,EAAE,QAAI,cAAc,CAAC,KAAK,SAC7B,EACN,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAC7B,qCAAsB,6CAClB,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/graphify/anchor.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Resolve a subsystem component (file + symbol) to a graphify definition node.
+ *
+ * This is component *anchoring*, not type-ref stub rewiring (`resolve.ts`).
+ * Conservative: never bind via corpus-wide same-name alone.
+ */
+import type { GraphifyNode } from './types';
+import type { GraphifyAnchorResolution } from './consolidated';
+export interface ComponentAnchorInput {
+    file?: string;
+    symbol?: string;
+    kind?: string;
+    purl?: string;
+}
+export interface ComponentAnchorResult {
+    resolution: GraphifyAnchorResolution;
+    node: GraphifyNode | null;
+    candidates: GraphifyNode[];
+    /** make_id strings attempted on the fast path. */
+    triedIds: string[];
+}
+/** Label forms that might match a subsystem symbol on a graphify node. */
+export declare function symbolLabelVariants(symbol: string): string[];
+/**
+ * Anchor a subsystem component onto a graphify definition node.
+ */
+export declare function resolveComponentAnchor(nodes: readonly GraphifyNode[], input: ComponentAnchorInput): ComponentAnchorResult;
+//# sourceMappingURL=anchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/graphify/anchor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAQ/D,MAAM,WAAW,oBAAoB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,kDAAkD;IAClD,QAAQ,EAAE,MAAM,EAAE,CAAC;CACnB;AAaD,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAa5D;AAwBD;;GAEG;AACH,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,KAAK,EAAE,oBAAoB,GACzB,qBAAqB,CAyEvB"}