dishui 0.0.64 → 0.0.65

package/dist/components/pro/Flow/context/FlowUIContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowUIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowUIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState, useRef, useCallback } from 'react';\nimport type { FlowToolMode, FlowEdgeTypeName, FlowShapeType, FlowNodeData, ViewportState } from '../types';\n\nexport interface ContextMenuState {\n  x: number;\n  y: number;\n  nodeId: string | null;\n}\n\n/** Where an editing panel lives: left dock, right dock or a floating overlay. */\nexport type FlowPanelDock = 'left' | 'right' | 'float';\n\nexport interface FocusOnRectOptions {\n  /** Screen-space padding around the focused rectangle, in pixels. */\n  padding?: number;\n  /** Maximum zoom allowed for this focus operation. */\n  maxZoom?: number;\n  /** Viewport transition duration in milliseconds. */\n  duration?: number;\n  /** Keep the current zoom and only animate the focused rectangle to center. */\n  preserveZoom?: boolean;\n}\n\nexport interface FlowUIContextValue {\n  toolMode: FlowToolMode;\n  setToolMode: (mode: FlowToolMode) => void;\n  edgeType: FlowEdgeTypeName;\n  setEdgeType: (type: FlowEdgeTypeName) => void;\n  viewport: ViewportState;\n  setViewport: (v: ViewportState) => void;\n  /** Internal VM→React bridge setter (does not request a VM apply). */\n  setViewportInternal: (v: ViewportState) => void;\n  /** Monotonic counter of external viewport commands. */\n  viewportReqRef: React.MutableRefObject<number>;\n  focusOnRect: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void;\n  setFocusOnRect: (fn: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void) => void;\n  autoFocus: boolean;\n  setAutoFocus: (v: boolean) => void;\n  editingNodeId: string | null;\n  setEditingNodeId: (id: string | null) => void;\n  /** True while any node/line is being dragged. Used to suppress interactive\n   * DOM overlays (e.g. HTML iframes) that would otherwise swallow pointerup. */\n  isNodeDragging: boolean;\n  beginNodeDrag: () => void;\n  endNodeDrag: () => void;\n  showPalette: boolean;\n  setShowPalette: (v: boolean) => void;\n  showInspector: boolean;\n  setShowInspector: (v: boolean) => void;\n  showOutline: boolean;\n  setShowOutline: (v: boolean) => void;\n  showJson: boolean;\n  setShowJson: (v: boolean) => void;\n  showAI: boolean;\n  setShowAI: (v: boolean) => void;\n  showMiniMap: boolean;\n  setShowMiniMap: (v: boolean) => void;\n  showGrid: boolean;\n  setShowGrid: (v: boolean) => void;\n  /** Global editor-only visibility for animation anchor objects. */\n  showAnchors: boolean;\n  setShowAnchors: (v: boolean) => void;\n  gridSize: number;\n  setGridSize: (s: number) => void;\n  /** Placement magnet: when true, stamping a shape snaps it to the canvas grid. */\n  placementSnap: boolean;\n  setPlacementSnap: (v: boolean) => void;\n  pendingPlacement: PendingPlacement | null;\n  setPendingPlacement: (p: PendingPlacement | null) => void;\n  contextMenu: ContextMenuState | null;\n  setContextMenu: (m: ContextMenuState | null) => void;\n  /** Dock assignment per panel id. Panels not listed default to the left\n   * dock; users can move them to the right dock or let them float. */\n  panelDocks: Record<string, FlowPanelDock>;\n  setPanelDock: (tabId: string, dock: FlowPanelDock) => void;\n  /** PPT-style presentation mode. When set, the overlay animates the viewport\n   * between animation anchors, navigable via arrow keys. */\n  presentation: PresentationState | null;\n  setPresentation: (p: PresentationState | null) => void;\n  /** When true, all editing affordances are suppressed (read-only preview). */\n  readOnly: boolean;\n}\n\nexport interface PresentationState {\n  /** Index into the anchor sequence (0-based). */\n  current: number;\n  /** Whether to show the active anchor frame and sequence badge in preview. */\n  showAnchor?: boolean;\n}\n\nexport interface PendingPlacement {\n  type: FlowShapeType;\n  width: number;\n  height: number;\n  data: FlowNodeData;\n}\n\nconst FlowUIContext = createContext<FlowUIContextValue | null>(null);\n\nexport function useFlowUI(): FlowUIContextValue {\n  const ctx = useContext(FlowUIContext);\n  if (!ctx) throw new Error('useFlowUI must be used within FlowUIProvider');\n  return ctx;\n}\n\nexport interface FlowUIProviderProps {\n  showMiniMap?: boolean;\n  showGrid?: boolean;\n  gridSize?: number;\n  showAI?: boolean;\n  /** Suppresses context menu, inline text editing and palette placement.\n   * Document mutations are additionally blocked in `Flow` (single choke point). */\n  readOnly?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowUIProvider({ showMiniMap: initMiniMap = true, showGrid: initGrid = true, gridSize: initGridSize = 20, showAI: initShowAI = true, readOnly = false, children }: FlowUIProviderProps) {\n  const [toolMode, setToolMode] = useState<FlowToolMode>('select');\n  const [edgeType, setEdgeType] = useState<FlowEdgeTypeName>('smoothstep');\n  const [viewport, setViewportState] = useState<ViewportState>({ x: 0, y: 0, zoom: 1 });\n  // Distinguishes EXTERNAL viewport commands (toolbar, minimap, outline) from\n  // internal echoes emitted by the ViewportManager. Only external commands\n  // should be pushed back into the VM; echoing VM changes causes jitter.\n  const viewportReqRef = useRef(0);\n  const setViewport = useCallback((v: ViewportState) => {\n    viewportReqRef.current += 1;\n    setViewportState(v);\n  }, []);\n  // Internal setter used by the VM→React bridge; does NOT bump the request\n  // counter, so the sync effect will not echo it back to the VM.\n  const setViewportInternal = useCallback((v: ViewportState) => {\n    setViewportState(v);\n  }, []);\n  const [autoFocus, setAutoFocus] = useState(false);\n  const [editingNodeId, setEditingNodeIdRaw] = useState<string | null>(null);\n  // In read-only mode the inline node/edge text editor must never open.\n  const setEditingNodeId = useCallback((id: string | null) => {\n    if (readOnly) return;\n    setEditingNodeIdRaw(id);\n  }, [readOnly]);\n  // Counter so concurrent drags (multi-node) don't flip the flag early.\n  const dragCountRef = useRef(0);\n  const [isNodeDragging, setIsNodeDragging] = useState(false);\n  const beginNodeDrag = useCallback(() => {\n    dragCountRef.current += 1;\n    if (!isNodeDragging) setIsNodeDragging(true);\n  }, [isNodeDragging]);\n  const endNodeDrag = useCallback(() => {\n    dragCountRef.current = Math.max(0, dragCountRef.current - 1);\n    if (dragCountRef.current === 0) setIsNodeDragging(false);\n  }, []);\n  const [showPalette, setShowPalette] = useState(true);\n  const [showInspector, setShowInspector] = useState(true);\n  const [showOutline, setShowOutline] = useState(true);\n  const [showJson, setShowJson] = useState(true);\n  const [showAI, setShowAI] = useState(initShowAI);\n  const [showMiniMap, setShowMiniMap] = useState(initMiniMap);\n  const [showGrid, setShowGrid] = useState(initGrid);\n  const [showAnchors, setShowAnchors] = useState(true);\n  const [gridSize, setGridSize] = useState(initGridSize);\n  const [placementSnap, setPlacementSnap] = useState(true);\n  const [pendingPlacement, setPendingPlacementRaw] = useState<PendingPlacement | null>(null);\n  const [contextMenu, setContextMenuRaw] = useState<ContextMenuState | null>(null);\n  // Read-only: palette drops and the right-click menu are editing affordances.\n  const setPendingPlacement = useCallback((p: PendingPlacement | null) => {\n    if (readOnly) return;\n    setPendingPlacementRaw(p);\n  }, [readOnly]);\n  const setContextMenu = useCallback((m: ContextMenuState | null) => {\n    if (readOnly) return;\n    setContextMenuRaw(m);\n  }, [readOnly]);\n  const [presentation, setPresentation] = useState<PresentationState | null>(null);\n  const [panelDocks, setPanelDocks] = useState<Record<string, FlowPanelDock>>({});\n  const setPanelDock = useCallback((tabId: string, dock: FlowPanelDock) => {\n    setPanelDocks(prev => (prev[tabId] === dock ? prev : { ...prev, [tabId]: dock }));\n  }, []);\n\n  const focusOnRectRef = useRef<(wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void>(() => {});\n  const focusOnRect = useCallback((wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => {\n    focusOnRectRef.current(wx, wy, ww, wh, options);\n  }, []);\n  const setFocusOnRect = useCallback((fn: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void) => {\n    focusOnRectRef.current = fn;\n  }, []);\n\n  const value = useMemo<FlowUIContextValue>(() => ({\n    toolMode, setToolMode,\n    edgeType, setEdgeType,\n    viewport, setViewport,\n    setViewportInternal,\n    viewportReqRef,\n    focusOnRect, setFocusOnRect,\n    autoFocus, setAutoFocus,\n    editingNodeId, setEditingNodeId,\n    isNodeDragging, beginNodeDrag, endNodeDrag,\n    showPalette, setShowPalette,\n    showInspector, setShowInspector,\n    showOutline, setShowOutline,\n    showJson, setShowJson,\n    showAI, setShowAI,\n    showMiniMap, setShowMiniMap,\n    showGrid, setShowGrid,\n    showAnchors, setShowAnchors,\n    gridSize, setGridSize,\n    placementSnap, setPlacementSnap,\n    pendingPlacement, setPendingPlacement,\n    contextMenu, setContextMenu,\n    presentation, setPresentation,\n    panelDocks, setPanelDock,\n    readOnly,\n  }), [toolMode, edgeType, viewport, autoFocus, editingNodeId, isNodeDragging, beginNodeDrag, endNodeDrag, showPalette, showInspector, showOutline, showJson, showAI, showMiniMap, showGrid, showAnchors, gridSize, placementSnap, pendingPlacement, contextMenu, presentation, panelDocks, setPanelDock, readOnly]);\n\n  return <FlowUIContext.Provider value={value}>{children}</FlowUIContext.Provider>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"FlowUIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowUIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState, useRef, useCallback } from 'react';\nimport type { FlowToolMode, FlowEdgeTypeName, FlowShapeType, FlowNodeData, ViewportState } from '../types';\n\nexport interface ContextMenuState {\n  x: number;\n  y: number;\n  nodeId: string | null;\n}\n\n/** Where an editing panel lives: left dock, right dock or a floating overlay. */\nexport type FlowPanelDock = 'left' | 'right' | 'float';\n\nexport interface FocusOnRectOptions {\n  /** Screen-space padding around the focused rectangle, in pixels. */\n  padding?: number;\n  /** Maximum zoom allowed for this focus operation. */\n  maxZoom?: number;\n  /** Viewport transition duration in milliseconds. */\n  duration?: number;\n  /** Keep the current zoom and only animate the focused rectangle to center. */\n  preserveZoom?: boolean;\n}\n\nexport interface FlowUIContextValue {\n  toolMode: FlowToolMode;\n  setToolMode: (mode: FlowToolMode) => void;\n  edgeType: FlowEdgeTypeName;\n  setEdgeType: (type: FlowEdgeTypeName) => void;\n  viewport: ViewportState;\n  setViewport: (v: ViewportState) => void;\n  /** Internal VM→React bridge setter (does not request a VM apply). */\n  setViewportInternal: (v: ViewportState) => void;\n  /** Monotonic counter of external viewport commands. */\n  viewportReqRef: React.MutableRefObject<number>;\n  focusOnRect: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void;\n  setFocusOnRect: (fn: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void) => void;\n  autoFocus: boolean;\n  setAutoFocus: (v: boolean) => void;\n  editingNodeId: string | null;\n  setEditingNodeId: (id: string | null) => void;\n  /** True while any node/line is being dragged. Used to suppress interactive\n   * DOM overlays (e.g. HTML iframes) that would otherwise swallow pointerup. */\n  isNodeDragging: boolean;\n  beginNodeDrag: () => void;\n  endNodeDrag: () => void;\n  showPalette: boolean;\n  setShowPalette: (v: boolean) => void;\n  showInspector: boolean;\n  setShowInspector: (v: boolean) => void;\n  showOutline: boolean;\n  setShowOutline: (v: boolean) => void;\n  showJson: boolean;\n  setShowJson: (v: boolean) => void;\n  showAI: boolean;\n  setShowAI: (v: boolean) => void;\n  showMiniMap: boolean;\n  setShowMiniMap: (v: boolean) => void;\n  showGrid: boolean;\n  setShowGrid: (v: boolean) => void;\n  /** Global editor-only visibility for animation anchor objects. */\n  showAnchors: boolean;\n  setShowAnchors: (v: boolean) => void;\n  gridSize: number;\n  setGridSize: (s: number) => void;\n  /** Placement magnet: when true, stamping a shape snaps it to the canvas grid. */\n  placementSnap: boolean;\n  setPlacementSnap: (v: boolean) => void;\n  pendingPlacement: PendingPlacement | null;\n  setPendingPlacement: (p: PendingPlacement | null) => void;\n  contextMenu: ContextMenuState | null;\n  setContextMenu: (m: ContextMenuState | null) => void;\n  /** Dock assignment per panel id. Panels not listed default to the left\n   * dock; users can move them to the right dock or let them float. */\n  panelDocks: Record<string, FlowPanelDock>;\n  setPanelDock: (tabId: string, dock: FlowPanelDock) => void;\n  /** PPT-style presentation mode. When set, the overlay animates the viewport\n   * between animation anchors, navigable via arrow keys. */\n  presentation: PresentationState | null;\n  setPresentation: (p: PresentationState | null) => void;\n  /** When true, all editing affordances are suppressed (read-only preview). */\n  readOnly: boolean;\n}\n\nexport interface PresentationState {\n  /** Index into the anchor sequence (0-based). */\n  current: number;\n  /** Whether to show the active anchor frame and sequence badge in preview. */\n  showAnchor?: boolean;\n}\n\nexport interface PendingPlacement {\n  type: FlowShapeType;\n  width: number;\n  height: number;\n  data: FlowNodeData;\n}\n\nconst FlowUIContext = createContext<FlowUIContextValue | null>(null);\n\nexport function useFlowUI(): FlowUIContextValue {\n  const ctx = useContext(FlowUIContext);\n  if (!ctx) throw new Error('useFlowUI must be used within FlowUIProvider');\n  return ctx;\n}\n\nexport interface FlowUIProviderProps {\n  showMiniMap?: boolean;\n  showGrid?: boolean;\n  gridSize?: number;\n  showAI?: boolean;\n  /** Suppresses context menu, inline text editing and palette placement.\n   * Document mutations are additionally blocked in `Flow` (single choke point). */\n  readOnly?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowUIProvider({ showMiniMap: initMiniMap = true, showGrid: initGrid = true, gridSize: initGridSize = 20, showAI: initShowAI = true, readOnly = false, children }: FlowUIProviderProps) {\n  const [toolMode, setToolMode] = useState<FlowToolMode>('select');\n  const [edgeType, setEdgeType] = useState<FlowEdgeTypeName>('smoothstep');\n  const [viewport, setViewportState] = useState<ViewportState>({ x: 0, y: 0, zoom: 1 });\n  // Distinguishes EXTERNAL viewport commands (toolbar, minimap, outline) from\n  // internal echoes emitted by the ViewportManager. Only external commands\n  // should be pushed back into the VM; echoing VM changes causes jitter.\n  const viewportReqRef = useRef(0);\n  const setViewport = useCallback((v: ViewportState) => {\n    viewportReqRef.current += 1;\n    setViewportState(v);\n  }, []);\n  // Internal setter used by the VM→React bridge; does NOT bump the request\n  // counter, so the sync effect will not echo it back to the VM.\n  const setViewportInternal = useCallback((v: ViewportState) => {\n    setViewportState(v);\n  }, []);\n  const [autoFocus, setAutoFocus] = useState(false);\n  const [editingNodeId, setEditingNodeIdRaw] = useState<string | null>(null);\n  // In read-only mode the inline node/edge text editor must never open.\n  const setEditingNodeId = useCallback((id: string | null) => {\n    if (readOnly) return;\n    setEditingNodeIdRaw(id);\n  }, [readOnly]);\n  // Counter so concurrent drags (multi-node) don't flip the flag early.\n  const dragCountRef = useRef(0);\n  const [isNodeDragging, setIsNodeDragging] = useState(false);\n  const beginNodeDrag = useCallback(() => {\n    dragCountRef.current += 1;\n    if (!isNodeDragging) setIsNodeDragging(true);\n  }, [isNodeDragging]);\n  const endNodeDrag = useCallback(() => {\n    dragCountRef.current = Math.max(0, dragCountRef.current - 1);\n    if (dragCountRef.current === 0) setIsNodeDragging(false);\n  }, []);\n  const [showPalette, setShowPalette] = useState(true);\n  const [showInspector, setShowInspector] = useState(true);\n  const [showOutline, setShowOutline] = useState(true);\n  const [showJson, setShowJson] = useState(true);\n  const [showAI, setShowAI] = useState(initShowAI);\n  const [showMiniMap, setShowMiniMap] = useState(initMiniMap);\n  const [showGrid, setShowGrid] = useState(initGrid);\n  const [showAnchors, setShowAnchors] = useState(true);\n  const [gridSize, setGridSize] = useState(initGridSize);\n  const [placementSnap, setPlacementSnap] = useState(true);\n  const [pendingPlacement, setPendingPlacementRaw] = useState<PendingPlacement | null>(null);\n  const [contextMenu, setContextMenuRaw] = useState<ContextMenuState | null>(null);\n  // Read-only: palette drops and the right-click menu are editing affordances.\n  const setPendingPlacement = useCallback((p: PendingPlacement | null) => {\n    if (readOnly) return;\n    setPendingPlacementRaw(p);\n  }, [readOnly]);\n  const setContextMenu = useCallback((m: ContextMenuState | null) => {\n    if (readOnly) return;\n    setContextMenuRaw(m);\n  }, [readOnly]);\n  const [presentation, setPresentation] = useState<PresentationState | null>(null);\n  const [panelDocks, setPanelDocks] = useState<Record<string, FlowPanelDock>>({});\n  const setPanelDock = useCallback((tabId: string, dock: FlowPanelDock) => {\n    setPanelDocks(prev => (prev[tabId] === dock ? prev : { ...prev, [tabId]: dock }));\n  }, []);\n\n  const focusOnRectRef = useRef<(wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void>(() => {});\n  const focusOnRect = useCallback((wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => {\n    focusOnRectRef.current(wx, wy, ww, wh, options);\n  }, []);\n  const setFocusOnRect = useCallback((fn: (wx: number, wy: number, ww: number, wh: number, options?: FocusOnRectOptions) => void) => {\n    focusOnRectRef.current = fn;\n  }, []);\n\n  const value = useMemo<FlowUIContextValue>(() => ({\n    toolMode, setToolMode,\n    edgeType, setEdgeType,\n    viewport, setViewport,\n    setViewportInternal,\n    viewportReqRef,\n    focusOnRect, setFocusOnRect,\n    autoFocus, setAutoFocus,\n    editingNodeId, setEditingNodeId,\n    isNodeDragging, beginNodeDrag, endNodeDrag,\n    showPalette, setShowPalette,\n    showInspector, setShowInspector,\n    showOutline, setShowOutline,\n    showJson, setShowJson,\n    showAI, setShowAI,\n    showMiniMap, setShowMiniMap,\n    showGrid, setShowGrid,\n    showAnchors, setShowAnchors,\n    gridSize, setGridSize,\n    placementSnap, setPlacementSnap,\n    pendingPlacement, setPendingPlacement,\n    contextMenu, setContextMenu,\n    presentation, setPresentation,\n    panelDocks, setPanelDock,\n    readOnly,\n  }), [toolMode, edgeType, viewport, autoFocus, editingNodeId, isNodeDragging, beginNodeDrag, endNodeDrag, showPalette, showInspector, showOutline, showJson, showAI, showMiniMap, showGrid, showAnchors, gridSize, placementSnap, pendingPlacement, contextMenu, presentation, panelDocks, setPanelDock, readOnly]);\n\n  return <FlowUIContext.Provider value={value}>{children}</FlowUIContext.Provider>;\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/edges/EdgeRenderer.js

@@ -1,13 +1,13 @@
-import { resolveThemeColor as E } from "../utils/themeColor.js";
-import { drawDashedPath as y } from "../utils/dashedLine.js";
-import { buildEdgePath as T, getPathCenter as B, resolveEdgeEndpoints as M } from "./edgePaths.js";
-import { angleBetween as k, drawMarker as _ } from "./edgeMarkers.js";
-import { Container as v, Graphics as x, Text as L, TextStyle as O } from "pixi.js";
-function P(e, l, a = 2) {
+import { resolveThemeColor as _ } from "../utils/themeColor.js";
+import { drawDashedPath as x } from "../utils/dashedLine.js";
+import { buildEdgePath as v, getPathCenter as E, resolveEdgeEndpoints as T } from "./edgePaths.js";
+import { angleBetween as C, drawMarker as w } from "./edgeMarkers.js";
+import { Container as k, Graphics as u, Text as B, TextStyle as M } from "pixi.js";
+function L(e, l, a = 2) {
   if (!(!e || e === "solid"))
     return e === "dynamic" ? [a * 4, a * 3] : [e === "dotted" ? a : a * 3, l === "dense" ? a : l === "sparse" ? a * 4 : a * 2];
 }
-var R = class {
+var F = class {
   world;
   edgeLayer;
   edges = /* @__PURE__ */ new Map();
@@ -16,84 +16,84 @@ var R = class {
     this._dynamicOffset = (this._dynamicOffset + e * 0.06) % 1e3;
   }
   constructor(e) {
-    this.world = e, this.edgeLayer = new v({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
+    this.world = e, this.edgeLayer = new k({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
   }
-  sync(e, l, a, i, c) {
+  sync(e, l, a, i, h) {
     const g = /* @__PURE__ */ new Set();
-    for (const r of e) {
-      g.add(r.id);
-      const t = M(r, l);
+    for (const o of e) {
+      g.add(o.id);
+      const t = T(o, l);
       if (!t) continue;
-      let h = this.edges.get(r.id);
-      h || (h = this._createEdge(r), this.edges.set(r.id, h)), this._updateEdge(h, r, t, a.has(r.id), i === r.id, c?.presentation ?? !1);
+      let f = this.edges.get(o.id);
+      f || (f = this._createEdge(o), this.edges.set(o.id, f)), this._updateEdge(f, o, t, a.has(o.id), i === o.id, h?.presentation ?? !1);
     }
-    for (const [r, t] of this.edges) g.has(r) || (this.edgeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.edges.delete(r));
+    for (const [o, t] of this.edges) g.has(o) || (this.edgeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.edges.delete(o));
   }
   _createEdge(e) {
-    const l = new v({ label: `edge-${e.id}` }), a = new x();
+    const l = new k({ label: `edge-${e.id}` }), a = new u();
     a.label = "edge-hitarea", a.eventMode = "static", a.cursor = "pointer", a.alpha = 0, l.addChild(a);
-    const i = new x();
+    const i = new u();
     i.label = "edge-line", l.addChild(i);
-    const c = new x();
-    return c.label = "edge-animation", l.addChild(c), this.edgeLayer.addChild(l), {
+    const h = new u();
+    return h.label = "edge-animation", l.addChild(h), this.edgeLayer.addChild(l), {
       container: l,
       line: i,
-      animation: c,
+      animation: h,
       hitArea: a,
       labelBg: null,
       label: null,
       edgeId: e.id
     };
   }
-  _updateEdge(e, l, a, i, c, g) {
-    const { line: r, animation: t, hitArea: h } = e, o = l.data, m = i ? "#3b82f6" : E(o.strokeColor, "#374151"), f = o.strokeWidth ?? 2, s = T(l.type, a, o.waypoints, o.bezierControls);
-    if (r.clear(), this._drawPath(r, s, m, f, o.lineStyle, o.dashDensity), t.clear(), g && o.animated) {
-      const n = [Math.max(18, f * 12), Math.max(90, f * 45)];
-      y(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
+  _updateEdge(e, l, a, i, h, g) {
+    const { line: o, animation: t, hitArea: f } = e, r = l.data, y = i ? "#3b82f6" : _(r.strokeColor, "#374151"), m = r.strokeWidth ?? 2, s = v(l.type, a, r.waypoints, r.bezierControls);
+    if (o.clear(), this._drawPath(o, s, y, m, r.lineStyle, r.dashDensity), t.clear(), g && r.animated) {
+      const n = [Math.max(18, m * 12), Math.max(90, m * 45)];
+      x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
         color: 6333946,
-        width: f + 5,
+        width: m + 5,
         alpha: 0.18,
         cap: "round"
-      }), y(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
+      }), x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
         color: 3718648,
-        width: f + 2,
+        width: m + 2,
         alpha: 0.55,
         cap: "round"
-      }), y(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
+      }), x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
         color: 16777215,
-        width: Math.max(1, f * 0.7),
+        width: Math.max(1, m * 0.7),
         alpha: 0.9,
         cap: "round"
       });
     }
-    if (o.markerStart && o.markerStart !== "none" && s.length >= 2) {
-      const n = s[0], d = s[1], b = k(d.type === "C" ? d.cp1x : d.x, d.type === "C" ? d.cp1y : d.y, n.x, n.y);
-      _(r, o.markerStart, n.x, n.y, b, m);
+    if (r.markerStart && r.markerStart !== "none" && s.length >= 2) {
+      const n = s[0], c = s[1], b = c.type === "C" ? c.cp1x : c.x, d = c.type === "C" ? c.cp1y : c.y, p = C(b, d, n.x, n.y);
+      w(o, r.markerStart, n.x, n.y, p, y);
     }
-    if (o.markerEnd && o.markerEnd !== "none" && s.length >= 2) {
-      const n = s[s.length - 1], d = k(n.type === "C" ? n.cp2x : s[s.length - 2].x, n.type === "C" ? n.cp2y : s[s.length - 2].y, n.x, n.y);
-      _(r, o.markerEnd, n.x, n.y, d, m);
+    if (r.markerEnd && r.markerEnd !== "none" && s.length >= 2) {
+      const n = s[s.length - 1], c = n.type === "C" ? n.cp2x : s[s.length - 2].x, b = n.type === "C" ? n.cp2y : s[s.length - 2].y, d = C(c, b, n.x, n.y);
+      w(o, r.markerEnd, n.x, n.y, d, y);
     }
-    if (h.clear(), this._drawPath(h, s, "#000000", Math.max(f + 10, 14), "solid"), h.alpha = 1e-3, o.labelText) {
-      const n = B(s);
+    if (f.clear(), this._drawPath(f, s, "#000000", Math.max(m + 10, 14), "solid"), f.alpha = 1e-3, r.labelText) {
+      const n = E(s);
       if (!e.label) {
-        const p = new x();
-        p.label = "edge-label-bg", e.container.addChild(p), e.labelBg = p;
-        const u = new O({
-          fontFamily: o.labelFontFamily ?? "system-ui, -apple-system, sans-serif",
-          fontSize: o.labelFontSize ?? 12,
-          fill: m
+        const d = new u();
+        d.label = "edge-label-bg", e.container.addChild(d), e.labelBg = d;
+        const p = new M({
+          fontFamily: r.labelFontFamily ?? "system-ui, -apple-system, sans-serif",
+          fontSize: r.labelFontSize ?? 12,
+          fill: y
         });
-        e.label = new L({
-          text: o.labelText,
-          style: u
+        e.label = new B({
+          text: r.labelText,
+          style: p
         }), e.label.anchor.set(0.5, 0.5), e.container.addChild(e.label);
       }
-      e.label.text = o.labelText;
-      const d = n.x, b = n.y - 10;
-      if (e.label.position.set(d, b), e.label.style.fill = m, e.labelBg) {
-        const C = e.label.width + 10, w = e.label.height + 4;
-        e.labelBg.clear(), e.labelBg.roundRect(d - C / 2, b - w / 2, C, w, 4).fill({
+      e.label.text = r.labelText;
+      const c = n.x, b = n.y - 10;
+      if (e.label.position.set(c, b), e.label.style.fill = y, e.labelBg) {
+        const d = e.label.width + 10, p = e.label.height + 4;
+        e.labelBg.clear(), e.labelBg.roundRect(c - d / 2, b - p / 2, d, p, 4).fill({
           color: 16777215,
           alpha: 0.92
         });
@@ -101,15 +101,16 @@ var R = class {
     } else
       e.label && (e.label.text = ""), e.labelBg && e.labelBg.clear();
   }
-  _drawPath(e, l, a, i, c, g) {
-    const r = P(c, g, i);
-    if (r)
-      y(e, l, r, c === "dynamic" ? this._dynamicOffset : 0), e.stroke({
+  _drawPath(e, l, a, i, h, g) {
+    const o = L(h, g, i);
+    if (o) {
+      const t = h === "dynamic" ? this._dynamicOffset : 0;
+      x(e, l, o, t), e.stroke({
         color: a,
         width: i,
         cap: "round"
       });
-    else {
+    } else {
       for (const t of l) switch (t.type) {
         case "M":
           e.moveTo(t.x, t.y);
@@ -122,7 +123,6 @@ var R = class {
           break;
         case "Q":
           e.quadraticCurveTo(t.cp1x, t.cp1y, t.x, t.y);
-          break;
       }
       e.stroke({
         color: a,
@@ -136,7 +136,7 @@ var R = class {
   }
 };
 export {
-  R as EdgeRenderer
+  F as EdgeRenderer
 };
 
 //# sourceMappingURL=EdgeRenderer.js.map

package/dist/components/pro/Flow/edges/EdgeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/EdgeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, TextStyle } from 'pixi.js';\nimport type { FlowEdge, FlowNode } from '../types';\nimport { buildEdgePath, getPathCenter, resolveEdgeEndpoints, type PathSegment, type EdgeEndpoints } from './edgePaths';\nimport { drawMarker, angleBetween } from './edgeMarkers';\nimport { drawDashedPath, type PathSeg } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\ninterface EdgeDisplay {\n  container: Container;\n  line: Graphics;\n  animation: Graphics;\n  hitArea: Graphics;\n  labelBg: Graphics | null;\n  label: Text | null;\n  edgeId: string;\n}\n\nfunction getDashPattern(style?: string, density?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  const base = style === 'dotted' ? width : width * 3;\n  const gap = density === 'dense' ? width : density === 'sparse' ? width * 4 : width * 2;\n  return [base, gap];\n}\n\n/**\n * Manages PixiJS display objects for all edges.\n */\nexport class EdgeRenderer {\n  private world: Container;\n  private edgeLayer: Container;\n  private edges = new Map<string, EdgeDisplay>();\n  private _dynamicOffset = 0;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.edgeLayer = new Container({ label: 'edges' });\n    // Edges below nodes\n    this.world.addChildAt(this.edgeLayer, 0);\n  }\n\n  sync(\n    flowEdges: FlowEdge[],\n    nodeMap: Map<string, FlowNode>,\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    options?: { presentation?: boolean },\n  ): void {\n    const seen = new Set<string>();\n\n    for (const edge of flowEdges) {\n      seen.add(edge.id);\n      const endpoints = resolveEdgeEndpoints(edge, nodeMap);\n      if (!endpoints) continue;\n\n      let display = this.edges.get(edge.id);\n      if (!display) {\n        display = this._createEdge(edge);\n        this.edges.set(edge.id, display);\n      }\n      this._updateEdge(\n        display,\n        edge,\n        endpoints,\n        selectedIds.has(edge.id),\n        hoveredId === edge.id,\n        options?.presentation ?? false,\n      );\n    }\n\n    for (const [id, display] of this.edges) {\n      if (!seen.has(id)) {\n        this.edgeLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.edges.delete(id);\n      }\n    }\n  }\n\n  private _createEdge(edge: FlowEdge): EdgeDisplay {\n    const container = new Container({ label: `edge-${edge.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'edge-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0;\n    container.addChild(hitArea);\n\n    const line = new Graphics();\n    line.label = 'edge-line';\n    container.addChild(line);\n\n    const animation = new Graphics();\n    animation.label = 'edge-animation';\n    container.addChild(animation);\n\n    this.edgeLayer.addChild(container);\n    return { container, line, animation, hitArea, labelBg: null, label: null, edgeId: edge.id };\n  }\n\n  private _updateEdge(\n    display: EdgeDisplay,\n    edge: FlowEdge,\n    endpoints: EdgeEndpoints,\n    selected: boolean,\n    hovered: boolean,\n    presentation: boolean,\n  ): void {\n    const { line, animation, hitArea } = display;\n    const data = edge.data;\n    const color = selected ? '#3b82f6' : resolveThemeColor(data.strokeColor, '#374151');\n    const width = data.strokeWidth ?? 2;\n\n    const segments = buildEdgePath(edge.type, endpoints, data.waypoints, data.bezierControls);\n\n    // Draw visible line\n    line.clear();\n    this._drawPath(line, segments, color, width, data.lineStyle, data.dashDensity);\n\n    // Presentation animation: a bright gradient-like pulse travels from source\n    // to target. A short dashed segment plus soft outer stroke gives the pulse\n    // a leading highlight and fading tail without requiring SVG filters.\n    animation.clear();\n    if (presentation && data.animated) {\n      const pattern = [Math.max(18, width * 12), Math.max(90, width * 45)];\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x60a5fa, width: width + 5, alpha: 0.18, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x38bdf8, width: width + 2, alpha: 0.55, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0xffffff, width: Math.max(1, width * 0.7), alpha: 0.9, cap: 'round' as const });\n    }\n\n    // Draw markers — use curve tangent for accurate arrow direction\n    if (data.markerStart && data.markerStart !== 'none' && segments.length >= 2) {\n      const tip = segments[0];\n      const next = segments[1];\n      // For curves the tangent at t=0 is tip→cp1; for lines it's tip→next\n      const fromX = next.type === 'C' ? next.cp1x! : next.x;\n      const fromY = next.type === 'C' ? next.cp1y! : next.y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerStart, tip.x, tip.y, angle, color);\n    }\n    if (data.markerEnd && data.markerEnd !== 'none' && segments.length >= 2) {\n      const tip = segments[segments.length - 1];\n      // For curves the tangent at t=1 is cp2→endpoint\n      const fromX = tip.type === 'C' ? tip.cp2x! : segments[segments.length - 2].x;\n      const fromY = tip.type === 'C' ? tip.cp2y! : segments[segments.length - 2].y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerEnd, tip.x, tip.y, angle, color);\n    }\n\n    // Wider invisible hit area\n    hitArea.clear();\n    this._drawPath(hitArea, segments, '#000000', Math.max(width + 10, 14), 'solid');\n    hitArea.alpha = 0.001;\n\n    // Edge label\n    if (data.labelText) {\n      const center = getPathCenter(segments);\n      if (!display.label) {\n        // Background chip drawn first so it sits behind the text.\n        const labelBg = new Graphics();\n        labelBg.label = 'edge-label-bg';\n        display.container.addChild(labelBg);\n        display.labelBg = labelBg;\n\n        const style = new TextStyle({\n          fontFamily: data.labelFontFamily ?? 'system-ui, -apple-system, sans-serif',\n          fontSize: data.labelFontSize ?? 12,\n          fill: color,\n        });\n        display.label = new Text({ text: data.labelText, style });\n        display.label.anchor.set(0.5, 0.5);\n        display.container.addChild(display.label);\n      }\n      display.label.text = data.labelText;\n      const lx = center.x;\n      const ly = center.y - 10;\n      display.label.position.set(lx, ly);\n      (display.label.style as TextStyle).fill = color;\n\n      // Draw a rounded background chip behind the label so the line / waypoints\n      // don't show through the text.\n      if (display.labelBg) {\n        const padX = 5;\n        const padY = 2;\n        const tw = display.label.width + padX * 2;\n        const th = display.label.height + padY * 2;\n        display.labelBg.clear();\n        display.labelBg\n          .roundRect(lx - tw / 2, ly - th / 2, tw, th, 4)\n          .fill({ color: 0xffffff, alpha: 0.92 });\n      }\n    } else {\n      if (display.label) display.label.text = '';\n      if (display.labelBg) display.labelBg.clear();\n    }\n  }\n\n  private _drawPath(\n    g: Graphics,\n    segs: PathSegment[],\n    color: string,\n    width: number,\n    lineStyle?: string,\n    dashDensity?: string,\n  ): void {\n    const dash = getDashPattern(lineStyle, dashDensity, width);\n    if (dash) {\n      const offset = lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      drawDashedPath(g, segs as PathSeg[], dash, offset);\n      g.stroke({ color, width, cap: 'round' as const });\n    } else {\n      for (const seg of segs) {\n        switch (seg.type) {\n          case 'M': g.moveTo(seg.x, seg.y); break;\n          case 'L': g.lineTo(seg.x, seg.y); break;\n          case 'C': g.bezierCurveTo(seg.cp1x!, seg.cp1y!, seg.cp2x!, seg.cp2y!, seg.x, seg.y); break;\n          case 'Q': g.quadraticCurveTo(seg.cp1x!, seg.cp1y!, seg.x, seg.y); break;\n        }\n      }\n      g.stroke({ color, width });\n    }\n  }\n\n  destroy(): void {\n    for (const [, display] of this.edges) {\n      display.container.destroy({ children: true });\n    }\n    this.edges.clear();\n    this.edgeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EdgeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/EdgeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, TextStyle } from 'pixi.js';\nimport type { FlowEdge, FlowNode } from '../types';\nimport { buildEdgePath, getPathCenter, resolveEdgeEndpoints, type PathSegment, type EdgeEndpoints } from './edgePaths';\nimport { drawMarker, angleBetween } from './edgeMarkers';\nimport { drawDashedPath, type PathSeg } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\ninterface EdgeDisplay {\n  container: Container;\n  line: Graphics;\n  animation: Graphics;\n  hitArea: Graphics;\n  labelBg: Graphics | null;\n  label: Text | null;\n  edgeId: string;\n}\n\nfunction getDashPattern(style?: string, density?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  const base = style === 'dotted' ? width : width * 3;\n  const gap = density === 'dense' ? width : density === 'sparse' ? width * 4 : width * 2;\n  return [base, gap];\n}\n\n/**\n * Manages PixiJS display objects for all edges.\n */\nexport class EdgeRenderer {\n  private world: Container;\n  private edgeLayer: Container;\n  private edges = new Map<string, EdgeDisplay>();\n  private _dynamicOffset = 0;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.edgeLayer = new Container({ label: 'edges' });\n    // Edges below nodes\n    this.world.addChildAt(this.edgeLayer, 0);\n  }\n\n  sync(\n    flowEdges: FlowEdge[],\n    nodeMap: Map<string, FlowNode>,\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    options?: { presentation?: boolean },\n  ): void {\n    const seen = new Set<string>();\n\n    for (const edge of flowEdges) {\n      seen.add(edge.id);\n      const endpoints = resolveEdgeEndpoints(edge, nodeMap);\n      if (!endpoints) continue;\n\n      let display = this.edges.get(edge.id);\n      if (!display) {\n        display = this._createEdge(edge);\n        this.edges.set(edge.id, display);\n      }\n      this._updateEdge(\n        display,\n        edge,\n        endpoints,\n        selectedIds.has(edge.id),\n        hoveredId === edge.id,\n        options?.presentation ?? false,\n      );\n    }\n\n    for (const [id, display] of this.edges) {\n      if (!seen.has(id)) {\n        this.edgeLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.edges.delete(id);\n      }\n    }\n  }\n\n  private _createEdge(edge: FlowEdge): EdgeDisplay {\n    const container = new Container({ label: `edge-${edge.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'edge-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0;\n    container.addChild(hitArea);\n\n    const line = new Graphics();\n    line.label = 'edge-line';\n    container.addChild(line);\n\n    const animation = new Graphics();\n    animation.label = 'edge-animation';\n    container.addChild(animation);\n\n    this.edgeLayer.addChild(container);\n    return { container, line, animation, hitArea, labelBg: null, label: null, edgeId: edge.id };\n  }\n\n  private _updateEdge(\n    display: EdgeDisplay,\n    edge: FlowEdge,\n    endpoints: EdgeEndpoints,\n    selected: boolean,\n    hovered: boolean,\n    presentation: boolean,\n  ): void {\n    const { line, animation, hitArea } = display;\n    const data = edge.data;\n    const color = selected ? '#3b82f6' : resolveThemeColor(data.strokeColor, '#374151');\n    const width = data.strokeWidth ?? 2;\n\n    const segments = buildEdgePath(edge.type, endpoints, data.waypoints, data.bezierControls);\n\n    // Draw visible line\n    line.clear();\n    this._drawPath(line, segments, color, width, data.lineStyle, data.dashDensity);\n\n    // Presentation animation: a bright gradient-like pulse travels from source\n    // to target. A short dashed segment plus soft outer stroke gives the pulse\n    // a leading highlight and fading tail without requiring SVG filters.\n    animation.clear();\n    if (presentation && data.animated) {\n      const pattern = [Math.max(18, width * 12), Math.max(90, width * 45)];\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x60a5fa, width: width + 5, alpha: 0.18, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x38bdf8, width: width + 2, alpha: 0.55, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0xffffff, width: Math.max(1, width * 0.7), alpha: 0.9, cap: 'round' as const });\n    }\n\n    // Draw markers — use curve tangent for accurate arrow direction\n    if (data.markerStart && data.markerStart !== 'none' && segments.length >= 2) {\n      const tip = segments[0];\n      const next = segments[1];\n      // For curves the tangent at t=0 is tip→cp1; for lines it's tip→next\n      const fromX = next.type === 'C' ? next.cp1x! : next.x;\n      const fromY = next.type === 'C' ? next.cp1y! : next.y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerStart, tip.x, tip.y, angle, color);\n    }\n    if (data.markerEnd && data.markerEnd !== 'none' && segments.length >= 2) {\n      const tip = segments[segments.length - 1];\n      // For curves the tangent at t=1 is cp2→endpoint\n      const fromX = tip.type === 'C' ? tip.cp2x! : segments[segments.length - 2].x;\n      const fromY = tip.type === 'C' ? tip.cp2y! : segments[segments.length - 2].y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerEnd, tip.x, tip.y, angle, color);\n    }\n\n    // Wider invisible hit area\n    hitArea.clear();\n    this._drawPath(hitArea, segments, '#000000', Math.max(width + 10, 14), 'solid');\n    hitArea.alpha = 0.001;\n\n    // Edge label\n    if (data.labelText) {\n      const center = getPathCenter(segments);\n      if (!display.label) {\n        // Background chip drawn first so it sits behind the text.\n        const labelBg = new Graphics();\n        labelBg.label = 'edge-label-bg';\n        display.container.addChild(labelBg);\n        display.labelBg = labelBg;\n\n        const style = new TextStyle({\n          fontFamily: data.labelFontFamily ?? 'system-ui, -apple-system, sans-serif',\n          fontSize: data.labelFontSize ?? 12,\n          fill: color,\n        });\n        display.label = new Text({ text: data.labelText, style });\n        display.label.anchor.set(0.5, 0.5);\n        display.container.addChild(display.label);\n      }\n      display.label.text = data.labelText;\n      const lx = center.x;\n      const ly = center.y - 10;\n      display.label.position.set(lx, ly);\n      (display.label.style as TextStyle).fill = color;\n\n      // Draw a rounded background chip behind the label so the line / waypoints\n      // don't show through the text.\n      if (display.labelBg) {\n        const padX = 5;\n        const padY = 2;\n        const tw = display.label.width + padX * 2;\n        const th = display.label.height + padY * 2;\n        display.labelBg.clear();\n        display.labelBg\n          .roundRect(lx - tw / 2, ly - th / 2, tw, th, 4)\n          .fill({ color: 0xffffff, alpha: 0.92 });\n      }\n    } else {\n      if (display.label) display.label.text = '';\n      if (display.labelBg) display.labelBg.clear();\n    }\n  }\n\n  private _drawPath(\n    g: Graphics,\n    segs: PathSegment[],\n    color: string,\n    width: number,\n    lineStyle?: string,\n    dashDensity?: string,\n  ): void {\n    const dash = getDashPattern(lineStyle, dashDensity, width);\n    if (dash) {\n      const offset = lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      drawDashedPath(g, segs as PathSeg[], dash, offset);\n      g.stroke({ color, width, cap: 'round' as const });\n    } else {\n      for (const seg of segs) {\n        switch (seg.type) {\n          case 'M': g.moveTo(seg.x, seg.y); break;\n          case 'L': g.lineTo(seg.x, seg.y); break;\n          case 'C': g.bezierCurveTo(seg.cp1x!, seg.cp1y!, seg.cp2x!, seg.cp2y!, seg.x, seg.y); break;\n          case 'Q': g.quadraticCurveTo(seg.cp1x!, seg.cp1y!, seg.x, seg.y); break;\n        }\n      }\n      g.stroke({ color, width });\n    }\n  }\n\n  destroy(): void {\n    for (const [, display] of this.edges) {\n      display.container.destroy({ children: true });\n    }\n    this.edges.clear();\n    this.edgeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  /**\n   * Duplicate the current selection in place (Cmd/Ctrl+D). Unlike copy+paste\n   * this does NOT touch the clipboard, so a prior copy stays intact. Clones the\n   * selected nodes (plus edges wholly between them) and lines with a small\n   * offset, then selects the clones.\n   */\n  const duplicate = useCallback((\n    offsetX = 24,\n    offsetY = 24,\n    targets?: { nodeIds?: Set<string>; edgeIds?: Set<string>; lineIds?: Set<string> },\n  ) => {\n    const nodeSel = targets?.nodeIds ?? selection.nodeIds;\n    const edgeSel = targets?.edgeIds ?? selection.edgeIds;\n    const lineSel = targets?.lineIds ?? selection.lineIds;\n    const nodes = currentCanvas.nodes.filter(n => nodeSel.has(n.id));\n    const lines = currentCanvas.lines.filter(l => lineSel.has(l.id));\n    const nodeIdSet = new Set(nodes.map(n => n.id));\n    const edges = currentCanvas.edges.filter(e =>\n      edgeSel.has(e.id) ||\n      (nodeIdSet.has(e.source) && nodeIdSet.has(e.target)),\n    );\n    if (nodes.length === 0 && lines.length === 0 && edges.length === 0) return;\n\n    const idMap = new Map<string, string>();\n    // Assign fresh ids to nodes first so intra-selection edges can be remapped.\n    const newNodes: FlowNode[] = nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return { ...n, id: newId, position: { x: n.position.x + offsetX, y: n.position.y + offsetY }, data: { ...n.data } };\n    });\n    // Re-parent cloned children onto cloned groups when both were duplicated.\n    for (const n of newNodes) {\n      if (n.parentId && idMap.has(n.parentId)) n.parentId = idMap.get(n.parentId);\n    }\n\n    const newEdges: FlowEdge[] = edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [currentCanvas, selection, setDoc, currentCanvasId, setSelection]);\n\n  return { copy, cut, paste, duplicate, hasClipboard };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  /**\n   * Duplicate the current selection in place (Cmd/Ctrl+D). Unlike copy+paste\n   * this does NOT touch the clipboard, so a prior copy stays intact. Clones the\n   * selected nodes (plus edges wholly between them) and lines with a small\n   * offset, then selects the clones.\n   */\n  const duplicate = useCallback((\n    offsetX = 24,\n    offsetY = 24,\n    targets?: { nodeIds?: Set<string>; edgeIds?: Set<string>; lineIds?: Set<string> },\n  ) => {\n    const nodeSel = targets?.nodeIds ?? selection.nodeIds;\n    const edgeSel = targets?.edgeIds ?? selection.edgeIds;\n    const lineSel = targets?.lineIds ?? selection.lineIds;\n    const nodes = currentCanvas.nodes.filter(n => nodeSel.has(n.id));\n    const lines = currentCanvas.lines.filter(l => lineSel.has(l.id));\n    const nodeIdSet = new Set(nodes.map(n => n.id));\n    const edges = currentCanvas.edges.filter(e =>\n      edgeSel.has(e.id) ||\n      (nodeIdSet.has(e.source) && nodeIdSet.has(e.target)),\n    );\n    if (nodes.length === 0 && lines.length === 0 && edges.length === 0) return;\n\n    const idMap = new Map<string, string>();\n    // Assign fresh ids to nodes first so intra-selection edges can be remapped.\n    const newNodes: FlowNode[] = nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return { ...n, id: newId, position: { x: n.position.x + offsetX, y: n.position.y + offsetY }, data: { ...n.data } };\n    });\n    // Re-parent cloned children onto cloned groups when both were duplicated.\n    for (const n of newNodes) {\n      if (n.parentId && idMap.has(n.parentId)) n.parentId = idMap.get(n.parentId);\n    }\n\n    const newEdges: FlowEdge[] = edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [currentCanvas, selection, setDoc, currentCanvasId, setSelection]);\n\n  return { copy, cut, paste, duplicate, hasClipboard };\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useDeleteSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeleteSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDeleteSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\n/**\n * Delete everything selected on the current canvas (nodes, edges, lines).\n *\n * Shared by the Delete/Backspace keyboard shortcut and the on-canvas delete\n * button, so touch devices (no keyboard) get exactly the same behavior,\n * including the multi-node confirmation prompt.\n */\nexport function useDeleteSelection() {\n  const { selection, setSelection, setDoc, currentCanvasId } = useFlowContext();\n\n  return useCallback(() => {\n    const { nodeIds, edgeIds, lineIds } = selection;\n    if (nodeIds.size === 0 && edgeIds.size === 0 && lineIds.size === 0) return;\n    if (nodeIds.size > 1 && !window.confirm(`确定要删除选中的 ${nodeIds.size} 个节点吗？`)) return;\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes\n              .filter(n => !nodeIds.has(n.id))\n              .map(n => n.parentId && nodeIds.has(n.parentId) ? { ...n, parentId: undefined } : n),\n            edges: canvas.edges.filter(e =>\n              !edgeIds.has(e.id) && !nodeIds.has(e.source) && !nodeIds.has(e.target),\n            ),\n            lines: canvas.lines\n              .filter(l => !lineIds.has(l.id))\n              .map(l => l.parentId && nodeIds.has(l.parentId) ? { ...l, parentId: undefined } : l),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, setDoc, currentCanvasId, setSelection]);\n}\n"],"mappings":";;AAUA,SAAgB,IAAqB;AACnC,QAAM,EAAE,WAAA,GAAW,cAAA,GAAc,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AAE5E,SAAO,EAAA,MAAkB;AACvB,UAAM,EAAE,SAAA,GAAS,SAAA,GAAS,SAAA,EAAA,IAAY;AACtC,IAAI,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAC7D,EAAQ,OAAO,KAAK,CAAC,OAAO,QAAQ,YAAY,EAAQ,IAAA,QAAY,MACxE,EAAA,CAAO,MAAQ;AACb,YAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,aAAK,IACE;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,EAAK;AAAA,WACP,CAAA,GAAkB;AAAA,YACjB,GAAG;AAAA,YACH,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,YACrF,OAAO,EAAO,MAAM,OAAA,CAAO,MACzB,CAAC,EAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,CACvE;AAAA,YACA,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,UACvF;AAAA,QACF;AAAA,MACF,IAlBoB;AAAA,IAmBtB,CAAC,GACD,EAAa;AAAA,MAAE,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,IAAE,CAAC;AAAA,EAC7E,GAAG;AAAA,IAAC;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAiB;AAAA,EAAY,CAAC;AACvD"}
+{"version":3,"file":"useDeleteSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDeleteSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\n/**\n * Delete everything selected on the current canvas (nodes, edges, lines).\n *\n * Shared by the Delete/Backspace keyboard shortcut and the on-canvas delete\n * button, so touch devices (no keyboard) get exactly the same behavior,\n * including the multi-node confirmation prompt.\n */\nexport function useDeleteSelection() {\n  const { selection, setSelection, setDoc, currentCanvasId } = useFlowContext();\n\n  return useCallback(() => {\n    const { nodeIds, edgeIds, lineIds } = selection;\n    if (nodeIds.size === 0 && edgeIds.size === 0 && lineIds.size === 0) return;\n    if (nodeIds.size > 1 && !window.confirm(`确定要删除选中的 ${nodeIds.size} 个节点吗？`)) return;\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes\n              .filter(n => !nodeIds.has(n.id))\n              .map(n => n.parentId && nodeIds.has(n.parentId) ? { ...n, parentId: undefined } : n),\n            edges: canvas.edges.filter(e =>\n              !edgeIds.has(e.id) && !nodeIds.has(e.source) && !nodeIds.has(e.target),\n            ),\n            lines: canvas.lines\n              .filter(l => !lineIds.has(l.id))\n              .map(l => l.parentId && nodeIds.has(l.parentId) ? { ...l, parentId: undefined } : l),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, setDoc, currentCanvasId, setSelection]);\n}\n"],"mappings":";;AAUA,SAAgB,IAAqB;AACnC,QAAM,EAAE,WAAA,GAAW,cAAA,GAAc,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AAE5E,SAAO,EAAA,MAAkB;AACvB,UAAM,EAAE,SAAA,GAAS,SAAA,GAAS,SAAA,EAAA,IAAY;AACtC,IAAI,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAC7D,EAAQ,OAAO,KAAK,CAAC,OAAO,QAAQ,YAAY,EAAQ,IAAA,QAAY,MACxE,EAAA,CAAO,MAAQ;AACb,YAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,aAAK,IACE;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,EAAK;AAAA,UACP,CAAA,CAAA,GAAkB;AAAA,YACjB,GAAG;AAAA,YACH,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,YACrF,OAAO,EAAO,MAAM,OAAA,CAAO,MACzB,CAAC,EAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,CACvE;AAAA,YACA,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,UACvF;AAAA,QACF;AAAA,MACF,IAlBoB;AAAA,IAmBtB,CAAC,GACD,EAAa;AAAA,MAAE,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,IAAE,CAAC;AAAA,EAC7E,GAAG;AAAA,IAAC;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAiB;AAAA,EAAY,CAAC;AACvD"}

package/dist/components/pro/Flow/hooks/useEdgeMutations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useEdgeMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowEdge, FlowEdgeData, FlowEdgeTypeName, FlowBezierControl } from '../types';\nimport { DEFAULT_EDGE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\n\nexport function useEdgeMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addEdge = useCallback(\n    (\n      source: string,\n      target: string,\n      type: FlowEdgeTypeName = 'smoothstep',\n      data?: Partial<FlowEdgeData>,\n      sourceHandle?: string,\n      targetHandle?: string,\n    ): string => {\n      const id = generateId('edge');\n      const edge: FlowEdge = {\n        id,\n        source,\n        target,\n        sourceHandle,\n        targetHandle,\n        type,\n        data: { ...DEFAULT_EDGE_DATA, ...data },\n      };\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        // Prevent duplicates\n        const exists = canvas.edges.some(e => e.source === source && e.target === target);\n        if (exists) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, edges: [...canvas.edges, edge] },\n          },\n        };\n      });\n      return id;\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateEdge = useCallback(\n    (id: string, updates: Partial<Pick<FlowEdge, 'type'>> & { data?: Partial<FlowEdgeData> }) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== id) return e;\n                return {\n                  ...e,\n                  ...(updates.type !== undefined ? { type: updates.type } : {}),\n                  data: updates.data ? { ...e.data, ...updates.data } : e.data,\n                };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateWaypoint = useCallback(\n    (edgeId: string, waypointIndex: number, x: number, y: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId || !e.data.waypoints) return e;\n                const wps = [...e.data.waypoints];\n                wps[waypointIndex] = { x, y };\n                return { ...e, data: { ...e.data, waypoints: wps } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const addWaypoint = useCallback(\n    (edgeId: string, x: number, y: number, insertIndex?: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId) return e;\n                const wps = [...(e.data.waypoints ?? [])];\n                const idx = insertIndex ?? wps.length;\n                wps.splice(idx, 0, { x, y });\n                return { ...e, data: { ...e.data, waypoints: wps } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateBezierControl = useCallback(\n    (edgeId: string, segIndex: number, control: FlowBezierControl) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId) return e;\n                const ctrls = [...(e.data.bezierControls ?? [])];\n                while (ctrls.length <= segIndex) ctrls.push(null);\n                ctrls[segIndex] = control;\n                return { ...e, data: { ...e.data, bezierControls: ctrls } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteEdges = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.filter(e => !ids.has(e.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addEdge, updateEdge, updateWaypoint, addWaypoint, updateBezierControl, deleteEdges };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useEdgeMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useEdgeMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowEdge, FlowEdgeData, FlowEdgeTypeName, FlowBezierControl } from '../types';\nimport { DEFAULT_EDGE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\n\nexport function useEdgeMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addEdge = useCallback(\n    (\n      source: string,\n      target: string,\n      type: FlowEdgeTypeName = 'smoothstep',\n      data?: Partial<FlowEdgeData>,\n      sourceHandle?: string,\n      targetHandle?: string,\n    ): string => {\n      const id = generateId('edge');\n      const edge: FlowEdge = {\n        id,\n        source,\n        target,\n        sourceHandle,\n        targetHandle,\n        type,\n        data: { ...DEFAULT_EDGE_DATA, ...data },\n      };\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        // Prevent duplicates\n        const exists = canvas.edges.some(e => e.source === source && e.target === target);\n        if (exists) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, edges: [...canvas.edges, edge] },\n          },\n        };\n      });\n      return id;\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateEdge = useCallback(\n    (id: string, updates: Partial<Pick<FlowEdge, 'type'>> & { data?: Partial<FlowEdgeData> }) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== id) return e;\n                return {\n                  ...e,\n                  ...(updates.type !== undefined ? { type: updates.type } : {}),\n                  data: updates.data ? { ...e.data, ...updates.data } : e.data,\n                };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateWaypoint = useCallback(\n    (edgeId: string, waypointIndex: number, x: number, y: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId || !e.data.waypoints) return e;\n                const wps = [...e.data.waypoints];\n                wps[waypointIndex] = { x, y };\n                return { ...e, data: { ...e.data, waypoints: wps } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const addWaypoint = useCallback(\n    (edgeId: string, x: number, y: number, insertIndex?: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId) return e;\n                const wps = [...(e.data.waypoints ?? [])];\n                const idx = insertIndex ?? wps.length;\n                wps.splice(idx, 0, { x, y });\n                return { ...e, data: { ...e.data, waypoints: wps } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateBezierControl = useCallback(\n    (edgeId: string, segIndex: number, control: FlowBezierControl) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.map(e => {\n                if (e.id !== edgeId) return e;\n                const ctrls = [...(e.data.bezierControls ?? [])];\n                while (ctrls.length <= segIndex) ctrls.push(null);\n                ctrls[segIndex] = control;\n                return { ...e, data: { ...e.data, bezierControls: ctrls } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteEdges = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              edges: canvas.edges.filter(e => !ids.has(e.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addEdge, updateEdge, updateWaypoint, addWaypoint, updateBezierControl, deleteEdges };\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useLayoutActions.js

@@ -1,9 +1,9 @@
-import { useFlowContext as M } from "../context/FlowContext.js";
-import { useCallback as b } from "react";
-function I() {
-  const { setDoc: u, currentCanvasId: h, selection: g, currentCanvas: m } = M();
+import { useFlowContext as b } from "../context/FlowContext.js";
+import { useCallback as w } from "react";
+function k() {
+  const { setDoc: u, currentCanvasId: h, selection: g, currentCanvas: m } = b();
   return {
-    align: b((l) => {
+    align: w((l) => {
       const p = g.nodeIds;
       if (p.size < 2) return;
       const a = m.nodes.filter((t) => p.has(t.id));
@@ -27,7 +27,6 @@ function I() {
           break;
         case "center-v":
           e = a.reduce((t, i) => t + i.position.y + i.height / 2, 0) / a.length;
-          break;
       }
       u((t) => {
         const i = t.canvases[h];
@@ -58,7 +57,6 @@ function I() {
                     break;
                   case "center-v":
                     c = e - o.height / 2;
-                    break;
                 }
                 return {
                   ...o,
@@ -78,7 +76,7 @@ function I() {
       g,
       m
     ]),
-    distribute: b((l) => {
+    distribute: w((l) => {
       const p = g.nodeIds;
       if (p.size < 3) return;
       const a = m.nodes.filter((o) => p.has(o.id));
@@ -147,12 +145,12 @@ function I() {
       g,
       m
     ]),
-    changeZIndex: b((l) => {
+    changeZIndex: w((l) => {
       const p = g.nodeIds, a = g.lineIds;
       p.size === 0 && a.size === 0 || u((e) => {
         const t = e.canvases[h];
         if (!t) return e;
-        const i = t.nodes.map((n) => n.zIndex ?? 0), o = i.length > 0 ? Math.max(...i) : 0, d = i.length > 0 ? Math.min(...i) : 0, c = t.lines.map((n) => n.zIndex ?? 0), f = c.length > 0 ? Math.max(...c) : 0, s = c.length > 0 ? Math.min(...c) : 0, r = (n, x, w) => l === "front" ? x + 1 : l === "back" ? w - 1 : l === "up" ? n + 1 : n - 1;
+        const i = t.nodes.map((n) => n.zIndex ?? 0), o = i.length > 0 ? Math.max(...i) : 0, d = i.length > 0 ? Math.min(...i) : 0, c = t.lines.map((n) => n.zIndex ?? 0), f = c.length > 0 ? Math.max(...c) : 0, s = c.length > 0 ? Math.min(...c) : 0, r = (n, x, M) => l === "front" ? x + 1 : l === "back" ? M - 1 : l === "up" ? n + 1 : n - 1;
         return {
           ...e,
           canvases: {
@@ -179,7 +177,7 @@ function I() {
   };
 }
 export {
-  I as useLayoutActions
+  k as useLayoutActions
 };
 
 //# sourceMappingURL=useLayoutActions.js.map

package/dist/components/pro/Flow/hooks/useLayoutActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutActions.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLayoutActions.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode } from '../types';\n\ntype Align = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom';\ntype Distribute = 'horizontal' | 'vertical';\ntype LayerMode = 'front' | 'back' | 'up' | 'down';\n\nexport function useLayoutActions() {\n  const { setDoc, currentCanvasId, selection, currentCanvas } = useFlowContext();\n\n  const align = useCallback(\n    (direction: Align) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 2) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 2) return;\n\n      let target: number;\n      switch (direction) {\n        case 'left':\n          target = Math.min(...nodes.map(n => n.position.x));\n          break;\n        case 'right':\n          target = Math.max(...nodes.map(n => n.position.x + n.width));\n          break;\n        case 'center-h':\n          target = nodes.reduce((s, n) => s + n.position.x + n.width / 2, 0) / nodes.length;\n          break;\n        case 'top':\n          target = Math.min(...nodes.map(n => n.position.y));\n          break;\n        case 'bottom':\n          target = Math.max(...nodes.map(n => n.position.y + n.height));\n          break;\n        case 'center-v':\n          target = nodes.reduce((s, n) => s + n.position.y + n.height / 2, 0) / nodes.length;\n          break;\n      }\n\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                let newX = n.position.x;\n                let newY = n.position.y;\n                switch (direction) {\n                  case 'left': newX = target; break;\n                  case 'right': newX = target - n.width; break;\n                  case 'center-h': newX = target - n.width / 2; break;\n                  case 'top': newY = target; break;\n                  case 'bottom': newY = target - n.height; break;\n                  case 'center-v': newY = target - n.height / 2; break;\n                }\n                return { ...n, position: { x: newX, y: newY } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const distribute = useCallback(\n    (direction: Distribute) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 3) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 3) return;\n\n      const sorted = [...nodes].sort((a, b) =>\n        direction === 'horizontal'\n          ? a.position.x - b.position.x\n          : a.position.y - b.position.y,\n      );\n\n      const first = sorted[0];\n      const last = sorted[sorted.length - 1];\n\n      if (direction === 'horizontal') {\n        const totalWidth = sorted.reduce((s, n) => s + n.width, 0);\n        const totalSpace = (last.position.x + last.width) - first.position.x - totalWidth;\n        const gap = totalSpace / (sorted.length - 1);\n        let x = first.position.x;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, x);\n          x += n.width + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newX = posMap.get(n.id);\n                  return newX !== undefined ? { ...n, position: { ...n.position, x: newX } } : n;\n                }),\n              },\n            },\n          };\n        });\n      } else {\n        const totalHeight = sorted.reduce((s, n) => s + n.height, 0);\n        const totalSpace = (last.position.y + last.height) - first.position.y - totalHeight;\n        const gap = totalSpace / (sorted.length - 1);\n        let y = first.position.y;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, y);\n          y += n.height + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newY = posMap.get(n.id);\n                  return newY !== undefined ? { ...n, position: { ...n.position, y: newY } } : n;\n                }),\n              },\n            },\n          };\n        });\n      }\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const changeZIndex = useCallback(\n    (mode: LayerMode) => {\n      const nodeIds = selection.nodeIds;\n      const lineIds = selection.lineIds;\n      if (nodeIds.size === 0 && lineIds.size === 0) return;\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        const nodeAllZ = canvas.nodes.map(n => n.zIndex ?? 0);\n        const nodeMaxZ = nodeAllZ.length > 0 ? Math.max(...nodeAllZ) : 0;\n        const nodeMinZ = nodeAllZ.length > 0 ? Math.min(...nodeAllZ) : 0;\n        const lineAllZ = canvas.lines.map(l => l.zIndex ?? 0);\n        const lineMaxZ = lineAllZ.length > 0 ? Math.max(...lineAllZ) : 0;\n        const lineMinZ = lineAllZ.length > 0 ? Math.min(...lineAllZ) : 0;\n        const applyZ = (z: number, maxZ: number, minZ: number) => {\n          if (mode === 'front') return maxZ + 1;\n          if (mode === 'back') return minZ - 1;\n          if (mode === 'up') return z + 1;\n          return z - 1;\n        };\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => nodeIds.has(n.id) ? { ...n, zIndex: applyZ(n.zIndex ?? 0, nodeMaxZ, nodeMinZ) } : n),\n              lines: canvas.lines.map(l => lineIds.has(l.id) ? { ...l, zIndex: applyZ(l.zIndex ?? 0, lineMaxZ, lineMinZ) } : l),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection],\n  );\n\n  return { align, distribute, changeZIndex };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useLayoutActions.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLayoutActions.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode } from '../types';\n\ntype Align = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom';\ntype Distribute = 'horizontal' | 'vertical';\ntype LayerMode = 'front' | 'back' | 'up' | 'down';\n\nexport function useLayoutActions() {\n  const { setDoc, currentCanvasId, selection, currentCanvas } = useFlowContext();\n\n  const align = useCallback(\n    (direction: Align) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 2) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 2) return;\n\n      let target: number;\n      switch (direction) {\n        case 'left':\n          target = Math.min(...nodes.map(n => n.position.x));\n          break;\n        case 'right':\n          target = Math.max(...nodes.map(n => n.position.x + n.width));\n          break;\n        case 'center-h':\n          target = nodes.reduce((s, n) => s + n.position.x + n.width / 2, 0) / nodes.length;\n          break;\n        case 'top':\n          target = Math.min(...nodes.map(n => n.position.y));\n          break;\n        case 'bottom':\n          target = Math.max(...nodes.map(n => n.position.y + n.height));\n          break;\n        case 'center-v':\n          target = nodes.reduce((s, n) => s + n.position.y + n.height / 2, 0) / nodes.length;\n          break;\n      }\n\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                let newX = n.position.x;\n                let newY = n.position.y;\n                switch (direction) {\n                  case 'left': newX = target; break;\n                  case 'right': newX = target - n.width; break;\n                  case 'center-h': newX = target - n.width / 2; break;\n                  case 'top': newY = target; break;\n                  case 'bottom': newY = target - n.height; break;\n                  case 'center-v': newY = target - n.height / 2; break;\n                }\n                return { ...n, position: { x: newX, y: newY } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const distribute = useCallback(\n    (direction: Distribute) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 3) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 3) return;\n\n      const sorted = [...nodes].sort((a, b) =>\n        direction === 'horizontal'\n          ? a.position.x - b.position.x\n          : a.position.y - b.position.y,\n      );\n\n      const first = sorted[0];\n      const last = sorted[sorted.length - 1];\n\n      if (direction === 'horizontal') {\n        const totalWidth = sorted.reduce((s, n) => s + n.width, 0);\n        const totalSpace = (last.position.x + last.width) - first.position.x - totalWidth;\n        const gap = totalSpace / (sorted.length - 1);\n        let x = first.position.x;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, x);\n          x += n.width + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newX = posMap.get(n.id);\n                  return newX !== undefined ? { ...n, position: { ...n.position, x: newX } } : n;\n                }),\n              },\n            },\n          };\n        });\n      } else {\n        const totalHeight = sorted.reduce((s, n) => s + n.height, 0);\n        const totalSpace = (last.position.y + last.height) - first.position.y - totalHeight;\n        const gap = totalSpace / (sorted.length - 1);\n        let y = first.position.y;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, y);\n          y += n.height + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newY = posMap.get(n.id);\n                  return newY !== undefined ? { ...n, position: { ...n.position, y: newY } } : n;\n                }),\n              },\n            },\n          };\n        });\n      }\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const changeZIndex = useCallback(\n    (mode: LayerMode) => {\n      const nodeIds = selection.nodeIds;\n      const lineIds = selection.lineIds;\n      if (nodeIds.size === 0 && lineIds.size === 0) return;\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        const nodeAllZ = canvas.nodes.map(n => n.zIndex ?? 0);\n        const nodeMaxZ = nodeAllZ.length > 0 ? Math.max(...nodeAllZ) : 0;\n        const nodeMinZ = nodeAllZ.length > 0 ? Math.min(...nodeAllZ) : 0;\n        const lineAllZ = canvas.lines.map(l => l.zIndex ?? 0);\n        const lineMaxZ = lineAllZ.length > 0 ? Math.max(...lineAllZ) : 0;\n        const lineMinZ = lineAllZ.length > 0 ? Math.min(...lineAllZ) : 0;\n        const applyZ = (z: number, maxZ: number, minZ: number) => {\n          if (mode === 'front') return maxZ + 1;\n          if (mode === 'back') return minZ - 1;\n          if (mode === 'up') return z + 1;\n          return z - 1;\n        };\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => nodeIds.has(n.id) ? { ...n, zIndex: applyZ(n.zIndex ?? 0, nodeMaxZ, nodeMinZ) } : n),\n              lines: canvas.lines.map(l => lineIds.has(l.id) ? { ...l, zIndex: applyZ(l.zIndex ?? 0, lineMaxZ, lineMinZ) } : l),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection],\n  );\n\n  return { align, distribute, changeZIndex };\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useLineMutations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLineMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLineMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowLine } from '../types';\n\nexport function useLineMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addLine = useCallback(\n    (line: FlowLine) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, lines: [...canvas.lines, line] },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateLine = useCallback(\n    (id: string, updates: Partial<Omit<FlowLine, 'id'>>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.map(l => (l.id === id ? { ...l, ...updates } : l)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteLines = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.filter(l => !ids.has(l.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addLine, updateLine, deleteLines };\n}\n"],"mappings":";;AAIA,SAAgB,IAAmB;AACjC,QAAM,EAAE,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AA2DnD,SAAO;AAAA,IAAE,SAzDO,EAAA,CACb,MAAmB;AAClB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cAAE,GAAG;AAAA,cAAQ,OAAO,CAAC,GAAG,EAAO,OAAO,CAAI;AAAA,YAAE;AAAA,UACjE;AAAA,QACF,IAPoB;AAAA,MAQtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CA2CjB;AAAA,IAAS,YAxCC,EAAA,CAChB,GAAY,MAA2C;AACtD,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,IAAA,CAAI,MAAM,EAAE,OAAO,IAAK;AAAA,gBAAE,GAAG;AAAA,gBAAG,GAAG;AAAA,cAAQ,IAAI,CAAE;AAAA,YACvE;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAuBR;AAAA,IAAY,aApBV,EAAA,CACjB,MAAqB;AACpB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,OAAA,CAAO,MAAK,CAAC,EAAI,IAAI,EAAE,EAAE,CAAC;AAAA,YAChD;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAGI;AAAA,EAAY;AAC5C"}
+{"version":3,"file":"useLineMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLineMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowLine } from '../types';\n\nexport function useLineMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addLine = useCallback(\n    (line: FlowLine) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, lines: [...canvas.lines, line] },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateLine = useCallback(\n    (id: string, updates: Partial<Omit<FlowLine, 'id'>>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.map(l => (l.id === id ? { ...l, ...updates } : l)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteLines = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.filter(l => !ids.has(l.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addLine, updateLine, deleteLines };\n}\n"],"mappings":";;AAIA,SAAgB,IAAmB;AACjC,QAAM,EAAE,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AA2DnD,SAAO;AAAA,IAAE,SAzDO,EAAA,CACb,MAAmB;AAClB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,YACP,CAAA,CAAA,GAAkB;AAAA,cAAE,GAAG;AAAA,cAAQ,OAAO,CAAC,GAAG,EAAO,OAAO,CAAI;AAAA,YAAE;AAAA,UACjE;AAAA,QACF,IAPoB;AAAA,MAQtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CA2CjB;AAAA,IAAS,YAxCC,EAAA,CAChB,GAAY,MAA2C;AACtD,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,YACP,CAAA,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,IAAA,CAAI,MAAM,EAAE,OAAO,IAAK;AAAA,gBAAE,GAAG;AAAA,gBAAG,GAAG;AAAA,cAAQ,IAAI,CAAE;AAAA,YACvE;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAuBR;AAAA,IAAY,aApBV,EAAA,CACjB,MAAqB;AACpB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,YACP,CAAA,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,OAAA,CAAO,MAAK,CAAC,EAAI,IAAI,EAAE,EAAE,CAAC;AAAA,YAChD;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAGI;AAAA,EAAY;AAC5C"}