@coral-viz/viz 0.2.3

package/LICENSE

@@ -0,0 +1,4 @@
+Copyright 2026 Coral contributors
+
+Licensed under the Apache License, Version 2.0. You may obtain a copy at
+https://www.apache.org/licenses/LICENSE-2.0

package/README.md

@@ -0,0 +1,11 @@
+# @coral-viz/viz
+
+React Flow components, ELK layout, GraphIR projection, file persistence, and
+editing helpers for Coral diagrams. See the
+[Coral repository](https://github.com/coreyt/coral) for setup and examples.
+
+Applications that render the editor must import React Flow's stylesheet once:
+
+```ts
+import '@xyflow/react/dist/style.css';
+```

package/dist/compatibility/CompatibilityEdge.d.ts

@@ -0,0 +1,106 @@
+/**
+ * CompatibilityEdge Component (CORAL-REQ-010)
+ *
+ * A custom React Flow edge component that displays visual feedback
+ * for edge compatibility status (incompatible, warning, compatible).
+ */
+import { type CSSProperties } from 'react';
+import { type EdgeProps, type Edge } from '@xyflow/react';
+import type { EdgeCompatibilityStatus, ConnectionValidation, Position } from '../types.js';
+/**
+ * Build an SVG path string from routed bend points.
+ * Produces orthogonal (right-angle) line segments.
+ */
+export declare function buildRoutedPath(startPoint: Position, endPoint: Position, bendPoints: Position[]): string;
+/**
+ * Edge style configuration for each compatibility status
+ */
+export interface EdgeStyleConfig {
+    stroke: string;
+    strokeWidth: number;
+    strokeDasharray?: string;
+    animated?: boolean;
+}
+/**
+ * Get edge style based on compatibility status
+ */
+export declare function getEdgeStyleForStatus(status: EdgeCompatibilityStatus | undefined, baseStyle?: CSSProperties): CSSProperties;
+/**
+ * Waypoint data for rendering handles on edges (CORAL-REQ-015)
+ */
+export interface WaypointHandleData {
+    id: string;
+    x: number;
+    y: number;
+    type: 'corner' | 'smooth';
+}
+/**
+ * Extended edge data for compatibility-aware edges
+ */
+export interface CompatibilityEdgeData {
+    /** Compatibility status */
+    compatibilityStatus?: EdgeCompatibilityStatus;
+    /** Validation result with message */
+    validation?: ConnectionValidation;
+    /** Edge label */
+    label?: string;
+    /** Endpoint labels, so the edge can name its connection for a screen reader */
+    sourceLabel?: string;
+    targetLabel?: string;
+    /** Force tooltip to be visible (e.g. when hovering a diagnostics log entry) */
+    forceShowTooltip?: boolean;
+    /** Waypoints for manual edge routing (CORAL-REQ-015) */
+    waypoints?: WaypointHandleData[];
+    /** Callback when user double-clicks edge to add a waypoint */
+    onWaypointAdd?: (edgeId: string, position: Position) => void;
+    /** Callback when user right-clicks a waypoint to remove it */
+    onWaypointRemove?: (edgeId: string, waypointId: string) => void;
+    /** Callback when user starts dragging a waypoint */
+    onWaypointDrag?: (edgeId: string, waypointId: string, position: Position) => void;
+    /** Custom properties */
+    [key: string]: unknown;
+}
+/**
+ * Props for the CompatibilityEdge component
+ */
+export interface CompatibilityEdgeProps extends EdgeProps<Edge<CompatibilityEdgeData>> {
+    /** Path type for the edge */
+    pathType?: 'bezier' | 'smoothstep';
+}
+/**
+ * CompatibilityEdge - React Flow edge with compatibility feedback
+ *
+ * This component renders an edge with visual styling based on its
+ * compatibility status (from notation rules). Incompatible edges
+ * are shown in red, warnings in amber, and compatible in the default color.
+ *
+ * A tooltip is shown on hover for incompatible/warning edges explaining
+ * the issue.
+ *
+ * @example
+ * ```tsx
+ * // In your React Flow configuration
+ * const edgeTypes = {
+ *   compatibility: CompatibilityEdge,
+ * };
+ *
+ * // Usage with useEdgeCompatibility hook
+ * const { edgeCompatibility } = useEdgeCompatibility({ nodes, edges, notationId });
+ *
+ * const styledEdges = edges.map(edge => {
+ *   const compat = edgeCompatibility.find(ec => ec.edgeId === edge.id);
+ *   return {
+ *     ...edge,
+ *     type: 'compatibility',
+ *     data: {
+ *       ...edge.data,
+ *       compatibilityStatus: compat?.status,
+ *       validation: compat?.validation,
+ *     },
+ *   };
+ * });
+ * ```
+ */
+export declare const CompatibilityEdge: import("react").MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, style, selected, pathType, }: CompatibilityEdgeProps) => import("react").JSX.Element>;
+export default CompatibilityEdge;
+//# sourceMappingURL=CompatibilityEdge.d.ts.map

package/dist/compatibility/CompatibilityEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompatibilityEdge.d.ts","sourceRoot":"","sources":["../../src/compatibility/CompatibilityEdge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE3F;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,QAAQ,EAAE,GACrB,MAAM,CAOR;AAqBD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,uBAAuB,GAAG,SAAS,EAC3C,SAAS,CAAC,EAAE,aAAa,GACxB,aAAa,CA0Bf;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,qCAAqC;IACrC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7D,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,oDAAoD;IACpD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClF,wBAAwB;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACpF,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,iBAAiB,gKAa3B,sBAAsB,iCA8NvB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/compatibility/CompatibilityEdge.js

@@ -0,0 +1,233 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * CompatibilityEdge Component (CORAL-REQ-010)
+ *
+ * A custom React Flow edge component that displays visual feedback
+ * for edge compatibility status (incompatible, warning, compatible).
+ */
+import { memo, useState, useCallback } from 'react';
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, getSmoothStepPath, } from '@xyflow/react';
+import { IncompatibilityTooltip } from './IncompatibilityTooltip.js';
+/**
+ * Build an SVG path string from routed bend points.
+ * Produces orthogonal (right-angle) line segments.
+ */
+export function buildRoutedPath(startPoint, endPoint, bendPoints) {
+    const allPoints = [startPoint, ...bendPoints, endPoint];
+    const parts = [`M ${allPoints[0].x} ${allPoints[0].y}`];
+    for (let i = 1; i < allPoints.length; i++) {
+        parts.push(`L ${allPoints[i].x} ${allPoints[i].y}`);
+    }
+    return parts.join(' ');
+}
+/**
+ * Compute the midpoint of a routed path for label placement.
+ */
+function routedPathMidpoint(startPoint, endPoint, bendPoints) {
+    const allPoints = [startPoint, ...bendPoints, endPoint];
+    const midIdx = Math.floor(allPoints.length / 2);
+    if (allPoints.length % 2 === 0) {
+        // Even number of points: midpoint between two middle points
+        const a = allPoints[midIdx - 1];
+        const b = allPoints[midIdx];
+        return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
+    }
+    return allPoints[midIdx];
+}
+/**
+ * Get edge style based on compatibility status
+ */
+export function getEdgeStyleForStatus(status, baseStyle) {
+    const baseStroke = baseStyle?.stroke || '#666666';
+    const baseWidth = baseStyle?.strokeWidth || 1.5;
+    switch (status) {
+        case 'incompatible':
+            return {
+                ...baseStyle,
+                stroke: '#ef4444', // red-500
+                strokeWidth: baseWidth + 0.5,
+            };
+        case 'warning':
+            return {
+                ...baseStyle,
+                stroke: '#f59e0b', // amber-500
+                strokeWidth: baseWidth + 0.5,
+                strokeDasharray: '5,3',
+            };
+        case 'compatible':
+        default:
+            return {
+                ...baseStyle,
+                stroke: baseStroke,
+                strokeWidth: baseWidth,
+            };
+    }
+}
+/**
+ * CompatibilityEdge - React Flow edge with compatibility feedback
+ *
+ * This component renders an edge with visual styling based on its
+ * compatibility status (from notation rules). Incompatible edges
+ * are shown in red, warnings in amber, and compatible in the default color.
+ *
+ * A tooltip is shown on hover for incompatible/warning edges explaining
+ * the issue.
+ *
+ * @example
+ * ```tsx
+ * // In your React Flow configuration
+ * const edgeTypes = {
+ *   compatibility: CompatibilityEdge,
+ * };
+ *
+ * // Usage with useEdgeCompatibility hook
+ * const { edgeCompatibility } = useEdgeCompatibility({ nodes, edges, notationId });
+ *
+ * const styledEdges = edges.map(edge => {
+ *   const compat = edgeCompatibility.find(ec => ec.edgeId === edge.id);
+ *   return {
+ *     ...edge,
+ *     type: 'compatibility',
+ *     data: {
+ *       ...edge.data,
+ *       compatibilityStatus: compat?.status,
+ *       validation: compat?.validation,
+ *     },
+ *   };
+ * });
+ * ```
+ */
+export const CompatibilityEdge = memo(function CompatibilityEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, markerEnd, style, selected, pathType = 'smoothstep', }) {
+    const [showTooltip, setShowTooltip] = useState(false);
+    const status = data?.compatibilityStatus;
+    const validation = data?.validation;
+    const label = data?.label;
+    const isTooltipVisible = showTooltip || (data?.forceShowTooltip ?? false);
+    // Waypoint data (CORAL-REQ-015)
+    const waypoints = data?.waypoints;
+    const onWaypointAdd = data?.onWaypointAdd;
+    const onWaypointRemove = data?.onWaypointRemove;
+    const onWaypointDrag = data?.onWaypointDrag;
+    // Check for routed path data (from edge router or ELK sections)
+    const routedPath = data?.routedPath;
+    // Compute edge path — use routed bend points when available, else smoothstep/bezier
+    let edgePath;
+    let labelX;
+    let labelY;
+    // Check if routed path is still valid (endpoints near current handle positions).
+    // After a node drag, ELK's absolute coordinates become stale — fall back to smoothstep.
+    const STALE_THRESHOLD = 5;
+    const isRoutedPathFresh = routedPath &&
+        Math.abs(routedPath.startPoint.x - sourceX) < STALE_THRESHOLD &&
+        Math.abs(routedPath.startPoint.y - sourceY) < STALE_THRESHOLD &&
+        Math.abs(routedPath.endPoint.x - targetX) < STALE_THRESHOLD &&
+        Math.abs(routedPath.endPoint.y - targetY) < STALE_THRESHOLD;
+    if (isRoutedPathFresh) {
+        // Use ELK's full computed path (startPoint, bendPoints, endPoint).
+        // These coordinates are consistent with each other since ELK computed them
+        // as a unified route.
+        edgePath = buildRoutedPath(routedPath.startPoint, routedPath.endPoint, routedPath.bendPoints);
+        const mid = routedPathMidpoint(routedPath.startPoint, routedPath.endPoint, routedPath.bendPoints);
+        labelX = mid.x;
+        labelY = mid.y;
+    }
+    else {
+        const [computedPath, lx, ly] = pathType === 'smoothstep'
+            ? getSmoothStepPath({
+                sourceX,
+                sourceY,
+                sourcePosition,
+                targetX,
+                targetY,
+                targetPosition,
+            })
+            : getBezierPath({
+                sourceX,
+                sourceY,
+                sourcePosition,
+                targetX,
+                targetY,
+                targetPosition,
+            });
+        edgePath = computedPath;
+        labelX = lx;
+        labelY = ly;
+    }
+    // Apply compatibility styling
+    const edgeStyle = getEdgeStyleForStatus(status, style);
+    // Show tooltip on hover for incompatible/warning edges
+    const handleMouseEnter = useCallback(() => {
+        if (status === 'incompatible' || status === 'warning') {
+            setShowTooltip(true);
+        }
+    }, [status]);
+    const handleMouseLeave = useCallback(() => {
+        setShowTooltip(false);
+    }, []);
+    // Double-click on edge to add waypoint (CORAL-REQ-015)
+    const handleDoubleClick = useCallback((e) => {
+        if (!onWaypointAdd)
+            return;
+        // Get click position in SVG coordinates
+        const svg = e.target.closest?.('svg');
+        if (!svg || typeof svg.createSVGPoint !== 'function') {
+            onWaypointAdd(id, { x: e.clientX, y: e.clientY });
+            return;
+        }
+        const pt = svg.createSVGPoint();
+        pt.x = e.clientX;
+        pt.y = e.clientY;
+        const ctm = svg.getScreenCTM();
+        if (ctm) {
+            const svgPt = pt.matrixTransform(ctm.inverse());
+            onWaypointAdd(id, { x: svgPt.x, y: svgPt.y });
+        }
+        else {
+            onWaypointAdd(id, { x: e.clientX, y: e.clientY });
+        }
+    }, [id, onWaypointAdd]);
+    return (_jsxs(_Fragment, { children: [_jsx("path", { d: edgePath, fill: "none", strokeWidth: 20, stroke: "transparent", style: { cursor: 'pointer' }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onDoubleClick: handleDoubleClick }), _jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: edgeStyle, interactionWidth: 0, "aria-label": `Connection from ${data?.sourceLabel ?? 'source'} to ${data?.targetLabel ?? 'target'}` +
+                    (label ? `, ${label}` : '') +
+                    (status === 'incompatible'
+                        ? ', not allowed by this notation'
+                        : status === 'warning'
+                            ? ', has a warning'
+                            : '') }), (label || isTooltipVisible) && (_jsx(EdgeLabelRenderer, { children: _jsx("div", { style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                        pointerEvents: 'all',
+                    }, className: "nodrag nopan", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsxs(IncompatibilityTooltip, { status: status, validation: validation, show: isTooltipVisible, position: "top", children: [label && (_jsx("div", { style: {
+                                    backgroundColor: 'white',
+                                    padding: '2px 6px',
+                                    borderRadius: '3px',
+                                    fontSize: '11px',
+                                    border: `1px solid ${edgeStyle.stroke || '#666'}`,
+                                }, children: label })), !label && isTooltipVisible && (_jsx("div", { style: {
+                                    width: '12px',
+                                    height: '12px',
+                                    backgroundColor: status === 'incompatible' ? '#ef4444' : '#f59e0b',
+                                    borderRadius: '50%',
+                                    border: '2px solid white',
+                                    boxShadow: '0 1px 3px rgba(0,0,0,0.2)',
+                                } }))] }) }) })), selected && waypoints && waypoints.length > 0 && (_jsx(EdgeLabelRenderer, { children: waypoints.map((wp) => (_jsx("div", { "data-waypoint-id": wp.id, className: "nodrag nopan", style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -50%) translate(${wp.x}px,${wp.y}px)`,
+                        width: '8px',
+                        height: '8px',
+                        backgroundColor: '#3b82f6',
+                        borderRadius: '50%',
+                        border: '1.5px solid white',
+                        boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
+                        cursor: 'grab',
+                        pointerEvents: 'all',
+                    }, onContextMenu: (e) => {
+                        e.preventDefault();
+                        onWaypointRemove?.(id, wp.id);
+                    }, onMouseDown: (e) => {
+                        if (e.button === 0 && onWaypointDrag) {
+                            onWaypointDrag(id, wp.id, { x: wp.x, y: wp.y });
+                        }
+                    } }, wp.id))) }))] }));
+});
+export default CompatibilityEdge;
+//# sourceMappingURL=CompatibilityEdge.js.map

package/dist/compatibility/CompatibilityEdge.js.map

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

package/dist/compatibility/IncompatibilityTooltip.d.ts

@@ -0,0 +1,44 @@
+/**
+ * IncompatibilityTooltip Component (CORAL-REQ-010)
+ *
+ * Displays a tooltip explaining why an edge connection is incompatible
+ * or has a warning based on notation rules.
+ */
+import { type CSSProperties, type ReactNode } from 'react';
+import type { ConnectionValidation, EdgeCompatibilityStatus } from '../types.js';
+/**
+ * Props for the IncompatibilityTooltip component
+ */
+export interface IncompatibilityTooltipProps {
+    /** Validation result from edge compatibility check */
+    validation?: ConnectionValidation;
+    /** Compatibility status */
+    status?: EdgeCompatibilityStatus;
+    /** Child element that triggers the tooltip on hover */
+    children: ReactNode;
+    /** Position of tooltip relative to trigger */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** Custom styles for the tooltip */
+    style?: CSSProperties;
+    /** Whether to show the tooltip (controlled mode) */
+    show?: boolean;
+    /** Callback when tooltip visibility changes */
+    onVisibilityChange?: (visible: boolean) => void;
+}
+/**
+ * IncompatibilityTooltip - Shows a tooltip explaining edge compatibility issues
+ *
+ * @example
+ * ```tsx
+ * <IncompatibilityTooltip
+ *   validation={edgeValidation}
+ *   status="incompatible"
+ *   position="top"
+ * >
+ *   <div className="edge-label">My Edge</div>
+ * </IncompatibilityTooltip>
+ * ```
+ */
+export declare function IncompatibilityTooltip({ validation, status, children, position, style, show: controlledShow, onVisibilityChange, }: IncompatibilityTooltipProps): React.JSX.Element;
+export default IncompatibilityTooltip;
+//# sourceMappingURL=IncompatibilityTooltip.d.ts.map

package/dist/compatibility/IncompatibilityTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncompatibilityTooltip.d.ts","sourceRoot":"","sources":["../../src/compatibility/IncompatibilityTooltip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAyB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,uDAAuD;IACvD,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,oCAAoC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAkGD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,kBAAkB,GACnB,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmDjD;AAED,eAAe,sBAAsB,CAAC"}

package/dist/compatibility/IncompatibilityTooltip.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * IncompatibilityTooltip Component (CORAL-REQ-010)
+ *
+ * Displays a tooltip explaining why an edge connection is incompatible
+ * or has a warning based on notation rules.
+ */
+import { useState, useCallback } from 'react';
+/**
+ * Default styles for the tooltip container
+ */
+const defaultTooltipStyle = {
+    position: 'absolute',
+    padding: '8px 12px',
+    borderRadius: '4px',
+    fontSize: '12px',
+    fontWeight: 500,
+    maxWidth: '250px',
+    zIndex: 1000,
+    boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+    whiteSpace: 'normal',
+    lineHeight: 1.4,
+};
+/**
+ * Get position styles based on position prop
+ */
+function getPositionStyles(position) {
+    switch (position) {
+        case 'top':
+            return { bottom: '100%', left: '50%', transform: 'translateX(-50%)', marginBottom: '8px' };
+        case 'bottom':
+            return { top: '100%', left: '50%', transform: 'translateX(-50%)', marginTop: '8px' };
+        case 'left':
+            return { right: '100%', top: '50%', transform: 'translateY(-50%)', marginRight: '8px' };
+        case 'right':
+            return { left: '100%', top: '50%', transform: 'translateY(-50%)', marginLeft: '8px' };
+    }
+}
+/**
+ * Get background color based on status
+ */
+function getBackgroundColor(status) {
+    switch (status) {
+        case 'incompatible':
+            return '#fee2e2'; // red-100
+        case 'warning':
+            return '#fef3c7'; // amber-100
+        case 'compatible':
+            return '#d1fae5'; // green-100
+        default:
+            return '#f3f4f6'; // gray-100
+    }
+}
+/**
+ * Get border color based on status
+ */
+function getBorderColor(status) {
+    switch (status) {
+        case 'incompatible':
+            return '#ef4444'; // red-500
+        case 'warning':
+            return '#f59e0b'; // amber-500
+        case 'compatible':
+            return '#10b981'; // green-500
+        default:
+            return '#9ca3af'; // gray-400
+    }
+}
+/**
+ * Get text color based on status
+ */
+function getTextColor(status) {
+    switch (status) {
+        case 'incompatible':
+            return '#991b1b'; // red-800
+        case 'warning':
+            return '#92400e'; // amber-800
+        case 'compatible':
+            return '#065f46'; // green-800
+        default:
+            return '#374151'; // gray-700
+    }
+}
+/**
+ * Get status label
+ */
+function getStatusLabel(status) {
+    switch (status) {
+        case 'incompatible':
+            return 'Incompatible Connection';
+        case 'warning':
+            return 'Warning';
+        case 'compatible':
+            return 'Compatible';
+        default:
+            return 'Unknown Status';
+    }
+}
+/**
+ * IncompatibilityTooltip - Shows a tooltip explaining edge compatibility issues
+ *
+ * @example
+ * ```tsx
+ * <IncompatibilityTooltip
+ *   validation={edgeValidation}
+ *   status="incompatible"
+ *   position="top"
+ * >
+ *   <div className="edge-label">My Edge</div>
+ * </IncompatibilityTooltip>
+ * ```
+ */
+export function IncompatibilityTooltip({ validation, status, children, position = 'top', style, show: controlledShow, onVisibilityChange, }) {
+    const [internalShow, setInternalShow] = useState(false);
+    const isControlled = controlledShow !== undefined;
+    const isVisible = isControlled ? controlledShow : internalShow;
+    const handleMouseEnter = useCallback(() => {
+        if (!isControlled) {
+            setInternalShow(true);
+        }
+        onVisibilityChange?.(true);
+    }, [isControlled, onVisibilityChange]);
+    const handleMouseLeave = useCallback(() => {
+        if (!isControlled) {
+            setInternalShow(false);
+        }
+        onVisibilityChange?.(false);
+    }, [isControlled, onVisibilityChange]);
+    // Don't show tooltip for compatible edges unless explicitly requested
+    const shouldShow = isVisible && (status !== 'compatible' || validation?.hasWarning);
+    // Get the message to display
+    const message = validation?.message || 'Unknown issue with this connection';
+    const statusLabel = getStatusLabel(status);
+    const tooltipStyle = {
+        ...defaultTooltipStyle,
+        ...getPositionStyles(position),
+        backgroundColor: getBackgroundColor(status),
+        border: `1px solid ${getBorderColor(status)}`,
+        color: getTextColor(status),
+        ...style,
+    };
+    return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [children, shouldShow && (_jsxs("div", { style: tooltipStyle, role: "tooltip", children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '4px' }, children: statusLabel }), _jsx("div", { children: message })] }))] }));
+}
+export default IncompatibilityTooltip;
+//# sourceMappingURL=IncompatibilityTooltip.js.map

package/dist/compatibility/IncompatibilityTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncompatibilityTooltip.js","sourceRoot":"","sources":["../../src/compatibility/IncompatibilityTooltip.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAsC,MAAM,OAAO,CAAC;AAuBlF;;GAEG;AACH,MAAM,mBAAmB,GAAkB;IACzC,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,4BAA4B;IACvC,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF;;GAEG;AACH,SAAS,iBAAiB,CAAC,QAA6C;IACtE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,KAAK;YACR,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAC7F,KAAK,QAAQ;YACX,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACvF,KAAK,MAAM;YACT,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;QAC1F,KAAK,OAAO;YACV,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;IAC1F,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,MAA2C;IACrE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,SAAS,CAAC,CAAC,UAAU;QAC9B,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC,KAAK,YAAY;YACf,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC;YACE,OAAO,SAAS,CAAC,CAAC,WAAW;IACjC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,MAA2C;IACjE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,SAAS,CAAC,CAAC,UAAU;QAC9B,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC,KAAK,YAAY;YACf,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC;YACE,OAAO,SAAS,CAAC,CAAC,WAAW;IACjC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,YAAY,CAAC,MAA2C;IAC/D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,SAAS,CAAC,CAAC,UAAU;QAC9B,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC,KAAK,YAAY;YACf,OAAO,SAAS,CAAC,CAAC,YAAY;QAChC;YACE,OAAO,SAAS,CAAC,CAAC,WAAW;IACjC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,MAA2C;IACjE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,yBAAyB,CAAC;QACnC,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,YAAY;YACf,OAAO,YAAY,CAAC;QACtB;YACE,OAAO,gBAAgB,CAAC;IAC5B,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,kBAAkB,GACU;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAE/D,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QACD,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvC,sEAAsE;IACtE,MAAM,UAAU,GAAG,SAAS,IAAI,CAAC,MAAM,KAAK,YAAY,IAAI,UAAU,EAAE,UAAU,CAAC,CAAC;IAEpF,6BAA6B;IAC7B,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,IAAI,oCAAoC,CAAC;IAC5E,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAkB;QAClC,GAAG,mBAAmB;QACtB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;QAC9B,eAAe,EAAE,kBAAkB,CAAC,MAAM,CAAC;QAC3C,MAAM,EAAE,aAAa,cAAc,CAAC,MAAM,CAAC,EAAE;QAC7C,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;QAC3B,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,EACxD,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,QAAQ,EACR,UAAU,IAAI,CACb,eAAK,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,SAAS,aACtC,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAG,WAAW,GAAO,EACzE,wBAAM,OAAO,GAAO,IAChB,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/compatibility/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Compatibility Module (CORAL-REQ-010)
+ *
+ * Provides connection validation and port compatibility checking.
+ */
+export { validateConnection, checkPortDirection, checkMaxConnections, getEdgeCompatibility, } from './validateConnection.js';
+export { useEdgeCompatibility, type UseEdgeCompatibilityOptions, type UseEdgeCompatibilityOptionsNodes, type UseEdgeCompatibilityOptionsContext, type UseEdgeCompatibilityResult, } from './useEdgeCompatibility.js';
+export { IncompatibilityTooltip, type IncompatibilityTooltipProps, } from './IncompatibilityTooltip.js';
+export { CompatibilityEdge, getEdgeStyleForStatus, buildRoutedPath, type CompatibilityEdgeProps, type CompatibilityEdgeData, type WaypointHandleData, } from './CompatibilityEdge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/compatibility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compatibility/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,gCAAgC,EACrC,KAAK,kCAAkC,EACvC,KAAK,0BAA0B,GAChC,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,wBAAwB,CAAC"}

package/dist/compatibility/index.js

@@ -0,0 +1,10 @@
+/**
+ * Compatibility Module (CORAL-REQ-010)
+ *
+ * Provides connection validation and port compatibility checking.
+ */
+export { validateConnection, checkPortDirection, checkMaxConnections, getEdgeCompatibility, } from './validateConnection.js';
+export { useEdgeCompatibility, } from './useEdgeCompatibility.js';
+export { IncompatibilityTooltip, } from './IncompatibilityTooltip.js';
+export { CompatibilityEdge, getEdgeStyleForStatus, buildRoutedPath, } from './CompatibilityEdge.js';
+//# sourceMappingURL=index.js.map

package/dist/compatibility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/compatibility/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,oBAAoB,GAKrB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,sBAAsB,GAEvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAIhB,MAAM,wBAAwB,CAAC"}