dishui 0.0.46 → 0.0.48

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

@@ -1,92 +1,95 @@
-import { createContext as ce, useCallback as o, useContext as ie, useMemo as ue, useRef as u, useState as e } from "react";
-import { jsx as ae } from "react/jsx-runtime";
-var G = ce(null);
-function he() {
-  const n = ie(G);
+import { createContext as ae, useCallback as o, useContext as le, useMemo as we, useRef as i, useState as e } from "react";
+import { jsx as de } from "react/jsx-runtime";
+var G = ae(null);
+function fe() {
+  const n = le(G);
   if (!n) throw new Error("useFlowUI must be used within FlowUIProvider");
   return n;
 }
-function ge({ showMiniMap: n = !0, showGrid: b = !0, gridSize: y = 20, children: A }) {
-  const [a, E] = e("select"), [l, V] = e("smoothstep"), [d, w] = e({
+function Se({ showMiniMap: n = !0, showGrid: b = !0, gridSize: y = 20, showAI: E = !0, children: V }) {
+  const [a, J] = e("select"), [l, j] = e("smoothstep"), [w, d] = e({
     x: 0,
     y: 0,
     zoom: 1
-  }), h = u(0), J = o((t) => {
-    h.current += 1, w(t);
-  }, []), j = o((t) => {
-    w(t);
-  }, []), [g, k] = e(!1), [p, q] = e(null), r = u(0), [c, f] = e(!1), S = o(() => {
+  }), h = i(0), k = o((t) => {
+    h.current += 1, d(t);
+  }, []), q = o((t) => {
+    d(t);
+  }, []), [g, B] = e(!1), [p, H] = e(null), r = i(0), [c, f] = e(!1), S = o(() => {
     r.current += 1, c || f(!0);
-  }, [c]), M = o(() => {
+  }, [c]), I = o(() => {
     r.current = Math.max(0, r.current - 1), r.current === 0 && f(!1);
-  }, []), [m, B] = e(!0), [x, H] = e(!0), [I, K] = e(!0), [P, L] = e(!0), [R, Q] = e(n), [F, W] = e(b), [v, X] = e(!0), [C, Y] = e(y), [D, Z] = e(null), [N, _] = e(null), [O, $] = e(null), [T, ee] = e(/* @__PURE__ */ new Set()), U = o((t) => {
-    ee((i) => {
-      const s = new Set(i);
+  }, []), [M, K] = e(!0), [m, L] = e(!0), [x, Q] = e(!0), [P, W] = e(!0), [R, X] = e(E), [F, Y] = e(n), [v, Z] = e(b), [A, _] = e(!0), [C, $] = e(y), [D, ee] = e(null), [N, te] = e(null), [O, oe] = e(null), [T, se] = e(/* @__PURE__ */ new Set()), U = o((t) => {
+    se((u) => {
+      const s = new Set(u);
       return s.has(t) ? s.delete(t) : s.add(t), s;
     });
-  }, []), z = u(() => {
-  }), te = o((t, i, s, ne, re) => {
-    z.current(t, i, s, ne, re);
-  }, []), oe = o((t) => {
+  }, []), z = i(() => {
+  }), ne = o((t, u, s, ue, ie) => {
+    z.current(t, u, s, ue, ie);
+  }, []), re = o((t) => {
     z.current = t;
-  }, []), se = ue(() => ({
+  }, []), ce = we(() => ({
     toolMode: a,
-    setToolMode: E,
+    setToolMode: J,
     edgeType: l,
-    setEdgeType: V,
-    viewport: d,
-    setViewport: J,
-    setViewportInternal: j,
+    setEdgeType: j,
+    viewport: w,
+    setViewport: k,
+    setViewportInternal: q,
     viewportReqRef: h,
-    focusOnRect: te,
-    setFocusOnRect: oe,
+    focusOnRect: ne,
+    setFocusOnRect: re,
     autoFocus: g,
-    setAutoFocus: k,
+    setAutoFocus: B,
     editingNodeId: p,
-    setEditingNodeId: q,
+    setEditingNodeId: H,
     isNodeDragging: c,
     beginNodeDrag: S,
-    endNodeDrag: M,
-    showPalette: m,
-    setShowPalette: B,
-    showInspector: x,
-    setShowInspector: H,
-    showOutline: I,
-    setShowOutline: K,
+    endNodeDrag: I,
+    showPalette: M,
+    setShowPalette: K,
+    showInspector: m,
+    setShowInspector: L,
+    showOutline: x,
+    setShowOutline: Q,
     showJson: P,
-    setShowJson: L,
-    showMiniMap: R,
-    setShowMiniMap: Q,
-    showGrid: F,
-    setShowGrid: W,
-    showAnchors: v,
-    setShowAnchors: X,
+    setShowJson: W,
+    showAI: R,
+    setShowAI: X,
+    showMiniMap: F,
+    setShowMiniMap: Y,
+    showGrid: v,
+    setShowGrid: Z,
+    showAnchors: A,
+    setShowAnchors: _,
     gridSize: C,
-    setGridSize: Y,
+    setGridSize: $,
     pendingPlacement: D,
-    setPendingPlacement: Z,
+    setPendingPlacement: ee,
     contextMenu: N,
-    setContextMenu: _,
+    setContextMenu: te,
     presentation: O,
-    setPresentation: $,
+    setPresentation: oe,
     detachedTabs: T,
     toggleDetach: U
   }), [
     a,
     l,
-    d,
+    w,
     g,
     p,
     c,
     S,
+    I,
     M,
     m,
     x,
-    I,
     P,
     R,
     F,
     v,
+    A,
     C,
     D,
     N,
@@ -94,14 +97,14 @@ function ge({ showMiniMap: n = !0, showGrid: b = !0, gridSize: y = 20, children:
     T,
     U
   ]);
-  return /* @__PURE__ */ ae(G.Provider, {
-    value: se,
-    children: A
+  return /* @__PURE__ */ de(G.Provider, {
+    value: ce,
+    children: V
   });
 }
 export {
-  ge as FlowUIProvider,
-  he as useFlowUI
+  Se as FlowUIProvider,
+  fe as useFlowUI
 };
 
 //# sourceMappingURL=FlowUIContext.js.map

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\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  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  pendingPlacement: PendingPlacement | null;\n  setPendingPlacement: (p: PendingPlacement | null) => void;\n  contextMenu: ContextMenuState | null;\n  setContextMenu: (m: ContextMenuState | null) => void;\n  detachedTabs: Set<string>;\n  toggleDetach: (tabId: string) => 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}\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  children: React.ReactNode;\n}\n\nexport function FlowUIProvider({ showMiniMap: initMiniMap = true, showGrid: initGrid = true, gridSize: initGridSize = 20, 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, setEditingNodeId] = useState<string | null>(null);\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 [showMiniMap, setShowMiniMap] = useState(initMiniMap);\n  const [showGrid, setShowGrid] = useState(initGrid);\n  const [showAnchors, setShowAnchors] = useState(true);\n  const [gridSize, setGridSize] = useState(initGridSize);\n  const [pendingPlacement, setPendingPlacement] = useState<PendingPlacement | null>(null);\n  const [contextMenu, setContextMenu] = useState<ContextMenuState | null>(null);\n  const [presentation, setPresentation] = useState<PresentationState | null>(null);\n  const [detachedTabs, setDetachedTabs] = useState<Set<string>>(new Set());\n  const toggleDetach = useCallback((tabId: string) => {\n    setDetachedTabs(prev => {\n      const next = new Set(prev);\n      if (next.has(tabId)) next.delete(tabId); else next.add(tabId);\n      return next;\n    });\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    showMiniMap, setShowMiniMap,\n    showGrid, setShowGrid,\n    showAnchors, setShowAnchors,\n    gridSize, setGridSize,\n    pendingPlacement, setPendingPlacement,\n    contextMenu, setContextMenu,\n    presentation, setPresentation,\n    detachedTabs, toggleDetach,\n  }), [toolMode, edgeType, viewport, autoFocus, editingNodeId, isNodeDragging, beginNodeDrag, endNodeDrag, showPalette, showInspector, showOutline, showJson, showMiniMap, showGrid, showAnchors, gridSize, pendingPlacement, contextMenu, presentation, detachedTabs, toggleDetach]);\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\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  pendingPlacement: PendingPlacement | null;\n  setPendingPlacement: (p: PendingPlacement | null) => void;\n  contextMenu: ContextMenuState | null;\n  setContextMenu: (m: ContextMenuState | null) => void;\n  detachedTabs: Set<string>;\n  toggleDetach: (tabId: string) => 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}\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  children: React.ReactNode;\n}\n\nexport function FlowUIProvider({ showMiniMap: initMiniMap = true, showGrid: initGrid = true, gridSize: initGridSize = 20, showAI: initShowAI = true, 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, setEditingNodeId] = useState<string | null>(null);\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 [pendingPlacement, setPendingPlacement] = useState<PendingPlacement | null>(null);\n  const [contextMenu, setContextMenu] = useState<ContextMenuState | null>(null);\n  const [presentation, setPresentation] = useState<PresentationState | null>(null);\n  const [detachedTabs, setDetachedTabs] = useState<Set<string>>(new Set());\n  const toggleDetach = useCallback((tabId: string) => {\n    setDetachedTabs(prev => {\n      const next = new Set(prev);\n      if (next.has(tabId)) next.delete(tabId); else next.add(tabId);\n      return next;\n    });\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    pendingPlacement, setPendingPlacement,\n    contextMenu, setContextMenu,\n    presentation, setPresentation,\n    detachedTabs, toggleDetach,\n  }), [toolMode, edgeType, viewport, autoFocus, editingNodeId, isNodeDragging, beginNodeDrag, endNodeDrag, showPalette, showInspector, showOutline, showJson, showAI, showMiniMap, showGrid, showAnchors, gridSize, pendingPlacement, contextMenu, presentation, detachedTabs, toggleDetach]);\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,12 +1,13 @@
-import { buildEdgePath as v, getPathCenter as B, resolveEdgeEndpoints as T } from "./edgePaths.js";
+import { resolveThemeColor as E } from "../utils/themeColor.js";
+import { buildEdgePath as T, getPathCenter as B, resolveEdgeEndpoints as M } from "./edgePaths.js";
 import { angleBetween as k, drawMarker as _ } from "./edgeMarkers.js";
 import { drawDashedPath as y } from "../utils/dashedLine.js";
-import { Container as E, Graphics as x, Text as M, TextStyle as L } from "pixi.js";
-function O(e, l, a = 2) {
+import { Container as v, Graphics as x, Text as L, TextStyle as O } from "pixi.js";
+function P(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 F = class {
+var R = class {
   world;
   edgeLayer;
   edges = /* @__PURE__ */ new Map();
@@ -15,13 +16,13 @@ var F = class {
     this._dynamicOffset = (this._dynamicOffset + e * 0.06) % 1e3;
   }
   constructor(e) {
-    this.world = e, this.edgeLayer = new E({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
+    this.world = e, this.edgeLayer = new v({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
   }
   sync(e, l, a, i, c) {
     const g = /* @__PURE__ */ new Set();
     for (const r of e) {
       g.add(r.id);
-      const t = T(r, l);
+      const t = M(r, 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);
@@ -29,7 +30,7 @@ var F = class {
     for (const [r, t] of this.edges) g.has(r) || (this.edgeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.edges.delete(r));
   }
   _createEdge(e) {
-    const l = new E({ label: `edge-${e.id}` }), a = new x();
+    const l = new v({ label: `edge-${e.id}` }), a = new x();
     a.label = "edge-hitarea", a.eventMode = "static", a.cursor = "pointer", a.alpha = 0, l.addChild(a);
     const i = new x();
     i.label = "edge-line", l.addChild(i);
@@ -45,8 +46,8 @@ var F = class {
     };
   }
   _updateEdge(e, l, a, i, c, g) {
-    const { line: r, animation: t, hitArea: h } = e, o = l.data, b = i ? "#3b82f6" : o.strokeColor ?? "#374151", f = o.strokeWidth ?? 2, s = v(l.type, a, o.waypoints, o.bezierControls);
-    if (r.clear(), this._drawPath(r, s, b, f, o.lineStyle, o.dashDensity), t.clear(), g && o.animated) {
+    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({
         color: 6333946,
@@ -66,33 +67,33 @@ var F = class {
       });
     }
     if (o.markerStart && o.markerStart !== "none" && s.length >= 2) {
-      const n = s[0], d = s[1], m = 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, m, b);
+      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 (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, b);
+      _(r, o.markerEnd, n.x, n.y, d, m);
     }
     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 (!e.label) {
         const p = new x();
         p.label = "edge-label-bg", e.container.addChild(p), e.labelBg = p;
-        const u = new L({
+        const u = new O({
           fontFamily: o.labelFontFamily ?? "system-ui, -apple-system, sans-serif",
           fontSize: o.labelFontSize ?? 12,
-          fill: b
+          fill: m
         });
-        e.label = new M({
+        e.label = new L({
           text: o.labelText,
           style: u
         }), e.label.anchor.set(0.5, 0.5), e.container.addChild(e.label);
       }
       e.label.text = o.labelText;
-      const d = n.x, m = n.y - 10;
-      if (e.label.position.set(d, m), e.label.style.fill = b, e.labelBg) {
-        const w = e.label.width + 10, C = e.label.height + 4;
-        e.labelBg.clear(), e.labelBg.roundRect(d - w / 2, m - C / 2, w, C, 4).fill({
+      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({
           color: 16777215,
           alpha: 0.92
         });
@@ -101,7 +102,7 @@ var F = class {
       e.label && (e.label.text = ""), e.labelBg && e.labelBg.clear();
   }
   _drawPath(e, l, a, i, c, g) {
-    const r = O(c, g, i);
+    const r = P(c, g, i);
     if (r)
       y(e, l, r, c === "dynamic" ? this._dynamicOffset : 0), e.stroke({
         color: a,
@@ -135,7 +136,7 @@ var F = class {
   }
 };
 export {
-  F as EdgeRenderer
+  R 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';\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' : (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/useFlowImportExport.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Sanitize a project title into a safe file base name, falling back to a
+ * default when empty. Shared by all export paths so filenames stay consistent.
+ */
+export declare function safeFileBaseName(title: string | undefined, fallback?: string): string;
 /**
  * Serialize/deserialize FlowDocument to/from JSON.
  * Also includes Mermaid flowchart import.
@@ -6,6 +11,7 @@ export declare function useFlowImportExport(): {
     exportJSON: () => string;
     importJSON: (json: string) => void;
     importMermaid: (mermaidCode: string) => void;
+    exportMarkdown: () => string;
     clearDocument: () => void;
 };
 /**