@principal-ai/principal-view-react 0.6.6

package/dist/edges/CustomEdge.js

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomEdge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@xyflow/react");
+/**
+ * Custom edge component for xyflow that renders based on EdgeTypeDefinition
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const CustomEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, selected, }) => {
+    const edgeProps = data;
+    const { typeDefinition, hasViolations, data: edgeData, animationType, animationDuration = 1000, animationDirection = 'forward' } = edgeProps || {};
+    const [particlePosition, setParticlePosition] = (0, react_1.useState)(0);
+    const pathRef = (0, react_1.useRef)(null);
+    // Particle animation effect
+    (0, react_1.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;
+    }
+    const color = hasViolations ? '#D0021B' : (typeDefinition.color || '#888');
+    const width = typeDefinition.width || 2;
+    // Get Bezier path
+    const [edgePath, labelX, labelY] = (0, react_2.getBezierPath)({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    // 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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { ref: pathRef, d: edgePath, fill: "none", stroke: "transparent", strokeWidth: 0, style: { pointerEvents: 'none' } }), (0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: "transparent", strokeWidth: Math.max(width + 10, 20), style: { cursor: 'pointer' } }), (0, jsx_runtime_1.jsx)(react_2.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' && ((0, jsx_runtime_1.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' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 2, className: getAnimationClass(), style: {
+                    ...getAnimationDurationStyle(),
+                } })), animationType === 'glow' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width + 4, className: getAnimationClass(), style: {
+                    ...getAnimationDurationStyle(),
+                    filter: 'blur(3px)',
+                } })), animationType === 'particle' && particlePos && ((0, jsx_runtime_1.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' && ((0, jsx_runtime_1.jsx)("path", { d: edgePath, fill: "none", stroke: typeDefinition.animation?.color || color, strokeWidth: width, strokeDasharray: "5 5", className: "edge-flow-forward", style: {
+                    animationDuration: '500ms',
+                } })), labelText && ((0, jsx_runtime_1.jsx)(react_2.EdgeLabelRenderer, { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                        backgroundColor: 'white',
+                        padding: '2px 6px',
+                        borderRadius: '4px',
+                        fontSize: '10px',
+                        fontWeight: 500,
+                        border: `1px solid ${color}`,
+                        pointerEvents: 'all',
+                    }, className: "nodrag nopan", children: labelText }) })), (0, jsx_runtime_1.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;
+          }
+        }
+      ` })] }));
+};
+exports.CustomEdge = CustomEdge;
+//# 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/principal-view-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,mCAAmC,CAAC;AAE5E,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,CAkBlD,CAAC"}

package/dist/edges/GenericEdge.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericEdge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Generic edge renderer that adapts based on EdgeTypeDefinition
+ * TODO: Implement different styles, animations, and labels
+ */
+const GenericEdge = ({ id, typeDefinition, hasViolations, }) => {
+    const color = hasViolations ? 'red' : (typeDefinition.color || '#888');
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '10px', color }, children: ["Edge: ", id, " (", typeDefinition.style, ")"] }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '8px' }, children: [(0, jsx_runtime_1.jsx)("strong", { children: "TODO:" }), " Render in xyflow with proper styling"] })] }));
+};
+exports.GenericEdge = GenericEdge;
+//# 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;AACI,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,cAAc,EACd,aAAa,GACd,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAEvE,OAAO,CACL,4CAEE,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,uBAC9B,EAAE,QAAI,cAAc,CAAC,KAAK,SAC7B,EACN,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAC7B,uDAAsB,6CAClB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,WAAW,eAkBtB"}

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/principal-view-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,mCAAmC,CAAC;AAC3C,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,EACrB,EAAE,yBAAyB,GAAG,IAAI,CA2ElC;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,122 @@
+"use strict";
+/**
+ * Hook for processing path-based events and mapping them to animations
+ *
+ * Handles ComponentActivityEvent and ComponentActionEvent from
+ * PathBasedEventProcessor (Milestone 1 & 2)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePathBasedEvents = usePathBasedEvents;
+exports.processBatchEvents = processBatchEvents;
+const react_1 = require("react");
+const animationMapping_1 = require("../utils/animationMapping");
+/**
+ * Process path-based events and trigger appropriate animations
+ */
+function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel = 'info' }) {
+    const { onNodeAnimation, onEdgeAnimation } = callbacks;
+    // Process component activity events (Milestone 1)
+    const processActivityEvent = (0, react_1.useCallback)((event) => {
+        // Map log level to animation
+        const animation = (0, animationMapping_1.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 = (0, react_1.useCallback)((event) => {
+        // Map action/state to animation
+        const animation = (0, animationMapping_1.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 = (0, react_1.useCallback)((event) => {
+        const animation = (0, animationMapping_1.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
+    (0, react_1.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
+ */
+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 = (0, animationMapping_1.logLevelToNodeAnimation)(event.level);
+                    callbacks.onNodeAnimation(event.componentId, {
+                        ...animation,
+                        timestamp: event.timestamp
+                    });
+                }
+                break;
+            case 'component-action':
+                {
+                    const animation = (0, animationMapping_1.actionToNodeAnimation)(event.action, event.state);
+                    callbacks.onNodeAnimation(event.componentId, {
+                        ...animation,
+                        timestamp: event.timestamp
+                    });
+                }
+                break;
+            case 'edge-animation':
+                {
+                    const animation = (0, animationMapping_1.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/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @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, LibraryNodeComponent, LibraryEdgeComponent, } from '@principal-ai/principal-view-core';
+export { GraphRenderer } from './components/GraphRenderer';
+export type { GraphRendererProps, GraphRendererHandle, NodePositionChange, PendingChanges } from './components/GraphRenderer';
+export { EventLog } from './components/EventLog';
+export type { EventLogProps } from './components/EventLog';
+export { MetricsDashboard } from './components/MetricsDashboard';
+export type { MetricsDashboardProps } from './components/MetricsDashboard';
+export { EdgeInfoPanel } from './components/EdgeInfoPanel';
+export type { EdgeInfoPanelProps } from './components/EdgeInfoPanel';
+export { NodeInfoPanel } from './components/NodeInfoPanel';
+export type { NodeInfoPanelProps } from './components/NodeInfoPanel';
+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 { GenericEdge } from './edges/GenericEdge';
+export type { GenericEdgeProps } from './edges/GenericEdge';
+export { CustomEdge } from './edges/CustomEdge';
+export type { CustomEdgeData } from './edges/CustomEdge';
+export { convertToXYFlowNodes, convertToXYFlowEdges, autoLayoutNodes } from './utils/graphConverter';
+export type { EdgeStateWithHandles } from './utils/graphConverter';
+export { Icon, resolveIcon } from './utils/iconResolver';
+export type { IconProps } from './utils/iconResolver';
+//# 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":"AAAA;;;;;;GAMG;AAGH,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE9H,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrG,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -0,0 +1,41 @@
+"use strict";
+/**
+ * @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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveIcon = exports.Icon = exports.autoLayoutNodes = exports.convertToXYFlowEdges = exports.convertToXYFlowNodes = exports.CustomEdge = exports.GenericEdge = exports.CustomNode = exports.GenericNode = exports.ConfigurationSelector = exports.NodeInfoPanel = exports.EdgeInfoPanel = exports.MetricsDashboard = exports.EventLog = exports.GraphRenderer = void 0;
+// Export components
+var GraphRenderer_1 = require("./components/GraphRenderer");
+Object.defineProperty(exports, "GraphRenderer", { enumerable: true, get: function () { return GraphRenderer_1.GraphRenderer; } });
+var EventLog_1 = require("./components/EventLog");
+Object.defineProperty(exports, "EventLog", { enumerable: true, get: function () { return EventLog_1.EventLog; } });
+var MetricsDashboard_1 = require("./components/MetricsDashboard");
+Object.defineProperty(exports, "MetricsDashboard", { enumerable: true, get: function () { return MetricsDashboard_1.MetricsDashboard; } });
+var EdgeInfoPanel_1 = require("./components/EdgeInfoPanel");
+Object.defineProperty(exports, "EdgeInfoPanel", { enumerable: true, get: function () { return EdgeInfoPanel_1.EdgeInfoPanel; } });
+var NodeInfoPanel_1 = require("./components/NodeInfoPanel");
+Object.defineProperty(exports, "NodeInfoPanel", { enumerable: true, get: function () { return NodeInfoPanel_1.NodeInfoPanel; } });
+var ConfigurationSelector_1 = require("./components/ConfigurationSelector");
+Object.defineProperty(exports, "ConfigurationSelector", { enumerable: true, get: function () { return ConfigurationSelector_1.ConfigurationSelector; } });
+// Export node/edge renderers
+var GenericNode_1 = require("./nodes/GenericNode");
+Object.defineProperty(exports, "GenericNode", { enumerable: true, get: function () { return GenericNode_1.GenericNode; } });
+var CustomNode_1 = require("./nodes/CustomNode");
+Object.defineProperty(exports, "CustomNode", { enumerable: true, get: function () { return CustomNode_1.CustomNode; } });
+var GenericEdge_1 = require("./edges/GenericEdge");
+Object.defineProperty(exports, "GenericEdge", { enumerable: true, get: function () { return GenericEdge_1.GenericEdge; } });
+var CustomEdge_1 = require("./edges/CustomEdge");
+Object.defineProperty(exports, "CustomEdge", { enumerable: true, get: function () { return CustomEdge_1.CustomEdge; } });
+// Export utilities
+var graphConverter_1 = require("./utils/graphConverter");
+Object.defineProperty(exports, "convertToXYFlowNodes", { enumerable: true, get: function () { return graphConverter_1.convertToXYFlowNodes; } });
+Object.defineProperty(exports, "convertToXYFlowEdges", { enumerable: true, get: function () { return graphConverter_1.convertToXYFlowEdges; } });
+Object.defineProperty(exports, "autoLayoutNodes", { enumerable: true, get: function () { return graphConverter_1.autoLayoutNodes; } });
+var iconResolver_1 = require("./utils/iconResolver");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return iconResolver_1.Icon; } });
+Object.defineProperty(exports, "resolveIcon", { enumerable: true, get: function () { return iconResolver_1.resolveIcon; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAwBH,oBAAoB;AACpB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AAGjB,kEAAiE;AAAxD,oHAAA,gBAAgB,OAAA;AAGzB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,4EAA2E;AAAlE,8HAAA,qBAAqB,OAAA;AAG9B,6BAA6B;AAC7B,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAGpB,iDAAgD;AAAvC,wGAAA,UAAU,OAAA;AAGnB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAGpB,iDAAgD;AAAvC,wGAAA,UAAU,OAAA;AAGnB,mBAAmB;AACnB,yDAAqG;AAA5F,sHAAA,oBAAoB,OAAA;AAAE,sHAAA,oBAAoB,OAAA;AAAE,iHAAA,eAAe,OAAA;AAEpE,qDAAyD;AAAhD,oGAAA,IAAI,OAAA;AAAE,2GAAA,WAAW,OAAA"}

package/dist/nodes/CustomNode.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { NodeProps } from '@xyflow/react';
+import type { NodeTypeDefinition } from '@principal-ai/principal-view-core';
+export interface CustomNodeData extends Record<string, unknown> {
+    label: string;
+    typeDefinition: NodeTypeDefinition;
+    state?: string;
+    hasViolations?: boolean;
+    data: Record<string, unknown>;
+    animationType?: 'pulse' | 'flash' | 'shake' | 'entry' | null;
+    animationDuration?: number;
+    editable?: boolean;
+}
+/**
+ * Custom node component for xyflow that renders based on NodeTypeDefinition
+ */
+export declare const CustomNode: React.FC<NodeProps<any>>;
+//# sourceMappingURL=CustomNode.d.ts.map

package/dist/nodes/CustomNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNode.d.ts","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,kBAAkB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAwZ/C,CAAC"}