dishui 0.0.59 → 0.0.61

package/dist/components/pro/Flow/context/FlowUIContext.d.ts

@@ -58,6 +58,9 @@ export interface FlowUIContextValue {
     setShowAnchors: (v: boolean) => void;
     gridSize: number;
     setGridSize: (s: number) => void;
+    /** Placement magnet: when true, stamping a shape snaps it to the canvas grid. */
+    placementSnap: boolean;
+    setPlacementSnap: (v: boolean) => void;
     pendingPlacement: PendingPlacement | null;
     setPendingPlacement: (p: PendingPlacement | null) => void;
     contextMenu: ContextMenuState | null;

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

@@ -1,84 +1,86 @@
-import { createContext as dt, useCallback as o, useContext as ft, useMemo as gt, useRef as w, useState as t } from "react";
-import { jsx as pt } from "react/jsx-runtime";
-var T = dt(null);
-function St() {
-  const c = ft(T);
+import { createContext as gt, useCallback as o, useContext as pt, useMemo as St, useRef as w, useState as t } from "react";
+import { jsx as mt } from "react/jsx-runtime";
+var V = gt(null);
+function Rt() {
+  const c = pt(V);
   if (!c) throw new Error("useFlowUI must be used within FlowUIProvider");
   return c;
 }
-function mt({ showMiniMap: c = !0, showGrid: V = !0, gridSize: b = 20, showAI: J = !0, readOnly: s = !1, children: j }) {
-  const [a, q] = t("select"), [l, B] = t("smoothstep"), [h, d] = t({
+function xt({ showMiniMap: c = !0, showGrid: b = !0, gridSize: J = 20, showAI: j = !0, readOnly: s = !1, children: q }) {
+  const [a, B] = t("select"), [l, H] = t("smoothstep"), [h, d] = t({
     x: 0,
     y: 0,
     zoom: 1
-  }), f = w(0), H = o((e) => {
+  }), f = w(0), K = o((e) => {
     f.current += 1, d(e);
-  }, []), K = o((e) => {
+  }, []), L = o((e) => {
     d(e);
-  }, []), [g, L] = t(!1), [p, Q] = t(null), W = o((e) => {
-    s || Q(e);
-  }, [s]), r = w(0), [i, I] = t(!1), M = o(() => {
-    r.current += 1, i || I(!0);
-  }, [i]), P = o(() => {
-    r.current = Math.max(0, r.current - 1), r.current === 0 && I(!1);
-  }, []), [S, X] = t(!0), [m, Y] = t(!0), [R, Z] = t(!0), [x, _] = t(!0), [F, $] = t(J), [C, O] = t(c), [D, y] = t(V), [N, tt] = t(!0), [A, et] = t(b), [v, ot] = t(null), [U, st] = t(null), nt = o((e) => {
-    s || ot(e);
-  }, [s]), ct = o((e) => {
-    s || st(e);
-  }, [s]), [z, rt] = t(null), [E, it] = t({}), G = o((e, u) => {
-    it((n) => n[e] === u ? n : {
+  }, []), [g, Q] = t(!1), [p, W] = t(null), X = o((e) => {
+    s || W(e);
+  }, [s]), r = w(0), [i, S] = t(!1), m = o(() => {
+    r.current += 1, i || S(!0);
+  }, [i]), I = o(() => {
+    r.current = Math.max(0, r.current - 1), r.current === 0 && S(!1);
+  }, []), [P, Y] = t(!0), [M, Z] = t(!0), [R, _] = t(!0), [x, $] = t(!0), [F, O] = t(j), [C, y] = t(c), [D, tt] = t(b), [N, et] = t(!0), [A, ot] = t(J), [v, st] = t(!0), [U, nt] = t(null), [z, ct] = t(null), rt = o((e) => {
+    s || nt(e);
+  }, [s]), it = o((e) => {
+    s || ct(e);
+  }, [s]), [E, ut] = t(null), [G, wt] = t({}), k = o((e, u) => {
+    wt((n) => n[e] === u ? n : {
       ...n,
       [e]: u
     });
-  }, []), k = w(() => {
-  }), ut = o((e, u, n, lt, ht) => {
-    k.current(e, u, n, lt, ht);
-  }, []), wt = o((e) => {
-    k.current = e;
-  }, []), at = gt(() => ({
+  }, []), T = w(() => {
+  }), at = o((e, u, n, dt, ft) => {
+    T.current(e, u, n, dt, ft);
+  }, []), lt = o((e) => {
+    T.current = e;
+  }, []), ht = St(() => ({
     toolMode: a,
-    setToolMode: q,
+    setToolMode: B,
     edgeType: l,
-    setEdgeType: B,
+    setEdgeType: H,
     viewport: h,
-    setViewport: H,
-    setViewportInternal: K,
+    setViewport: K,
+    setViewportInternal: L,
     viewportReqRef: f,
-    focusOnRect: ut,
-    setFocusOnRect: wt,
+    focusOnRect: at,
+    setFocusOnRect: lt,
     autoFocus: g,
-    setAutoFocus: L,
+    setAutoFocus: Q,
     editingNodeId: p,
-    setEditingNodeId: W,
+    setEditingNodeId: X,
     isNodeDragging: i,
-    beginNodeDrag: M,
-    endNodeDrag: P,
-    showPalette: S,
-    setShowPalette: X,
-    showInspector: m,
-    setShowInspector: Y,
+    beginNodeDrag: m,
+    endNodeDrag: I,
+    showPalette: P,
+    setShowPalette: Y,
+    showInspector: M,
+    setShowInspector: Z,
     showOutline: R,
-    setShowOutline: Z,
+    setShowOutline: _,
     showJson: x,
-    setShowJson: _,
+    setShowJson: $,
     showAI: F,
-    setShowAI: $,
+    setShowAI: O,
     showMiniMap: C,
-    setShowMiniMap: O,
+    setShowMiniMap: y,
     showGrid: D,
-    setShowGrid: y,
+    setShowGrid: tt,
     showAnchors: N,
-    setShowAnchors: tt,
+    setShowAnchors: et,
     gridSize: A,
-    setGridSize: et,
-    pendingPlacement: v,
-    setPendingPlacement: nt,
-    contextMenu: U,
-    setContextMenu: ct,
-    presentation: z,
-    setPresentation: rt,
-    panelDocks: E,
-    setPanelDock: G,
+    setGridSize: ot,
+    placementSnap: v,
+    setPlacementSnap: st,
+    pendingPlacement: U,
+    setPendingPlacement: rt,
+    contextMenu: z,
+    setContextMenu: it,
+    presentation: E,
+    setPresentation: ut,
+    panelDocks: G,
+    setPanelDock: k,
     readOnly: s
   }), [
     a,
@@ -87,10 +89,10 @@ function mt({ showMiniMap: c = !0, showGrid: V = !0, gridSize: b = 20, showAI: J
     g,
     p,
     i,
-    M,
-    P,
-    S,
     m,
+    I,
+    P,
+    M,
     R,
     x,
     F,
@@ -103,16 +105,17 @@ function mt({ showMiniMap: c = !0, showGrid: V = !0, gridSize: b = 20, showAI: J
     z,
     E,
     G,
+    k,
     s
   ]);
-  return /* @__PURE__ */ pt(T.Provider, {
-    value: at,
-    children: j
+  return /* @__PURE__ */ mt(V.Provider, {
+    value: ht,
+    children: q
   });
 }
 export {
-  mt as FlowUIProvider,
-  St as useFlowUI
+  xt as FlowUIProvider,
+  Rt 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\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  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 [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    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, 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,7 +1,7 @@
 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 { drawDashedPath as y } from "../utils/dashedLine.js";
 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"))