@pixerate/editor-react 0.17.0 → 0.18.1

package/dist/canvas/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/canvas/index.ts","../../src/canvas/AgentPresenceLayer.tsx","../../src/canvas/useStreamingCanvas.ts","../../src/canvas/useCanvasGraph.ts","../../src/canvas/useCanvasLayout.ts","../../src/canvas/useCanvasClipboard.ts","../../src/canvas/useCanvasShortcuts.ts","../../src/canvas/useCanvasDocking.ts","../../src/canvas/useCanvasExplosion.ts","../../src/canvas/useCanvasArrange.ts","../../src/canvas/useCanvasScenes.ts","../../src/canvas/CanvasGuidesLayer.tsx","../../src/canvas/useCanvasMeasure.ts","../../src/canvas/ShapeNode.tsx","../../src/canvas/useCanvasAutoLayout.ts","../../src/canvas/useCanvasTokens.ts","../../src/canvas/TokenBindingPicker.tsx"],"sourcesContent":["export {\n\tAgentPresenceLayer,\n\ttype AgentPresenceLayerProps\n} from './AgentPresenceLayer.js';\n\nexport {\n\tuseStreamingCanvas,\n\ttype UseStreamingCanvasOptions\n} from './useStreamingCanvas.js';\n\nexport {\n\tuseCanvasGraph,\n\ttype UseCanvasGraphOptions\n} from './useCanvasGraph.js';\n\nexport {\n\tuseCanvasLayout,\n\ttype UseCanvasLayoutOptions\n} from './useCanvasLayout.js';\n\nexport {\n\tuseCanvasClipboard,\n\ttype UseCanvasClipboardOptions\n} from './useCanvasClipboard.js';\n\nexport {\n\tuseCanvasShortcuts,\n\ttype UseCanvasShortcutsOptions\n} from './useCanvasShortcuts.js';\n\nexport {\n\tuseCanvasDocking,\n\ttype UseCanvasDockingOptions\n} from './useCanvasDocking.js';\n\nexport {\n\tuseCanvasExplosion,\n\ttype CanvasGraphTarget\n} from './useCanvasExplosion.js';\n\n// Arrangement (align / distribute / size / lock / z-order), smart guides and scenes\nexport {\n\tuseCanvasArrange,\n\tuseCanvasArrangeShortcuts,\n\ttype CanvasArrange,\n\ttype UseCanvasArrangeOptions,\n\ttype UseCanvasArrangeShortcutsOptions\n} from './useCanvasArrange.js';\n\nexport {\n\tuseCanvasScenes,\n\ttype CanvasScenes,\n\ttype UseCanvasScenesOptions\n} from './useCanvasScenes.js';\n\nexport {\n\tCanvasGuidesLayer,\n\ttype CanvasGuidesLayerProps\n} from './CanvasGuidesLayer.js';\n\n// Distance measuring (Alt-hover), resize / grid snapping and curve fitting\nexport {\n\tuseCanvasMeasure,\n\ttype CanvasMeasure,\n\ttype UseCanvasMeasureOptions\n} from './useCanvasMeasure.js';\n\nexport {\n\tmeasureBetween,\n\tmeasureToLine,\n\tmeasureSelection,\n\tmeasureLabel,\n\tisMeasureModifierHeld,\n\tsnapToGrid,\n\tsnapResize,\n\tsnapNodeResize,\n\tinferResizeHandle,\n\tresizeHandleAxes,\n\tgetResizingNodeRect,\n\tRESIZE_HANDLES,\n\tfitCubics,\n\tfitCubicRun,\n\tfitPathData,\n\tfitFreehandPath,\n\tcubicsToPathData,\n\tcubicPointAt,\n\tisStraightCubic,\n\ttype MeasureGuide,\n\ttype MeasureSelectionResult,\n\ttype MeasureSelectionOptions,\n\ttype ResizeHandle,\n\ttype SnapResizeOptions,\n\ttype SnapResizeResult,\n\ttype SnapNodeResizeOptions,\n\ttype SnapNodeResizeResult,\n\ttype CubicSegment,\n\ttype FitCubicsOptions,\n\ttype FitPathDataOptions\n} from '@pixerate/editor/canvas';\n\nexport {\n\talignNodes,\n\tdistributeNodes,\n\tmatchSize,\n\treorderNodes,\n\tapplyNodeUpdates,\n\tinvertNodeUpdates,\n\tlockNodes,\n\tunlockNodes,\n\ttoggleLockNodes,\n\tisLocked,\n\tgetNodeSize,\n\tgetNodeRect,\n\tgetAbsolutePosition,\n\treadStyleSize,\n\twithStyleSize,\n\tcomputeSnapGuides,\n\tcreateGuideIndex,\n\tcreateNodeGuideIndex,\n\tsnapNodeDrag,\n\tfindConnectorSnap,\n\tnearestHandlePositions,\n\thandlePoint,\n\tpositionToSide,\n\tsideToPosition,\n\toppositePosition,\n\tCONNECTION_LINE_TYPES,\n\tCanvasScenesStore,\n\tcreateCanvasScenesStore,\n\tparseCanvasScenes,\n\tfitViewportToRect,\n\tfitViewportToNodes,\n\tmatchArrangeShortcut,\n\tDEFAULT_ARRANGE_SHORTCUTS,\n\ttype AlignEdge,\n\ttype DistributeAxis,\n\ttype DistributeMode,\n\ttype SizeDimension,\n\ttype ZOrderOperation,\n\ttype CanvasNodeUpdate,\n\ttype GuideLine,\n\ttype GuideIndex,\n\ttype SnapGuidesOptions,\n\ttype SnapResult,\n\ttype ConnectorSnap,\n\ttype ConnectorSnapTarget,\n\ttype CanvasConnectionLineType,\n\ttype CanvasScene,\n\ttype CanvasScenesState,\n\ttype CanvasViewport,\n\ttype CanvasArrangeAction,\n\ttype ArrangeShortcutBinding\n} from '@pixerate/editor/canvas';\n\nexport { ShapeNode, type ShapeNodeProps } from './ShapeNode.js';\n\n// Shape nodes and boolean operations (Unite / Intersect / Subtract / Exclude / Divide)\nexport {\n\tcombineShapeNodes,\n\tcanCombineShapeNodes,\n\tapplyShapeCombination,\n\trevertShapeCombination,\n\tshapeNodeToPolygon,\n\tisShapeNode,\n\tgetNodeShape,\n\tSHAPE_DATA_KEY,\n\tSHAPE_NODE_TYPE,\n\tSHAPE_OPERATIONS,\n\tSHAPE_KINDS,\n\tisShapeDescription,\n\tshapeToPolygon,\n\tgetShapeSvg,\n\tgetShapeRenderData,\n\tparseSvgPath,\n\tflattenSvgPath,\n\tpolygonToSvgPath,\n\tsimplifyRing,\n\tpolygonBoolean,\n\tunionPolygons,\n\tintersectPolygons,\n\tsubtractPolygons,\n\txorPolygons,\n\tdividePolygons,\n\tpolygonArea,\n\tmultiPolygonArea,\n\tmultiPolygonBounds,\n\tringSignedArea,\n\tpointInRings,\n\tpointInMultiPolygon,\n\ttype ShapeOperation,\n\ttype ShapeDescription,\n\ttype ShapeKind,\n\ttype ShapePaint,\n\ttype ShapeSize,\n\ttype ShapeRenderData,\n\ttype RectShape,\n\ttype EllipseShape,\n\ttype RegularPolygonShape,\n\ttype StarShape,\n\ttype PathShape,\n\ttype PathCommand,\n\ttype FlattenOptions,\n\ttype PolygonToPathOptions,\n\ttype CombineShapeNodesOptions,\n\ttype CombineShapeNodesResult,\n\ttype CombineShapeNodesRefusal,\n\ttype ShapeNodePolygonOptions,\n\ttype MultiPolygon,\n\ttype PolygonWithHoles,\n\ttype PolygonRing,\n\ttype PolygonFillRule,\n\ttype PolygonOperand,\n\ttype PolygonInput,\n\ttype PolygonPiece,\n\ttype PolygonBooleanOperation,\n\ttype PolygonBooleanOptions\n} from '@pixerate/editor/canvas';\n\n// Curve-preserving path operations, Offset Path and Outline Stroke\nexport {\n\toffsetShapeNodes,\n\toutlineShapeNodeStrokes,\n\tcanOffsetShapeNodes,\n\tcanOutlineShapeNodeStrokes,\n\tapplyShapeReplacement,\n\thasVisibleStroke,\n\tshapeToBezierPath,\n\tshapeNodeToBezierPath,\n\tpathBoolean,\n\tunitePaths,\n\tintersectPaths,\n\tsubtractPaths,\n\texcludePaths,\n\tdividePaths,\n\tnormalizeBezierPath,\n\tbezierPathArea,\n\toffsetPath,\n\toutlineStroke,\n\tstrokeOutlineRings,\n\tdashContours,\n\ttoBezierPath,\n\tbezierPathToSvg,\n\ttransformBezierPath,\n\tbezierPathBounds,\n\tbezierPathSignedArea,\n\tbezierPathLength,\n\tbezierPathPointAtLength,\n\tpointInBezierPath,\n\tdistanceToBezierPath,\n\tcountPathSegments,\n\ttype BezierCommand,\n\ttype BezierPath,\n\ttype BezierPathInput,\n\ttype PathOperand,\n\ttype PathOperandInput,\n\ttype PathOpsOptions,\n\ttype PathBooleanResult,\n\ttype DividePathsResult,\n\ttype StrokeJoin,\n\ttype StrokeCap,\n\ttype OutlineStrokeOptions,\n\ttype OffsetPathOptions,\n\ttype OffsetShapeNodesOptions,\n\ttype OutlineShapeStrokesOptions,\n\ttype ShapePathEditResult,\n\ttype ShapePathEditRefusal,\n\ttype ShapePathEditOperation\n} from '@pixerate/editor/canvas';\n\n// Re-export shared canvas types & pure math from core\nexport {\n\tgetLayoutedNodes,\n\tensureLayout,\n\tcenterNodes,\n\tgetCenteredNodePosition,\n\tplaceBeside,\n\testimateNodeSize,\n\tflowSide,\n\tboundsOf,\n\tcentre,\n\toverlaps,\n\tlinearTrajectory,\n\tlinearPositionTrajectory,\n\tcreateFanOutTrajectory,\n\tcreateBezierTrajectory,\n\trunMultiNodeTransition,\n\tdefaultEasing,\n\tcomputeNodesBoundingBox,\n\tcalculateDirectionalDisplacement,\n\tcalculateDagreReflowDisplacement,\n\tisEventFromTextInput,\n\tisValidCanvasNode,\n\tisValidUrl,\n\tserializeCanvasNodes,\n\tparseCanvasClipboardData,\n\tremapPastedNodes,\n\trepositionNodesTo,\n\trealClock,\n\tManualClock,\n\tlayoutBounds,\n\tcanvasHeight,\n\testimateCanvasHeight,\n\tblendLayout,\n\tconnectedOnly,\n\ttype Clock,\n\ttype CanvasHeightOptions,\n\ttype CanvasNode,\n\ttype CanvasEdge,\n\ttype GraphDifferences,\n\ttype CanvasClipboardPayload,\n\ttype CanvasLayoutOptions,\n\ttype IncrementalLayoutOptions,\n\ttype PlaceBesideOptions,\n\ttype TrajectoryPoint,\n\ttype TrajectoryFunction,\n\ttype FanOutTrajectoryOptions,\n\ttype NodeTransition,\n\ttype DisplacementDirection,\n\ttype DirectionalDisplacementOptions,\n\ttype ReflowDisplacementOptions,\n\ttype ExplosionSnapshot,\n\ttype ExplodeNodeOptions,\n\ttype CollapseNodeOptions,\n\ttype DockStrategy,\n\ttype CanvasDockingCallbacks,\n\ttype XYPosition,\n\ttype Rect,\n\ttype Side,\n\ttype Point,\n\ttype Position\n} from '@pixerate/editor/canvas';\n\n// Auto layout (Figma-style stacks, wrap, grid, hug / fill / fixed) and constraints\nexport {\n\tlayoutFrame,\n\tlayoutAll,\n\tlayoutUp,\n\tlayoutUpMany,\n\tapplyConstraints,\n\tgetAutoLayout,\n\tgetChildLayout,\n\tgetLayoutSizing,\n\tgetAutoLayoutGrid,\n\tgetAutoLayoutInsertTarget,\n\tgetFlowChildren,\n\tgetLayoutParent,\n\tisAutoLayoutFrame,\n\tmakeSizingCoherent,\n\tmoveLayoutChild,\n\tmergeNodeUpdates,\n\trelayoutUpdates,\n\tresolvePadding,\n\tclampLayoutSize,\n\tcreateCanvasAutoLayoutController,\n\tAUTO_LAYOUT_DATA_KEY,\n\tCHILD_LAYOUT_DATA_KEY,\n\ttype AutoLayout,\n\ttype AutoLayoutChild,\n\ttype AutoLayoutMode,\n\ttype AutoLayoutSizing,\n\ttype AutoLayoutSizingPair,\n\ttype AutoLayoutSize,\n\ttype AutoLayoutAlignMain,\n\ttype AutoLayoutAlignCross,\n\ttype AutoLayoutAlignContent,\n\ttype AutoLayoutPadding,\n\ttype AutoLayoutGrid,\n\ttype AutoLayoutGridTrack,\n\ttype AutoLayoutGridArea,\n\ttype AutoLayoutGridCell,\n\ttype AutoLayoutGridGeometry,\n\ttype AutoLayoutCellAlign,\n\ttype AutoLayoutConstraints,\n\ttype AutoLayoutHorizontalConstraint,\n\ttype AutoLayoutVerticalConstraint,\n\ttype AutoLayoutMeasure,\n\ttype AutoLayoutOptions,\n\ttype AutoLayoutInsertTarget,\n\ttype CanvasAutoLayoutController,\n\ttype CanvasAutoLayoutControllerOptions\n} from '@pixerate/editor/canvas';\n\nexport {\n\tuseCanvasAutoLayout,\n\ttype CanvasAutoLayout,\n\ttype UseCanvasAutoLayoutOptions\n} from './useCanvasAutoLayout.js';\n\n// Design tokens: bindings, per-frame modes and inspector controls\nexport {\n\tuseCanvasTokens,\n\ttype CanvasTokens,\n\ttype UseCanvasTokensOptions\n} from './useCanvasTokens.js';\n\nexport {\n\tTokenBindingPicker,\n\tTokenModeSwitcher,\n\ttype TokenBindingPickerProps,\n\ttype TokenModeSwitcherProps\n} from './TokenBindingPicker.js';\n\nexport {\n\tbindCanvasToken,\n\tsetCanvasTokenMode,\n\tresolveCanvasTokens,\n\tdetachTokenBindings,\n\tpruneCanvasTokenModes,\n\tinspectNodeTokens,\n\tgetNodeTokenBindings,\n\tgetNodeTokenModes,\n\tgetEffectiveTokenModes,\n\tgetBindableTokenProperties,\n\tgetCanvasTokenProperty,\n\tgetTokenPropertyScope,\n\tgetTokensForProperty,\n\treadNodeStyleProperty,\n\twriteNodeStyleProperty,\n\tCANVAS_TOKEN_PROPERTIES,\n\tTOKEN_BINDINGS_DATA_KEY,\n\tTOKEN_MODES_DATA_KEY,\n\ttype CanvasTokenProperty,\n\ttype CanvasTokenOptions,\n\ttype CanvasTokenBindingInfo\n} from '@pixerate/editor/canvas';\n","import React from 'react';\nimport type { AgentPresence } from '@pixerate/editor/agent';\n\nexport interface AgentPresenceLayerProps {\n\tpresences: AgentPresence[];\n\tclassName?: string;\n}\n\n/**\n * Visual multiplayer and agent choreography presence layer for React Canvas.\n * Renders floating cursor indicators, agent name tags, and active status tooltips.\n */\nexport function AgentPresenceLayer({ presences, className = '' }: AgentPresenceLayerProps) {\n\tif (!presences || presences.length === 0) return null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`pixerate-presence agent-presence pixerate-agent-presence-layer pointer-events-none absolute inset-0 z-50 overflow-hidden ${className}`}\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t{presences.map((agent) => {\n\t\t\t\tif (!agent.cursorPosition) return null;\n\t\t\t\tconst { x, y } = agent.cursorPosition;\n\t\t\t\tconst color = agent.color || '#3b82f6';\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={agent.agentId}\n\t\t\t\t\t\tclassName=\"absolute transition-transform duration-75 ease-out\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: `translate3d(${x}px, ${y}px, 0)`\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Cursor SVG */}\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName=\"h-5 w-5 drop-shadow-md\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19841L11.7841 12.3673H5.65376Z\"\n\t\t\t\t\t\t\t\tfill={color}\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"1\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\n\t\t\t\t\t\t{/* Agent Label Pill */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mt-1 flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-white shadow-md whitespace-nowrap\"\n\t\t\t\t\t\t\tstyle={{ backgroundColor: color }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>{agent.name}</span>\n\t\t\t\t\t\t\t{agent.statusMessage && (\n\t\t\t\t\t\t\t\t<span className=\"opacity-80 text-[10px]\">({agent.statusMessage})</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Narration Bubble (say / note) */}\n\t\t\t\t\t\t{agent.note && (\n\t\t\t\t\t\t\t<div className=\"mt-1 max-w-xs rounded-lg bg-white/95 backdrop-blur-sm border border-slate-200 px-2.5 py-1.5 text-xs text-slate-800 shadow-lg dark:bg-slate-900/95 dark:border-slate-700 dark:text-slate-100\">\n\t\t\t\t\t\t\t\t{agent.note}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n","import { useEffect, useRef, useCallback } from 'react';\nimport {\n\tStreamingLayoutManager,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype IncrementalLayoutOptions,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseStreamingCanvasOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tthrottleMs?: number;\n\tglideDurationMs?: number;\n\tconnectedOnly?: boolean;\n\tclock?: any;\n\tlayoutOptions?: IncrementalLayoutOptions;\n\tonPositionsChange: (positions: Map<string, XYPosition>) => void;\n}\n\n/**\n * React hook that throttles rapid node/edge streaming additions (e.g. from LLM streams)\n * and glides nodes into position smoothly using physics/tweened trajectories without jarring jumps.\n */\nexport function useStreamingCanvas<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseStreamingCanvasOptions<TNode, TEdge>) {\n\tconst managerRef = useRef<StreamingLayoutManager<TNode, TEdge> | null>(null);\n\n\tuseEffect(() => {\n\t\tconst manager = new StreamingLayoutManager<TNode, TEdge>({\n\t\t\tthrottleMs: options.throttleMs,\n\t\t\tglideDurationMs: options.glideDurationMs,\n\t\t\tconnectedOnly: options.connectedOnly,\n\t\t\tclock: options.clock,\n\t\t\tlayoutOptions: options.layoutOptions,\n\t\t\tonLayoutUpdated: options.onPositionsChange\n\t\t});\n\t\tmanagerRef.current = manager;\n\n\t\treturn () => {\n\t\t\tmanager.destroy();\n\t\t\tmanagerRef.current = null;\n\t\t};\n\t}, [\n\t\toptions.throttleMs,\n\t\toptions.glideDurationMs,\n\t\toptions.connectedOnly,\n\t\toptions.clock,\n\t\toptions.onPositionsChange\n\t]);\n\n\tconst pushStreamUpdate = useCallback(\n\t\t(nodes: TNode[], edges: TEdge[], currentPositions: Map<string, XYPosition>) => {\n\t\t\tmanagerRef.current?.pushStreamUpdate(nodes, edges, currentPositions);\n\t\t},\n\t\t[]\n\t);\n\n\tconst flush = useCallback(\n\t\t(nodes: TNode[], edges: TEdge[], currentPositions: Map<string, XYPosition>) => {\n\t\t\tmanagerRef.current?.flush(nodes, edges, currentPositions);\n\t\t},\n\t\t[]\n\t);\n\n\treturn {\n\t\tpushStreamUpdate,\n\t\tflush\n\t};\n}\n","import { useState, useCallback, useRef } from 'react';\nimport type { CanvasNode, CanvasEdge, GraphDifferences } from '@pixerate/editor/canvas';\n\nexport interface UseCanvasGraphOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tinitialNodes?: TNode[];\n\tinitialEdges?: TEdge[];\n\tonNodesChange?: (nodes: TNode[]) => void;\n\tonEdgesChange?: (edges: TEdge[]) => void;\n}\n\n/**\n * React hook managing canvas graph state (nodes, edges, selection, and structural differences).\n */\nexport function useCanvasGraph<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasGraphOptions<TNode, TEdge> = {}) {\n\tconst [nodes, setNodesState] = useState<TNode[]>(options.initialNodes ?? []);\n\tconst [edges, setEdgesState] = useState<TEdge[]>(options.initialEdges ?? []);\n\n\tconst baselineNodesRef = useRef<TNode[]>(options.initialNodes ?? []);\n\tconst baselineEdgesRef = useRef<TEdge[]>(options.initialEdges ?? []);\n\n\tconst setNodes = useCallback(\n\t\t(updater: TNode[] | ((prev: TNode[]) => TNode[])) => {\n\t\t\tsetNodesState((prev) => {\n\t\t\t\tconst next = typeof updater === 'function' ? updater(prev) : updater;\n\t\t\t\toptions.onNodesChange?.(next);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t},\n\t\t[options.onNodesChange]\n\t);\n\n\tconst setEdges = useCallback(\n\t\t(updater: TEdge[] | ((prev: TEdge[]) => TEdge[])) => {\n\t\t\tsetEdgesState((prev) => {\n\t\t\t\tconst next = typeof updater === 'function' ? updater(prev) : updater;\n\t\t\t\toptions.onEdgesChange?.(next);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t},\n\t\t[options.onEdgesChange]\n\t);\n\n\tconst addNode = useCallback(\n\t\t(node: TNode) => {\n\t\t\tsetNodes((prev) => [...prev, node]);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst removeNodes = useCallback(\n\t\t(ids: string[]) => {\n\t\t\tconst idSet = new Set(ids);\n\t\t\tsetNodes((prev) => prev.filter((n) => !idSet.has(n.id)));\n\t\t\tsetEdges((prev) => prev.filter((e) => !idSet.has(e.source) && !idSet.has(e.target)));\n\t\t},\n\t\t[setNodes, setEdges]\n\t);\n\n\tconst updateNodeData = useCallback(\n\t\t(id: string, patch: Partial<TNode['data']>) => {\n\t\t\tsetNodes((prev) =>\n\t\t\t\tprev.map((node) => {\n\t\t\t\t\tif (node.id !== id) return node;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...node,\n\t\t\t\t\t\tdata: { ...node.data, ...patch }\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst updateNodePosition = useCallback(\n\t\t(id: string, position: { x: number; y: number }) => {\n\t\t\tsetNodes((prev) =>\n\t\t\t\tprev.map((node) => {\n\t\t\t\t\tif (node.id !== id) return node;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...node,\n\t\t\t\t\t\tposition: { ...position }\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst addEdge = useCallback(\n\t\t(edge: TEdge) => {\n\t\t\tsetEdges((prev) => [...prev, edge]);\n\t\t},\n\t\t[setEdges]\n\t);\n\n\tconst removeEdges = useCallback(\n\t\t(ids: string[]) => {\n\t\t\tconst idSet = new Set(ids);\n\t\t\tsetEdges((prev) => prev.filter((e) => !idSet.has(e.id)));\n\t\t},\n\t\t[setEdges]\n\t);\n\n\tconst resetBaseline = useCallback(() => {\n\t\tbaselineNodesRef.current = nodes;\n\t\tbaselineEdgesRef.current = edges;\n\t}, [nodes, edges]);\n\n\tconst getDifferences = useCallback((): GraphDifferences<TNode, TEdge> => {\n\t\tconst currentNodesMap = new Map(nodes.map((n) => [n.id, n]));\n\t\tconst currentEdgesMap = new Map(edges.map((e) => [e.id, e]));\n\t\tconst baselineNodesMap = new Map(baselineNodesRef.current.map((n) => [n.id, n]));\n\t\tconst baselineEdgesMap = new Map(baselineEdgesRef.current.map((e) => [e.id, e]));\n\n\t\tconst changedNodes: TNode[] = [];\n\t\tconst removedNodes: TNode[] = [];\n\t\tconst changedEdges: TEdge[] = [];\n\t\tconst removedEdges: TEdge[] = [];\n\n\t\tfor (const [id, node] of currentNodesMap) {\n\t\t\tconst base = baselineNodesMap.get(id);\n\t\t\tif (!base || base.position.x !== node.position.x || base.position.y !== node.position.y) {\n\t\t\t\tchangedNodes.push(node);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, node] of baselineNodesMap) {\n\t\t\tif (!currentNodesMap.has(id)) {\n\t\t\t\tremovedNodes.push(node);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, edge] of currentEdgesMap) {\n\t\t\tconst base = baselineEdgesMap.get(id);\n\t\t\tif (!base || base.source !== edge.source || base.target !== edge.target) {\n\t\t\t\tchangedEdges.push(edge);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, edge] of baselineEdgesMap) {\n\t\t\tif (!currentEdgesMap.has(id)) {\n\t\t\t\tremovedEdges.push(edge);\n\t\t\t}\n\t\t}\n\n\t\treturn { changedNodes, changedEdges, removedNodes, removedEdges };\n\t}, [nodes, edges]);\n\n\treturn {\n\t\tnodes,\n\t\tedges,\n\t\tsetNodes,\n\t\tsetEdges,\n\t\taddNode,\n\t\tremoveNodes,\n\t\tupdateNodeData,\n\t\tupdateNodePosition,\n\t\taddEdge,\n\t\tremoveEdges,\n\t\tresetBaseline,\n\t\tgetDifferences\n\t};\n}\n","import { useCallback } from 'react';\nimport {\n\tcenterNodes,\n\tensureLayout,\n\tgetCenteredNodePosition,\n\tgetLayoutedNodes,\n\tplaceBeside,\n\ttype CanvasEdge,\n\ttype CanvasLayoutOptions,\n\ttype CanvasNode,\n\ttype IncrementalLayoutOptions,\n\ttype PlaceBesideOptions,\n\ttype Rect,\n\ttype Side,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasLayoutOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tnodes: TNode[];\n\tedges: TEdge[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\tgetNodesBounds?: (nodes: TNode[]) => Rect;\n\tscreenToFlowPosition?: (position: XYPosition) => XYPosition;\n}\n\n/**\n * React hook providing layout automation: Dagre hierarchy, incremental layout blending,\n * collision-aware directional placement, and viewport centering.\n */\nexport function useCanvasLayout<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasLayoutOptions<TNode, TEdge>) {\n\tconst { nodes, edges, setNodes, getNodesBounds, screenToFlowPosition } = options;\n\n\t/**\n\t * Runs standard hierarchical Dagre layout across all nodes and edges.\n\t */\n\tconst applyLayout = useCallback(\n\t\t(layoutOptions: CanvasLayoutOptions = {}) => {\n\t\t\tconst layouted = getLayoutedNodes(nodes, edges, getNodesBounds, layoutOptions);\n\t\t\tsetNodes(layouted);\n\t\t\treturn layouted;\n\t\t},\n\t\t[nodes, edges, getNodesBounds, setNodes]\n\t);\n\n\t/**\n\t * Incremental layout blending:\n\t * Preserves manual positions of established nodes and positions new/unplaced nodes\n\t * relative to the Dagre layout using mean centroid translation.\n\t */\n\tconst applyIncrementalLayout = useCallback(\n\t\t(incrementalOptions: IncrementalLayoutOptions = {}) => {\n\t\t\tconst storedPositions =\n\t\t\t\tincrementalOptions.storedPositions ??\n\t\t\t\tObject.fromEntries(nodes.map((n) => [n.id, n.position]));\n\n\t\t\tconst blended = ensureLayout(nodes, edges, {\n\t\t\t\t...incrementalOptions,\n\t\t\t\tstoredPositions\n\t\t\t});\n\t\t\tsetNodes(blended);\n\t\t\treturn blended;\n\t\t},\n\t\t[nodes, edges, setNodes]\n\t);\n\n\t/**\n\t * Centers the collective bounding box of nodes within the viewport.\n\t */\n\tconst center = useCallback(\n\t\t(screenDimensions?: { width: number; height: number }) => {\n\t\t\tif (!screenToFlowPosition || !getNodesBounds) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t'[useCanvasLayout] Centering requires screenToFlowPosition and getNodesBounds options.'\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst centered = centerNodes(nodes, screenToFlowPosition, getNodesBounds, screenDimensions);\n\t\t\tsetNodes(centered);\n\t\t},\n\t\t[nodes, screenToFlowPosition, getNodesBounds, setNodes]\n\t);\n\n\t/**\n\t * Finds a collision-free position for a new node adjacent to an existing anchor node.\n\t */\n\tconst getPlacementPosition = useCallback(\n\t\t(\n\t\t\tsize: { width: number; height: number },\n\t\t\tside: Side = 'right',\n\t\t\tnearNodeId?: string,\n\t\t\tplacementOptions: PlaceBesideOptions = {}\n\t\t): XYPosition => {\n\t\t\tconst rects: Record<string, Rect> = {};\n\t\t\tfor (const node of nodes) {\n\t\t\t\tconst width = node.measured?.width ?? (node as any).width ?? 200;\n\t\t\t\tconst height = node.measured?.height ?? (node as any).height ?? 60;\n\t\t\t\trects[node.id] = {\n\t\t\t\t\tx: node.position.x,\n\t\t\t\t\ty: node.position.y,\n\t\t\t\t\twidth,\n\t\t\t\t\theight\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn placeBeside(rects, size, side, nearNodeId, placementOptions);\n\t\t},\n\t\t[nodes]\n\t);\n\n\treturn {\n\t\tapplyLayout,\n\t\tapplyIncrementalLayout,\n\t\tcenter,\n\t\tgetPlacementPosition,\n\t\tgetCenteredNodePosition\n\t};\n}\n","import { useCallback } from 'react';\nimport {\n\tisEventFromTextInput,\n\tisValidUrl,\n\tparseCanvasClipboardData,\n\tremapPastedNodes,\n\tserializeCanvasNodes,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasClipboardOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tonPasteNodes?: (nodes: TNode[], edges?: TEdge[]) => void | Promise<void>;\n\tonPasteUrl?: (url: string, position?: XYPosition) => void;\n\tonPasteText?: (text: string, position?: XYPosition) => void;\n\tscreenToFlowPosition?: (position: XYPosition) => XYPosition;\n}\n\n/**\n * React hook managing canvas clipboard copy and paste operations.\n */\nexport function useCanvasClipboard<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasClipboardOptions<TNode, TEdge> = {}) {\n\tconst copySelectedNodes = useCallback(\n\t\t(\n\t\t\tselectedNodes: TNode[],\n\t\t\tconnectedEdges?: TEdge[],\n\t\t\tevent?: ClipboardEvent | React.ClipboardEvent\n\t\t): boolean => {\n\t\t\tconst native = (event && 'nativeEvent' in event) ? (event as any).nativeEvent : event;\n\t\t\tif (native && isEventFromTextInput(native)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (selectedNodes.length === 0) return false;\n\n\t\t\tconst serialized = serializeCanvasNodes(selectedNodes, connectedEdges);\n\n\t\t\tconst clipboardData = (event as any)?.clipboardData || (native as any)?.clipboardData;\n\t\t\tif (clipboardData) {\n\t\t\t\tclipboardData.setData('application/json', serialized);\n\t\t\t\tclipboardData.setData('text/plain', serialized);\n\t\t\t\t(event as any)?.preventDefault?.();\n\t\t\t} else if (typeof navigator !== 'undefined' && navigator.clipboard) {\n\t\t\t\tnavigator.clipboard.writeText(serialized).catch(() => {});\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst handlePasteEvent = useCallback(\n\t\tasync (event: ClipboardEvent | React.ClipboardEvent): Promise<boolean> => {\n\t\t\tconst native = ('nativeEvent' in event) ? (event as any).nativeEvent : event;\n\t\t\tif (isEventFromTextInput(native)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst clipboardData = (native as any)?.clipboardData || (event as any)?.clipboardData;\n\t\t\tif (!clipboardData) return false;\n\n\t\t\tconst prevent = () => {\n\t\t\t\t(event as any)?.preventDefault?.();\n\t\t\t\t(native as any)?.preventDefault?.();\n\t\t\t};\n\n\t\t\t// Priority 1: application/json canvas payload\n\t\t\tconst jsonText = clipboardData.getData('application/json');\n\t\t\tif (jsonText) {\n\t\t\t\tconst parsed = parseCanvasClipboardData<TNode, TEdge>(jsonText);\n\t\t\t\tif (parsed && parsed.nodes.length > 0) {\n\t\t\t\t\tprevent();\n\t\t\t\t\tconst remapped = remapPastedNodes(parsed.nodes, parsed.edges);\n\t\t\t\t\tawait options.onPasteNodes?.(remapped.nodes, remapped.edges);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Priority 2: text/plain\n\t\t\tconst text = clipboardData.getData('text/plain')?.trim();\n\t\t\tif (text) {\n\t\t\t\tconst parsed = parseCanvasClipboardData<TNode, TEdge>(text);\n\t\t\t\tif (parsed && parsed.nodes.length > 0) {\n\t\t\t\t\tprevent();\n\t\t\t\t\tconst remapped = remapPastedNodes(parsed.nodes, parsed.edges);\n\t\t\t\t\tawait options.onPasteNodes?.(remapped.nodes, remapped.edges);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (isValidUrl(text)) {\n\t\t\t\t\tprevent();\n\t\t\t\t\toptions.onPasteUrl?.(text);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (options.onPasteText) {\n\t\t\t\t\tprevent();\n\t\t\t\t\toptions.onPasteText(text);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[options]\n\t);\n\n\treturn {\n\t\tcopySelectedNodes,\n\t\thandlePasteEvent\n\t};\n}\n","import { useEffect } from 'react';\nimport { isEventFromTextInput, type CanvasNode } from '@pixerate/editor/canvas';\n\nexport interface UseCanvasShortcutsOptions<TNode extends CanvasNode = CanvasNode> {\n\ttargetElement?: HTMLElement | Window | null;\n\tenabled?: boolean;\n\tonCopy?: (selectedNodes: TNode[]) => void;\n\tonCut?: (selectedNodes: TNode[]) => void;\n\tonPaste?: (event: ClipboardEvent) => void;\n\tonDelete?: (selectedNodes: TNode[]) => void;\n\tonDuplicate?: (selectedNodes: TNode[]) => void;\n\tonSelectAll?: () => void;\n\tonGroup?: (selectedNodes: TNode[]) => void;\n\tonUngroup?: (selectedNodes: TNode[]) => void;\n\tonZoomIn?: () => void;\n\tonZoomOut?: () => void;\n\tonFitView?: () => void;\n\tgetSelectedNodes?: () => TNode[];\n}\n\n/**\n * React hook registering canvas keyboard shortcuts while rigorously guarding against\n * hijacking typing inside text inputs, textareas, and rich-text ProseMirror elements.\n */\nexport function useCanvasShortcuts<TNode extends CanvasNode = CanvasNode>(\n\toptions: UseCanvasShortcutsOptions<TNode> = {}\n) {\n\tconst {\n\t\ttargetElement,\n\t\tenabled = true,\n\t\tonCopy,\n\t\tonCut,\n\t\tonPaste,\n\t\tonDelete,\n\t\tonDuplicate,\n\t\tonSelectAll,\n\t\tonGroup,\n\t\tonUngroup,\n\t\tonZoomIn,\n\t\tonZoomOut,\n\t\tonFitView,\n\t\tgetSelectedNodes\n\t} = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\n\t\tfunction handleKeyDown(event: Event) {\n\t\t\tconst keyboardEvent = event as KeyboardEvent;\n\t\t\tif (isEventFromTextInput(keyboardEvent)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isMac = typeof navigator !== 'undefined' && /Mac|iPod|iPhone|iPad/.test(navigator.platform);\n\t\t\tconst isMod = isMac ? keyboardEvent.metaKey : keyboardEvent.ctrlKey;\n\t\t\tconst key = keyboardEvent.key.toLowerCase();\n\t\t\tconst selectedNodes = getSelectedNodes ? getSelectedNodes() : [];\n\n\t\t\t// Delete / Backspace\n\t\t\tif ((keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete') && !isMod) {\n\t\t\t\tif (selectedNodes.length > 0 && onDelete) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonDelete(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Duplicate: Mod+D\n\t\t\tif (isMod && key === 'd') {\n\t\t\t\tif (selectedNodes.length > 0 && onDuplicate) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonDuplicate(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Select All: Mod+A\n\t\t\tif (isMod && key === 'a' && onSelectAll) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonSelectAll();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Group: Mod+G\n\t\t\tif (isMod && key === 'g' && !keyboardEvent.shiftKey && onGroup) {\n\t\t\t\tif (selectedNodes.length > 0) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonGroup(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Ungroup: Mod+Shift+G\n\t\t\tif (isMod && key === 'g' && keyboardEvent.shiftKey && onUngroup) {\n\t\t\t\tif (selectedNodes.length > 0) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonUngroup(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Zoom In: Mod + Plus/Equal\n\t\t\tif (isMod && (key === '+' || key === '=') && onZoomIn) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonZoomIn();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Zoom Out: Mod + Minus\n\t\t\tif (isMod && key === '-' && onZoomOut) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonZoomOut();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Fit View: Mod + 0 or Shift + 1\n\t\t\tif (isMod && key === '0' && onFitView) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonFitView();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\ttarget.addEventListener('keydown', handleKeyDown as EventListener);\n\t\treturn () => {\n\t\t\ttarget.removeEventListener('keydown', handleKeyDown as EventListener);\n\t\t};\n\t}, [\n\t\ttargetElement,\n\t\tenabled,\n\t\tonCopy,\n\t\tonCut,\n\t\tonPaste,\n\t\tonDelete,\n\t\tonDuplicate,\n\t\tonSelectAll,\n\t\tonGroup,\n\t\tonUngroup,\n\t\tonZoomIn,\n\t\tonZoomOut,\n\t\tonFitView,\n\t\tgetSelectedNodes\n\t]);\n}\n","import { useCallback, useRef } from 'react';\nimport type {\n\tCanvasDockingCallbacks,\n\tCanvasNode,\n\tDockStrategy,\n\tRect,\n\tXYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasDockingOptions<TNode extends CanvasNode = CanvasNode>\n\textends CanvasDockingCallbacks<TNode> {\n\tstrategy?: DockStrategy;\n\tdockableTypes?: string[];\n\ttargetTypes?: string[];\n}\n\n/**\n * React hook resolving docking targets and intersections when dragging nodes across the canvas.\n */\nexport function useCanvasDocking<TNode extends CanvasNode = CanvasNode>(\n\toptions: UseCanvasDockingOptions<TNode> = {}\n) {\n\tconst {\n\t\tstrategy = 'center-point',\n\t\tdockableTypes,\n\t\ttargetTypes,\n\t\tonDockHover,\n\t\tonDockLeave,\n\t\tonDockDrop\n\t} = options;\n\n\tconst activeDockTargetRef = useRef<TNode | null>(null);\n\n\tconst isDockable = useCallback(\n\t\t(node: TNode): boolean => {\n\t\t\tif (!dockableTypes || dockableTypes.length === 0) return true;\n\t\t\treturn !!node.type && dockableTypes.includes(node.type);\n\t\t},\n\t\t[dockableTypes]\n\t);\n\n\tconst isTarget = useCallback(\n\t\t(node: TNode): boolean => {\n\t\t\tif (!targetTypes || targetTypes.length === 0) return true;\n\t\t\treturn !!node.type && targetTypes.includes(node.type);\n\t\t},\n\t\t[targetTypes]\n\t);\n\n\tconst findDockTarget = useCallback(\n\t\t(\n\t\t\tdraggedNode: TNode,\n\t\t\tcandidates: TNode[],\n\t\t\tcursorPos?: XYPosition\n\t\t): TNode | null => {\n\t\t\tif (!isDockable(draggedNode)) return null;\n\n\t\t\tconst draggedWidth = draggedNode.measured?.width ?? (draggedNode as any).width ?? 200;\n\t\t\tconst draggedHeight = draggedNode.measured?.height ?? (draggedNode as any).height ?? 60;\n\t\t\tconst draggedCenter: XYPosition = {\n\t\t\t\tx: draggedNode.position.x + draggedWidth / 2,\n\t\t\t\ty: draggedNode.position.y + draggedHeight / 2\n\t\t\t};\n\n\t\t\tconst validCandidates = candidates.filter(\n\t\t\t\t(c) => c.id !== draggedNode.id && isTarget(c)\n\t\t\t);\n\n\t\t\tlet bestTarget: TNode | null = null;\n\t\t\tlet maxIntersectionArea = 0;\n\t\t\tlet minDistance = Infinity;\n\n\t\t\tfor (const candidate of validCandidates) {\n\t\t\t\tconst candWidth = candidate.measured?.width ?? (candidate as any).width ?? 200;\n\t\t\t\tconst candHeight = candidate.measured?.height ?? (candidate as any).height ?? 60;\n\n\t\t\t\tconst candRect: Rect = {\n\t\t\t\t\tx: candidate.position.x,\n\t\t\t\t\ty: candidate.position.y,\n\t\t\t\t\twidth: candWidth,\n\t\t\t\t\theight: candHeight\n\t\t\t\t};\n\n\t\t\t\t// Overlap bounds\n\t\t\t\tconst overlapX = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min(draggedNode.position.x + draggedWidth, candRect.x + candRect.width) -\n\t\t\t\t\t\tMath.max(draggedNode.position.x, candRect.x)\n\t\t\t\t);\n\t\t\t\tconst overlapY = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min(draggedNode.position.y + draggedHeight, candRect.y + candRect.height) -\n\t\t\t\t\t\tMath.max(draggedNode.position.y, candRect.y)\n\t\t\t\t);\n\t\t\t\tconst overlapArea = overlapX * overlapY;\n\n\t\t\t\tif (strategy === 'max-overlap') {\n\t\t\t\t\tif (overlapArea > maxIntersectionArea) {\n\t\t\t\t\t\tmaxIntersectionArea = overlapArea;\n\t\t\t\t\t\tbestTarget = candidate;\n\t\t\t\t\t}\n\t\t\t\t} else if (strategy === 'center-point') {\n\t\t\t\t\tconst candCenter: XYPosition = {\n\t\t\t\t\t\tx: candRect.x + candRect.width / 2,\n\t\t\t\t\t\ty: candRect.y + candRect.height / 2\n\t\t\t\t\t};\n\t\t\t\t\tconst dist = Math.hypot(\n\t\t\t\t\t\tdraggedCenter.x - candCenter.x,\n\t\t\t\t\t\tdraggedCenter.y - candCenter.y\n\t\t\t\t\t);\n\t\t\t\t\tif (overlapArea > 0 && dist < minDistance) {\n\t\t\t\t\t\tminDistance = dist;\n\t\t\t\t\t\tbestTarget = candidate;\n\t\t\t\t\t}\n\t\t\t\t} else if (strategy === 'first') {\n\t\t\t\t\tif (overlapArea > 0) return candidate;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn bestTarget;\n\t\t},\n\t\t[isDockable, isTarget, strategy]\n\t);\n\n\tconst updateDragOver = useCallback(\n\t\t(draggedNode: TNode, candidates: TNode[], cursorPos?: XYPosition) => {\n\t\t\tconst target = findDockTarget(draggedNode, candidates, cursorPos);\n\n\t\t\tif (target?.id !== activeDockTargetRef.current?.id) {\n\t\t\t\tif (activeDockTargetRef.current) {\n\t\t\t\t\tonDockLeave?.(activeDockTargetRef.current, draggedNode);\n\t\t\t\t}\n\t\t\t\tactiveDockTargetRef.current = target;\n\t\t\t\tif (target) {\n\t\t\t\t\tonDockHover?.(target, draggedNode);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[findDockTarget, onDockHover, onDockLeave]\n\t);\n\n\tconst finalizeDock = useCallback(\n\t\t(draggedNode: TNode) => {\n\t\t\tif (activeDockTargetRef.current) {\n\t\t\t\tonDockDrop?.(activeDockTargetRef.current, draggedNode);\n\t\t\t\tactiveDockTargetRef.current = null;\n\t\t\t}\n\t\t},\n\t\t[onDockDrop]\n\t);\n\n\treturn {\n\t\tfindDockTarget,\n\t\tupdateDragOver,\n\t\tfinalizeDock,\n\t\tgetActiveDockTarget: () => activeDockTargetRef.current\n\t};\n}\n","import { useCallback, useRef } from 'react';\nimport {\n\tcalculateDirectionalDisplacement,\n\tcreateFanOutTrajectory,\n\tlinearPositionTrajectory,\n\trunMultiNodeTransition,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype CollapseNodeOptions,\n\ttype ExplodeNodeOptions,\n\ttype ExplosionSnapshot,\n\ttype NodeTransition,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface CanvasGraphTarget<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tnodes: TNode[];\n\tedges: TEdge[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\tsetEdges: (updater: TEdge[] | ((prev: TEdge[]) => TEdge[])) => void;\n}\n\n/**\n * Replaces nodes in `base` with the same-id node from `updated` (transition frame copies).\n */\nfunction mergeById<TNode extends CanvasNode>(base: TNode[], updated: TNode[]): TNode[] {\n\tif (updated.length === 0) return [...base];\n\tconst byId = new Map(updated.map((n) => [n.id, n]));\n\treturn base.map((n) => byId.get(n.id) ?? n);\n}\n\n/**\n * React hook managing node explosion and collapse transitions with exact reversibility.\n */\nexport function useCanvasExplosion<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(target: CanvasGraphTarget<TNode, TEdge>) {\n\tconst snapshotsRef = useRef<Map<string, ExplosionSnapshot<TNode, TEdge>>>(new Map());\n\n\tconst explodeNode = useCallback(\n\t\t(parentNodeId: string, options: ExplodeNodeOptions<TNode, TEdge>) => {\n\t\t\tconst { nodes, edges, setNodes, setEdges } = target;\n\t\t\tconst parent = nodes.find((n) => n.id === parentNodeId);\n\t\t\tif (!parent || options.childNodes.length === 0) return;\n\n\t\t\tconst originPos: XYPosition = { ...parent.position };\n\t\t\tconst displacedMap =\n\t\t\t\toptions.displacementStrategy === 'directional'\n\t\t\t\t\t? calculateDirectionalDisplacement({\n\t\t\t\t\t\t\texistingNodes: nodes,\n\t\t\t\t\t\t\toriginNode: parent,\n\t\t\t\t\t\t\tchildNodes: options.childNodes,\n\t\t\t\t\t\t\toptions: options.directionalOptions\n\t\t\t\t\t\t})\n\t\t\t\t\t: new Map<string, XYPosition>();\n\n\t\t\t// Snapshot state for exact collapse\n\t\t\tconst snapshot: ExplosionSnapshot<TNode, TEdge> = {\n\t\t\t\tparentId: parentNodeId,\n\t\t\t\tchildNodeIds: options.childNodes.map((c) => c.id),\n\t\t\t\tchildEdgeIds: (options.childEdges ?? []).map((e) => e.id),\n\t\t\t\tdisplacedNodes: Array.from(displacedMap.entries()).map(([id]) => {\n\t\t\t\t\tconst node = nodes.find((n) => n.id === id)!;\n\t\t\t\t\treturn { id, originalPosition: { ...node.position } };\n\t\t\t\t}),\n\t\t\t\ttimestamp: Date.now()\n\t\t\t};\n\t\t\tsnapshotsRef.current.set(parentNodeId, snapshot);\n\n\t\t\t// Position child nodes initially at parent position for animation\n\t\t\tconst initialChildren = options.childNodes.map((child) => ({\n\t\t\t\t...child,\n\t\t\t\tposition: { ...originPos }\n\t\t\t}));\n\n\t\t\tconst mergedNodes = [...nodes, ...initialChildren];\n\t\t\tsetNodes(mergedNodes);\n\n\t\t\tif (options.childEdges && options.childEdges.length > 0) {\n\t\t\t\tsetEdges((prev) => [...prev, ...(options.childEdges as TEdge[])]);\n\t\t\t}\n\n\t\t\t// Animate child nodes outward & displaced existing nodes\n\t\t\tconst trajectory = options.trajectory ?? createFanOutTrajectory();\n\t\t\tconst transitions: NodeTransition<TNode>[] = [];\n\n\t\t\t// 1. Child nodes fan out\n\t\t\toptions.childNodes.forEach((child, index) => {\n\t\t\t\tconst liveChild = mergedNodes.find((n) => n.id === child.id);\n\t\t\t\tif (liveChild) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode: liveChild,\n\t\t\t\t\t\tfrom: originPos,\n\t\t\t\t\t\tto: child.position,\n\t\t\t\t\t\ttrajectory,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\ttotal: options.childNodes.length,\n\t\t\t\t\t\tduration: options.duration ?? 400,\n\t\t\t\t\t\teasing: options.easing\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// 2. Displaced sibling nodes slide\n\t\t\tdisplacedMap.forEach((targetPos, nodeId) => {\n\t\t\t\tconst node = mergedNodes.find((n) => n.id === nodeId);\n\t\t\t\tif (node) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: targetPos,\n\t\t\t\t\t\ttrajectory: linearPositionTrajectory,\n\t\t\t\t\t\tduration: options.duration ?? 400,\n\t\t\t\t\t\teasing: options.easing\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\trunMultiNodeTransition(transitions, {\n\t\t\t\tstyleFormat: 'object',\n\t\t\t\tonUpdate: (updated) => setNodes(mergeById(mergedNodes, updated)),\n\t\t\t\tonComplete: () => options.onComplete?.()\n\t\t\t});\n\t\t},\n\t\t[target]\n\t);\n\n\tconst collapseNode = useCallback(\n\t\t(parentNodeId: string, options: CollapseNodeOptions = {}) => {\n\t\t\tconst { nodes, setNodes, setEdges } = target;\n\t\t\tconst snapshot = snapshotsRef.current.get(parentNodeId);\n\t\t\tif (!snapshot) return;\n\n\t\t\tconst parent = nodes.find((n) => n.id === parentNodeId);\n\t\t\tconst originPos: XYPosition = parent ? { ...parent.position } : { x: 0, y: 0 };\n\n\t\t\tconst childIdSet = new Set(snapshot.childNodeIds);\n\t\t\tconst edgeIdSet = new Set(snapshot.childEdgeIds);\n\n\t\t\tconst transitions: NodeTransition<TNode>[] = [];\n\n\t\t\t// 1. Children animate back into parent\n\t\t\tnodes.forEach((node) => {\n\t\t\t\tif (childIdSet.has(node.id)) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: originPos,\n\t\t\t\t\t\tduration: options.duration ?? 300,\n\t\t\t\t\t\teasing: options.easing,\n\t\t\t\t\t\ttrajectory: options.trajectory\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// 2. Displaced nodes animate back to original positions\n\t\t\tsnapshot.displacedNodes.forEach((disp) => {\n\t\t\t\tconst node = nodes.find((n) => n.id === disp.id);\n\t\t\t\tif (node) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: disp.originalPosition,\n\t\t\t\t\t\tduration: options.duration ?? 300,\n\t\t\t\t\t\teasing: options.easing,\n\t\t\t\t\t\ttrajectory: linearPositionTrajectory\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\trunMultiNodeTransition(transitions, {\n\t\t\t\tstyleFormat: 'object',\n\t\t\t\tonUpdate: (updated) => setNodes(mergeById(nodes, updated)),\n\t\t\t\tonComplete: () => {\n\t\t\t\t\t// Clean up child nodes and edges\n\t\t\t\t\tsetNodes((prev) => prev.filter((n) => !childIdSet.has(n.id)));\n\t\t\t\t\tsetEdges((prev) => prev.filter((e) => !edgeIdSet.has(e.id)));\n\t\t\t\t\tsnapshotsRef.current.delete(parentNodeId);\n\t\t\t\t\toptions.onComplete?.();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\t[target]\n\t);\n\n\treturn {\n\t\texplodeNode,\n\t\tcollapseNode,\n\t\tisExploded: (parentNodeId: string) => snapshotsRef.current.has(parentNodeId),\n\t\tgetSnapshot: (parentNodeId: string) => snapshotsRef.current.get(parentNodeId)\n\t};\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tcreateCanvasArrangeController,\n\tmatchArrangeShortcut,\n\ttype ArrangeHistoryTarget,\n\ttype AutoLayoutOptions,\n\ttype ArrangeShortcutBinding,\n\ttype CanvasArrangeAction,\n\ttype CanvasNode,\n\ttype GuideLine,\n\ttype NodeRectOptions,\n\ttype SnapGuidesOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasArrangeOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** Ids acted on when a method is called without ids (default: nodes with `selected: true`). */\n\tgetSelectedIds?: () => string[];\n\t/** When set, every arrange action is recorded as one undoable command. */\n\thistory?: ArrangeHistoryTarget;\n\t/** Current zoom (e.g. `useViewport().zoom`) for the screen-pixel guide threshold. */\n\tzoom?: number;\n\tguides?: Omit<SnapGuidesOptions, 'zoom'>;\n\t/** Turns drag snapping off (default `true`). */\n\tsnapping?: boolean;\n\trectOptions?: NodeRectOptions;\n\t/** Re-run auto layout around arranged nodes in the same undo step (see `useCanvasAutoLayout`). */\n\tautoLayout?: boolean | AutoLayoutOptions;\n}\n\n/**\n * React hook for Freeform-style arrangement on React Flow: align, distribute, make same size,\n * lock / unlock, layer order and smart guides with snap-to-shape while dragging.\n *\n * Snapping: pass node changes through `snapPositionChanges` in `onNodesChange`\n * (`onNodesChange={(c) => setNodes((n) => applyNodeChanges(arrange.snapPositionChanges(c), n))}`)\n * and render `guides` with `<CanvasGuidesLayer>`.\n */\nexport function useCanvasArrange<TNode extends CanvasNode = CanvasNode>(options: UseCanvasArrangeOptions<TNode>) {\n\tconst [guides, setGuides] = useState<GuideLine[]>([]);\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasArrangeController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive actions (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tgetSelectedIds: () =>\n\t\t\t\t\toptionsRef.current.getSelectedIds?.() ??\n\t\t\t\t\tnodesRef.current.filter((n) => n.selected).map((n) => n.id),\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tgetZoom: () => optionsRef.current.zoom ?? 1,\n\t\t\t\tget guides() {\n\t\t\t\t\treturn optionsRef.current.guides;\n\t\t\t\t},\n\t\t\t\tget snapping() {\n\t\t\t\t\treturn optionsRef.current.snapping;\n\t\t\t\t},\n\t\t\t\tget rectOptions() {\n\t\t\t\t\treturn optionsRef.current.rectOptions;\n\t\t\t\t},\n\t\t\t\tget autoLayout() {\n\t\t\t\t\treturn optionsRef.current.autoLayout;\n\t\t\t\t},\n\t\t\t\tonGuidesChange: setGuides\n\t\t\t}),\n\t\t[]\n\t);\n\n\treturn useMemo(() => ({ ...controller, guides }), [controller, guides]);\n}\n\nexport type CanvasArrange = ReturnType<typeof useCanvasArrange>;\n\nexport interface UseCanvasArrangeShortcutsOptions {\n\tarrange: { runAction: (action: CanvasArrangeAction) => boolean };\n\t/** Scenes controller for PageDown / PageUp (next / previous scene). */\n\tscenes?: { next: () => unknown; previous: () => unknown };\n\ttargetElement?: HTMLElement | Window | null;\n\tenabled?: boolean;\n\tbindings?: readonly ArrangeShortcutBinding[];\n}\n\n/**\n * Registers the arrange keyboard shortcuts (see `DEFAULT_ARRANGE_SHORTCUTS`), ignoring\n * events from inputs, textareas, contenteditable and ProseMirror editors.\n */\nexport function useCanvasArrangeShortcuts(options: UseCanvasArrangeShortcutsOptions) {\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\tconst { targetElement, enabled = true } = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\n\t\tfunction handleKeyDown(event: Event) {\n\t\t\tconst { arrange, scenes, bindings } = optionsRef.current;\n\t\t\tconst action = matchArrangeShortcut(event as KeyboardEvent, bindings);\n\t\t\tif (!action) return;\n\t\t\tlet handled = false;\n\t\t\tif (action === 'nextScene' || action === 'previousScene') {\n\t\t\t\tif (scenes) {\n\t\t\t\t\tscenes[action === 'nextScene' ? 'next' : 'previous']();\n\t\t\t\t\thandled = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandled = arrange.runAction(action);\n\t\t\t}\n\t\t\tif (handled) event.preventDefault();\n\t\t}\n\n\t\ttarget.addEventListener('keydown', handleKeyDown);\n\t\treturn () => target.removeEventListener('keydown', handleKeyDown);\n\t}, [targetElement, enabled]);\n}\n","import { useMemo, useRef, useSyncExternalStore } from 'react';\nimport {\n\tCanvasScenesStore,\n\tfitViewportToNodes,\n\ttype CanvasNode,\n\ttype CanvasScene,\n\ttype CanvasScenesOptions,\n\ttype CanvasViewport,\n\ttype FitViewportOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasScenesOptions extends CanvasScenesOptions {\n\t/** Reads the live viewport, used by `capture` / `recapture` (e.g. `useReactFlow().getViewport`). */\n\tgetViewport?: () => CanvasViewport;\n\t/** Moves the canvas to a scene (e.g. `useReactFlow().setViewport`). */\n\tsetViewport?: (viewport: CanvasViewport, options?: { duration?: number }) => void;\n\t/** Transition duration passed to `setViewport` when showing a scene (default 300ms). */\n\tduration?: number;\n\t/** Use an existing store (e.g. one shared with non-React code) instead of creating one. */\n\tstore?: CanvasScenesStore;\n}\n\n/**\n * React hook for Freeform-style Scenes: named saved viewports with show next / previous,\n * reorder, rename and JSON persistence. Backed by the framework-agnostic\n * `CanvasScenesStore` through `useSyncExternalStore`.\n */\nexport function useCanvasScenes(options: UseCanvasScenesOptions = {}) {\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\tconst storeRef = useRef<CanvasScenesStore | null>(null);\n\tif (!storeRef.current) storeRef.current = options.store ?? new CanvasScenesStore(options);\n\tconst store = storeRef.current;\n\n\tconst state = useSyncExternalStore(\n\t\t(listener) => store.subscribe(listener),\n\t\t() => store.getState(),\n\t\t() => store.getState()\n\t);\n\n\tconst actions = useMemo(() => {\n\t\tconst show = (scene: CanvasScene | undefined) => {\n\t\t\tif (scene) {\n\t\t\t\toptionsRef.current.setViewport?.(scene.viewport, { duration: optionsRef.current.duration ?? 300 });\n\t\t\t}\n\t\t\treturn scene;\n\t\t};\n\t\treturn {\n\t\t\tstore,\n\t\t\t/** Saves the current viewport (or `viewport`) as a new scene. */\n\t\t\tcapture(name?: string, extra: { viewport?: CanvasViewport; nodeIds?: string[]; index?: number } = {}) {\n\t\t\t\tconst viewport = extra.viewport ?? optionsRef.current.getViewport?.();\n\t\t\t\tif (!viewport) throw new Error('[useCanvasScenes] capture() needs a viewport or a getViewport option.');\n\t\t\t\treturn store.add({ viewport, name, nodeIds: extra.nodeIds }, extra.index);\n\t\t\t},\n\t\t\t/** Saves a scene framing the given nodes in a container of `size`. */\n\t\t\tcaptureNodes(\n\t\t\t\tnodes: CanvasNode[],\n\t\t\t\tids: string[],\n\t\t\t\tsize: { width: number; height: number },\n\t\t\t\tname?: string,\n\t\t\t\tfit?: FitViewportOptions\n\t\t\t) {\n\t\t\t\tconst viewport = fitViewportToNodes(nodes, size, ids, fit);\n\t\t\t\treturn viewport ? store.add({ viewport, name, nodeIds: ids }) : undefined;\n\t\t\t},\n\t\t\t/** Replaces a scene's viewport with the live one. */\n\t\t\trecapture(id: string) {\n\t\t\t\tconst viewport = optionsRef.current.getViewport?.();\n\t\t\t\treturn viewport ? store.update(id, { viewport }) : undefined;\n\t\t\t},\n\t\t\tupdate: (id: string, patch: Partial<Omit<CanvasScene, 'id'>>) => store.update(id, patch),\n\t\t\trename: (id: string, name: string) => store.rename(id, name),\n\t\t\tmove: (id: string, toIndex: number) => store.move(id, toIndex),\n\t\t\treorder: (ids: string[]) => store.reorder(ids),\n\t\t\tremove: (id: string) => store.remove(id),\n\t\t\tclear: () => store.clear(),\n\t\t\tgoTo: (id: string) => show(store.goTo(id)),\n\t\t\tnext: () => show(store.next()),\n\t\t\tprevious: () => show(store.previous()),\n\t\t\ttoJSON: () => store.toJSON(),\n\t\t\tserialize: () => store.serialize(),\n\t\t\tload: (input: string | unknown) => store.load(input)\n\t\t};\n\t}, [store]);\n\n\treturn {\n\t\t...actions,\n\t\tscenes: state.scenes,\n\t\tcurrentId: state.currentId,\n\t\tcurrentIndex: state.currentIndex,\n\t\tcurrent: state.currentIndex === -1 ? null : state.scenes[state.currentIndex]\n\t};\n}\n\nexport type CanvasScenes = ReturnType<typeof useCanvasScenes>;\n","import React from 'react';\nimport type { CanvasViewport, GuideLine } from '@pixerate/editor/canvas';\n\nexport interface CanvasGuidesLayerProps {\n\t/** Guide segments in flow coordinates (e.g. `arrange.guides`). */\n\tguides: GuideLine[];\n\t/** Current viewport (e.g. `useViewport()` from React Flow). */\n\tviewport?: CanvasViewport;\n\t/** Colour of edge and centre guides. */\n\tcolor?: string;\n\t/** Colour of equal-spacing guides. */\n\tspacingColor?: string;\n\t/** Colour of measuring lines, their labels and extension lines. */\n\tmeasureColor?: string;\n\tclassName?: string;\n}\n\nconst DEFAULT_VIEWPORT: CanvasViewport = { x: 0, y: 0, zoom: 1 };\n\n/**\n * Smart-guide overlay for React Flow. Place it inside the flow container (it is absolutely\n * positioned over the whole pane) and pass the live viewport.\n */\nexport function CanvasGuidesLayer({\n\tguides,\n\tviewport = DEFAULT_VIEWPORT,\n\tcolor = '#f59e0b',\n\tspacingColor = '#ec4899',\n\tmeasureColor = '#ef4444',\n\tclassName = ''\n}: CanvasGuidesLayerProps) {\n\tif (!guides || guides.length === 0) return null;\n\tconst sx = (x: number) => x * viewport.zoom + viewport.x;\n\tconst sy = (y: number) => y * viewport.zoom + viewport.y;\n\n\treturn (\n\t\t<svg\n\t\t\tclassName={`pixerate-canvas-guides ${className}`}\n\t\t\tstyle={{\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: 0,\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\toverflow: 'visible',\n\t\t\t\tzIndex: 10\n\t\t\t}}\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t{guides.map((guide, i) => {\n\t\t\t\tconst measuring = guide.kind === 'measure' || guide.kind === 'extension';\n\t\t\t\treturn (\n\t\t\t\t\t<line\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tdata-kind={guide.kind}\n\t\t\t\t\t\tx1={sx(guide.x1)}\n\t\t\t\t\t\ty1={sy(guide.y1)}\n\t\t\t\t\t\tx2={sx(guide.x2)}\n\t\t\t\t\t\ty2={sy(guide.y2)}\n\t\t\t\t\t\tstroke={measuring ? measureColor : guide.kind === 'spacing' ? spacingColor : color}\n\t\t\t\t\t\tstrokeWidth={1}\n\t\t\t\t\t\tstrokeDasharray={guide.kind === 'centre' ? '4 3' : guide.kind === 'extension' ? '3 3' : undefined}\n\t\t\t\t\t\tshapeRendering=\"crispEdges\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t{guides.map((guide, i) => {\n\t\t\t\tif (!guide.label) return null;\n\t\t\t\tconst x = sx((guide.x1 + guide.x2) / 2);\n\t\t\t\tconst y = sy((guide.y1 + guide.y2) / 2);\n\t\t\t\t// Labels sit beside vertical lines and below horizontal ones.\n\t\t\t\tconst vertical = guide.orientation === 'vertical';\n\t\t\t\tconst width = guide.label.length * 6.5 + 8;\n\t\t\t\treturn (\n\t\t\t\t\t<g\n\t\t\t\t\t\tkey={`label-${i}`}\n\t\t\t\t\t\tclassName=\"pixerate-canvas-guides__label\"\n\t\t\t\t\t\tdata-label={guide.label}\n\t\t\t\t\t\ttransform={`translate(${vertical ? x + 4 : x - width / 2} ${vertical ? y - 8 : y + 4})`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<rect width={width} height={16} rx={3} fill={measureColor} />\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx={width / 2}\n\t\t\t\t\t\t\ty={11.5}\n\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\tfontSize={11}\n\t\t\t\t\t\t\tfontFamily=\"system-ui, sans-serif\"\n\t\t\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{guide.label}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t</g>\n\t\t\t\t);\n\t\t\t})}\n\t\t</svg>\n\t);\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tisMeasureModifierHeld,\n\tmeasureSelection,\n\ttype CanvasNode,\n\ttype MeasureSelectionResult,\n\ttype NodeRectOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasMeasureOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\t/** Ids measured from (default: nodes with `selected: true`). */\n\tgetSelectedIds?: () => string[];\n\t/** Turns measuring off (default `true`). */\n\tenabled?: boolean;\n\t/** Measure only while Alt / Option is held (default `true`); `false` always measures. */\n\trequireModifier?: boolean;\n\t/** Element receiving the Alt key events (default `window`). */\n\ttargetElement?: HTMLElement | Window | null;\n\trectOptions?: NodeRectOptions;\n}\n\nconst EMPTY: MeasureSelectionResult = { guides: [], target: null, selection: null };\n\n/**\n * Alt-hover distance measuring for React Flow: hold Alt / Option and hover a node to see\n * red distance lines with labels from the selection to it (or to the selection's parent\n * when hovering the selection or empty space). Wire `onNodeMouseEnter` / `onNodeMouseLeave`\n * to `<ReactFlow>` and render `guides` with `<CanvasGuidesLayer>` (concatenate them with\n * `arrange.guides` to share one layer).\n */\nexport function useCanvasMeasure<TNode extends CanvasNode = CanvasNode>(options: UseCanvasMeasureOptions<TNode>) {\n\tconst { nodes, enabled = true, requireModifier = true, targetElement, rectOptions } = options;\n\tconst [hoveredId, setHoveredId] = useState<string | null>(null);\n\tconst [modifier, setModifier] = useState(false);\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\t\tconst onKey = (event: Event) => setModifier(isMeasureModifierHeld(event as KeyboardEvent));\n\t\tconst onBlur = () => setModifier(false);\n\t\ttarget.addEventListener('keydown', onKey);\n\t\ttarget.addEventListener('keyup', onKey);\n\t\tconst win = typeof window !== 'undefined' ? window : null;\n\t\twin?.addEventListener('blur', onBlur);\n\t\treturn () => {\n\t\t\ttarget.removeEventListener('keydown', onKey);\n\t\t\ttarget.removeEventListener('keyup', onKey);\n\t\t\twin?.removeEventListener('blur', onBlur);\n\t\t};\n\t}, [enabled, targetElement]);\n\n\tconst active = enabled && (!requireModifier || modifier);\n\tconst result = useMemo(() => {\n\t\tif (!active) return EMPTY;\n\t\tconst ids = optionsRef.current.getSelectedIds?.() ?? nodes.filter((n) => n.selected).map((n) => n.id);\n\t\treturn measureSelection(nodes, ids, hoveredId, rectOptions);\n\t}, [active, nodes, hoveredId, rectOptions]);\n\n\tconst onNodeMouseEnter = useCallback((event: { altKey?: boolean } | null, node: { id: string }) => {\n\t\tsetHoveredId(node.id);\n\t\tif (event && typeof event.altKey === 'boolean') setModifier(event.altKey);\n\t}, []);\n\tconst onNodeMouseLeave = useCallback((_event: unknown, node: { id: string }) => {\n\t\tsetHoveredId((current) => (current === node.id ? null : current));\n\t}, []);\n\n\treturn {\n\t\t/** Measuring lines (flow coordinates) to pass to `<CanvasGuidesLayer>`. */\n\t\tguides: result.guides,\n\t\t/** The box measured to (outline it), or `null`. */\n\t\ttarget: result.target,\n\t\t/** Whether measuring is showing (enabled and Alt held, unless `requireModifier: false`). */\n\t\tactive,\n\t\thoveredId,\n\t\tsetHoveredId,\n\t\t/** Sets the modifier state by hand (e.g. from a toolbar toggle). */\n\t\tsetModifier,\n\t\tonNodeMouseEnter,\n\t\tonNodeMouseLeave\n\t};\n}\n\nexport type CanvasMeasure = ReturnType<typeof useCanvasMeasure>;\n","import React from 'react';\nimport { getShapeRenderData, isShapeDescription, type ShapeDescription } from '@pixerate/editor/canvas';\n\nexport interface ShapeNodeProps {\n\t/** Node data; `data.shape` holds the shape description. */\n\tdata: { shape?: ShapeDescription; [key: string]: any };\n\t/** Node width / height (React Flow passes them to custom nodes). */\n\twidth?: number;\n\theight?: number;\n\tselected?: boolean;\n\tclassName?: string;\n\t/** Rendered over the shape, e.g. React Flow `<Handle>`s or a label. */\n\tchildren?: React.ReactNode;\n\t[key: string]: any;\n}\n\n/**\n * Headless shape node: draws `data.shape` as one SVG path that fills the node box.\n * Register it as a React Flow node type (`nodeTypes={{ shape: ShapeNode }}`), or wrap it\n * to add handles. Strokes keep their width when the node is resized\n * (`vector-effect: non-scaling-stroke`). Renders nothing when `data.shape` is missing.\n */\nexport function ShapeNode({ data, width, height, selected, className = '', children }: ShapeNodeProps) {\n\tconst shape = data?.shape;\n\tif (!isShapeDescription(shape)) return null;\n\tconst render = getShapeRenderData(shape, { width, height });\n\treturn (\n\t\t<div\n\t\t\tclassName={`pixerate-shape-node ${className}`.trim()}\n\t\t\tdata-shape-kind={shape.kind}\n\t\t\tdata-selected={selected ? 'true' : undefined}\n\t\t\tstyle={{ position: 'relative', width: '100%', height: '100%' }}\n\t\t>\n\t\t\t<svg\n\t\t\t\tviewBox={render.viewBox}\n\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\twidth=\"100%\"\n\t\t\t\theight=\"100%\"\n\t\t\t\tstyle={{ display: 'block', overflow: 'visible' }}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td={render.d}\n\t\t\t\t\ttransform={render.transform}\n\t\t\t\t\tfill={render.fill}\n\t\t\t\t\tfillRule={render.fillRule}\n\t\t\t\t\tstroke={render.stroke}\n\t\t\t\t\tstrokeWidth={render.strokeWidth}\n\t\t\t\t\topacity={render.opacity}\n\t\t\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","import { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tcreateCanvasAutoLayoutController,\n\ttype ArrangeHistoryTarget,\n\ttype AutoLayoutMeasure,\n\ttype CanvasNode,\n\ttype GuideLine,\n\ttype NodeRectOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasAutoLayoutOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** When set, the hook's actions (add / remove / resize / reorder / apply) are undoable steps. */\n\thistory?: ArrangeHistoryTarget;\n\t/** Turns automatic relayout off (`applyAutoLayout` still works). Default `true`. */\n\tenabled?: boolean;\n\t/** Reorder flow children by dragging them within their frame (default `true`). */\n\tdragReorder?: boolean;\n\t/** Text measuring and size hooks (default: xyflow `measured` sizes). */\n\tmeasure?: AutoLayoutMeasure;\n\trectOptions?: NodeRectOptions;\n}\n\n/**\n * React hook for Figma-style auto layout on React Flow sub-flows. Frames are nodes with\n * `data.layout`; their children (`parentId`) are stacked, wrapped or placed on a grid, with\n * hug / fill / fixed sizing, min / max, padding, alignment and constraints.\n *\n * Pass every `onNodesChange` batch through `noteChanges` before applying it\n * (`onNodesChange={(c) => setNodes((n) => applyNodeChanges(autoLayout.noteChanges(c), n))}`):\n * after the nodes update the hook relayouts frames whose children were measured, resized,\n * added or removed, and turns drags of a flow child inside its frame into a reorder (one\n * undoable step). Render `guides` (the drop marker) with `<CanvasGuidesLayer>`.\n */\nexport function useCanvasAutoLayout<TNode extends CanvasNode = CanvasNode>(options: UseCanvasAutoLayoutOptions<TNode>) {\n\tconst [guides, setGuides] = useState<GuideLine[]>([]);\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasAutoLayoutController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive actions (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tget enabled() {\n\t\t\t\t\treturn optionsRef.current.enabled;\n\t\t\t\t},\n\t\t\t\tget dragReorder() {\n\t\t\t\t\treturn optionsRef.current.dragReorder;\n\t\t\t\t},\n\t\t\t\tget measure() {\n\t\t\t\t\treturn optionsRef.current.measure;\n\t\t\t\t},\n\t\t\t\tget rectOptions() {\n\t\t\t\t\treturn optionsRef.current.rectOptions;\n\t\t\t\t},\n\t\t\t\tonGuidesChange: setGuides\n\t\t\t}),\n\t\t[]\n\t);\n\n\t// Noted changes are applied once React has committed the new nodes.\n\tuseLayoutEffect(() => {\n\t\tif (controller.hasPending) controller.flush();\n\t}, [options.nodes, controller]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...controller,\n\t\t\t/** Drop marker of the active reorder drag (flow coordinates). */\n\t\t\tguides,\n\t\t\tget hasPending() {\n\t\t\t\treturn controller.hasPending;\n\t\t\t}\n\t\t}),\n\t\t[controller, guides]\n\t);\n}\n\nexport type CanvasAutoLayout = ReturnType<typeof useCanvasAutoLayout>;\n","import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\nimport {\n  bindCanvasToken,\n  detachTokenBindings,\n  getEffectiveTokenModes,\n  resolveCanvasTokens,\n  setCanvasTokenMode,\n  type CanvasNode,\n  type CanvasTokenOptions,\n} from '@pixerate/editor/canvas';\nimport type { TokenModeContext, TokenState, TokenStore } from '@pixerate/editor/tokens';\n\nexport interface UseCanvasTokensOptions<TNode extends CanvasNode> extends Omit<CanvasTokenOptions, 'modes'> {\n  store: TokenStore;\n  nodes: TNode[];\n  setNodes: (update: TNode[] | ((nodes: TNode[]) => TNode[])) => void;\n  /** Modes for nodes without an explicit mode up their tree (e.g. the page's). */\n  modes?: TokenModeContext;\n}\n\nexport interface CanvasTokens {\n  state: TokenState;\n  /** Binds (or with `null` unbinds) a property of the nodes; throws `TokenError` when refused. */\n  bind: (ids: Iterable<string>, propertyKey: string, variableId: string | null) => void;\n  /** Sets (or with `null` clears) an explicit mode on frames / groups; descendants follow. */\n  setMode: (ids: Iterable<string>, collectionId: string, modeId: string | null) => void;\n  /** The modes a node is in (its own, inherited, then the root `modes`). */\n  modesOf: (nodeId: string) => Record<string, string>;\n}\n\n/**\n * Keeps token-bound node properties resolved: whenever the token store, the nodes or the root\n * modes change, bound values are written into the nodes (only when something changed, so it\n * does not loop). Deleting a variable detaches the nodes bound to it, keeping their values.\n */\nexport function useCanvasTokens<TNode extends CanvasNode>(options: UseCanvasTokensOptions<TNode>): CanvasTokens {\n  const { store, nodes, setNodes, modes, properties } = options;\n  const state = useSyncExternalStore(store.subscribe, store.getState, store.getState);\n  const latest = useRef({ nodes, setNodes, modes, properties });\n  latest.current = { nodes, setNodes, modes, properties };\n  const opts = (): CanvasTokenOptions => ({ modes: latest.current.modes, properties: latest.current.properties });\n\n  useEffect(\n    () =>\n      store.subscribe((event) => {\n        if (event.deletedVariableIds.length === 0) return;\n        latest.current.setNodes((prev) => detachTokenBindings(prev, event.previous, event.deletedVariableIds, opts()));\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n\n  const modesKey = JSON.stringify(modes ?? {});\n  useEffect(() => {\n    const next = resolveCanvasTokens(nodes, state, opts());\n    if (next !== nodes) setNodes(next);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nodes, state, modesKey, properties]);\n\n  const bind = useCallback(\n    (ids: Iterable<string>, propertyKey: string, variableId: string | null) => {\n      const next = bindCanvasToken(latest.current.nodes, ids, propertyKey, variableId, store.getState(), opts());\n      if (next !== latest.current.nodes) latest.current.setNodes(next);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  const setMode = useCallback(\n    (ids: Iterable<string>, collectionId: string, modeId: string | null) => {\n      const next = setCanvasTokenMode(latest.current.nodes, ids, collectionId, modeId, store.getState(), opts());\n      if (next !== latest.current.nodes) latest.current.setNodes(next);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  const modesOf = useCallback(\n    (nodeId: string) => {\n      const node = latest.current.nodes.find((n) => n.id === nodeId);\n      return node ? getEffectiveTokenModes(node, latest.current.nodes, store.getState(), opts()) : {};\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  return { state, bind, setMode, modesOf };\n}\n","import React from 'react';\nimport {\n  bindCanvasToken,\n  getBindableTokenProperties,\n  getEffectiveTokenModes,\n  getNodeTokenBindings,\n  getNodeTokenModes,\n  setCanvasTokenMode,\n  getTokensForProperty,\n  type CanvasNode,\n  type CanvasTokenOptions,\n} from '@pixerate/editor/canvas';\nimport { getCurrentMode, resolveToken, type TokenState } from '@pixerate/editor/tokens';\n\nexport interface TokenBindingPickerProps<TNode extends CanvasNode = CanvasNode> {\n  state: TokenState;\n  nodes: TNode[];\n  /** Nodes to bind (the first one decides which properties are listed). */\n  selectedIds: readonly string[];\n  /** Receives the nodes with the binding applied and resolved. */\n  onChange: (nodes: TNode[]) => void;\n  options?: CanvasTokenOptions;\n  /** Limit to these property keys (in this order). */\n  properties?: readonly string[];\n  onError?: (error: Error) => void;\n  className?: string;\n}\n\n/**\n * Inspector rows that bind node properties (fill, stroke, opacity, radius, gap, padding, text\n * colour / size, …) to variables of the right type and scope, showing each resolved value.\n */\nexport function TokenBindingPicker<TNode extends CanvasNode = CanvasNode>({\n  state,\n  nodes,\n  selectedIds,\n  onChange,\n  options = {},\n  properties,\n  onError,\n  className = '',\n}: TokenBindingPickerProps<TNode>) {\n  const selected = nodes.filter((n) => selectedIds.includes(n.id));\n  const first = selected[0];\n  if (!first) return null;\n  let rows = getBindableTokenProperties(first, options);\n  if (properties) rows = properties.map((key) => rows.find((p) => p.key === key)).filter((p): p is (typeof rows)[number] => !!p);\n  const modes = getEffectiveTokenModes(first, nodes, state, options);\n\n  return (\n    <div data-token-binding-picker=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`}>\n      {rows.map((property) => {\n        const ids = new Set(selected.map((n) => getNodeTokenBindings(n)[property.key] ?? ''));\n        const value = ids.size === 1 ? [...ids][0] : '__mixed';\n        const candidates = getTokensForProperty(state, property, first);\n        const resolved = value && value !== '__mixed' ? resolveToken(state, value, modes) : null;\n        return (\n          <label key={property.key} className=\"flex items-center gap-2\" data-token-property={property.key}>\n            <span className=\"w-28 shrink-0 text-muted-foreground\">{property.label}</span>\n            <select\n              aria-label={`${property.label} variable`}\n              className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n              value={value}\n              onChange={(e) => {\n                const id = e.currentTarget.value || null;\n                try {\n                  onChange(bindCanvasToken(nodes, selectedIds, property.key, id, state, options));\n                } catch (error) {\n                  onError?.(error as Error);\n                }\n              }}\n            >\n              {value === '__mixed' ? <option value=\"__mixed\">Mixed</option> : null}\n              <option value=\"\">None</option>\n              {candidates.map((v) => {\n                const collection = state.collections.find((c) => c.id === v.collectionId);\n                return (\n                  <option key={v.id} value={v.id}>\n                    {v.name}\n                    {collection && state.collections.length > 1 ? ` (${collection.name})` : ''}\n                  </option>\n                );\n              })}\n            </select>\n            <span className=\"w-16 shrink-0 truncate text-right text-muted-foreground\" data-token-resolved=\"\">\n              {resolved?.ok ? (\n                property.type === 'color' ? (\n                  <span\n                    className=\"inline-block h-3 w-3 rounded border border-border align-middle\"\n                    style={{ background: String(resolved.value) }}\n                    title={String(resolved.value)}\n                  />\n                ) : (\n                  String(resolved.value)\n                )\n              ) : resolved ? (\n                <span title={resolved.message}>⚠</span>\n              ) : null}\n            </span>\n          </label>\n        );\n      })}\n      {state.collections.length === 0 ? <p className=\"text-muted-foreground\">No variables yet.</p> : null}\n    </div>\n  );\n}\n\nexport interface TokenModeSwitcherProps<TNode extends CanvasNode = CanvasNode> {\n  state: TokenState;\n  nodes: TNode[];\n  /** Frames / groups whose explicit mode is set (the first one's choice is shown). */\n  nodeIds: readonly string[];\n  onChange: (nodes: TNode[]) => void;\n  options?: CanvasTokenOptions;\n  /** Show collections with a single mode too (default `false`). */\n  showSingleMode?: boolean;\n  className?: string;\n}\n\n/**\n * Per-collection mode pickers for the selected frames: \"Auto\" (inherit from the parent, then\n * the root modes, then the default mode) or an explicit mode that descendants inherit.\n */\nexport function TokenModeSwitcher<TNode extends CanvasNode = CanvasNode>({\n  state,\n  nodes,\n  nodeIds,\n  onChange,\n  options = {},\n  showSingleMode = false,\n  className = '',\n}: TokenModeSwitcherProps<TNode>) {\n  const first = nodes.find((n) => nodeIds.includes(n.id));\n  if (!first) return null;\n  const own = getNodeTokenModes(first);\n  const parent = first.parentId ? nodes.find((n) => n.id === first.parentId) : undefined;\n  const inherited = parent ? getEffectiveTokenModes(parent, nodes, state, options) : { ...options.modes };\n  const collections = state.collections.filter((c) => showSingleMode || c.modes.length > 1);\n  return (\n    <div data-token-mode-switcher=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`}>\n      {collections.map((collection) => {\n        const auto = getCurrentMode(collection, inherited);\n        const explicit = collection.modes.some((m) => m.id === own[collection.id]) ? own[collection.id] : '';\n        return (\n          <label key={collection.id} className=\"flex items-center gap-2\" data-token-collection={collection.id}>\n            <span className=\"w-28 shrink-0 truncate text-muted-foreground\">{collection.name}</span>\n            <select\n              aria-label={`${collection.name} mode`}\n              className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n              value={explicit}\n              onChange={(e) =>\n                onChange(setCanvasTokenMode(nodes, nodeIds, collection.id, e.currentTarget.value || null, state, options))\n              }\n            >\n              <option value=\"\">Auto ({auto.name})</option>\n              {collection.modes.map((m) => (\n                <option key={m.id} value={m.id}>\n                  {m.name}\n                </option>\n              ))}\n            </select>\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_react","import_react","import_canvas","import_react","import_canvas","import_react","import_canvas","import_react","import_react","import_canvas","import_react","import_canvas","import_react","import_canvas","import_jsx_runtime","import_react","import_canvas","import_canvas","import_canvas","import_jsx_runtime","import_canvas","import_react","import_canvas","import_react","import_canvas","import_canvas","import_jsx_runtime","import_canvas"]}
+{"version":3,"sources":["../../src/canvas/index.ts","../../src/canvas/AgentPresenceLayer.tsx","../../src/canvas/useStreamingCanvas.ts","../../src/canvas/useCanvasGraph.ts","../../src/canvas/useCanvasLayout.ts","../../src/canvas/useCanvasClipboard.ts","../../src/canvas/useCanvasShortcuts.ts","../../src/canvas/useCanvasDocking.ts","../../src/canvas/useCanvasExplosion.ts","../../src/canvas/useCanvasArrange.ts","../../src/canvas/useCanvasScenes.ts","../../src/canvas/CanvasGuidesLayer.tsx","../../src/canvas/useCanvasMeasure.ts","../../src/canvas/ShapeNode.tsx","../../src/canvas/useCanvasAutoLayout.ts","../../src/canvas/useCanvasTokens.ts","../../src/canvas/TokenBindingPicker.tsx","../../src/canvas/useCanvasAnimation.ts","../../src/canvas/AnimationTimeline.tsx","../../src/canvas/useCanvasComponents.ts","../../src/canvas/CanvasComponentsPanel.tsx"],"sourcesContent":["export {\n\tAgentPresenceLayer,\n\ttype AgentPresenceLayerProps\n} from './AgentPresenceLayer.js';\n\nexport {\n\tuseStreamingCanvas,\n\ttype UseStreamingCanvasOptions\n} from './useStreamingCanvas.js';\n\nexport {\n\tuseCanvasGraph,\n\ttype UseCanvasGraphOptions\n} from './useCanvasGraph.js';\n\nexport {\n\tuseCanvasLayout,\n\ttype UseCanvasLayoutOptions\n} from './useCanvasLayout.js';\n\nexport {\n\tuseCanvasClipboard,\n\ttype UseCanvasClipboardOptions\n} from './useCanvasClipboard.js';\n\nexport {\n\tuseCanvasShortcuts,\n\ttype UseCanvasShortcutsOptions\n} from './useCanvasShortcuts.js';\n\nexport {\n\tuseCanvasDocking,\n\ttype UseCanvasDockingOptions\n} from './useCanvasDocking.js';\n\nexport {\n\tuseCanvasExplosion,\n\ttype CanvasGraphTarget\n} from './useCanvasExplosion.js';\n\n// Arrangement (align / distribute / size / lock / z-order), smart guides and scenes\nexport {\n\tuseCanvasArrange,\n\tuseCanvasArrangeShortcuts,\n\ttype CanvasArrange,\n\ttype UseCanvasArrangeOptions,\n\ttype UseCanvasArrangeShortcutsOptions\n} from './useCanvasArrange.js';\n\nexport {\n\tuseCanvasScenes,\n\ttype CanvasScenes,\n\ttype UseCanvasScenesOptions\n} from './useCanvasScenes.js';\n\nexport {\n\tCanvasGuidesLayer,\n\ttype CanvasGuidesLayerProps\n} from './CanvasGuidesLayer.js';\n\n// Distance measuring (Alt-hover), resize / grid snapping and curve fitting\nexport {\n\tuseCanvasMeasure,\n\ttype CanvasMeasure,\n\ttype UseCanvasMeasureOptions\n} from './useCanvasMeasure.js';\n\nexport {\n\tmeasureBetween,\n\tmeasureToLine,\n\tmeasureSelection,\n\tmeasureLabel,\n\tisMeasureModifierHeld,\n\tsnapToGrid,\n\tsnapResize,\n\tsnapNodeResize,\n\tinferResizeHandle,\n\tresizeHandleAxes,\n\tgetResizingNodeRect,\n\tRESIZE_HANDLES,\n\tfitCubics,\n\tfitCubicRun,\n\tfitPathData,\n\tfitFreehandPath,\n\tcubicsToPathData,\n\tcubicPointAt,\n\tisStraightCubic,\n\ttype MeasureGuide,\n\ttype MeasureSelectionResult,\n\ttype MeasureSelectionOptions,\n\ttype ResizeHandle,\n\ttype SnapResizeOptions,\n\ttype SnapResizeResult,\n\ttype SnapNodeResizeOptions,\n\ttype SnapNodeResizeResult,\n\ttype CubicSegment,\n\ttype FitCubicsOptions,\n\ttype FitPathDataOptions\n} from '@pixerate/editor/canvas';\n\nexport {\n\talignNodes,\n\tdistributeNodes,\n\tmatchSize,\n\treorderNodes,\n\tapplyNodeUpdates,\n\tinvertNodeUpdates,\n\tlockNodes,\n\tunlockNodes,\n\ttoggleLockNodes,\n\tisLocked,\n\tgetNodeSize,\n\tgetNodeRect,\n\tgetAbsolutePosition,\n\treadStyleSize,\n\twithStyleSize,\n\tcomputeSnapGuides,\n\tcreateGuideIndex,\n\tcreateNodeGuideIndex,\n\tsnapNodeDrag,\n\tfindConnectorSnap,\n\tnearestHandlePositions,\n\thandlePoint,\n\tpositionToSide,\n\tsideToPosition,\n\toppositePosition,\n\tCONNECTION_LINE_TYPES,\n\tCanvasScenesStore,\n\tcreateCanvasScenesStore,\n\tparseCanvasScenes,\n\tfitViewportToRect,\n\tfitViewportToNodes,\n\tmatchArrangeShortcut,\n\tDEFAULT_ARRANGE_SHORTCUTS,\n\ttype AlignEdge,\n\ttype DistributeAxis,\n\ttype DistributeMode,\n\ttype SizeDimension,\n\ttype ZOrderOperation,\n\ttype CanvasNodeUpdate,\n\ttype GuideLine,\n\ttype GuideIndex,\n\ttype SnapGuidesOptions,\n\ttype SnapResult,\n\ttype ConnectorSnap,\n\ttype ConnectorSnapTarget,\n\ttype CanvasConnectionLineType,\n\ttype CanvasScene,\n\ttype CanvasScenesState,\n\ttype CanvasViewport,\n\ttype CanvasArrangeAction,\n\ttype ArrangeShortcutBinding\n} from '@pixerate/editor/canvas';\n\nexport { ShapeNode, type ShapeNodeProps } from './ShapeNode.js';\n\n// Shape nodes and boolean operations (Unite / Intersect / Subtract / Exclude / Divide)\nexport {\n\tcombineShapeNodes,\n\tcanCombineShapeNodes,\n\tapplyShapeCombination,\n\trevertShapeCombination,\n\tshapeNodeToPolygon,\n\tisShapeNode,\n\tgetNodeShape,\n\tSHAPE_DATA_KEY,\n\tSHAPE_NODE_TYPE,\n\tSHAPE_OPERATIONS,\n\tSHAPE_KINDS,\n\tisShapeDescription,\n\tshapeToPolygon,\n\tgetShapeSvg,\n\tgetShapeRenderData,\n\tparseSvgPath,\n\tflattenSvgPath,\n\tpolygonToSvgPath,\n\tsimplifyRing,\n\tpolygonBoolean,\n\tunionPolygons,\n\tintersectPolygons,\n\tsubtractPolygons,\n\txorPolygons,\n\tdividePolygons,\n\tpolygonArea,\n\tmultiPolygonArea,\n\tmultiPolygonBounds,\n\tringSignedArea,\n\tpointInRings,\n\tpointInMultiPolygon,\n\ttype ShapeOperation,\n\ttype ShapeDescription,\n\ttype ShapeKind,\n\ttype ShapePaint,\n\ttype ShapeSize,\n\ttype ShapeRenderData,\n\ttype RectShape,\n\ttype EllipseShape,\n\ttype RegularPolygonShape,\n\ttype StarShape,\n\ttype PathShape,\n\ttype PathCommand,\n\ttype FlattenOptions,\n\ttype PolygonToPathOptions,\n\ttype CombineShapeNodesOptions,\n\ttype CombineShapeNodesResult,\n\ttype CombineShapeNodesRefusal,\n\ttype ShapeNodePolygonOptions,\n\ttype MultiPolygon,\n\ttype PolygonWithHoles,\n\ttype PolygonRing,\n\ttype PolygonFillRule,\n\ttype PolygonOperand,\n\ttype PolygonInput,\n\ttype PolygonPiece,\n\ttype PolygonBooleanOperation,\n\ttype PolygonBooleanOptions\n} from '@pixerate/editor/canvas';\n\n// Curve-preserving path operations, Offset Path and Outline Stroke\nexport {\n\toffsetShapeNodes,\n\toutlineShapeNodeStrokes,\n\tcanOffsetShapeNodes,\n\tcanOutlineShapeNodeStrokes,\n\tapplyShapeReplacement,\n\thasVisibleStroke,\n\tshapeToBezierPath,\n\tshapeNodeToBezierPath,\n\tpathBoolean,\n\tunitePaths,\n\tintersectPaths,\n\tsubtractPaths,\n\texcludePaths,\n\tdividePaths,\n\tnormalizeBezierPath,\n\tbezierPathArea,\n\toffsetPath,\n\toutlineStroke,\n\tstrokeOutlineRings,\n\tdashContours,\n\ttoBezierPath,\n\tbezierPathToSvg,\n\ttransformBezierPath,\n\tbezierPathBounds,\n\tbezierPathSignedArea,\n\tbezierPathLength,\n\tbezierPathPointAtLength,\n\tpointInBezierPath,\n\tdistanceToBezierPath,\n\tcountPathSegments,\n\ttype BezierCommand,\n\ttype BezierPath,\n\ttype BezierPathInput,\n\ttype PathOperand,\n\ttype PathOperandInput,\n\ttype PathOpsOptions,\n\ttype PathBooleanResult,\n\ttype DividePathsResult,\n\ttype StrokeJoin,\n\ttype StrokeCap,\n\ttype OutlineStrokeOptions,\n\ttype OffsetPathOptions,\n\ttype OffsetShapeNodesOptions,\n\ttype OutlineShapeStrokesOptions,\n\ttype ShapePathEditResult,\n\ttype ShapePathEditRefusal,\n\ttype ShapePathEditOperation\n} from '@pixerate/editor/canvas';\n\n// Re-export shared canvas types & pure math from core\nexport {\n\tgetLayoutedNodes,\n\tensureLayout,\n\tcenterNodes,\n\tgetCenteredNodePosition,\n\tplaceBeside,\n\testimateNodeSize,\n\tflowSide,\n\tboundsOf,\n\tcentre,\n\toverlaps,\n\tlinearTrajectory,\n\tlinearPositionTrajectory,\n\tcreateFanOutTrajectory,\n\tcreateBezierTrajectory,\n\trunMultiNodeTransition,\n\tdefaultEasing,\n\tcomputeNodesBoundingBox,\n\tcalculateDirectionalDisplacement,\n\tcalculateDagreReflowDisplacement,\n\tisEventFromTextInput,\n\tisValidCanvasNode,\n\tisValidUrl,\n\tserializeCanvasNodes,\n\tparseCanvasClipboardData,\n\tremapPastedNodes,\n\trepositionNodesTo,\n\trealClock,\n\tManualClock,\n\tlayoutBounds,\n\tcanvasHeight,\n\testimateCanvasHeight,\n\tblendLayout,\n\tconnectedOnly,\n\ttype Clock,\n\ttype CanvasHeightOptions,\n\ttype CanvasNode,\n\ttype CanvasEdge,\n\ttype GraphDifferences,\n\ttype CanvasClipboardPayload,\n\ttype CanvasLayoutOptions,\n\ttype IncrementalLayoutOptions,\n\ttype PlaceBesideOptions,\n\ttype TrajectoryPoint,\n\ttype TrajectoryFunction,\n\ttype FanOutTrajectoryOptions,\n\ttype NodeTransition,\n\ttype DisplacementDirection,\n\ttype DirectionalDisplacementOptions,\n\ttype ReflowDisplacementOptions,\n\ttype ExplosionSnapshot,\n\ttype ExplodeNodeOptions,\n\ttype CollapseNodeOptions,\n\ttype DockStrategy,\n\ttype CanvasDockingCallbacks,\n\ttype XYPosition,\n\ttype Rect,\n\ttype Side,\n\ttype Point,\n\ttype Position\n} from '@pixerate/editor/canvas';\n\n// Auto layout (Figma-style stacks, wrap, grid, hug / fill / fixed) and constraints\nexport {\n\tlayoutFrame,\n\tlayoutAll,\n\tlayoutUp,\n\tlayoutUpMany,\n\tapplyConstraints,\n\tgetAutoLayout,\n\tgetChildLayout,\n\tgetLayoutSizing,\n\tgetAutoLayoutGrid,\n\tgetAutoLayoutInsertTarget,\n\tgetFlowChildren,\n\tgetLayoutParent,\n\tisAutoLayoutFrame,\n\tmakeSizingCoherent,\n\tmoveLayoutChild,\n\tmergeNodeUpdates,\n\trelayoutUpdates,\n\tresolvePadding,\n\tclampLayoutSize,\n\tcreateCanvasAutoLayoutController,\n\tAUTO_LAYOUT_DATA_KEY,\n\tCHILD_LAYOUT_DATA_KEY,\n\ttype AutoLayout,\n\ttype AutoLayoutChild,\n\ttype AutoLayoutMode,\n\ttype AutoLayoutSizing,\n\ttype AutoLayoutSizingPair,\n\ttype AutoLayoutSize,\n\ttype AutoLayoutAlignMain,\n\ttype AutoLayoutAlignCross,\n\ttype AutoLayoutAlignContent,\n\ttype AutoLayoutPadding,\n\ttype AutoLayoutGrid,\n\ttype AutoLayoutGridTrack,\n\ttype AutoLayoutGridArea,\n\ttype AutoLayoutGridCell,\n\ttype AutoLayoutGridGeometry,\n\ttype AutoLayoutCellAlign,\n\ttype AutoLayoutConstraints,\n\ttype AutoLayoutHorizontalConstraint,\n\ttype AutoLayoutVerticalConstraint,\n\ttype AutoLayoutMeasure,\n\ttype AutoLayoutOptions,\n\ttype AutoLayoutInsertTarget,\n\ttype CanvasAutoLayoutController,\n\ttype CanvasAutoLayoutControllerOptions\n} from '@pixerate/editor/canvas';\n\nexport {\n\tuseCanvasAutoLayout,\n\ttype CanvasAutoLayout,\n\ttype UseCanvasAutoLayoutOptions\n} from './useCanvasAutoLayout.js';\n\n// Design tokens: bindings, per-frame modes and inspector controls\nexport {\n\tuseCanvasTokens,\n\ttype CanvasTokens,\n\ttype UseCanvasTokensOptions\n} from './useCanvasTokens.js';\n\nexport {\n\tTokenBindingPicker,\n\tTokenModeSwitcher,\n\ttype TokenBindingPickerProps,\n\ttype TokenModeSwitcherProps\n} from './TokenBindingPicker.js';\n\nexport {\n\tbindCanvasToken,\n\tsetCanvasTokenMode,\n\tresolveCanvasTokens,\n\tdetachTokenBindings,\n\tpruneCanvasTokenModes,\n\tinspectNodeTokens,\n\tgetNodeTokenBindings,\n\tgetNodeTokenModes,\n\tgetEffectiveTokenModes,\n\tgetBindableTokenProperties,\n\tgetCanvasTokenProperty,\n\tgetTokenPropertyScope,\n\tgetTokensForProperty,\n\treadNodeStyleProperty,\n\twriteNodeStyleProperty,\n\tCANVAS_TOKEN_PROPERTIES,\n\tTOKEN_BINDINGS_DATA_KEY,\n\tTOKEN_MODES_DATA_KEY,\n\ttype CanvasTokenProperty,\n\ttype CanvasTokenOptions,\n\ttype CanvasTokenBindingInfo\n} from '@pixerate/editor/canvas';\n\n// Keyframe animation: playback, record mode, timeline and export\nexport {\n\tuseCanvasAnimation,\n\ttype CanvasAnimation,\n\ttype UseCanvasAnimationOptions\n} from './useCanvasAnimation.js';\n\nexport { AnimationTimeline, type AnimationTimelineProps } from './AnimationTimeline.js';\n\nexport {\n\tcreateCanvasAnimationController,\n\tAnimationPlayer,\n\tcreateAnimationPlayer,\n\tAnimationEditError,\n\tANIMATION_DATA_KEY,\n\tANIMATION_TIME_EPSILON,\n\tANIMATABLE_PROPERTIES,\n\tANIMATION_EASING_PRESETS,\n\tANIMATION_EASING_LABELS,\n\tCUBIC_BEZIER_PRESETS,\n\tMAX_KEYFRAME_REFS,\n\tCSS_ANIMATION_PROPERTIES,\n\tevaluateAnimation,\n\tevaluateTrack,\n\tevaluateEasing,\n\tapplyAnimation,\n\tapplyAnimationOverrides,\n\tinterpolateAnimationValue,\n\tgetAnimationDuration,\n\twrapAnimationTime,\n\tcubicBezierAt,\n\tspringAt,\n\tresolveEasing,\n\tparseCssEasing,\n\teasingToCss,\n\teasingLabel,\n\teasingFromInfluence,\n\tisAnimationEasing,\n\tmixColorsOklab,\n\trgbToOklab,\n\toklabToRgb,\n\tparseOklab,\n\tformatOklab,\n\tgetNodeAnimation,\n\tgetAnimationTrack,\n\tgetAnimatedProperties,\n\tgetAnimatableProperty,\n\tisNodeAnimated,\n\twithNodeAnimation,\n\tnormalizeKeyframes,\n\tisAnimationKeyframe,\n\tclampAnimationValue,\n\tsetKeyframe,\n\taddKeyframesAtTime,\n\tupdateKeyframe,\n\tdeleteKeyframes,\n\tsetKeyframeEasing,\n\tsetTrackEnabled,\n\tremoveTrack,\n\tsetMotionPath,\n\tmoveKeyframes,\n\tscaleKeyframes,\n\tsnapKeyframeDelta,\n\tsnapTimeToFrame,\n\tgetKeyframeTimes,\n\tcopyKeyframes,\n\tpasteKeyframes,\n\tparseKeyframeClipboard,\n\trecordAnimationChanges,\n\tanimateNode,\n\tgetAnimatedValue,\n\treadAnimatableValue,\n\tsampleAnimationFrames,\n\texportCssAnimation,\n\ttoWebAnimations,\n\tplayWebAnimations,\n\tgetCssPropertyAnimations,\n\tisCssExportExact,\n\tgetTimelineRows,\n\tgetTimelineTicks,\n\tisKeyframeSelected,\n\ttimeToX,\n\txToTime,\n\tformatAnimationTime,\n\ttype AnimatableProperty,\n\ttype AnimationValue,\n\ttype AnimationValueType,\n\ttype AnimationKeyframe,\n\ttype AnimationTrack,\n\ttype AnimationMotionPath,\n\ttype NodeAnimation,\n\ttype AnimationEasing,\n\ttype AnimationEasingPreset,\n\ttype CubicBezierEasing,\n\ttype SpringEasing,\n\ttype AnimationLoopMode,\n\ttype AnimationDocument,\n\ttype AnimationOverrides,\n\ttype AnimationFrame,\n\ttype AnimationPlayerState,\n\ttype AnimationPlayerOptions,\n\ttype AnimationHistoryTarget,\n\ttype AnimationKeyframeClipboard,\n\ttype AnimationEditErrorCode,\n\ttype KeyframeRef,\n\ttype KeyframePatch,\n\ttype KeyframeSnap,\n\ttype KeyframeDragState,\n\ttype AnimateNodeOptions,\n\ttype CanvasAnimationController,\n\ttype CanvasAnimationControllerOptions,\n\ttype CanvasAnimationState,\n\ttype CssAnimationExport,\n\ttype CssExportOptions,\n\ttype WebAnimationSpec,\n\ttype TimelineRow,\n\ttype TimelineKeyframe,\n\ttype OklabColor\n} from '@pixerate/editor/canvas';\n\n// Components and instances: hook, components panel and instance inspector\nexport {\n\tuseCanvasComponents,\n\ttype CanvasComponents,\n\ttype UseCanvasComponentsOptions\n} from './useCanvasComponents.js';\n\nexport {\n\tCanvasComponentsPanel,\n\tCanvasInstanceInspector,\n\ttype CanvasComponentsPanelProps,\n\ttype CanvasInstanceInspectorProps,\n\ttype CanvasInstanceInspectorActions\n} from './CanvasComponentsPanel.js';\n\nexport {\n\tcreateCanvasComponentsController,\n\tcreateCanvasComponent,\n\tcombineCanvasComponentsAsVariants,\n\tcreateCanvasInstance,\n\tdetachCanvasInstance,\n\tresetCanvasInstanceOverrides,\n\tpushCanvasInstanceOverrides,\n\tswapCanvasInstance,\n\tsetCanvasInstanceProperties,\n\tsetCanvasComponentProperty,\n\tbindCanvasComponentProperty,\n\trestoreCanvasMainComponent,\n\tsyncCanvasComponents,\n\tsyncCanvasInstance,\n\tsyncAllCanvasInstances,\n\tlistCanvasComponents,\n\tinspectCanvasInstance,\n\tgetInstanceStatus,\n\tgetNodeOverrides,\n\tgetComponentSourceId,\n\tgetInstanceData,\n\tgetCanvasComponentDragId,\n\tisCanvasComponent,\n\tisCanvasComponentSet,\n\tisCanvasInstance,\n\twouldCreateComponentCycle,\n\tCANVAS_COMPONENT_DRAG_TYPE,\n\ttype CanvasComponentsController,\n\ttype CanvasComponentsControllerOptions,\n\ttype CanvasComponentPropertyDef,\n\ttype CanvasComponentPropertyField,\n\ttype CanvasComponentResult,\n\ttype CanvasComponentSyncOptions,\n\ttype CanvasInstanceInfo,\n\ttype CanvasComponentInfo,\n\ttype CanvasComponentSetInfo\n} from '@pixerate/editor/canvas';\n","import React from 'react';\nimport type { AgentPresence } from '@pixerate/editor/agent';\n\nexport interface AgentPresenceLayerProps {\n\tpresences: AgentPresence[];\n\tclassName?: string;\n}\n\n/**\n * Visual multiplayer and agent choreography presence layer for React Canvas.\n * Renders floating cursor indicators, agent name tags, and active status tooltips.\n */\nexport function AgentPresenceLayer({ presences, className = '' }: AgentPresenceLayerProps) {\n\tif (!presences || presences.length === 0) return null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`pixerate-presence agent-presence pixerate-agent-presence-layer pointer-events-none absolute inset-0 z-50 overflow-hidden ${className}`}\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t{presences.map((agent) => {\n\t\t\t\tif (!agent.cursorPosition) return null;\n\t\t\t\tconst { x, y } = agent.cursorPosition;\n\t\t\t\tconst color = agent.color || '#3b82f6';\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={agent.agentId}\n\t\t\t\t\t\tclassName=\"absolute transition-transform duration-75 ease-out\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: `translate3d(${x}px, ${y}px, 0)`\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Cursor SVG */}\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName=\"h-5 w-5 drop-shadow-md\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19841L11.7841 12.3673H5.65376Z\"\n\t\t\t\t\t\t\t\tfill={color}\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"1\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\n\t\t\t\t\t\t{/* Agent Label Pill */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mt-1 flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-white shadow-md whitespace-nowrap\"\n\t\t\t\t\t\t\tstyle={{ backgroundColor: color }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>{agent.name}</span>\n\t\t\t\t\t\t\t{agent.statusMessage && (\n\t\t\t\t\t\t\t\t<span className=\"opacity-80 text-[10px]\">({agent.statusMessage})</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Narration Bubble (say / note) */}\n\t\t\t\t\t\t{agent.note && (\n\t\t\t\t\t\t\t<div className=\"mt-1 max-w-xs rounded-lg bg-white/95 backdrop-blur-sm border border-slate-200 px-2.5 py-1.5 text-xs text-slate-800 shadow-lg dark:bg-slate-900/95 dark:border-slate-700 dark:text-slate-100\">\n\t\t\t\t\t\t\t\t{agent.note}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n","import { useEffect, useRef, useCallback } from 'react';\nimport {\n\tStreamingLayoutManager,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype IncrementalLayoutOptions,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseStreamingCanvasOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tthrottleMs?: number;\n\tglideDurationMs?: number;\n\tconnectedOnly?: boolean;\n\tclock?: any;\n\tlayoutOptions?: IncrementalLayoutOptions;\n\tonPositionsChange: (positions: Map<string, XYPosition>) => void;\n}\n\n/**\n * React hook that throttles rapid node/edge streaming additions (e.g. from LLM streams)\n * and glides nodes into position smoothly using physics/tweened trajectories without jarring jumps.\n */\nexport function useStreamingCanvas<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseStreamingCanvasOptions<TNode, TEdge>) {\n\tconst managerRef = useRef<StreamingLayoutManager<TNode, TEdge> | null>(null);\n\n\tuseEffect(() => {\n\t\tconst manager = new StreamingLayoutManager<TNode, TEdge>({\n\t\t\tthrottleMs: options.throttleMs,\n\t\t\tglideDurationMs: options.glideDurationMs,\n\t\t\tconnectedOnly: options.connectedOnly,\n\t\t\tclock: options.clock,\n\t\t\tlayoutOptions: options.layoutOptions,\n\t\t\tonLayoutUpdated: options.onPositionsChange\n\t\t});\n\t\tmanagerRef.current = manager;\n\n\t\treturn () => {\n\t\t\tmanager.destroy();\n\t\t\tmanagerRef.current = null;\n\t\t};\n\t}, [\n\t\toptions.throttleMs,\n\t\toptions.glideDurationMs,\n\t\toptions.connectedOnly,\n\t\toptions.clock,\n\t\toptions.onPositionsChange\n\t]);\n\n\tconst pushStreamUpdate = useCallback(\n\t\t(nodes: TNode[], edges: TEdge[], currentPositions: Map<string, XYPosition>) => {\n\t\t\tmanagerRef.current?.pushStreamUpdate(nodes, edges, currentPositions);\n\t\t},\n\t\t[]\n\t);\n\n\tconst flush = useCallback(\n\t\t(nodes: TNode[], edges: TEdge[], currentPositions: Map<string, XYPosition>) => {\n\t\t\tmanagerRef.current?.flush(nodes, edges, currentPositions);\n\t\t},\n\t\t[]\n\t);\n\n\treturn {\n\t\tpushStreamUpdate,\n\t\tflush\n\t};\n}\n","import { useState, useCallback, useRef } from 'react';\nimport type { CanvasNode, CanvasEdge, GraphDifferences } from '@pixerate/editor/canvas';\n\nexport interface UseCanvasGraphOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tinitialNodes?: TNode[];\n\tinitialEdges?: TEdge[];\n\tonNodesChange?: (nodes: TNode[]) => void;\n\tonEdgesChange?: (edges: TEdge[]) => void;\n}\n\n/**\n * React hook managing canvas graph state (nodes, edges, selection, and structural differences).\n */\nexport function useCanvasGraph<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasGraphOptions<TNode, TEdge> = {}) {\n\tconst [nodes, setNodesState] = useState<TNode[]>(options.initialNodes ?? []);\n\tconst [edges, setEdgesState] = useState<TEdge[]>(options.initialEdges ?? []);\n\n\tconst baselineNodesRef = useRef<TNode[]>(options.initialNodes ?? []);\n\tconst baselineEdgesRef = useRef<TEdge[]>(options.initialEdges ?? []);\n\n\tconst setNodes = useCallback(\n\t\t(updater: TNode[] | ((prev: TNode[]) => TNode[])) => {\n\t\t\tsetNodesState((prev) => {\n\t\t\t\tconst next = typeof updater === 'function' ? updater(prev) : updater;\n\t\t\t\toptions.onNodesChange?.(next);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t},\n\t\t[options.onNodesChange]\n\t);\n\n\tconst setEdges = useCallback(\n\t\t(updater: TEdge[] | ((prev: TEdge[]) => TEdge[])) => {\n\t\t\tsetEdgesState((prev) => {\n\t\t\t\tconst next = typeof updater === 'function' ? updater(prev) : updater;\n\t\t\t\toptions.onEdgesChange?.(next);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t},\n\t\t[options.onEdgesChange]\n\t);\n\n\tconst addNode = useCallback(\n\t\t(node: TNode) => {\n\t\t\tsetNodes((prev) => [...prev, node]);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst removeNodes = useCallback(\n\t\t(ids: string[]) => {\n\t\t\tconst idSet = new Set(ids);\n\t\t\tsetNodes((prev) => prev.filter((n) => !idSet.has(n.id)));\n\t\t\tsetEdges((prev) => prev.filter((e) => !idSet.has(e.source) && !idSet.has(e.target)));\n\t\t},\n\t\t[setNodes, setEdges]\n\t);\n\n\tconst updateNodeData = useCallback(\n\t\t(id: string, patch: Partial<TNode['data']>) => {\n\t\t\tsetNodes((prev) =>\n\t\t\t\tprev.map((node) => {\n\t\t\t\t\tif (node.id !== id) return node;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...node,\n\t\t\t\t\t\tdata: { ...node.data, ...patch }\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst updateNodePosition = useCallback(\n\t\t(id: string, position: { x: number; y: number }) => {\n\t\t\tsetNodes((prev) =>\n\t\t\t\tprev.map((node) => {\n\t\t\t\t\tif (node.id !== id) return node;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...node,\n\t\t\t\t\t\tposition: { ...position }\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t);\n\t\t},\n\t\t[setNodes]\n\t);\n\n\tconst addEdge = useCallback(\n\t\t(edge: TEdge) => {\n\t\t\tsetEdges((prev) => [...prev, edge]);\n\t\t},\n\t\t[setEdges]\n\t);\n\n\tconst removeEdges = useCallback(\n\t\t(ids: string[]) => {\n\t\t\tconst idSet = new Set(ids);\n\t\t\tsetEdges((prev) => prev.filter((e) => !idSet.has(e.id)));\n\t\t},\n\t\t[setEdges]\n\t);\n\n\tconst resetBaseline = useCallback(() => {\n\t\tbaselineNodesRef.current = nodes;\n\t\tbaselineEdgesRef.current = edges;\n\t}, [nodes, edges]);\n\n\tconst getDifferences = useCallback((): GraphDifferences<TNode, TEdge> => {\n\t\tconst currentNodesMap = new Map(nodes.map((n) => [n.id, n]));\n\t\tconst currentEdgesMap = new Map(edges.map((e) => [e.id, e]));\n\t\tconst baselineNodesMap = new Map(baselineNodesRef.current.map((n) => [n.id, n]));\n\t\tconst baselineEdgesMap = new Map(baselineEdgesRef.current.map((e) => [e.id, e]));\n\n\t\tconst changedNodes: TNode[] = [];\n\t\tconst removedNodes: TNode[] = [];\n\t\tconst changedEdges: TEdge[] = [];\n\t\tconst removedEdges: TEdge[] = [];\n\n\t\tfor (const [id, node] of currentNodesMap) {\n\t\t\tconst base = baselineNodesMap.get(id);\n\t\t\tif (!base || base.position.x !== node.position.x || base.position.y !== node.position.y) {\n\t\t\t\tchangedNodes.push(node);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, node] of baselineNodesMap) {\n\t\t\tif (!currentNodesMap.has(id)) {\n\t\t\t\tremovedNodes.push(node);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, edge] of currentEdgesMap) {\n\t\t\tconst base = baselineEdgesMap.get(id);\n\t\t\tif (!base || base.source !== edge.source || base.target !== edge.target) {\n\t\t\t\tchangedEdges.push(edge);\n\t\t\t}\n\t\t}\n\n\t\tfor (const [id, edge] of baselineEdgesMap) {\n\t\t\tif (!currentEdgesMap.has(id)) {\n\t\t\t\tremovedEdges.push(edge);\n\t\t\t}\n\t\t}\n\n\t\treturn { changedNodes, changedEdges, removedNodes, removedEdges };\n\t}, [nodes, edges]);\n\n\treturn {\n\t\tnodes,\n\t\tedges,\n\t\tsetNodes,\n\t\tsetEdges,\n\t\taddNode,\n\t\tremoveNodes,\n\t\tupdateNodeData,\n\t\tupdateNodePosition,\n\t\taddEdge,\n\t\tremoveEdges,\n\t\tresetBaseline,\n\t\tgetDifferences\n\t};\n}\n","import { useCallback } from 'react';\nimport {\n\tcenterNodes,\n\tensureLayout,\n\tgetCenteredNodePosition,\n\tgetLayoutedNodes,\n\tplaceBeside,\n\ttype CanvasEdge,\n\ttype CanvasLayoutOptions,\n\ttype CanvasNode,\n\ttype IncrementalLayoutOptions,\n\ttype PlaceBesideOptions,\n\ttype Rect,\n\ttype Side,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasLayoutOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tnodes: TNode[];\n\tedges: TEdge[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\tgetNodesBounds?: (nodes: TNode[]) => Rect;\n\tscreenToFlowPosition?: (position: XYPosition) => XYPosition;\n}\n\n/**\n * React hook providing layout automation: Dagre hierarchy, incremental layout blending,\n * collision-aware directional placement, and viewport centering.\n */\nexport function useCanvasLayout<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasLayoutOptions<TNode, TEdge>) {\n\tconst { nodes, edges, setNodes, getNodesBounds, screenToFlowPosition } = options;\n\n\t/**\n\t * Runs standard hierarchical Dagre layout across all nodes and edges.\n\t */\n\tconst applyLayout = useCallback(\n\t\t(layoutOptions: CanvasLayoutOptions = {}) => {\n\t\t\tconst layouted = getLayoutedNodes(nodes, edges, getNodesBounds, layoutOptions);\n\t\t\tsetNodes(layouted);\n\t\t\treturn layouted;\n\t\t},\n\t\t[nodes, edges, getNodesBounds, setNodes]\n\t);\n\n\t/**\n\t * Incremental layout blending:\n\t * Preserves manual positions of established nodes and positions new/unplaced nodes\n\t * relative to the Dagre layout using mean centroid translation.\n\t */\n\tconst applyIncrementalLayout = useCallback(\n\t\t(incrementalOptions: IncrementalLayoutOptions = {}) => {\n\t\t\tconst storedPositions =\n\t\t\t\tincrementalOptions.storedPositions ??\n\t\t\t\tObject.fromEntries(nodes.map((n) => [n.id, n.position]));\n\n\t\t\tconst blended = ensureLayout(nodes, edges, {\n\t\t\t\t...incrementalOptions,\n\t\t\t\tstoredPositions\n\t\t\t});\n\t\t\tsetNodes(blended);\n\t\t\treturn blended;\n\t\t},\n\t\t[nodes, edges, setNodes]\n\t);\n\n\t/**\n\t * Centers the collective bounding box of nodes within the viewport.\n\t */\n\tconst center = useCallback(\n\t\t(screenDimensions?: { width: number; height: number }) => {\n\t\t\tif (!screenToFlowPosition || !getNodesBounds) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t'[useCanvasLayout] Centering requires screenToFlowPosition and getNodesBounds options.'\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst centered = centerNodes(nodes, screenToFlowPosition, getNodesBounds, screenDimensions);\n\t\t\tsetNodes(centered);\n\t\t},\n\t\t[nodes, screenToFlowPosition, getNodesBounds, setNodes]\n\t);\n\n\t/**\n\t * Finds a collision-free position for a new node adjacent to an existing anchor node.\n\t */\n\tconst getPlacementPosition = useCallback(\n\t\t(\n\t\t\tsize: { width: number; height: number },\n\t\t\tside: Side = 'right',\n\t\t\tnearNodeId?: string,\n\t\t\tplacementOptions: PlaceBesideOptions = {}\n\t\t): XYPosition => {\n\t\t\tconst rects: Record<string, Rect> = {};\n\t\t\tfor (const node of nodes) {\n\t\t\t\tconst width = node.measured?.width ?? (node as any).width ?? 200;\n\t\t\t\tconst height = node.measured?.height ?? (node as any).height ?? 60;\n\t\t\t\trects[node.id] = {\n\t\t\t\t\tx: node.position.x,\n\t\t\t\t\ty: node.position.y,\n\t\t\t\t\twidth,\n\t\t\t\t\theight\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn placeBeside(rects, size, side, nearNodeId, placementOptions);\n\t\t},\n\t\t[nodes]\n\t);\n\n\treturn {\n\t\tapplyLayout,\n\t\tapplyIncrementalLayout,\n\t\tcenter,\n\t\tgetPlacementPosition,\n\t\tgetCenteredNodePosition\n\t};\n}\n","import { useCallback } from 'react';\nimport {\n\tisEventFromTextInput,\n\tisValidUrl,\n\tparseCanvasClipboardData,\n\tremapPastedNodes,\n\tserializeCanvasNodes,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasClipboardOptions<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tonPasteNodes?: (nodes: TNode[], edges?: TEdge[]) => void | Promise<void>;\n\tonPasteUrl?: (url: string, position?: XYPosition) => void;\n\tonPasteText?: (text: string, position?: XYPosition) => void;\n\tscreenToFlowPosition?: (position: XYPosition) => XYPosition;\n}\n\n/**\n * React hook managing canvas clipboard copy and paste operations.\n */\nexport function useCanvasClipboard<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(options: UseCanvasClipboardOptions<TNode, TEdge> = {}) {\n\tconst copySelectedNodes = useCallback(\n\t\t(\n\t\t\tselectedNodes: TNode[],\n\t\t\tconnectedEdges?: TEdge[],\n\t\t\tevent?: ClipboardEvent | React.ClipboardEvent\n\t\t): boolean => {\n\t\t\tconst native = (event && 'nativeEvent' in event) ? (event as any).nativeEvent : event;\n\t\t\tif (native && isEventFromTextInput(native)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (selectedNodes.length === 0) return false;\n\n\t\t\tconst serialized = serializeCanvasNodes(selectedNodes, connectedEdges);\n\n\t\t\tconst clipboardData = (event as any)?.clipboardData || (native as any)?.clipboardData;\n\t\t\tif (clipboardData) {\n\t\t\t\tclipboardData.setData('application/json', serialized);\n\t\t\t\tclipboardData.setData('text/plain', serialized);\n\t\t\t\t(event as any)?.preventDefault?.();\n\t\t\t} else if (typeof navigator !== 'undefined' && navigator.clipboard) {\n\t\t\t\tnavigator.clipboard.writeText(serialized).catch(() => {});\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst handlePasteEvent = useCallback(\n\t\tasync (event: ClipboardEvent | React.ClipboardEvent): Promise<boolean> => {\n\t\t\tconst native = ('nativeEvent' in event) ? (event as any).nativeEvent : event;\n\t\t\tif (isEventFromTextInput(native)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst clipboardData = (native as any)?.clipboardData || (event as any)?.clipboardData;\n\t\t\tif (!clipboardData) return false;\n\n\t\t\tconst prevent = () => {\n\t\t\t\t(event as any)?.preventDefault?.();\n\t\t\t\t(native as any)?.preventDefault?.();\n\t\t\t};\n\n\t\t\t// Priority 1: application/json canvas payload\n\t\t\tconst jsonText = clipboardData.getData('application/json');\n\t\t\tif (jsonText) {\n\t\t\t\tconst parsed = parseCanvasClipboardData<TNode, TEdge>(jsonText);\n\t\t\t\tif (parsed && parsed.nodes.length > 0) {\n\t\t\t\t\tprevent();\n\t\t\t\t\tconst remapped = remapPastedNodes(parsed.nodes, parsed.edges);\n\t\t\t\t\tawait options.onPasteNodes?.(remapped.nodes, remapped.edges);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Priority 2: text/plain\n\t\t\tconst text = clipboardData.getData('text/plain')?.trim();\n\t\t\tif (text) {\n\t\t\t\tconst parsed = parseCanvasClipboardData<TNode, TEdge>(text);\n\t\t\t\tif (parsed && parsed.nodes.length > 0) {\n\t\t\t\t\tprevent();\n\t\t\t\t\tconst remapped = remapPastedNodes(parsed.nodes, parsed.edges);\n\t\t\t\t\tawait options.onPasteNodes?.(remapped.nodes, remapped.edges);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (isValidUrl(text)) {\n\t\t\t\t\tprevent();\n\t\t\t\t\toptions.onPasteUrl?.(text);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (options.onPasteText) {\n\t\t\t\t\tprevent();\n\t\t\t\t\toptions.onPasteText(text);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[options]\n\t);\n\n\treturn {\n\t\tcopySelectedNodes,\n\t\thandlePasteEvent\n\t};\n}\n","import { useEffect } from 'react';\nimport { isEventFromTextInput, type CanvasNode } from '@pixerate/editor/canvas';\n\nexport interface UseCanvasShortcutsOptions<TNode extends CanvasNode = CanvasNode> {\n\ttargetElement?: HTMLElement | Window | null;\n\tenabled?: boolean;\n\tonCopy?: (selectedNodes: TNode[]) => void;\n\tonCut?: (selectedNodes: TNode[]) => void;\n\tonPaste?: (event: ClipboardEvent) => void;\n\tonDelete?: (selectedNodes: TNode[]) => void;\n\tonDuplicate?: (selectedNodes: TNode[]) => void;\n\tonSelectAll?: () => void;\n\tonGroup?: (selectedNodes: TNode[]) => void;\n\tonUngroup?: (selectedNodes: TNode[]) => void;\n\tonZoomIn?: () => void;\n\tonZoomOut?: () => void;\n\tonFitView?: () => void;\n\tgetSelectedNodes?: () => TNode[];\n}\n\n/**\n * React hook registering canvas keyboard shortcuts while rigorously guarding against\n * hijacking typing inside text inputs, textareas, and rich-text ProseMirror elements.\n */\nexport function useCanvasShortcuts<TNode extends CanvasNode = CanvasNode>(\n\toptions: UseCanvasShortcutsOptions<TNode> = {}\n) {\n\tconst {\n\t\ttargetElement,\n\t\tenabled = true,\n\t\tonCopy,\n\t\tonCut,\n\t\tonPaste,\n\t\tonDelete,\n\t\tonDuplicate,\n\t\tonSelectAll,\n\t\tonGroup,\n\t\tonUngroup,\n\t\tonZoomIn,\n\t\tonZoomOut,\n\t\tonFitView,\n\t\tgetSelectedNodes\n\t} = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\n\t\tfunction handleKeyDown(event: Event) {\n\t\t\tconst keyboardEvent = event as KeyboardEvent;\n\t\t\tif (isEventFromTextInput(keyboardEvent)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isMac = typeof navigator !== 'undefined' && /Mac|iPod|iPhone|iPad/.test(navigator.platform);\n\t\t\tconst isMod = isMac ? keyboardEvent.metaKey : keyboardEvent.ctrlKey;\n\t\t\tconst key = keyboardEvent.key.toLowerCase();\n\t\t\tconst selectedNodes = getSelectedNodes ? getSelectedNodes() : [];\n\n\t\t\t// Delete / Backspace\n\t\t\tif ((keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete') && !isMod) {\n\t\t\t\tif (selectedNodes.length > 0 && onDelete) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonDelete(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Duplicate: Mod+D\n\t\t\tif (isMod && key === 'd') {\n\t\t\t\tif (selectedNodes.length > 0 && onDuplicate) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonDuplicate(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Select All: Mod+A\n\t\t\tif (isMod && key === 'a' && onSelectAll) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonSelectAll();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Group: Mod+G\n\t\t\tif (isMod && key === 'g' && !keyboardEvent.shiftKey && onGroup) {\n\t\t\t\tif (selectedNodes.length > 0) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonGroup(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Ungroup: Mod+Shift+G\n\t\t\tif (isMod && key === 'g' && keyboardEvent.shiftKey && onUngroup) {\n\t\t\t\tif (selectedNodes.length > 0) {\n\t\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\t\tonUngroup(selectedNodes);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Zoom In: Mod + Plus/Equal\n\t\t\tif (isMod && (key === '+' || key === '=') && onZoomIn) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonZoomIn();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Zoom Out: Mod + Minus\n\t\t\tif (isMod && key === '-' && onZoomOut) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonZoomOut();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Fit View: Mod + 0 or Shift + 1\n\t\t\tif (isMod && key === '0' && onFitView) {\n\t\t\t\tkeyboardEvent.preventDefault();\n\t\t\t\tonFitView();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\ttarget.addEventListener('keydown', handleKeyDown as EventListener);\n\t\treturn () => {\n\t\t\ttarget.removeEventListener('keydown', handleKeyDown as EventListener);\n\t\t};\n\t}, [\n\t\ttargetElement,\n\t\tenabled,\n\t\tonCopy,\n\t\tonCut,\n\t\tonPaste,\n\t\tonDelete,\n\t\tonDuplicate,\n\t\tonSelectAll,\n\t\tonGroup,\n\t\tonUngroup,\n\t\tonZoomIn,\n\t\tonZoomOut,\n\t\tonFitView,\n\t\tgetSelectedNodes\n\t]);\n}\n","import { useCallback, useRef } from 'react';\nimport type {\n\tCanvasDockingCallbacks,\n\tCanvasNode,\n\tDockStrategy,\n\tRect,\n\tXYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasDockingOptions<TNode extends CanvasNode = CanvasNode>\n\textends CanvasDockingCallbacks<TNode> {\n\tstrategy?: DockStrategy;\n\tdockableTypes?: string[];\n\ttargetTypes?: string[];\n}\n\n/**\n * React hook resolving docking targets and intersections when dragging nodes across the canvas.\n */\nexport function useCanvasDocking<TNode extends CanvasNode = CanvasNode>(\n\toptions: UseCanvasDockingOptions<TNode> = {}\n) {\n\tconst {\n\t\tstrategy = 'center-point',\n\t\tdockableTypes,\n\t\ttargetTypes,\n\t\tonDockHover,\n\t\tonDockLeave,\n\t\tonDockDrop\n\t} = options;\n\n\tconst activeDockTargetRef = useRef<TNode | null>(null);\n\n\tconst isDockable = useCallback(\n\t\t(node: TNode): boolean => {\n\t\t\tif (!dockableTypes || dockableTypes.length === 0) return true;\n\t\t\treturn !!node.type && dockableTypes.includes(node.type);\n\t\t},\n\t\t[dockableTypes]\n\t);\n\n\tconst isTarget = useCallback(\n\t\t(node: TNode): boolean => {\n\t\t\tif (!targetTypes || targetTypes.length === 0) return true;\n\t\t\treturn !!node.type && targetTypes.includes(node.type);\n\t\t},\n\t\t[targetTypes]\n\t);\n\n\tconst findDockTarget = useCallback(\n\t\t(\n\t\t\tdraggedNode: TNode,\n\t\t\tcandidates: TNode[],\n\t\t\tcursorPos?: XYPosition\n\t\t): TNode | null => {\n\t\t\tif (!isDockable(draggedNode)) return null;\n\n\t\t\tconst draggedWidth = draggedNode.measured?.width ?? (draggedNode as any).width ?? 200;\n\t\t\tconst draggedHeight = draggedNode.measured?.height ?? (draggedNode as any).height ?? 60;\n\t\t\tconst draggedCenter: XYPosition = {\n\t\t\t\tx: draggedNode.position.x + draggedWidth / 2,\n\t\t\t\ty: draggedNode.position.y + draggedHeight / 2\n\t\t\t};\n\n\t\t\tconst validCandidates = candidates.filter(\n\t\t\t\t(c) => c.id !== draggedNode.id && isTarget(c)\n\t\t\t);\n\n\t\t\tlet bestTarget: TNode | null = null;\n\t\t\tlet maxIntersectionArea = 0;\n\t\t\tlet minDistance = Infinity;\n\n\t\t\tfor (const candidate of validCandidates) {\n\t\t\t\tconst candWidth = candidate.measured?.width ?? (candidate as any).width ?? 200;\n\t\t\t\tconst candHeight = candidate.measured?.height ?? (candidate as any).height ?? 60;\n\n\t\t\t\tconst candRect: Rect = {\n\t\t\t\t\tx: candidate.position.x,\n\t\t\t\t\ty: candidate.position.y,\n\t\t\t\t\twidth: candWidth,\n\t\t\t\t\theight: candHeight\n\t\t\t\t};\n\n\t\t\t\t// Overlap bounds\n\t\t\t\tconst overlapX = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min(draggedNode.position.x + draggedWidth, candRect.x + candRect.width) -\n\t\t\t\t\t\tMath.max(draggedNode.position.x, candRect.x)\n\t\t\t\t);\n\t\t\t\tconst overlapY = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\tMath.min(draggedNode.position.y + draggedHeight, candRect.y + candRect.height) -\n\t\t\t\t\t\tMath.max(draggedNode.position.y, candRect.y)\n\t\t\t\t);\n\t\t\t\tconst overlapArea = overlapX * overlapY;\n\n\t\t\t\tif (strategy === 'max-overlap') {\n\t\t\t\t\tif (overlapArea > maxIntersectionArea) {\n\t\t\t\t\t\tmaxIntersectionArea = overlapArea;\n\t\t\t\t\t\tbestTarget = candidate;\n\t\t\t\t\t}\n\t\t\t\t} else if (strategy === 'center-point') {\n\t\t\t\t\tconst candCenter: XYPosition = {\n\t\t\t\t\t\tx: candRect.x + candRect.width / 2,\n\t\t\t\t\t\ty: candRect.y + candRect.height / 2\n\t\t\t\t\t};\n\t\t\t\t\tconst dist = Math.hypot(\n\t\t\t\t\t\tdraggedCenter.x - candCenter.x,\n\t\t\t\t\t\tdraggedCenter.y - candCenter.y\n\t\t\t\t\t);\n\t\t\t\t\tif (overlapArea > 0 && dist < minDistance) {\n\t\t\t\t\t\tminDistance = dist;\n\t\t\t\t\t\tbestTarget = candidate;\n\t\t\t\t\t}\n\t\t\t\t} else if (strategy === 'first') {\n\t\t\t\t\tif (overlapArea > 0) return candidate;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn bestTarget;\n\t\t},\n\t\t[isDockable, isTarget, strategy]\n\t);\n\n\tconst updateDragOver = useCallback(\n\t\t(draggedNode: TNode, candidates: TNode[], cursorPos?: XYPosition) => {\n\t\t\tconst target = findDockTarget(draggedNode, candidates, cursorPos);\n\n\t\t\tif (target?.id !== activeDockTargetRef.current?.id) {\n\t\t\t\tif (activeDockTargetRef.current) {\n\t\t\t\t\tonDockLeave?.(activeDockTargetRef.current, draggedNode);\n\t\t\t\t}\n\t\t\t\tactiveDockTargetRef.current = target;\n\t\t\t\tif (target) {\n\t\t\t\t\tonDockHover?.(target, draggedNode);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[findDockTarget, onDockHover, onDockLeave]\n\t);\n\n\tconst finalizeDock = useCallback(\n\t\t(draggedNode: TNode) => {\n\t\t\tif (activeDockTargetRef.current) {\n\t\t\t\tonDockDrop?.(activeDockTargetRef.current, draggedNode);\n\t\t\t\tactiveDockTargetRef.current = null;\n\t\t\t}\n\t\t},\n\t\t[onDockDrop]\n\t);\n\n\treturn {\n\t\tfindDockTarget,\n\t\tupdateDragOver,\n\t\tfinalizeDock,\n\t\tgetActiveDockTarget: () => activeDockTargetRef.current\n\t};\n}\n","import { useCallback, useRef } from 'react';\nimport {\n\tcalculateDirectionalDisplacement,\n\tcreateFanOutTrajectory,\n\tlinearPositionTrajectory,\n\trunMultiNodeTransition,\n\ttype CanvasEdge,\n\ttype CanvasNode,\n\ttype CollapseNodeOptions,\n\ttype ExplodeNodeOptions,\n\ttype ExplosionSnapshot,\n\ttype NodeTransition,\n\ttype XYPosition\n} from '@pixerate/editor/canvas';\n\nexport interface CanvasGraphTarget<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n> {\n\tnodes: TNode[];\n\tedges: TEdge[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\tsetEdges: (updater: TEdge[] | ((prev: TEdge[]) => TEdge[])) => void;\n}\n\n/**\n * Replaces nodes in `base` with the same-id node from `updated` (transition frame copies).\n */\nfunction mergeById<TNode extends CanvasNode>(base: TNode[], updated: TNode[]): TNode[] {\n\tif (updated.length === 0) return [...base];\n\tconst byId = new Map(updated.map((n) => [n.id, n]));\n\treturn base.map((n) => byId.get(n.id) ?? n);\n}\n\n/**\n * React hook managing node explosion and collapse transitions with exact reversibility.\n */\nexport function useCanvasExplosion<\n\tTNode extends CanvasNode = CanvasNode,\n\tTEdge extends CanvasEdge = CanvasEdge\n>(target: CanvasGraphTarget<TNode, TEdge>) {\n\tconst snapshotsRef = useRef<Map<string, ExplosionSnapshot<TNode, TEdge>>>(new Map());\n\n\tconst explodeNode = useCallback(\n\t\t(parentNodeId: string, options: ExplodeNodeOptions<TNode, TEdge>) => {\n\t\t\tconst { nodes, edges, setNodes, setEdges } = target;\n\t\t\tconst parent = nodes.find((n) => n.id === parentNodeId);\n\t\t\tif (!parent || options.childNodes.length === 0) return;\n\n\t\t\tconst originPos: XYPosition = { ...parent.position };\n\t\t\tconst displacedMap =\n\t\t\t\toptions.displacementStrategy === 'directional'\n\t\t\t\t\t? calculateDirectionalDisplacement({\n\t\t\t\t\t\t\texistingNodes: nodes,\n\t\t\t\t\t\t\toriginNode: parent,\n\t\t\t\t\t\t\tchildNodes: options.childNodes,\n\t\t\t\t\t\t\toptions: options.directionalOptions\n\t\t\t\t\t\t})\n\t\t\t\t\t: new Map<string, XYPosition>();\n\n\t\t\t// Snapshot state for exact collapse\n\t\t\tconst snapshot: ExplosionSnapshot<TNode, TEdge> = {\n\t\t\t\tparentId: parentNodeId,\n\t\t\t\tchildNodeIds: options.childNodes.map((c) => c.id),\n\t\t\t\tchildEdgeIds: (options.childEdges ?? []).map((e) => e.id),\n\t\t\t\tdisplacedNodes: Array.from(displacedMap.entries()).map(([id]) => {\n\t\t\t\t\tconst node = nodes.find((n) => n.id === id)!;\n\t\t\t\t\treturn { id, originalPosition: { ...node.position } };\n\t\t\t\t}),\n\t\t\t\ttimestamp: Date.now()\n\t\t\t};\n\t\t\tsnapshotsRef.current.set(parentNodeId, snapshot);\n\n\t\t\t// Position child nodes initially at parent position for animation\n\t\t\tconst initialChildren = options.childNodes.map((child) => ({\n\t\t\t\t...child,\n\t\t\t\tposition: { ...originPos }\n\t\t\t}));\n\n\t\t\tconst mergedNodes = [...nodes, ...initialChildren];\n\t\t\tsetNodes(mergedNodes);\n\n\t\t\tif (options.childEdges && options.childEdges.length > 0) {\n\t\t\t\tsetEdges((prev) => [...prev, ...(options.childEdges as TEdge[])]);\n\t\t\t}\n\n\t\t\t// Animate child nodes outward & displaced existing nodes\n\t\t\tconst trajectory = options.trajectory ?? createFanOutTrajectory();\n\t\t\tconst transitions: NodeTransition<TNode>[] = [];\n\n\t\t\t// 1. Child nodes fan out\n\t\t\toptions.childNodes.forEach((child, index) => {\n\t\t\t\tconst liveChild = mergedNodes.find((n) => n.id === child.id);\n\t\t\t\tif (liveChild) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode: liveChild,\n\t\t\t\t\t\tfrom: originPos,\n\t\t\t\t\t\tto: child.position,\n\t\t\t\t\t\ttrajectory,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\ttotal: options.childNodes.length,\n\t\t\t\t\t\tduration: options.duration ?? 400,\n\t\t\t\t\t\teasing: options.easing\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// 2. Displaced sibling nodes slide\n\t\t\tdisplacedMap.forEach((targetPos, nodeId) => {\n\t\t\t\tconst node = mergedNodes.find((n) => n.id === nodeId);\n\t\t\t\tif (node) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: targetPos,\n\t\t\t\t\t\ttrajectory: linearPositionTrajectory,\n\t\t\t\t\t\tduration: options.duration ?? 400,\n\t\t\t\t\t\teasing: options.easing\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\trunMultiNodeTransition(transitions, {\n\t\t\t\tstyleFormat: 'object',\n\t\t\t\tonUpdate: (updated) => setNodes(mergeById(mergedNodes, updated)),\n\t\t\t\tonComplete: () => options.onComplete?.()\n\t\t\t});\n\t\t},\n\t\t[target]\n\t);\n\n\tconst collapseNode = useCallback(\n\t\t(parentNodeId: string, options: CollapseNodeOptions = {}) => {\n\t\t\tconst { nodes, setNodes, setEdges } = target;\n\t\t\tconst snapshot = snapshotsRef.current.get(parentNodeId);\n\t\t\tif (!snapshot) return;\n\n\t\t\tconst parent = nodes.find((n) => n.id === parentNodeId);\n\t\t\tconst originPos: XYPosition = parent ? { ...parent.position } : { x: 0, y: 0 };\n\n\t\t\tconst childIdSet = new Set(snapshot.childNodeIds);\n\t\t\tconst edgeIdSet = new Set(snapshot.childEdgeIds);\n\n\t\t\tconst transitions: NodeTransition<TNode>[] = [];\n\n\t\t\t// 1. Children animate back into parent\n\t\t\tnodes.forEach((node) => {\n\t\t\t\tif (childIdSet.has(node.id)) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: originPos,\n\t\t\t\t\t\tduration: options.duration ?? 300,\n\t\t\t\t\t\teasing: options.easing,\n\t\t\t\t\t\ttrajectory: options.trajectory\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// 2. Displaced nodes animate back to original positions\n\t\t\tsnapshot.displacedNodes.forEach((disp) => {\n\t\t\t\tconst node = nodes.find((n) => n.id === disp.id);\n\t\t\t\tif (node) {\n\t\t\t\t\ttransitions.push({\n\t\t\t\t\t\tnode,\n\t\t\t\t\t\tfrom: { ...node.position },\n\t\t\t\t\t\tto: disp.originalPosition,\n\t\t\t\t\t\tduration: options.duration ?? 300,\n\t\t\t\t\t\teasing: options.easing,\n\t\t\t\t\t\ttrajectory: linearPositionTrajectory\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\trunMultiNodeTransition(transitions, {\n\t\t\t\tstyleFormat: 'object',\n\t\t\t\tonUpdate: (updated) => setNodes(mergeById(nodes, updated)),\n\t\t\t\tonComplete: () => {\n\t\t\t\t\t// Clean up child nodes and edges\n\t\t\t\t\tsetNodes((prev) => prev.filter((n) => !childIdSet.has(n.id)));\n\t\t\t\t\tsetEdges((prev) => prev.filter((e) => !edgeIdSet.has(e.id)));\n\t\t\t\t\tsnapshotsRef.current.delete(parentNodeId);\n\t\t\t\t\toptions.onComplete?.();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\t[target]\n\t);\n\n\treturn {\n\t\texplodeNode,\n\t\tcollapseNode,\n\t\tisExploded: (parentNodeId: string) => snapshotsRef.current.has(parentNodeId),\n\t\tgetSnapshot: (parentNodeId: string) => snapshotsRef.current.get(parentNodeId)\n\t};\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tcreateCanvasArrangeController,\n\tmatchArrangeShortcut,\n\ttype ArrangeHistoryTarget,\n\ttype AutoLayoutOptions,\n\ttype ArrangeShortcutBinding,\n\ttype CanvasArrangeAction,\n\ttype CanvasNode,\n\ttype GuideLine,\n\ttype NodeRectOptions,\n\ttype SnapGuidesOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasArrangeOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** Ids acted on when a method is called without ids (default: nodes with `selected: true`). */\n\tgetSelectedIds?: () => string[];\n\t/** When set, every arrange action is recorded as one undoable command. */\n\thistory?: ArrangeHistoryTarget;\n\t/** Current zoom (e.g. `useViewport().zoom`) for the screen-pixel guide threshold. */\n\tzoom?: number;\n\tguides?: Omit<SnapGuidesOptions, 'zoom'>;\n\t/** Turns drag snapping off (default `true`). */\n\tsnapping?: boolean;\n\trectOptions?: NodeRectOptions;\n\t/** Re-run auto layout around arranged nodes in the same undo step (see `useCanvasAutoLayout`). */\n\tautoLayout?: boolean | AutoLayoutOptions;\n}\n\n/**\n * React hook for Freeform-style arrangement on React Flow: align, distribute, make same size,\n * lock / unlock, layer order and smart guides with snap-to-shape while dragging.\n *\n * Snapping: pass node changes through `snapPositionChanges` in `onNodesChange`\n * (`onNodesChange={(c) => setNodes((n) => applyNodeChanges(arrange.snapPositionChanges(c), n))}`)\n * and render `guides` with `<CanvasGuidesLayer>`.\n */\nexport function useCanvasArrange<TNode extends CanvasNode = CanvasNode>(options: UseCanvasArrangeOptions<TNode>) {\n\tconst [guides, setGuides] = useState<GuideLine[]>([]);\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasArrangeController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive actions (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tgetSelectedIds: () =>\n\t\t\t\t\toptionsRef.current.getSelectedIds?.() ??\n\t\t\t\t\tnodesRef.current.filter((n) => n.selected).map((n) => n.id),\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tgetZoom: () => optionsRef.current.zoom ?? 1,\n\t\t\t\tget guides() {\n\t\t\t\t\treturn optionsRef.current.guides;\n\t\t\t\t},\n\t\t\t\tget snapping() {\n\t\t\t\t\treturn optionsRef.current.snapping;\n\t\t\t\t},\n\t\t\t\tget rectOptions() {\n\t\t\t\t\treturn optionsRef.current.rectOptions;\n\t\t\t\t},\n\t\t\t\tget autoLayout() {\n\t\t\t\t\treturn optionsRef.current.autoLayout;\n\t\t\t\t},\n\t\t\t\tonGuidesChange: setGuides\n\t\t\t}),\n\t\t[]\n\t);\n\n\treturn useMemo(() => ({ ...controller, guides }), [controller, guides]);\n}\n\nexport type CanvasArrange = ReturnType<typeof useCanvasArrange>;\n\nexport interface UseCanvasArrangeShortcutsOptions {\n\tarrange: { runAction: (action: CanvasArrangeAction) => boolean };\n\t/** Scenes controller for PageDown / PageUp (next / previous scene). */\n\tscenes?: { next: () => unknown; previous: () => unknown };\n\ttargetElement?: HTMLElement | Window | null;\n\tenabled?: boolean;\n\tbindings?: readonly ArrangeShortcutBinding[];\n}\n\n/**\n * Registers the arrange keyboard shortcuts (see `DEFAULT_ARRANGE_SHORTCUTS`), ignoring\n * events from inputs, textareas, contenteditable and ProseMirror editors.\n */\nexport function useCanvasArrangeShortcuts(options: UseCanvasArrangeShortcutsOptions) {\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\tconst { targetElement, enabled = true } = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\n\t\tfunction handleKeyDown(event: Event) {\n\t\t\tconst { arrange, scenes, bindings } = optionsRef.current;\n\t\t\tconst action = matchArrangeShortcut(event as KeyboardEvent, bindings);\n\t\t\tif (!action) return;\n\t\t\tlet handled = false;\n\t\t\tif (action === 'nextScene' || action === 'previousScene') {\n\t\t\t\tif (scenes) {\n\t\t\t\t\tscenes[action === 'nextScene' ? 'next' : 'previous']();\n\t\t\t\t\thandled = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandled = arrange.runAction(action);\n\t\t\t}\n\t\t\tif (handled) event.preventDefault();\n\t\t}\n\n\t\ttarget.addEventListener('keydown', handleKeyDown);\n\t\treturn () => target.removeEventListener('keydown', handleKeyDown);\n\t}, [targetElement, enabled]);\n}\n","import { useMemo, useRef, useSyncExternalStore } from 'react';\nimport {\n\tCanvasScenesStore,\n\tfitViewportToNodes,\n\ttype CanvasNode,\n\ttype CanvasScene,\n\ttype CanvasScenesOptions,\n\ttype CanvasViewport,\n\ttype FitViewportOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasScenesOptions extends CanvasScenesOptions {\n\t/** Reads the live viewport, used by `capture` / `recapture` (e.g. `useReactFlow().getViewport`). */\n\tgetViewport?: () => CanvasViewport;\n\t/** Moves the canvas to a scene (e.g. `useReactFlow().setViewport`). */\n\tsetViewport?: (viewport: CanvasViewport, options?: { duration?: number }) => void;\n\t/** Transition duration passed to `setViewport` when showing a scene (default 300ms). */\n\tduration?: number;\n\t/** Use an existing store (e.g. one shared with non-React code) instead of creating one. */\n\tstore?: CanvasScenesStore;\n}\n\n/**\n * React hook for Freeform-style Scenes: named saved viewports with show next / previous,\n * reorder, rename and JSON persistence. Backed by the framework-agnostic\n * `CanvasScenesStore` through `useSyncExternalStore`.\n */\nexport function useCanvasScenes(options: UseCanvasScenesOptions = {}) {\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\tconst storeRef = useRef<CanvasScenesStore | null>(null);\n\tif (!storeRef.current) storeRef.current = options.store ?? new CanvasScenesStore(options);\n\tconst store = storeRef.current;\n\n\tconst state = useSyncExternalStore(\n\t\t(listener) => store.subscribe(listener),\n\t\t() => store.getState(),\n\t\t() => store.getState()\n\t);\n\n\tconst actions = useMemo(() => {\n\t\tconst show = (scene: CanvasScene | undefined) => {\n\t\t\tif (scene) {\n\t\t\t\toptionsRef.current.setViewport?.(scene.viewport, { duration: optionsRef.current.duration ?? 300 });\n\t\t\t}\n\t\t\treturn scene;\n\t\t};\n\t\treturn {\n\t\t\tstore,\n\t\t\t/** Saves the current viewport (or `viewport`) as a new scene. */\n\t\t\tcapture(name?: string, extra: { viewport?: CanvasViewport; nodeIds?: string[]; index?: number } = {}) {\n\t\t\t\tconst viewport = extra.viewport ?? optionsRef.current.getViewport?.();\n\t\t\t\tif (!viewport) throw new Error('[useCanvasScenes] capture() needs a viewport or a getViewport option.');\n\t\t\t\treturn store.add({ viewport, name, nodeIds: extra.nodeIds }, extra.index);\n\t\t\t},\n\t\t\t/** Saves a scene framing the given nodes in a container of `size`. */\n\t\t\tcaptureNodes(\n\t\t\t\tnodes: CanvasNode[],\n\t\t\t\tids: string[],\n\t\t\t\tsize: { width: number; height: number },\n\t\t\t\tname?: string,\n\t\t\t\tfit?: FitViewportOptions\n\t\t\t) {\n\t\t\t\tconst viewport = fitViewportToNodes(nodes, size, ids, fit);\n\t\t\t\treturn viewport ? store.add({ viewport, name, nodeIds: ids }) : undefined;\n\t\t\t},\n\t\t\t/** Replaces a scene's viewport with the live one. */\n\t\t\trecapture(id: string) {\n\t\t\t\tconst viewport = optionsRef.current.getViewport?.();\n\t\t\t\treturn viewport ? store.update(id, { viewport }) : undefined;\n\t\t\t},\n\t\t\tupdate: (id: string, patch: Partial<Omit<CanvasScene, 'id'>>) => store.update(id, patch),\n\t\t\trename: (id: string, name: string) => store.rename(id, name),\n\t\t\tmove: (id: string, toIndex: number) => store.move(id, toIndex),\n\t\t\treorder: (ids: string[]) => store.reorder(ids),\n\t\t\tremove: (id: string) => store.remove(id),\n\t\t\tclear: () => store.clear(),\n\t\t\tgoTo: (id: string) => show(store.goTo(id)),\n\t\t\tnext: () => show(store.next()),\n\t\t\tprevious: () => show(store.previous()),\n\t\t\ttoJSON: () => store.toJSON(),\n\t\t\tserialize: () => store.serialize(),\n\t\t\tload: (input: string | unknown) => store.load(input)\n\t\t};\n\t}, [store]);\n\n\treturn {\n\t\t...actions,\n\t\tscenes: state.scenes,\n\t\tcurrentId: state.currentId,\n\t\tcurrentIndex: state.currentIndex,\n\t\tcurrent: state.currentIndex === -1 ? null : state.scenes[state.currentIndex]\n\t};\n}\n\nexport type CanvasScenes = ReturnType<typeof useCanvasScenes>;\n","import React from 'react';\nimport type { CanvasViewport, GuideLine } from '@pixerate/editor/canvas';\n\nexport interface CanvasGuidesLayerProps {\n\t/** Guide segments in flow coordinates (e.g. `arrange.guides`). */\n\tguides: GuideLine[];\n\t/** Current viewport (e.g. `useViewport()` from React Flow). */\n\tviewport?: CanvasViewport;\n\t/** Colour of edge and centre guides. */\n\tcolor?: string;\n\t/** Colour of equal-spacing guides. */\n\tspacingColor?: string;\n\t/** Colour of measuring lines, their labels and extension lines. */\n\tmeasureColor?: string;\n\tclassName?: string;\n}\n\nconst DEFAULT_VIEWPORT: CanvasViewport = { x: 0, y: 0, zoom: 1 };\n\n/**\n * Smart-guide overlay for React Flow. Place it inside the flow container (it is absolutely\n * positioned over the whole pane) and pass the live viewport.\n */\nexport function CanvasGuidesLayer({\n\tguides,\n\tviewport = DEFAULT_VIEWPORT,\n\tcolor = '#f59e0b',\n\tspacingColor = '#ec4899',\n\tmeasureColor = '#ef4444',\n\tclassName = ''\n}: CanvasGuidesLayerProps) {\n\tif (!guides || guides.length === 0) return null;\n\tconst sx = (x: number) => x * viewport.zoom + viewport.x;\n\tconst sy = (y: number) => y * viewport.zoom + viewport.y;\n\n\treturn (\n\t\t<svg\n\t\t\tclassName={`pixerate-canvas-guides ${className}`}\n\t\t\tstyle={{\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: 0,\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\toverflow: 'visible',\n\t\t\t\tzIndex: 10\n\t\t\t}}\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t{guides.map((guide, i) => {\n\t\t\t\tconst measuring = guide.kind === 'measure' || guide.kind === 'extension';\n\t\t\t\treturn (\n\t\t\t\t\t<line\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tdata-kind={guide.kind}\n\t\t\t\t\t\tx1={sx(guide.x1)}\n\t\t\t\t\t\ty1={sy(guide.y1)}\n\t\t\t\t\t\tx2={sx(guide.x2)}\n\t\t\t\t\t\ty2={sy(guide.y2)}\n\t\t\t\t\t\tstroke={measuring ? measureColor : guide.kind === 'spacing' ? spacingColor : color}\n\t\t\t\t\t\tstrokeWidth={1}\n\t\t\t\t\t\tstrokeDasharray={guide.kind === 'centre' ? '4 3' : guide.kind === 'extension' ? '3 3' : undefined}\n\t\t\t\t\t\tshapeRendering=\"crispEdges\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t{guides.map((guide, i) => {\n\t\t\t\tif (!guide.label) return null;\n\t\t\t\tconst x = sx((guide.x1 + guide.x2) / 2);\n\t\t\t\tconst y = sy((guide.y1 + guide.y2) / 2);\n\t\t\t\t// Labels sit beside vertical lines and below horizontal ones.\n\t\t\t\tconst vertical = guide.orientation === 'vertical';\n\t\t\t\tconst width = guide.label.length * 6.5 + 8;\n\t\t\t\treturn (\n\t\t\t\t\t<g\n\t\t\t\t\t\tkey={`label-${i}`}\n\t\t\t\t\t\tclassName=\"pixerate-canvas-guides__label\"\n\t\t\t\t\t\tdata-label={guide.label}\n\t\t\t\t\t\ttransform={`translate(${vertical ? x + 4 : x - width / 2} ${vertical ? y - 8 : y + 4})`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<rect width={width} height={16} rx={3} fill={measureColor} />\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx={width / 2}\n\t\t\t\t\t\t\ty={11.5}\n\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\tfontSize={11}\n\t\t\t\t\t\t\tfontFamily=\"system-ui, sans-serif\"\n\t\t\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{guide.label}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t</g>\n\t\t\t\t);\n\t\t\t})}\n\t\t</svg>\n\t);\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tisMeasureModifierHeld,\n\tmeasureSelection,\n\ttype CanvasNode,\n\ttype MeasureSelectionResult,\n\ttype NodeRectOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasMeasureOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\t/** Ids measured from (default: nodes with `selected: true`). */\n\tgetSelectedIds?: () => string[];\n\t/** Turns measuring off (default `true`). */\n\tenabled?: boolean;\n\t/** Measure only while Alt / Option is held (default `true`); `false` always measures. */\n\trequireModifier?: boolean;\n\t/** Element receiving the Alt key events (default `window`). */\n\ttargetElement?: HTMLElement | Window | null;\n\trectOptions?: NodeRectOptions;\n}\n\nconst EMPTY: MeasureSelectionResult = { guides: [], target: null, selection: null };\n\n/**\n * Alt-hover distance measuring for React Flow: hold Alt / Option and hover a node to see\n * red distance lines with labels from the selection to it (or to the selection's parent\n * when hovering the selection or empty space). Wire `onNodeMouseEnter` / `onNodeMouseLeave`\n * to `<ReactFlow>` and render `guides` with `<CanvasGuidesLayer>` (concatenate them with\n * `arrange.guides` to share one layer).\n */\nexport function useCanvasMeasure<TNode extends CanvasNode = CanvasNode>(options: UseCanvasMeasureOptions<TNode>) {\n\tconst { nodes, enabled = true, requireModifier = true, targetElement, rectOptions } = options;\n\tconst [hoveredId, setHoveredId] = useState<string | null>(null);\n\tconst [modifier, setModifier] = useState(false);\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\t\tconst target = targetElement ?? (typeof window !== 'undefined' ? window : null);\n\t\tif (!target) return;\n\t\tconst onKey = (event: Event) => setModifier(isMeasureModifierHeld(event as KeyboardEvent));\n\t\tconst onBlur = () => setModifier(false);\n\t\ttarget.addEventListener('keydown', onKey);\n\t\ttarget.addEventListener('keyup', onKey);\n\t\tconst win = typeof window !== 'undefined' ? window : null;\n\t\twin?.addEventListener('blur', onBlur);\n\t\treturn () => {\n\t\t\ttarget.removeEventListener('keydown', onKey);\n\t\t\ttarget.removeEventListener('keyup', onKey);\n\t\t\twin?.removeEventListener('blur', onBlur);\n\t\t};\n\t}, [enabled, targetElement]);\n\n\tconst active = enabled && (!requireModifier || modifier);\n\tconst result = useMemo(() => {\n\t\tif (!active) return EMPTY;\n\t\tconst ids = optionsRef.current.getSelectedIds?.() ?? nodes.filter((n) => n.selected).map((n) => n.id);\n\t\treturn measureSelection(nodes, ids, hoveredId, rectOptions);\n\t}, [active, nodes, hoveredId, rectOptions]);\n\n\tconst onNodeMouseEnter = useCallback((event: { altKey?: boolean } | null, node: { id: string }) => {\n\t\tsetHoveredId(node.id);\n\t\tif (event && typeof event.altKey === 'boolean') setModifier(event.altKey);\n\t}, []);\n\tconst onNodeMouseLeave = useCallback((_event: unknown, node: { id: string }) => {\n\t\tsetHoveredId((current) => (current === node.id ? null : current));\n\t}, []);\n\n\treturn {\n\t\t/** Measuring lines (flow coordinates) to pass to `<CanvasGuidesLayer>`. */\n\t\tguides: result.guides,\n\t\t/** The box measured to (outline it), or `null`. */\n\t\ttarget: result.target,\n\t\t/** Whether measuring is showing (enabled and Alt held, unless `requireModifier: false`). */\n\t\tactive,\n\t\thoveredId,\n\t\tsetHoveredId,\n\t\t/** Sets the modifier state by hand (e.g. from a toolbar toggle). */\n\t\tsetModifier,\n\t\tonNodeMouseEnter,\n\t\tonNodeMouseLeave\n\t};\n}\n\nexport type CanvasMeasure = ReturnType<typeof useCanvasMeasure>;\n","import React from 'react';\nimport { getShapeRenderData, isShapeDescription, type ShapeDescription } from '@pixerate/editor/canvas';\n\nexport interface ShapeNodeProps {\n\t/** Node data; `data.shape` holds the shape description. */\n\tdata: { shape?: ShapeDescription; [key: string]: any };\n\t/** Node width / height (React Flow passes them to custom nodes). */\n\twidth?: number;\n\theight?: number;\n\tselected?: boolean;\n\tclassName?: string;\n\t/** Rendered over the shape, e.g. React Flow `<Handle>`s or a label. */\n\tchildren?: React.ReactNode;\n\t[key: string]: any;\n}\n\n/**\n * Headless shape node: draws `data.shape` as one SVG path that fills the node box.\n * Register it as a React Flow node type (`nodeTypes={{ shape: ShapeNode }}`), or wrap it\n * to add handles. Strokes keep their width when the node is resized\n * (`vector-effect: non-scaling-stroke`). Renders nothing when `data.shape` is missing.\n */\nexport function ShapeNode({ data, width, height, selected, className = '', children }: ShapeNodeProps) {\n\tconst shape = data?.shape;\n\tif (!isShapeDescription(shape)) return null;\n\tconst render = getShapeRenderData(shape, { width, height });\n\treturn (\n\t\t<div\n\t\t\tclassName={`pixerate-shape-node ${className}`.trim()}\n\t\t\tdata-shape-kind={shape.kind}\n\t\t\tdata-selected={selected ? 'true' : undefined}\n\t\t\tstyle={{ position: 'relative', width: '100%', height: '100%' }}\n\t\t>\n\t\t\t<svg\n\t\t\t\tviewBox={render.viewBox}\n\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\twidth=\"100%\"\n\t\t\t\theight=\"100%\"\n\t\t\t\tstyle={{ display: 'block', overflow: 'visible' }}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td={render.d}\n\t\t\t\t\ttransform={render.transform}\n\t\t\t\t\tfill={render.fill}\n\t\t\t\t\tfillRule={render.fillRule}\n\t\t\t\t\tstroke={render.stroke}\n\t\t\t\t\tstrokeWidth={render.strokeWidth}\n\t\t\t\t\topacity={render.opacity}\n\t\t\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","import { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport {\n\tcreateCanvasAutoLayoutController,\n\ttype ArrangeHistoryTarget,\n\ttype AutoLayoutMeasure,\n\ttype CanvasNode,\n\ttype GuideLine,\n\ttype NodeRectOptions\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasAutoLayoutOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** When set, the hook's actions (add / remove / resize / reorder / apply) are undoable steps. */\n\thistory?: ArrangeHistoryTarget;\n\t/** Turns automatic relayout off (`applyAutoLayout` still works). Default `true`. */\n\tenabled?: boolean;\n\t/** Reorder flow children by dragging them within their frame (default `true`). */\n\tdragReorder?: boolean;\n\t/** Text measuring and size hooks (default: xyflow `measured` sizes). */\n\tmeasure?: AutoLayoutMeasure;\n\trectOptions?: NodeRectOptions;\n}\n\n/**\n * React hook for Figma-style auto layout on React Flow sub-flows. Frames are nodes with\n * `data.layout`; their children (`parentId`) are stacked, wrapped or placed on a grid, with\n * hug / fill / fixed sizing, min / max, padding, alignment and constraints.\n *\n * Pass every `onNodesChange` batch through `noteChanges` before applying it\n * (`onNodesChange={(c) => setNodes((n) => applyNodeChanges(autoLayout.noteChanges(c), n))}`):\n * after the nodes update the hook relayouts frames whose children were measured, resized,\n * added or removed, and turns drags of a flow child inside its frame into a reorder (one\n * undoable step). Render `guides` (the drop marker) with `<CanvasGuidesLayer>`.\n */\nexport function useCanvasAutoLayout<TNode extends CanvasNode = CanvasNode>(options: UseCanvasAutoLayoutOptions<TNode>) {\n\tconst [guides, setGuides] = useState<GuideLine[]>([]);\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasAutoLayoutController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive actions (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tget enabled() {\n\t\t\t\t\treturn optionsRef.current.enabled;\n\t\t\t\t},\n\t\t\t\tget dragReorder() {\n\t\t\t\t\treturn optionsRef.current.dragReorder;\n\t\t\t\t},\n\t\t\t\tget measure() {\n\t\t\t\t\treturn optionsRef.current.measure;\n\t\t\t\t},\n\t\t\t\tget rectOptions() {\n\t\t\t\t\treturn optionsRef.current.rectOptions;\n\t\t\t\t},\n\t\t\t\tonGuidesChange: setGuides\n\t\t\t}),\n\t\t[]\n\t);\n\n\t// Noted changes are applied once React has committed the new nodes.\n\tuseLayoutEffect(() => {\n\t\tif (controller.hasPending) controller.flush();\n\t}, [options.nodes, controller]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...controller,\n\t\t\t/** Drop marker of the active reorder drag (flow coordinates). */\n\t\t\tguides,\n\t\t\tget hasPending() {\n\t\t\t\treturn controller.hasPending;\n\t\t\t}\n\t\t}),\n\t\t[controller, guides]\n\t);\n}\n\nexport type CanvasAutoLayout = ReturnType<typeof useCanvasAutoLayout>;\n","import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\nimport {\n  bindCanvasToken,\n  detachTokenBindings,\n  getEffectiveTokenModes,\n  resolveCanvasTokens,\n  setCanvasTokenMode,\n  type CanvasNode,\n  type CanvasTokenOptions,\n} from '@pixerate/editor/canvas';\nimport type { TokenModeContext, TokenState, TokenStore } from '@pixerate/editor/tokens';\n\nexport interface UseCanvasTokensOptions<TNode extends CanvasNode> extends Omit<CanvasTokenOptions, 'modes'> {\n  store: TokenStore;\n  nodes: TNode[];\n  setNodes: (update: TNode[] | ((nodes: TNode[]) => TNode[])) => void;\n  /** Modes for nodes without an explicit mode up their tree (e.g. the page's). */\n  modes?: TokenModeContext;\n}\n\nexport interface CanvasTokens {\n  state: TokenState;\n  /** Binds (or with `null` unbinds) a property of the nodes; throws `TokenError` when refused. */\n  bind: (ids: Iterable<string>, propertyKey: string, variableId: string | null) => void;\n  /** Sets (or with `null` clears) an explicit mode on frames / groups; descendants follow. */\n  setMode: (ids: Iterable<string>, collectionId: string, modeId: string | null) => void;\n  /** The modes a node is in (its own, inherited, then the root `modes`). */\n  modesOf: (nodeId: string) => Record<string, string>;\n}\n\n/**\n * Keeps token-bound node properties resolved: whenever the token store, the nodes or the root\n * modes change, bound values are written into the nodes (only when something changed, so it\n * does not loop). Deleting a variable detaches the nodes bound to it, keeping their values.\n */\nexport function useCanvasTokens<TNode extends CanvasNode>(options: UseCanvasTokensOptions<TNode>): CanvasTokens {\n  const { store, nodes, setNodes, modes, properties } = options;\n  const state = useSyncExternalStore(store.subscribe, store.getState, store.getState);\n  const latest = useRef({ nodes, setNodes, modes, properties });\n  latest.current = { nodes, setNodes, modes, properties };\n  const opts = (): CanvasTokenOptions => ({ modes: latest.current.modes, properties: latest.current.properties });\n\n  useEffect(\n    () =>\n      store.subscribe((event) => {\n        if (event.deletedVariableIds.length === 0) return;\n        latest.current.setNodes((prev) => detachTokenBindings(prev, event.previous, event.deletedVariableIds, opts()));\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n\n  const modesKey = JSON.stringify(modes ?? {});\n  useEffect(() => {\n    const next = resolveCanvasTokens(nodes, state, opts());\n    if (next !== nodes) setNodes(next);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nodes, state, modesKey, properties]);\n\n  const bind = useCallback(\n    (ids: Iterable<string>, propertyKey: string, variableId: string | null) => {\n      const next = bindCanvasToken(latest.current.nodes, ids, propertyKey, variableId, store.getState(), opts());\n      if (next !== latest.current.nodes) latest.current.setNodes(next);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  const setMode = useCallback(\n    (ids: Iterable<string>, collectionId: string, modeId: string | null) => {\n      const next = setCanvasTokenMode(latest.current.nodes, ids, collectionId, modeId, store.getState(), opts());\n      if (next !== latest.current.nodes) latest.current.setNodes(next);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  const modesOf = useCallback(\n    (nodeId: string) => {\n      const node = latest.current.nodes.find((n) => n.id === nodeId);\n      return node ? getEffectiveTokenModes(node, latest.current.nodes, store.getState(), opts()) : {};\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store],\n  );\n  return { state, bind, setMode, modesOf };\n}\n","import React from 'react';\nimport {\n  bindCanvasToken,\n  getBindableTokenProperties,\n  getEffectiveTokenModes,\n  getNodeTokenBindings,\n  getNodeTokenModes,\n  setCanvasTokenMode,\n  getTokensForProperty,\n  type CanvasNode,\n  type CanvasTokenOptions,\n} from '@pixerate/editor/canvas';\nimport { getCurrentMode, resolveToken, type TokenState } from '@pixerate/editor/tokens';\n\nexport interface TokenBindingPickerProps<TNode extends CanvasNode = CanvasNode> {\n  state: TokenState;\n  nodes: TNode[];\n  /** Nodes to bind (the first one decides which properties are listed). */\n  selectedIds: readonly string[];\n  /** Receives the nodes with the binding applied and resolved. */\n  onChange: (nodes: TNode[]) => void;\n  options?: CanvasTokenOptions;\n  /** Limit to these property keys (in this order). */\n  properties?: readonly string[];\n  onError?: (error: Error) => void;\n  className?: string;\n}\n\n/**\n * Inspector rows that bind node properties (fill, stroke, opacity, radius, gap, padding, text\n * colour / size, …) to variables of the right type and scope, showing each resolved value.\n */\nexport function TokenBindingPicker<TNode extends CanvasNode = CanvasNode>({\n  state,\n  nodes,\n  selectedIds,\n  onChange,\n  options = {},\n  properties,\n  onError,\n  className = '',\n}: TokenBindingPickerProps<TNode>) {\n  const selected = nodes.filter((n) => selectedIds.includes(n.id));\n  const first = selected[0];\n  if (!first) return null;\n  let rows = getBindableTokenProperties(first, options);\n  if (properties) rows = properties.map((key) => rows.find((p) => p.key === key)).filter((p): p is (typeof rows)[number] => !!p);\n  const modes = getEffectiveTokenModes(first, nodes, state, options);\n\n  return (\n    <div data-token-binding-picker=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`}>\n      {rows.map((property) => {\n        const ids = new Set(selected.map((n) => getNodeTokenBindings(n)[property.key] ?? ''));\n        const value = ids.size === 1 ? [...ids][0] : '__mixed';\n        const candidates = getTokensForProperty(state, property, first);\n        const resolved = value && value !== '__mixed' ? resolveToken(state, value, modes) : null;\n        return (\n          <label key={property.key} className=\"flex items-center gap-2\" data-token-property={property.key}>\n            <span className=\"w-28 shrink-0 text-muted-foreground\">{property.label}</span>\n            <select\n              aria-label={`${property.label} variable`}\n              className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n              value={value}\n              onChange={(e) => {\n                const id = e.currentTarget.value || null;\n                try {\n                  onChange(bindCanvasToken(nodes, selectedIds, property.key, id, state, options));\n                } catch (error) {\n                  onError?.(error as Error);\n                }\n              }}\n            >\n              {value === '__mixed' ? <option value=\"__mixed\">Mixed</option> : null}\n              <option value=\"\">None</option>\n              {candidates.map((v) => {\n                const collection = state.collections.find((c) => c.id === v.collectionId);\n                return (\n                  <option key={v.id} value={v.id}>\n                    {v.name}\n                    {collection && state.collections.length > 1 ? ` (${collection.name})` : ''}\n                  </option>\n                );\n              })}\n            </select>\n            <span className=\"w-16 shrink-0 truncate text-right text-muted-foreground\" data-token-resolved=\"\">\n              {resolved?.ok ? (\n                property.type === 'color' ? (\n                  <span\n                    className=\"inline-block h-3 w-3 rounded border border-border align-middle\"\n                    style={{ background: String(resolved.value) }}\n                    title={String(resolved.value)}\n                  />\n                ) : (\n                  String(resolved.value)\n                )\n              ) : resolved ? (\n                <span title={resolved.message}>⚠</span>\n              ) : null}\n            </span>\n          </label>\n        );\n      })}\n      {state.collections.length === 0 ? <p className=\"text-muted-foreground\">No variables yet.</p> : null}\n    </div>\n  );\n}\n\nexport interface TokenModeSwitcherProps<TNode extends CanvasNode = CanvasNode> {\n  state: TokenState;\n  nodes: TNode[];\n  /** Frames / groups whose explicit mode is set (the first one's choice is shown). */\n  nodeIds: readonly string[];\n  onChange: (nodes: TNode[]) => void;\n  options?: CanvasTokenOptions;\n  /** Show collections with a single mode too (default `false`). */\n  showSingleMode?: boolean;\n  className?: string;\n}\n\n/**\n * Per-collection mode pickers for the selected frames: \"Auto\" (inherit from the parent, then\n * the root modes, then the default mode) or an explicit mode that descendants inherit.\n */\nexport function TokenModeSwitcher<TNode extends CanvasNode = CanvasNode>({\n  state,\n  nodes,\n  nodeIds,\n  onChange,\n  options = {},\n  showSingleMode = false,\n  className = '',\n}: TokenModeSwitcherProps<TNode>) {\n  const first = nodes.find((n) => nodeIds.includes(n.id));\n  if (!first) return null;\n  const own = getNodeTokenModes(first);\n  const parent = first.parentId ? nodes.find((n) => n.id === first.parentId) : undefined;\n  const inherited = parent ? getEffectiveTokenModes(parent, nodes, state, options) : { ...options.modes };\n  const collections = state.collections.filter((c) => showSingleMode || c.modes.length > 1);\n  return (\n    <div data-token-mode-switcher=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`}>\n      {collections.map((collection) => {\n        const auto = getCurrentMode(collection, inherited);\n        const explicit = collection.modes.some((m) => m.id === own[collection.id]) ? own[collection.id] : '';\n        return (\n          <label key={collection.id} className=\"flex items-center gap-2\" data-token-collection={collection.id}>\n            <span className=\"w-28 shrink-0 truncate text-muted-foreground\">{collection.name}</span>\n            <select\n              aria-label={`${collection.name} mode`}\n              className=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n              value={explicit}\n              onChange={(e) =>\n                onChange(setCanvasTokenMode(nodes, nodeIds, collection.id, e.currentTarget.value || null, state, options))\n              }\n            >\n              <option value=\"\">Auto ({auto.name})</option>\n              {collection.modes.map((m) => (\n                <option key={m.id} value={m.id}>\n                  {m.name}\n                </option>\n              ))}\n            </select>\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n","import { useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport {\n\tcreateCanvasAnimationController,\n\ttype AnimatableProperty,\n\ttype AnimationHistoryTarget,\n\ttype AnimationLoopMode,\n\ttype CanvasNode,\n\ttype Clock\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasAnimationOptions<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** When set, keyframe edits are undoable steps. */\n\thistory?: AnimationHistoryTarget;\n\t/** Ids acted on without explicit ids (default: nodes with `selected: true`). */\n\tgetSelectedIds?: () => string[];\n\t/** Playback time source (default `realClock`); pass a `ManualClock` for tests or rendering. Read once. */\n\tclock?: Clock;\n\t/** Fixed timeline length (ms); omitted = the last keyframe, at least `minDuration`. Read once. */\n\tduration?: number;\n\tminDuration?: number;\n\tloop?: AnimationLoopMode;\n\tplaybackRate?: number;\n\tfps?: number;\n\trecording?: boolean;\n\tproperties?: readonly AnimatableProperty[];\n\tonTime?: (time: number) => void;\n}\n\n/**\n * React hook for keyframe animation on the canvas: a playhead player (play / pause / seek /\n * scrub, loop, ping-pong, rate), record mode, undoable keyframe edits, multi-keyframe drags\n * with snapping, copy / paste and CSS / Web Animations export.\n *\n * Render `displayNodes` (the nodes evaluated at the playhead) in React Flow and pass its edits\n * back through `applyDisplayChanges`:\n * `onNodesChange={(c) => animation.applyDisplayChanges(applyNodeChanges(c, animation.displayNodes))}`.\n * Animated properties are then keyed at the playhead instead of being overwritten.\n */\nexport function useCanvasAnimation<TNode extends CanvasNode = CanvasNode>(options: UseCanvasAnimationOptions<TNode>) {\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasAnimationController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive edits (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tget getSelectedIds() {\n\t\t\t\t\treturn optionsRef.current.getSelectedIds;\n\t\t\t\t},\n\t\t\t\tget properties() {\n\t\t\t\t\treturn optionsRef.current.properties;\n\t\t\t\t},\n\t\t\t\tclock: options.clock,\n\t\t\t\tduration: options.duration,\n\t\t\t\tminDuration: options.minDuration,\n\t\t\t\tloop: options.loop,\n\t\t\t\tplaybackRate: options.playbackRate,\n\t\t\t\tfps: options.fps,\n\t\t\t\trecording: options.recording,\n\t\t\t\tonTime: (time) => optionsRef.current.onTime?.(time)\n\t\t\t}),\n\t\t[]\n\t);\n\n\tuseEffect(() => () => controller.destroy(), [controller]);\n\n\t// Option changes after mount.\n\tuseEffect(() => {\n\t\tif (options.loop !== undefined) controller.setLoop(options.loop);\n\t}, [controller, options.loop]);\n\tuseEffect(() => {\n\t\tif (options.playbackRate !== undefined) controller.setPlaybackRate(options.playbackRate);\n\t}, [controller, options.playbackRate]);\n\tuseEffect(() => {\n\t\tif (options.recording !== undefined) controller.setRecording(options.recording);\n\t}, [controller, options.recording]);\n\n\tconst state = useSyncExternalStore(\n\t\t(listener) => controller.subscribe(listener),\n\t\t() => controller.getState(),\n\t\t() => controller.getState()\n\t);\n\n\t// The automatic duration follows the nodes.\n\tuseEffect(() => {\n\t\tcontroller.refresh();\n\t}, [controller, options.nodes]);\n\n\tconst displayNodes = useMemo(() => controller.display(options.nodes), [controller, options.nodes, state.time]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...controller,\n\t\t\tstate,\n\t\t\ttime: state.time,\n\t\t\tplaying: state.playing,\n\t\t\trecording: state.recording,\n\t\t\tduration: state.duration,\n\t\t\tselection: state.selection,\n\t\t\tdrag: state.drag,\n\t\t\t/** The nodes evaluated at the playhead; render these. */\n\t\t\tdisplayNodes,\n\t\t\tget clipboard() {\n\t\t\t\treturn controller.clipboard;\n\t\t\t}\n\t\t}),\n\t\t[controller, state, displayNodes]\n\t);\n}\n\nexport type CanvasAnimation<TNode extends CanvasNode = CanvasNode> = ReturnType<typeof useCanvasAnimation<TNode>>;\n","import React, { useEffect, useRef } from 'react';\nimport {\n\tANIMATION_EASING_LABELS,\n\tANIMATION_EASING_PRESETS,\n\tformatAnimationTime,\n\tgetTimelineTicks,\n\ttimeToX,\n\txToTime,\n\ttype AnimationLoopMode,\n\ttype CanvasNode,\n\ttype KeyframeRef\n} from '@pixerate/editor/canvas';\nimport type { CanvasAnimation } from './useCanvasAnimation.js';\n\nexport interface AnimationTimelineProps {\n\t/** The `useCanvasAnimation` result. */\n\tanimation: CanvasAnimation<any>;\n\t/** Nodes whose tracks are listed (default: the selected nodes). */\n\tnodeIds?: readonly string[];\n\t/** Width of the keyframe lanes in px (default 360). */\n\twidth?: number;\n\t/** Snap distance in screen px while dragging keyframes (default 8; hold Alt to turn snapping off). */\n\tsnapThreshold?: number;\n\tlabelOf?: (node: CanvasNode) => string;\n\tclassName?: string;\n}\n\nconst LOOP_LABELS: Record<AnimationLoopMode, string> = { none: 'Once', loop: 'Loop', 'ping-pong': 'Ping-pong' };\nconst easingValue = (easing: unknown) => (typeof easing === 'string' ? easing : easing ? 'custom' : 'linear');\n\n/**\n * Compact timeline: play / pause, record toggle, playhead ruler (drag to scrub), one lane per\n * animated property of the selected nodes with draggable keyframe diamonds (snapping to other\n * keys, the playhead and frames; Shift-click adds to the selection, Escape cancels a drag,\n * Delete removes), an easing picker for the selected keyframes and the loop mode.\n */\nexport function AnimationTimeline({ animation, nodeIds, width = 360, snapThreshold = 8, labelOf, className = '' }: AnimationTimelineProps) {\n\tconst { state } = animation;\n\tconst duration = state.duration;\n\tconst rows = animation.timelineRows(nodeIds ?? undefined, labelOf ? { labelOf } : {});\n\tconst ticks = getTimelineTicks(duration, width);\n\tconst selectedEasing = (() => {\n\t\tconst first = state.selection[0];\n\t\tif (!first) return '';\n\t\tfor (const row of rows) for (const k of row.keyframes) if (k.selected && k.ref.property === first.property && k.ref.nodeId === first.nodeId) return easingValue(k.easing);\n\t\treturn '';\n\t})();\n\tconst dragRef = useRef<{ startX: number } | null>(null);\n\n\tuseEffect(() => {\n\t\tconst onKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape' && dragRef.current) {\n\t\t\t\tdragRef.current = null;\n\t\t\t\tanimation.cancelKeyframeDrag();\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener('keydown', onKey);\n\t\treturn () => window.removeEventListener('keydown', onKey);\n\t}, [animation]);\n\n\tconst onRulerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n\t\tconst lane = event.currentTarget;\n\t\tconst left = lane.getBoundingClientRect().left;\n\t\tanimation.scrub(xToTime(event.clientX - left, duration, width));\n\t\tconst move = (e: PointerEvent) => animation.scrub(xToTime(e.clientX - left, duration, width));\n\t\tconst up = () => {\n\t\t\twindow.removeEventListener('pointermove', move);\n\t\t\twindow.removeEventListener('pointerup', up);\n\t\t\tanimation.endScrub();\n\t\t};\n\t\twindow.addEventListener('pointermove', move);\n\t\twindow.addEventListener('pointerup', up);\n\t};\n\n\tconst onKeyDown = (ref: KeyframeRef) => (event: React.PointerEvent<HTMLButtonElement>) => {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t\tif (event.shiftKey || event.metaKey || event.ctrlKey) {\n\t\t\tanimation.selectKeyframes([ref], 'toggle');\n\t\t\treturn;\n\t\t}\n\t\tanimation.beginKeyframeDrag([ref]);\n\t\tdragRef.current = { startX: event.clientX };\n\t\tconst msPerPx = width > 0 ? duration / width : 0;\n\t\tconst move = (e: PointerEvent) => {\n\t\t\tif (!dragRef.current) return;\n\t\t\tanimation.updateKeyframeDrag((e.clientX - dragRef.current.startX) * msPerPx, { snap: !e.altKey, thresholdMs: snapThreshold * msPerPx });\n\t\t};\n\t\tconst up = () => {\n\t\t\twindow.removeEventListener('pointermove', move);\n\t\t\twindow.removeEventListener('pointerup', up);\n\t\t\tif (!dragRef.current) return;\n\t\t\tdragRef.current = null;\n\t\t\tanimation.endKeyframeDrag();\n\t\t};\n\t\twindow.addEventListener('pointermove', move);\n\t\twindow.addEventListener('pointerup', up);\n\t};\n\n\tconst onTimelineKey = (event: React.KeyboardEvent) => {\n\t\tif ((event.key === 'Delete' || event.key === 'Backspace') && state.selection.length > 0) {\n\t\t\tevent.preventDefault();\n\t\t\tanimation.deleteKeyframes();\n\t\t}\n\t};\n\n\tconst btn = 'rounded border border-border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-50';\n\tconst playheadX = timeToX(state.time, duration, width);\n\tconst labelWidth = 120;\n\n\treturn (\n\t\t<div data-animation-timeline=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`} tabIndex={0} onKeyDown={onTimelineKey}>\n\t\t\t<div className=\"flex flex-wrap items-center gap-2\" role=\"toolbar\" aria-label=\"Animation\">\n\t\t\t\t<button type=\"button\" className={btn} data-action=\"toggle-play\" aria-label={state.playing ? 'Pause' : 'Play'} onClick={() => animation.toggle()}>\n\t\t\t\t\t{state.playing ? '❚❚' : '▶'}\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={`${btn} ${state.recording ? 'text-red-500' : ''}`}\n\t\t\t\t\tdata-action=\"record\"\n\t\t\t\t\taria-pressed={state.recording}\n\t\t\t\t\taria-label=\"Record keyframes\"\n\t\t\t\t\tonClick={() => animation.toggleRecording()}\n\t\t\t\t>\n\t\t\t\t\t● Rec\n\t\t\t\t</button>\n\t\t\t\t<button type=\"button\" className={btn} data-action=\"add-keyframe\" onClick={() => animation.addKeyframe()}>\n\t\t\t\t\t◆ Key\n\t\t\t\t</button>\n\t\t\t\t<span data-time=\"\" className=\"tabular-nums text-muted-foreground\">\n\t\t\t\t\t{formatAnimationTime(state.time)} / {formatAnimationTime(duration)}\n\t\t\t\t</span>\n\t\t\t\t<select\n\t\t\t\t\taria-label=\"Easing\"\n\t\t\t\t\tdata-easing-picker=\"\"\n\t\t\t\t\tclassName=\"rounded border border-border bg-background px-1 py-0.5\"\n\t\t\t\t\tvalue={selectedEasing}\n\t\t\t\t\tdisabled={state.selection.length === 0}\n\t\t\t\t\tonChange={(e) => e.target.value && e.target.value !== 'custom' && animation.setEasing(e.target.value)}\n\t\t\t\t>\n\t\t\t\t\t<option value=\"\">Easing…</option>\n\t\t\t\t\t{ANIMATION_EASING_PRESETS.map((preset) => (\n\t\t\t\t\t\t<option key={preset} value={preset}>\n\t\t\t\t\t\t\t{ANIMATION_EASING_LABELS[preset]}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t))}\n\t\t\t\t\t{selectedEasing === 'custom' ? <option value=\"custom\">Custom</option> : null}\n\t\t\t\t</select>\n\t\t\t\t<select\n\t\t\t\t\taria-label=\"Loop\"\n\t\t\t\t\tdata-loop-picker=\"\"\n\t\t\t\t\tclassName=\"rounded border border-border bg-background px-1 py-0.5\"\n\t\t\t\t\tvalue={state.loop}\n\t\t\t\t\tonChange={(e) => animation.setLoop(e.target.value as AnimationLoopMode)}\n\t\t\t\t>\n\t\t\t\t\t{(Object.keys(LOOP_LABELS) as AnimationLoopMode[]).map((mode) => (\n\t\t\t\t\t\t<option key={mode} value={mode}>\n\t\t\t\t\t\t\t{LOOP_LABELS[mode]}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t))}\n\t\t\t\t</select>\n\t\t\t</div>\n\t\t\t<div className=\"flex\">\n\t\t\t\t<div style={{ width: labelWidth }} className=\"shrink-0\" />\n\t\t\t\t<div\n\t\t\t\t\tdata-timeline-ruler=\"\"\n\t\t\t\t\tclassName=\"relative h-5 cursor-ew-resize border-b border-border\"\n\t\t\t\t\tstyle={{ width }}\n\t\t\t\t\tonPointerDown={onRulerDown}\n\t\t\t\t>\n\t\t\t\t\t{ticks.map((tick) => (\n\t\t\t\t\t\t<span key={tick.time} className=\"absolute top-0 -translate-x-1/2 text-[10px] text-muted-foreground\" style={{ left: tick.x }}>\n\t\t\t\t\t\t\t{tick.label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t\t<div data-playhead=\"\" className=\"absolute top-0 h-5 w-px bg-red-500\" style={{ left: playheadX }} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{rows.length === 0 ? (\n\t\t\t\t<p className=\"text-muted-foreground\" data-timeline-empty=\"\">\n\t\t\t\t\tSelect an animated node, or press ◆ Key to add a keyframe.\n\t\t\t\t</p>\n\t\t\t) : (\n\t\t\t\trows.map((row) => (\n\t\t\t\t\t<div key={row.id} className=\"flex items-center\" data-track={row.id}>\n\t\t\t\t\t\t<label className=\"flex shrink-0 items-center gap-1 truncate pr-2\" style={{ width: labelWidth }} title={`${row.nodeLabel} · ${row.label}`}>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\taria-label={`Enable ${row.label}`}\n\t\t\t\t\t\t\t\tchecked={row.enabled}\n\t\t\t\t\t\t\t\tonChange={(e) => animation.setTrackEnabled(row.nodeId, row.property, e.target.checked)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span className=\"truncate\">{rows.filter((r) => r.nodeId === row.nodeId).length < rows.length ? `${row.nodeLabel} · ` : ''}{row.label}</span>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t<div data-lane=\"\" className={`relative h-5 rounded bg-muted/40 ${row.enabled ? '' : 'opacity-50'}`} style={{ width }}>\n\t\t\t\t\t\t\t<div className=\"pointer-events-none absolute top-0 h-5 w-px bg-red-500/60\" style={{ left: playheadX }} />\n\t\t\t\t\t\t\t{state.drag?.target != null ? (\n\t\t\t\t\t\t\t\t<div data-snap-target=\"\" className=\"pointer-events-none absolute top-0 h-5 w-px bg-sky-400\" style={{ left: timeToX(state.drag.target, duration, width) }} />\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{row.keyframes.map((k) => (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tkey={k.ref.time}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tdata-keyframe={k.ref.time}\n\t\t\t\t\t\t\t\t\taria-pressed={k.selected}\n\t\t\t\t\t\t\t\t\taria-label={`${row.label} keyframe at ${formatAnimationTime(k.ref.time)}`}\n\t\t\t\t\t\t\t\t\ttitle={`${formatAnimationTime(k.time)} · ${String(k.value)}`}\n\t\t\t\t\t\t\t\t\tclassName={`absolute top-1/2 h-2.5 w-2.5 -translate-x-1/2 -translate-y-1/2 rotate-45 border ${\n\t\t\t\t\t\t\t\t\t\tk.selected ? 'border-sky-300 bg-sky-500' : 'border-foreground/60 bg-background'\n\t\t\t\t\t\t\t\t\t} ${k.easing === 'hold' ? 'rounded-none' : 'rounded-[1px]'}`}\n\t\t\t\t\t\t\t\t\tstyle={{ left: timeToX(k.time, duration, width) }}\n\t\t\t\t\t\t\t\t\tonPointerDown={onKeyDown(k.ref)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t))\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { useLayoutEffect, useMemo, useRef } from 'react';\nimport {\n\tcreateCanvasComponentsController,\n\ttype ArrangeHistoryTarget,\n\ttype CanvasComponentSyncOptions,\n\ttype CanvasNode\n} from '@pixerate/editor/canvas';\n\nexport interface UseCanvasComponentsOptions<TNode extends CanvasNode = CanvasNode> extends CanvasComponentSyncOptions {\n\tnodes: TNode[];\n\tsetNodes: (updater: TNode[] | ((prev: TNode[]) => TNode[])) => void;\n\t/** When set, every component action is one undoable step. */\n\thistory?: ArrangeHistoryTarget;\n\t/** The selection (default: nodes with `selected`). */\n\tgetSelectedIds?: () => string[];\n\t/** Called by `goToMainComponent` with the main (e.g. to pan the viewport to it). */\n\tonReveal?: (node: TNode) => void;\n\t/** Sync instances with their mains after every node change (default `true`). */\n\tautoSync?: boolean;\n}\n\n/**\n * React hook for Figma-style components and instances on a React Flow canvas. After every\n * node change it records edits inside instances as overrides and rebuilds the instances of\n * edited main components (keeping overrides). Its actions (`createComponent`,\n * `createInstance`, `combineAsVariants`, `detachInstance`, `resetOverrides`, `pushOverrides`,\n * `swapInstance`, `setInstanceProperties`, `restoreMainComponent`, …) are undoable steps\n * with a `history`, and each has a `can…` check returning `true` or the reason it can't run.\n */\nexport function useCanvasComponents<TNode extends CanvasNode = CanvasNode>(options: UseCanvasComponentsOptions<TNode>) {\n\tconst nodesRef = useRef(options.nodes);\n\tnodesRef.current = options.nodes;\n\tconst optionsRef = useRef(options);\n\toptionsRef.current = options;\n\n\tconst controller = useMemo(\n\t\t() =>\n\t\t\tcreateCanvasComponentsController<TNode>({\n\t\t\t\tgetNodes: () => nodesRef.current,\n\t\t\t\tsetNodes: (next) => {\n\t\t\t\t\t// Keep the ref current so consecutive actions (and undo) see the latest nodes.\n\t\t\t\t\tnodesRef.current = next;\n\t\t\t\t\toptionsRef.current.setNodes(next);\n\t\t\t\t},\n\t\t\t\tget history() {\n\t\t\t\t\treturn optionsRef.current.history;\n\t\t\t\t},\n\t\t\t\tget getSelectedIds() {\n\t\t\t\t\treturn optionsRef.current.getSelectedIds;\n\t\t\t\t},\n\t\t\t\tonReveal: (node) => optionsRef.current.onReveal?.(node),\n\t\t\t\tget idGenerator() {\n\t\t\t\t\treturn optionsRef.current.idGenerator;\n\t\t\t\t},\n\t\t\t\tget textTypes() {\n\t\t\t\t\treturn optionsRef.current.textTypes;\n\t\t\t\t},\n\t\t\t\tget layout() {\n\t\t\t\t\treturn optionsRef.current.layout;\n\t\t\t\t},\n\t\t\t\tget tokens() {\n\t\t\t\t\treturn optionsRef.current.tokens;\n\t\t\t\t}\n\t\t\t}),\n\t\t[]\n\t);\n\n\t// Edits are synced once React has committed the new nodes.\n\tuseLayoutEffect(() => {\n\t\tif (optionsRef.current.autoSync !== false) controller.sync();\n\t}, [options.nodes, controller]);\n\n\treturn controller;\n}\n\nexport type CanvasComponents<TNode extends CanvasNode = CanvasNode> = ReturnType<typeof useCanvasComponents<TNode>>;\n","import React, { useState } from 'react';\nimport {\n\tCANVAS_COMPONENT_DRAG_TYPE,\n\tinspectCanvasInstance,\n\tlistCanvasComponents,\n\ttype CanvasComponentsController,\n\ttype CanvasNode\n} from '@pixerate/editor/canvas';\n\nexport interface CanvasComponentsPanelProps<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\t/** Inserts an instance of a component (or a set's default variant); called on click. */\n\tonInsert: (componentId: string) => void;\n\t/** Show the search field (default `true`). */\n\tsearch?: boolean;\n\tclassName?: string;\n}\n\n/**\n * Components panel: component sets (with their variants) and lone components. Click one to\n * insert an instance, or drag it onto the canvas (the drag carries the id as\n * `CANVAS_COMPONENT_DRAG_TYPE`; read it with `getCanvasComponentDragId`).\n */\nexport function CanvasComponentsPanel<TNode extends CanvasNode = CanvasNode>({\n\tnodes,\n\tonInsert,\n\tsearch = true,\n\tclassName = ''\n}: CanvasComponentsPanelProps<TNode>) {\n\tconst [query, setQuery] = useState('');\n\tconst { components, sets } = listCanvasComponents(nodes);\n\tconst q = query.trim().toLowerCase();\n\tconst match = (name: string) => !q || name.toLowerCase().includes(q);\n\tconst lone = components.filter((c) => !c.setId && match(c.name));\n\tconst shownSets = sets.filter((s) => match(s.name) || s.variants.some((v) => match(v.name)));\n\tconst item = (id: string, name: string, count: number, extra: Record<string, string> = {}) => (\n\t\t<button\n\t\t\tkey={id}\n\t\t\ttype=\"button\"\n\t\t\tdraggable\n\t\t\tdata-component-id={id}\n\t\t\t{...extra}\n\t\t\tclassName=\"flex w-full items-center justify-between gap-2 rounded px-2 py-1 text-left text-xs hover:bg-muted\"\n\t\t\ttitle={`Insert an instance of ${name}`}\n\t\t\tonClick={() => onInsert(id)}\n\t\t\tonDragStart={(e) => {\n\t\t\t\te.dataTransfer.setData(CANVAS_COMPONENT_DRAG_TYPE, id);\n\t\t\t\te.dataTransfer.setData('text/plain', name);\n\t\t\t\te.dataTransfer.effectAllowed = 'copy';\n\t\t\t}}\n\t\t>\n\t\t\t<span className=\"truncate\">\n\t\t\t\t<span aria-hidden className=\"mr-1 text-muted-foreground\">\n\t\t\t\t\t◇\n\t\t\t\t</span>\n\t\t\t\t{name}\n\t\t\t</span>\n\t\t\t<span className=\"text-[10px] text-muted-foreground\" data-instance-count=\"\">\n\t\t\t\t{count}\n\t\t\t</span>\n\t\t</button>\n\t);\n\treturn (\n\t\t<div data-components-panel=\"\" className={`flex flex-col gap-1 text-xs text-foreground ${className}`}>\n\t\t\t{search ? (\n\t\t\t\t<input\n\t\t\t\t\ttype=\"search\"\n\t\t\t\t\taria-label=\"Search components\"\n\t\t\t\t\tplaceholder=\"Search components\"\n\t\t\t\t\tclassName=\"rounded border border-border bg-background px-2 py-1 text-xs\"\n\t\t\t\t\tonInput={(e) => setQuery((e.target as HTMLInputElement).value)}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t\t{shownSets.map((set) => (\n\t\t\t\t<div key={set.id} data-component-set={set.id} className=\"flex flex-col\">\n\t\t\t\t\t{item(set.id, set.name, set.variants.reduce((sum, v) => sum + v.instanceCount, 0), { 'data-kind': 'set' })}\n\t\t\t\t\t<div className=\"ml-3 flex flex-col border-l border-border pl-1\">\n\t\t\t\t\t\t{set.variants.map((v) => item(v.id, v.name, v.instanceCount, { 'data-kind': 'variant' }))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t\t{lone.map((c) => item(c.id, c.name, c.instanceCount, { 'data-kind': 'component' }))}\n\t\t\t{components.length === 0 ? <p className=\"text-muted-foreground\">No components yet. Select a frame and choose Create Component.</p> : null}\n\t\t</div>\n\t);\n}\n\n/** The actions the instance inspector runs (a components controller or hook satisfies it). */\nexport type CanvasInstanceInspectorActions = Pick<\n\tCanvasComponentsController<any>,\n\t'setInstanceProperties' | 'resetOverrides' | 'detachInstance' | 'goToMainComponent' | 'pushOverrides' | 'restoreMainComponent'\n>;\n\nexport interface CanvasInstanceInspectorProps<TNode extends CanvasNode = CanvasNode> {\n\tnodes: TNode[];\n\t/** An instance, or a layer inside one; nothing is shown otherwise. */\n\tnodeId: string | null | undefined;\n\tcomponents: CanvasInstanceInspectorActions;\n\t/** Receives refusals (e.g. a property value that would nest a component in itself). */\n\tonError?: (reason: string) => void;\n\tclassName?: string;\n}\n\n/**\n * Instance inspector: main component (or \"missing main\" with Restore), variant pickers,\n * component property controls, the overrides of its layers (each resettable), and Reset all,\n * Detach, Go to main and Push changes.\n */\nexport function CanvasInstanceInspector<TNode extends CanvasNode = CanvasNode>({\n\tnodes,\n\tnodeId,\n\tcomponents,\n\tonError,\n\tclassName = ''\n}: CanvasInstanceInspectorProps<TNode>) {\n\tconst info = nodeId ? inspectCanvasInstance(nodes, nodeId) : undefined;\n\tif (!info) return null;\n\tconst report = (result: { ok: boolean; reason?: string } | undefined) => {\n\t\tif (result && !result.ok && result.reason) onError?.(result.reason);\n\t};\n\tconst setProp = (name: string, value: unknown) => report(components.setInstanceProperties({ [name]: value }, [info.id]));\n\tconst allComponents = listCanvasComponents(nodes).components;\n\tconst linked = info.status === 'linked';\n\tconst btn = 'rounded border border-border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-40';\n\treturn (\n\t\t<div data-instance-inspector=\"\" data-instance-id={info.id} className={`flex flex-col gap-2 text-xs text-foreground ${className}`}>\n\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t<span className=\"truncate font-medium\" data-instance-main=\"\">\n\t\t\t\t\t{linked ? info.componentName : 'Main component missing'}\n\t\t\t\t</span>\n\t\t\t\t{info.nested ? <span className=\"text-muted-foreground\">Nested</span> : null}\n\t\t\t</div>\n\t\t\t{info.variantOptions.map((option) => (\n\t\t\t\t<label key={option.name} className=\"flex items-center gap-2\" data-variant-property={option.name}>\n\t\t\t\t\t<span className=\"w-24 shrink-0 truncate text-muted-foreground\">{option.name}</span>\n\t\t\t\t\t<select\n\t\t\t\t\t\taria-label={`${option.name} variant`}\n\t\t\t\t\t\tclassName=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n\t\t\t\t\t\tvalue={info.variant[option.name] ?? ''}\n\t\t\t\t\t\tonChange={(e) => setProp(option.name, e.currentTarget.value)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{option.values.map((v) => (\n\t\t\t\t\t\t\t<option key={v} value={v}>\n\t\t\t\t\t\t\t\t{v}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</select>\n\t\t\t\t</label>\n\t\t\t))}\n\t\t\t{info.properties.map((p) => (\n\t\t\t\t<label key={p.name} className=\"flex items-center gap-2\" data-component-property={p.name}>\n\t\t\t\t\t<span className=\"w-24 shrink-0 truncate text-muted-foreground\">{p.name}</span>\n\t\t\t\t\t{p.type === 'boolean' ? (\n\t\t\t\t\t\t<input type=\"checkbox\" aria-label={p.name} checked={p.value === true} onChange={(e) => setProp(p.name, e.currentTarget.checked)} />\n\t\t\t\t\t) : p.type === 'text' ? (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tkey={String(p.value)}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\taria-label={p.name}\n\t\t\t\t\t\t\tdefaultValue={String(p.value)}\n\t\t\t\t\t\t\tclassName=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\tif (e.currentTarget.value !== p.value) setProp(p.name, e.currentTarget.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === 'Enter') e.currentTarget.blur();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\taria-label={p.name}\n\t\t\t\t\t\t\tclassName=\"min-w-0 flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n\t\t\t\t\t\t\tvalue={String(p.value)}\n\t\t\t\t\t\t\tonChange={(e) => setProp(p.name, e.currentTarget.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{allComponents\n\t\t\t\t\t\t\t\t.filter((c) => !p.preferred?.length || p.preferred.includes(c.id) || c.id === p.value)\n\t\t\t\t\t\t\t\t.map((c) => (\n\t\t\t\t\t\t\t\t\t<option key={c.id} value={c.id}>\n\t\t\t\t\t\t\t\t\t\t{c.name}\n\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</select>\n\t\t\t\t\t)}\n\t\t\t\t</label>\n\t\t\t))}\n\t\t\t{info.overrides.length ? (\n\t\t\t\t<div className=\"flex flex-col gap-1\" data-instance-overrides=\"\">\n\t\t\t\t\t<span className=\"text-muted-foreground\">Overrides</span>\n\t\t\t\t\t{info.overrides.map((o) => (\n\t\t\t\t\t\t<div key={o.id} className=\"flex flex-wrap items-center gap-1\" data-override-layer={o.id}>\n\t\t\t\t\t\t\t<span className=\"mr-1 truncate\">{o.name}</span>\n\t\t\t\t\t\t\t{o.groups.map((g) => (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tkey={g}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"rounded bg-muted px-1 text-[10px]\"\n\t\t\t\t\t\t\t\t\tdata-override-group={g}\n\t\t\t\t\t\t\t\t\ttitle={`Reset ${g}`}\n\t\t\t\t\t\t\t\t\tonClick={() => report(components.resetOverrides(o.id, g))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{g} ×\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<div className=\"flex flex-wrap gap-1\">\n\t\t\t\t{linked ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<button type=\"button\" className={btn} data-action=\"reset\" onClick={() => report(components.resetOverrides(info.id))}>\n\t\t\t\t\t\t\tReset all\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button type=\"button\" className={btn} data-action=\"go-to-main\" onClick={() => components.goToMainComponent(info.id)}>\n\t\t\t\t\t\t\tGo to main\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName={btn}\n\t\t\t\t\t\t\tdata-action=\"push\"\n\t\t\t\t\t\t\tdisabled={info.overrides.length === 0}\n\t\t\t\t\t\t\tonClick={() => report(components.pushOverrides(info.rootId))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tPush changes\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<button type=\"button\" className={btn} data-action=\"restore\" onClick={() => report(components.restoreMainComponent(info.rootId))}>\n\t\t\t\t\t\tRestore main component\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={btn}\n\t\t\t\t\tdata-action=\"detach\"\n\t\t\t\t\tdisabled={info.nested}\n\t\t\t\t\ttitle={info.nested ? 'Detach the outer instance first' : undefined}\n\t\t\t\t\tonClick={() => report(components.detachInstance([info.id]))}\n\t\t\t\t>\n\t\t\t\t\tDetach\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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","names":["import_react","import_react","import_canvas","import_react","import_canvas","import_react","import_canvas","import_react","import_react","import_canvas","import_react","import_canvas","import_react","import_canvas","import_jsx_runtime","import_react","import_canvas","import_canvas","import_canvas","import_jsx_runtime","import_canvas","import_react","import_canvas","import_react","import_canvas","import_canvas","import_jsx_runtime","import_canvas","import_react","import_canvas","import_react","import_canvas","import_jsx_runtime","import_canvas","import_react","import_canvas","import_react","import_canvas","import_jsx_runtime","import_canvas"]}