@coral-viz/viz 0.2.3

package/dist/editor/CoralEditor.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CoralEditor - Main visual editor component
+ *
+ * Renders Graph-IR as an interactive diagram using React Flow.
+ */
+import { useCallback, useMemo, useState } from 'react';
+import { ReactFlow, Background, Controls, MiniMap, useNodesState, useEdgesState, BackgroundVariant, } from '@xyflow/react';
+import { nodeTypes } from '../components/nodes.js';
+import { convertGraphToFlow, convertFlowToGraphNodes, convertFlowToGraphEdges } from './converter.js';
+const defaultConfig = {
+    draggable: true,
+    connectable: false,
+    selectable: true,
+    zoomable: true,
+    pannable: true,
+    showMinimap: true,
+    showControls: true,
+    fitViewOnLoad: true,
+};
+/**
+ * Main Coral Editor component
+ */
+export const CoralEditor = ({ graph, config: userConfig, callbacks, className, style, }) => {
+    const config = useMemo(() => ({ ...defaultConfig, ...userConfig }), [userConfig]);
+    // Convert Graph-IR to React Flow format
+    const initialData = useMemo(() => convertGraphToFlow(graph), [graph]);
+    // React Flow state
+    const [nodes, setNodes, onNodesChange] = useNodesState(initialData.nodes);
+    const [edges, setEdges, onEdgesChange] = useEdgesState(initialData.edges);
+    const [selectedNodes, setSelectedNodes] = useState([]);
+    const [selectedEdges, setSelectedEdges] = useState([]);
+    // Handle node changes and notify parent
+    const handleNodesChange = useCallback((changes) => {
+        onNodesChange(changes);
+        // Notify parent of changes
+        if (callbacks?.onNodesChange) {
+            // Get updated nodes after change
+            setNodes((currentNodes) => {
+                callbacks.onNodesChange?.(currentNodes);
+                return currentNodes;
+            });
+        }
+    }, [onNodesChange, callbacks, setNodes]);
+    // Handle edge changes and notify parent
+    const handleEdgesChange = useCallback((changes) => {
+        onEdgesChange(changes);
+        if (callbacks?.onEdgesChange) {
+            setEdges((currentEdges) => {
+                callbacks.onEdgesChange?.(currentEdges);
+                return currentEdges;
+            });
+        }
+    }, [onEdgesChange, callbacks, setEdges]);
+    // Handle selection changes
+    const handleSelectionChange = useCallback(({ nodes: selectedNodeList, edges: selectedEdgeList }) => {
+        const nodeIds = selectedNodeList.map((n) => n.id);
+        const edgeIds = selectedEdgeList.map((e) => e.id);
+        setSelectedNodes(nodeIds);
+        setSelectedEdges(edgeIds);
+        callbacks?.onNodeSelect?.(nodeIds);
+        callbacks?.onEdgeSelect?.(edgeIds);
+    }, [callbacks]);
+    // Handle node double click
+    const handleNodeDoubleClick = useCallback((_event, node) => {
+        callbacks?.onNodeDoubleClick?.(node.id);
+    }, [callbacks]);
+    // Minimap node color based on type
+    const getMinimapNodeColor = useCallback((node) => {
+        switch (node.data.nodeType) {
+            case 'service':
+                return '#90caf9';
+            case 'database':
+                return '#ffb74d';
+            case 'external_api':
+                return '#f48fb1';
+            case 'actor':
+                return '#81c784';
+            case 'module':
+                return '#ce93d8';
+            case 'group':
+                return '#bdbdbd';
+            default:
+                return '#90caf9';
+        }
+    }, []);
+    return (_jsx("div", { className: `coral-editor ${className || ''}`, style: {
+            width: '100%',
+            height: '100%',
+            minHeight: '400px',
+            ...style,
+        }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: handleNodesChange, onEdgesChange: handleEdgesChange, onSelectionChange: handleSelectionChange, onNodeDoubleClick: handleNodeDoubleClick, nodeTypes: nodeTypes, nodesDraggable: config.draggable, nodesConnectable: config.connectable, elementsSelectable: config.selectable, zoomOnScroll: config.zoomable, panOnScroll: config.pannable, fitView: config.fitViewOnLoad, fitViewOptions: { padding: 0.2 }, defaultEdgeOptions: {
+                type: 'smoothstep',
+                animated: false,
+            }, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 20, size: 1 }), config.showControls && _jsx(Controls, {}), config.showMinimap && (_jsx(MiniMap, { nodeColor: getMinimapNodeColor, nodeStrokeWidth: 3, zoomable: true, pannable: true }))] }) }));
+};
+/**
+ * Hook to get Graph-IR from current editor state
+ */
+export function useGraphIR(nodes, edges, originalGraph) {
+    return useMemo(() => {
+        const graphNodes = convertFlowToGraphNodes(nodes, originalGraph.nodes);
+        const graphEdges = convertFlowToGraphEdges(edges);
+        return {
+            ...originalGraph,
+            nodes: graphNodes,
+            edges: graphEdges,
+        };
+    }, [nodes, edges, originalGraph]);
+}
+export default CoralEditor;
+//# sourceMappingURL=CoralEditor.js.map

package/dist/editor/CoralEditor.js.map

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

package/dist/editor/FileControls.d.ts

@@ -0,0 +1,34 @@
+/**
+ * FileControls - UI component for file operations (CORAL-REQ-008)
+ *
+ * Provides buttons for:
+ * - Save: Download diagram as .coral.json file
+ * - Load: Open file picker to load .coral.json file
+ * - Export: Export Graph-IR as JSON
+ */
+import { type CSSProperties } from 'react';
+import type { CoralDocument } from '../file/index.js';
+/** Props for the FileControls component */
+export interface FileControlsProps {
+    /** Current document to save */
+    document: CoralDocument | null;
+    /** Callback when a document is loaded */
+    onLoad: (document: CoralDocument) => void;
+    /** Callback to get current state as document (for saving) */
+    onGetDocument?: () => CoralDocument;
+    /** Custom styles for the container */
+    style?: CSSProperties;
+    /** Custom class name for the container */
+    className?: string;
+    /** Whether to show keyboard shortcut hints in tooltips */
+    showShortcutHints?: boolean;
+    /** Disable all controls */
+    disabled?: boolean;
+    /** Show export button */
+    showExport?: boolean;
+}
+/**
+ * FileControls component
+ */
+export declare function FileControls({ document, onLoad, onGetDocument, style, className, showShortcutHints, disabled, showExport, }: FileControlsProps): import("react").JSX.Element;
+//# sourceMappingURL=FileControls.d.ts.map

package/dist/editor/FileControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileControls.d.ts","sourceRoot":"","sources":["../../src/editor/FileControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,KAAK,aAAa,EAAoB,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,2CAA2C;AAC3C,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,yCAAyC;IACzC,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,aAAa,CAAC;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8DD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,aAAa,EACb,KAAK,EACL,SAAS,EACT,iBAAwB,EACxB,QAAgB,EAChB,UAAiB,GAClB,EAAE,iBAAiB,+BAgJnB"}

package/dist/editor/FileControls.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * FileControls - UI component for file operations (CORAL-REQ-008)
+ *
+ * Provides buttons for:
+ * - Save: Download diagram as .coral.json file
+ * - Load: Open file picker to load .coral.json file
+ * - Export: Export Graph-IR as JSON
+ */
+import { useRef, useCallback } from 'react';
+/** Default button styles */
+const buttonStyle = {
+    padding: '6px 12px',
+    fontSize: '13px',
+    fontWeight: 500,
+    borderRadius: '4px',
+    border: '1px solid #ccc',
+    background: '#fff',
+    cursor: 'pointer',
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: '4px',
+    transition: 'all 0.15s ease',
+};
+const buttonStyleDisabled = {
+    ...buttonStyle,
+    opacity: 0.5,
+    cursor: 'not-allowed',
+};
+const buttonStylePrimary = {
+    ...buttonStyle,
+    background: '#2e7d32',
+    borderColor: '#2e7d32',
+    color: '#fff',
+};
+const containerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+};
+/**
+ * Download a file with the given content
+ */
+function downloadFile(content, filename, mimeType) {
+    const blob = new Blob([content], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+/**
+ * Generate filename from document name
+ */
+function generateFilename(name) {
+    const sanitized = name
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+    return `${sanitized || 'diagram'}.coral.json`;
+}
+/**
+ * FileControls component
+ */
+export function FileControls({ document, onLoad, onGetDocument, style, className, showShortcutHints = true, disabled = false, showExport = true, }) {
+    const fileInputRef = useRef(null);
+    /**
+     * Handle save button click
+     */
+    const handleSave = useCallback(() => {
+        const doc = onGetDocument ? onGetDocument() : document;
+        if (!doc)
+            return;
+        const json = JSON.stringify(doc, null, 2);
+        const filename = generateFilename(doc.metadata.name);
+        downloadFile(json, filename, 'application/json');
+    }, [document, onGetDocument]);
+    /**
+     * Handle load button click
+     */
+    const handleLoadClick = useCallback(() => {
+        fileInputRef.current?.click();
+    }, []);
+    /**
+     * Handle file input change
+     */
+    const handleFileChange = useCallback((event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            try {
+                const content = e.target?.result;
+                const doc = JSON.parse(content);
+                onLoad(doc);
+            }
+            catch (error) {
+                console.error('Failed to parse file:', error);
+                alert(`Failed to load file: ${error instanceof Error ? error.message : 'Unknown error'}`);
+            }
+        };
+        reader.readAsText(file);
+        // Reset input so same file can be loaded again
+        event.target.value = '';
+    }, [onLoad]);
+    /**
+     * Handle export Graph-IR button click
+     */
+    const handleExport = useCallback(() => {
+        const doc = onGetDocument ? onGetDocument() : document;
+        if (!doc?.content.graphIR)
+            return;
+        const json = JSON.stringify(doc.content.graphIR, null, 2);
+        const filename = `${doc.metadata.name.toLowerCase().replace(/\s+/g, '-')}-graph-ir.json`;
+        downloadFile(json, filename, 'application/json');
+    }, [document, onGetDocument]);
+    const getSaveTitle = () => {
+        let title = 'Save diagram as .coral.json file';
+        if (showShortcutHints) {
+            title += ' (Ctrl+S)';
+        }
+        return title;
+    };
+    const getLoadTitle = () => {
+        let title = 'Load diagram from .coral.json file';
+        if (showShortcutHints) {
+            title += ' (Ctrl+O)';
+        }
+        return title;
+    };
+    const canSave = Boolean(document || onGetDocument);
+    const canExport = Boolean(document?.content.graphIR || onGetDocument);
+    return (_jsxs("div", { style: { ...containerStyle, ...style }, className: className, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".coral.json,.json", style: { display: 'none' }, onChange: handleFileChange }), _jsxs("button", { onClick: handleSave, disabled: disabled || !canSave, title: getSaveTitle(), style: disabled || !canSave ? buttonStyleDisabled : buttonStylePrimary, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), _jsx("polyline", { points: "17 21 17 13 7 13 7 21" }), _jsx("polyline", { points: "7 3 7 8 15 8" })] }), "Save"] }), _jsxs("button", { onClick: handleLoadClick, disabled: disabled, title: getLoadTitle(), style: disabled ? buttonStyleDisabled : buttonStyle, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }), _jsx("line", { x1: "12", y1: "11", x2: "12", y2: "17" }), _jsx("polyline", { points: "9 14 12 11 15 14" })] }), "Load"] }), showExport && (_jsxs(_Fragment, { children: [_jsx("div", { style: { width: '1px', height: '20px', background: '#ddd' } }), _jsxs("button", { onClick: handleExport, disabled: disabled || !canExport, title: "Export Graph-IR as JSON", style: disabled || !canExport ? buttonStyleDisabled : buttonStyle, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "7 10 12 15 17 10" }), _jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })] }), "Export IR"] })] }))] }));
+}
+//# sourceMappingURL=FileControls.js.map

package/dist/editor/FileControls.js.map

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

package/dist/editor/LayoutControls.d.ts

@@ -0,0 +1,41 @@
+/**
+ * LayoutControls - UI component for diagram reflow and undo/redo
+ *
+ * Provides buttons and keyboard shortcuts for:
+ * - Reflow: Re-run automatic layout (ELK)
+ * - Undo: Restore previous node positions
+ * - Redo: Re-apply undone changes
+ */
+import { type CSSProperties } from 'react';
+/** Props for the LayoutControls component */
+export interface LayoutControlsProps {
+    /** Callback to trigger reflow/re-layout */
+    onReflow: () => void;
+    /** Callback to undo last layout change */
+    onUndo: () => void;
+    /** Callback to redo undone change */
+    onRedo: () => void;
+    /** Whether undo is available */
+    canUndo: boolean;
+    /** Whether redo is available */
+    canRedo: boolean;
+    /** Number of undo steps available */
+    undoCount?: number;
+    /** Number of redo steps available */
+    redoCount?: number;
+    /** Whether a reflow is currently in progress */
+    isReflowing?: boolean;
+    /** Custom styles for the container */
+    style?: CSSProperties;
+    /** Custom class name for the container */
+    className?: string;
+    /** Whether to show keyboard shortcut hints in tooltips */
+    showShortcutHints?: boolean;
+    /** Disable all controls */
+    disabled?: boolean;
+}
+/**
+ * LayoutControls component
+ */
+export declare function LayoutControls({ onReflow, onUndo, onRedo, canUndo, canRedo, undoCount, redoCount, isReflowing, style, className, showShortcutHints, disabled, }: LayoutControlsProps): import("react").JSX.Element;
+//# sourceMappingURL=LayoutControls.d.ts.map

package/dist/editor/LayoutControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutControls.d.ts","sourceRoot":"","sources":["../../src/editor/LayoutControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAA0B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoCD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAa,EACb,SAAa,EACb,WAAmB,EACnB,KAAK,EACL,SAAS,EACT,iBAAwB,EACxB,QAAgB,GACjB,EAAE,mBAAmB,+BAuJrB"}

package/dist/editor/LayoutControls.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * LayoutControls - UI component for diagram reflow and undo/redo
+ *
+ * Provides buttons and keyboard shortcuts for:
+ * - Reflow: Re-run automatic layout (ELK)
+ * - Undo: Restore previous node positions
+ * - Redo: Re-apply undone changes
+ */
+import { useEffect, useCallback } from 'react';
+/** Default button styles */
+const buttonStyle = {
+    padding: '6px 12px',
+    fontSize: '13px',
+    fontWeight: 500,
+    borderRadius: '4px',
+    border: '1px solid #ccc',
+    background: '#fff',
+    cursor: 'pointer',
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: '4px',
+    transition: 'all 0.15s ease',
+};
+const buttonStyleDisabled = {
+    ...buttonStyle,
+    opacity: 0.5,
+    cursor: 'not-allowed',
+};
+const buttonStylePrimary = {
+    ...buttonStyle,
+    background: '#1976d2',
+    borderColor: '#1976d2',
+    color: '#fff',
+};
+const containerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+};
+/**
+ * LayoutControls component
+ */
+export function LayoutControls({ onReflow, onUndo, onRedo, canUndo, canRedo, undoCount = 0, redoCount = 0, isReflowing = false, style, className, showShortcutHints = true, disabled = false, }) {
+    /**
+     * Handle keyboard shortcuts
+     */
+    const handleKeyDown = useCallback((e) => {
+        if (disabled)
+            return;
+        // Ctrl+Shift+L or Cmd+Shift+L for reflow
+        if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'L') {
+            e.preventDefault();
+            if (!isReflowing) {
+                onReflow();
+            }
+            return;
+        }
+        // Ctrl+Z or Cmd+Z for undo (without shift)
+        if ((e.ctrlKey || e.metaKey) && !e.shiftKey && e.key === 'z') {
+            e.preventDefault();
+            if (canUndo) {
+                onUndo();
+            }
+            return;
+        }
+        // Ctrl+Shift+Z or Cmd+Shift+Z for redo
+        if ((e.ctrlKey || e.metaKey) && e.shiftKey && (e.key === 'z' || e.key === 'Z')) {
+            e.preventDefault();
+            if (canRedo) {
+                onRedo();
+            }
+            return;
+        }
+        // Ctrl+Y or Cmd+Y for redo (alternative)
+        if ((e.ctrlKey || e.metaKey) && e.key === 'y') {
+            e.preventDefault();
+            if (canRedo) {
+                onRedo();
+            }
+            return;
+        }
+    }, [disabled, isReflowing, canUndo, canRedo, onReflow, onUndo, onRedo]);
+    // Attach keyboard listener
+    useEffect(() => {
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [handleKeyDown]);
+    const getReflowTitle = () => {
+        let title = 'Re-apply automatic layout';
+        if (showShortcutHints) {
+            title += ' (Ctrl+Shift+L)';
+        }
+        return title;
+    };
+    const getUndoTitle = () => {
+        let title = `Undo${undoCount > 0 ? ` (${undoCount} step${undoCount > 1 ? 's' : ''} available)` : ''}`;
+        if (showShortcutHints) {
+            title += ' (Ctrl+Z)';
+        }
+        return title;
+    };
+    const getRedoTitle = () => {
+        let title = `Redo${redoCount > 0 ? ` (${redoCount} step${redoCount > 1 ? 's' : ''} available)` : ''}`;
+        if (showShortcutHints) {
+            title += ' (Ctrl+Shift+Z)';
+        }
+        return title;
+    };
+    return (_jsxs("div", { style: { ...containerStyle, ...style }, className: className, children: [_jsx("button", { onClick: onReflow, disabled: disabled || isReflowing, title: getReflowTitle(), style: disabled || isReflowing ? buttonStyleDisabled : buttonStylePrimary, children: isReflowing ? (_jsxs(_Fragment, { children: [_jsx("span", { style: {
+                                display: 'inline-block',
+                                width: '12px',
+                                height: '12px',
+                                border: '2px solid #fff',
+                                borderTopColor: 'transparent',
+                                borderRadius: '50%',
+                                animation: 'spin 1s linear infinite',
+                            } }), "Reflowing..."] })) : (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M23 4v6h-6M1 20v-6h6" }), _jsx("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })] }), "Reflow"] })) }), _jsx("div", { style: { width: '1px', height: '20px', background: '#ddd' } }), _jsxs("button", { onClick: onUndo, disabled: disabled || !canUndo, title: getUndoTitle(), style: disabled || !canUndo ? buttonStyleDisabled : buttonStyle, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })] }), "Undo"] }), _jsxs("button", { onClick: onRedo, disabled: disabled || !canRedo, title: getRedoTitle(), style: disabled || !canRedo ? buttonStyleDisabled : buttonStyle, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13" })] }), "Redo"] }), _jsx("style", { children: `
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+      ` })] }));
+}
+//# sourceMappingURL=LayoutControls.js.map

package/dist/editor/LayoutControls.js.map

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

package/dist/editor/converter.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Graph-IR to React Flow Converter
+ *
+ * Transforms Graph-IR nodes and edges to React Flow format.
+ */
+import type { GraphIR, GraphNode, GraphEdge, CoralNode, CoralEdge } from '../types.js';
+/**
+ * Convert a Graph-IR node to React Flow node
+ */
+export declare function convertNode(node: GraphNode, index: number, parentId?: string): CoralNode;
+/**
+ * Flatten nested nodes for React Flow
+ * React Flow doesn't support deeply nested nodes well, so we flatten
+ * and use parentId for grouping
+ */
+export declare function flattenNodes(nodes: GraphNode[]): CoralNode[];
+/**
+ * Convert a Graph-IR edge to React Flow edge
+ */
+export declare function convertEdge(edge: GraphEdge): CoralEdge;
+/**
+ * Convert entire Graph-IR to React Flow format
+ */
+export declare function convertGraphToFlow(graph: GraphIR): {
+    nodes: CoralNode[];
+    edges: CoralEdge[];
+};
+/**
+ * Convert React Flow nodes back to Graph-IR nodes
+ * Used for bidirectional sync
+ */
+export declare function convertFlowToGraphNodes(flowNodes: CoralNode[], originalNodes: GraphNode[]): GraphNode[];
+/**
+ * Convert React Flow edges back to Graph-IR edges
+ */
+export declare function convertFlowToGraphEdges(flowEdges: CoralEdge[]): GraphEdge[];
+//# sourceMappingURL=converter.d.ts.map

package/dist/editor/converter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.d.ts","sourceRoot":"","sources":["../../src/editor/converter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EAGV,MAAM,aAAa,CAAC;AAoCrB;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,GAChB,SAAS,CAqDX;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAmB5D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CA8CtD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG;IAClD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAKA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,SAAS,EAAE,EACtB,aAAa,EAAE,SAAS,EAAE,GACzB,SAAS,EAAE,CA4Db;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CA+B3E"}