dishui 0.0.65 → 0.0.66

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

@@ -1 +1 @@
-{"version":3,"file":"FlowAIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowAIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from 'react';\nimport type { FlowAIConfig } from '../types';\n\nexport interface FlowAIContextValue {\n  aiConfig: FlowAIConfig;\n  setAIConfig: (config: FlowAIConfig) => void;\n  /** Whether the model-config form is shown inside the AI panel. */\n  showAIConfig: boolean;\n}\n\nconst DEFAULT_AI_CONFIG: FlowAIConfig = {\n  gateway: '',\n  protocol: 'openai',\n  model: '',\n};\n\nconst FlowAIContext = createContext<FlowAIContextValue | null>(null);\n\nexport function useFlowAI(): FlowAIContextValue {\n  const ctx = useContext(FlowAIContext);\n  if (!ctx) throw new Error('useFlowAI must be used within FlowAIProvider');\n  return ctx;\n}\n\nexport interface FlowAIProviderProps {\n  initialConfig?: FlowAIConfig;\n  showAIConfig?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowAIProvider({ initialConfig, showAIConfig = true, children }: FlowAIProviderProps) {\n  const [aiConfig, setAIConfig] = useState<FlowAIConfig>({ ...DEFAULT_AI_CONFIG, ...initialConfig });\n  const value = useMemo<FlowAIContextValue>(\n    () => ({ aiConfig, setAIConfig, showAIConfig }),\n    [aiConfig, showAIConfig],\n  );\n  return <FlowAIContext.Provider value={value}>{children}</FlowAIContext.Provider>;\n}\n"],"mappings":";;AAUA,IAAM,IAAkC;AAAA,EACtC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AACT,GAEM,IAAgB,EAAyC,IAAI;AAEnE,SAAgB,IAAgC;AAC9C,QAAM,IAAM,EAAW,CAAa;AACpC,MAAI,CAAC,EAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,SAAO;AACT;AAQA,SAAgB,EAAe,EAAE,eAAA,GAAe,cAAA,IAAe,IAAM,UAAA,EAAA,GAAiC;AACpG,QAAM,CAAC,GAAU,CAAA,IAAe,EAAuB;AAAA,IAAE,GAAG;AAAA,IAAmB,GAAG;AAAA,EAAc,CAAC,GAC3F,IAAQ,EAAA,OACL;AAAA,IAAE,UAAA;AAAA,IAAU,aAAA;AAAA,IAAa,cAAA;AAAA,EAAa,IAC7C,CAAC,GAAU,CAAY,CACzB;AACA,SAAO,gBAAA,EAAC,EAAc,UAAf;AAAA,IAA+B,OAAA;AAAA,IAAQ,UAAA;AAAA,EAAiC,CAAA;AACjF"}
+{"version":3,"file":"FlowAIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowAIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from 'react';\nimport type { FlowAIConfig } from '../types';\n\nexport interface FlowAIContextValue {\n  aiConfig: FlowAIConfig;\n  setAIConfig: (config: FlowAIConfig) => void;\n  /** Whether the model-config form is shown inside the AI panel. */\n  showAIConfig: boolean;\n}\n\nconst DEFAULT_AI_CONFIG: FlowAIConfig = {\n  gateway: '',\n  protocol: 'openai',\n  model: '',\n};\n\nconst FlowAIContext = createContext<FlowAIContextValue | null>(null);\n\nexport function useFlowAI(): FlowAIContextValue {\n  const ctx = useContext(FlowAIContext);\n  if (!ctx) throw new Error('useFlowAI must be used within FlowAIProvider');\n  return ctx;\n}\n\nexport interface FlowAIProviderProps {\n  initialConfig?: FlowAIConfig;\n  showAIConfig?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowAIProvider({ initialConfig, showAIConfig = true, children }: FlowAIProviderProps) {\n  const [aiConfig, setAIConfig] = useState<FlowAIConfig>({ ...DEFAULT_AI_CONFIG, ...initialConfig });\n  const value = useMemo<FlowAIContextValue>(\n    () => ({ aiConfig, setAIConfig, showAIConfig }),\n    [aiConfig, showAIConfig],\n  );\n  return <FlowAIContext.Provider value={value}>{children}</FlowAIContext.Provider>;\n}\n"],"mappings":";;;AAUA,IAAM,IAAkC;CACtC,SAAS;CACT,UAAU;CACV,OAAO;AACT,GAEM,IAAgB,EAAyC,IAAI;AAEnE,SAAgB,IAAgC;CAC9C,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GAAK,MAAU,MAAM,8CAA8C;CACxE,OAAO;AACT;AAQA,SAAgB,EAAe,EAAE,kBAAe,kBAAe,IAAM,eAAiC;CACpG,IAAM,CAAC,GAAU,KAAe,EAAuB;EAAE,GAAG;EAAmB,GAAG;CAAc,CAAC,GAC3F,IAAQ,SACL;EAAE;EAAU;EAAa;CAAa,IAC7C,CAAC,GAAU,CAAY,CACzB;CACA,OAAO,kBAAC,EAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF"}

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

@@ -1,67 +1,66 @@
 import "../constants.js";
-import { createContext as l, useContext as x, useMemo as o } from "react";
-import { jsx as v } from "react/jsx-runtime";
-var m = l(null);
-function A() {
-  const t = x(m);
-  if (!t) throw new Error("useFlowContext must be used within FlowProvider");
-  return t;
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/pro/Flow/context/FlowContext.tsx
+var i = e(null);
+function a() {
+	let e = t(i);
+	if (!e) throw Error("useFlowContext must be used within FlowProvider");
+	return e;
 }
-var f = {
-  nodes: [],
-  edges: [],
-  lines: []
+var o = {
+	nodes: [],
+	edges: [],
+	lines: []
 };
-function P({ doc: t, setDoc: n, selection: u, setSelection: r, children: d }) {
-  const e = t.stack[t.stack.length - 1] ?? "root", w = t.canvases[e] ?? f, a = o(() => ({
-    nodeIds: /* @__PURE__ */ new Set(),
-    edgeIds: /* @__PURE__ */ new Set(),
-    lineIds: /* @__PURE__ */ new Set()
-  }), []), C = o(() => (s) => {
-    n((i) => ({
-      ...i,
-      stack: [...i.stack, s]
-    })), r(a);
-  }, [
-    n,
-    r,
-    a
-  ]), c = o(() => () => {
-    n((s) => ({
-      ...s,
-      stack: s.stack.length > 1 ? s.stack.slice(0, -1) : s.stack
-    })), r(a);
-  }, [
-    n,
-    r,
-    a
-  ]), k = o(() => ({
-    doc: t,
-    setDoc: n,
-    currentCanvasId: e,
-    currentCanvas: w,
-    selection: u,
-    setSelection: r,
-    pushCanvas: C,
-    popCanvas: c
-  }), [
-    t,
-    n,
-    e,
-    w,
-    u,
-    r,
-    C,
-    c
-  ]);
-  return /* @__PURE__ */ v(m.Provider, {
-    value: k,
-    children: d
-  });
+function s({ doc: e, setDoc: t, selection: a, setSelection: s, children: c }) {
+	let l = e.stack[e.stack.length - 1] ?? "root", u = e.canvases[l] ?? o, d = n(() => ({
+		nodeIds: /* @__PURE__ */ new Set(),
+		edgeIds: /* @__PURE__ */ new Set(),
+		lineIds: /* @__PURE__ */ new Set()
+	}), []), f = n(() => (e) => {
+		t((t) => ({
+			...t,
+			stack: [...t.stack, e]
+		})), s(d);
+	}, [
+		t,
+		s,
+		d
+	]), p = n(() => () => {
+		t((e) => ({
+			...e,
+			stack: e.stack.length > 1 ? e.stack.slice(0, -1) : e.stack
+		})), s(d);
+	}, [
+		t,
+		s,
+		d
+	]), m = n(() => ({
+		doc: e,
+		setDoc: t,
+		currentCanvasId: l,
+		currentCanvas: u,
+		selection: a,
+		setSelection: s,
+		pushCanvas: f,
+		popCanvas: p
+	}), [
+		e,
+		t,
+		l,
+		u,
+		a,
+		s,
+		f,
+		p
+	]);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: m,
+		children: c
+	});
 }
-export {
-  P as FlowProvider,
-  A as useFlowContext
-};
+//#endregion
+export { s as FlowProvider, a as useFlowContext };
 
 //# sourceMappingURL=FlowContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type {\n  FlowDocument,\n  FlowNode,\n  FlowEdge,\n  FlowLine,\n  SelectionState,\n  FlowCanvasData,\n} from '../types';\nimport { ROOT_CANVAS_ID } from '../constants';\n\nexport interface FlowContextValue {\n  doc: FlowDocument;\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>;\n  currentCanvasId: string;\n  currentCanvas: FlowCanvasData;\n  selection: SelectionState;\n  setSelection: React.Dispatch<React.SetStateAction<SelectionState>>;\n  /** Push into child canvas */\n  pushCanvas: (canvasId: string) => void;\n  /** Pop back to parent canvas */\n  popCanvas: () => void;\n}\n\nconst FlowContext = createContext<FlowContextValue | null>(null);\n\nexport function useFlowContext(): FlowContextValue {\n  const ctx = useContext(FlowContext);\n  if (!ctx) throw new Error('useFlowContext must be used within FlowProvider');\n  return ctx;\n}\n\nexport interface FlowProviderProps {\n  doc: FlowDocument;\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>;\n  selection: SelectionState;\n  setSelection: React.Dispatch<React.SetStateAction<SelectionState>>;\n  children: React.ReactNode;\n}\n\nconst EMPTY_CANVAS: FlowCanvasData = { nodes: [], edges: [], lines: [] };\n\nexport function FlowProvider({ doc, setDoc, selection, setSelection, children }: FlowProviderProps) {\n  const currentCanvasId = doc.stack[doc.stack.length - 1] ?? ROOT_CANVAS_ID;\n  const currentCanvas = doc.canvases[currentCanvasId] ?? EMPTY_CANVAS;\n\n  const emptySelection: SelectionState = useMemo(() => ({\n    nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set(),\n  }), []);\n\n  const pushCanvas = useMemo(() => (canvasId: string) => {\n    setDoc(prev => ({ ...prev, stack: [...prev.stack, canvasId] }));\n    setSelection(emptySelection);\n  }, [setDoc, setSelection, emptySelection]);\n\n  const popCanvas = useMemo(() => () => {\n    setDoc(prev => ({\n      ...prev,\n      stack: prev.stack.length > 1 ? prev.stack.slice(0, -1) : prev.stack,\n    }));\n    setSelection(emptySelection);\n  }, [setDoc, setSelection, emptySelection]);\n\n  const value = useMemo<FlowContextValue>(() => ({\n    doc,\n    setDoc,\n    currentCanvasId,\n    currentCanvas,\n    selection,\n    setSelection,\n    pushCanvas,\n    popCanvas,\n  }), [doc, setDoc, currentCanvasId, currentCanvas, selection, setSelection, pushCanvas, popCanvas]);\n\n  return <FlowContext.Provider value={value}>{children}</FlowContext.Provider>;\n}\n"],"mappings":";;;AAwBA,IAAM,IAAc,EAAuC,IAAI;AAE/D,SAAgB,IAAmC;AACjD,QAAM,IAAM,EAAW,CAAW;AAClC,MAAI,CAAC,EAAK,OAAM,IAAI,MAAM,iDAAiD;AAC3E,SAAO;AACT;AAUA,IAAM,IAA+B;AAAA,EAAE,OAAO,CAAC;AAAA,EAAG,OAAO,CAAC;AAAA,EAAG,OAAO,CAAC;AAAE;AAEvE,SAAgB,EAAa,EAAE,KAAA,GAAK,QAAA,GAAQ,WAAA,GAAW,cAAA,GAAc,UAAA,EAAA,GAA+B;AAClG,QAAM,IAAkB,EAAI,MAAM,EAAI,MAAM,SAAS,CAAA,KAAA,QAC/C,IAAgB,EAAI,SAAS,CAAA,KAAoB,GAEjD,IAAiC,EAAA,OAAe;AAAA,IACpD,SAAS,oBAAI,IAAI;AAAA,IAAG,SAAS,oBAAI,IAAI;AAAA,IAAG,SAAS,oBAAI,IAAI;AAAA,EAC3D,IAAI,CAAC,CAAC,GAEA,IAAa,EAAA,MAAA,CAAe,MAAqB;AACrD,IAAA,EAAA,CAAO,OAAS;AAAA,MAAE,GAAG;AAAA,MAAM,OAAO,CAAC,GAAG,EAAK,OAAO,CAAQ;AAAA,IAAE,EAAE,GAC9D,EAAa,CAAc;AAAA,EAC7B,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAc;AAAA,EAAc,CAAC,GAEnC,IAAY,EAAA,MAAA,MAAoB;AACpC,IAAA,EAAA,CAAO,OAAS;AAAA,MACd,GAAG;AAAA,MACH,OAAO,EAAK,MAAM,SAAS,IAAI,EAAK,MAAM,MAAM,GAAG,EAAE,IAAI,EAAK;AAAA,IAChE,EAAE,GACF,EAAa,CAAc;AAAA,EAC7B,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAc;AAAA,EAAc,CAAC,GAEnC,IAAQ,EAAA,OAAiC;AAAA,IAC7C,KAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,EACF,IAAI;AAAA,IAAC;AAAA,IAAK;AAAA,IAAQ;AAAA,IAAiB;AAAA,IAAe;AAAA,IAAW;AAAA,IAAc;AAAA,IAAY;AAAA,EAAS,CAAC;AAEjG,SAAO,gBAAA,EAAC,EAAY,UAAb;AAAA,IAA6B,OAAA;AAAA,IAAQ,UAAA;AAAA,EAA+B,CAAA;AAC7E"}
+{"version":3,"file":"FlowContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type {\n  FlowDocument,\n  FlowNode,\n  FlowEdge,\n  FlowLine,\n  SelectionState,\n  FlowCanvasData,\n} from '../types';\nimport { ROOT_CANVAS_ID } from '../constants';\n\nexport interface FlowContextValue {\n  doc: FlowDocument;\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>;\n  currentCanvasId: string;\n  currentCanvas: FlowCanvasData;\n  selection: SelectionState;\n  setSelection: React.Dispatch<React.SetStateAction<SelectionState>>;\n  /** Push into child canvas */\n  pushCanvas: (canvasId: string) => void;\n  /** Pop back to parent canvas */\n  popCanvas: () => void;\n}\n\nconst FlowContext = createContext<FlowContextValue | null>(null);\n\nexport function useFlowContext(): FlowContextValue {\n  const ctx = useContext(FlowContext);\n  if (!ctx) throw new Error('useFlowContext must be used within FlowProvider');\n  return ctx;\n}\n\nexport interface FlowProviderProps {\n  doc: FlowDocument;\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>;\n  selection: SelectionState;\n  setSelection: React.Dispatch<React.SetStateAction<SelectionState>>;\n  children: React.ReactNode;\n}\n\nconst EMPTY_CANVAS: FlowCanvasData = { nodes: [], edges: [], lines: [] };\n\nexport function FlowProvider({ doc, setDoc, selection, setSelection, children }: FlowProviderProps) {\n  const currentCanvasId = doc.stack[doc.stack.length - 1] ?? ROOT_CANVAS_ID;\n  const currentCanvas = doc.canvases[currentCanvasId] ?? EMPTY_CANVAS;\n\n  const emptySelection: SelectionState = useMemo(() => ({\n    nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set(),\n  }), []);\n\n  const pushCanvas = useMemo(() => (canvasId: string) => {\n    setDoc(prev => ({ ...prev, stack: [...prev.stack, canvasId] }));\n    setSelection(emptySelection);\n  }, [setDoc, setSelection, emptySelection]);\n\n  const popCanvas = useMemo(() => () => {\n    setDoc(prev => ({\n      ...prev,\n      stack: prev.stack.length > 1 ? prev.stack.slice(0, -1) : prev.stack,\n    }));\n    setSelection(emptySelection);\n  }, [setDoc, setSelection, emptySelection]);\n\n  const value = useMemo<FlowContextValue>(() => ({\n    doc,\n    setDoc,\n    currentCanvasId,\n    currentCanvas,\n    selection,\n    setSelection,\n    pushCanvas,\n    popCanvas,\n  }), [doc, setDoc, currentCanvasId, currentCanvas, selection, setSelection, pushCanvas, popCanvas]);\n\n  return <FlowContext.Provider value={value}>{children}</FlowContext.Provider>;\n}\n"],"mappings":";;;;AAwBA,IAAM,IAAc,EAAuC,IAAI;AAE/D,SAAgB,IAAmC;CACjD,IAAM,IAAM,EAAW,CAAW;CAClC,IAAI,CAAC,GAAK,MAAU,MAAM,iDAAiD;CAC3E,OAAO;AACT;AAUA,IAAM,IAA+B;CAAE,OAAO,CAAC;CAAG,OAAO,CAAC;CAAG,OAAO,CAAC;AAAE;AAEvE,SAAgB,EAAa,EAAE,QAAK,WAAQ,cAAW,iBAAc,eAA+B;CAClG,IAAM,IAAkB,EAAI,MAAM,EAAI,MAAM,SAAS,MAAA,QAC/C,IAAgB,EAAI,SAAS,MAAoB,GAEjD,IAAiC,SAAe;EACpD,yBAAS,IAAI,IAAI;EAAG,yBAAS,IAAI,IAAI;EAAG,yBAAS,IAAI,IAAI;CAC3D,IAAI,CAAC,CAAC,GAEA,IAAa,SAAe,MAAqB;EAErD,AADA,GAAO,OAAS;GAAE,GAAG;GAAM,OAAO,CAAC,GAAG,EAAK,OAAO,CAAQ;EAAE,EAAE,GAC9D,EAAa,CAAc;CAC7B,GAAG;EAAC;EAAQ;EAAc;CAAc,CAAC,GAEnC,IAAY,cAAoB;EAKpC,AAJA,GAAO,OAAS;GACd,GAAG;GACH,OAAO,EAAK,MAAM,SAAS,IAAI,EAAK,MAAM,MAAM,GAAG,EAAE,IAAI,EAAK;EAChE,EAAE,GACF,EAAa,CAAc;CAC7B,GAAG;EAAC;EAAQ;EAAc;CAAc,CAAC,GAEnC,IAAQ,SAAiC;EAC7C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IAAI;EAAC;EAAK;EAAQ;EAAiB;EAAe;EAAW;EAAc;EAAY;CAAS,CAAC;CAEjG,OAAO,kBAAC,EAAY,UAAb;EAA6B;EAAQ;CAA+B,CAAA;AAC7E"}

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

@@ -1,121 +1,119 @@
-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;
+import { createContext as e, useCallback as t, useContext as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/pro/Flow/context/FlowUIContext.tsx
+var s = e(null);
+function c() {
+	let e = n(s);
+	if (!e) throw Error("useFlowUI must be used within FlowUIProvider");
+	return e;
 }
-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), K = o((e) => {
-    f.current += 1, d(e);
-  }, []), L = o((e) => {
-    d(e);
-  }, []), [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
-    });
-  }, []), 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: B,
-    edgeType: l,
-    setEdgeType: H,
-    viewport: h,
-    setViewport: K,
-    setViewportInternal: L,
-    viewportReqRef: f,
-    focusOnRect: at,
-    setFocusOnRect: lt,
-    autoFocus: g,
-    setAutoFocus: Q,
-    editingNodeId: p,
-    setEditingNodeId: X,
-    isNodeDragging: i,
-    beginNodeDrag: m,
-    endNodeDrag: I,
-    showPalette: P,
-    setShowPalette: Y,
-    showInspector: M,
-    setShowInspector: Z,
-    showOutline: R,
-    setShowOutline: _,
-    showJson: x,
-    setShowJson: $,
-    showAI: F,
-    setShowAI: O,
-    showMiniMap: C,
-    setShowMiniMap: y,
-    showGrid: D,
-    setShowGrid: tt,
-    showAnchors: N,
-    setShowAnchors: et,
-    gridSize: A,
-    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,
-    l,
-    h,
-    g,
-    p,
-    i,
-    m,
-    I,
-    P,
-    M,
-    R,
-    x,
-    F,
-    C,
-    D,
-    N,
-    A,
-    v,
-    U,
-    z,
-    E,
-    G,
-    k,
-    s
-  ]);
-  return /* @__PURE__ */ mt(V.Provider, {
-    value: ht,
-    children: q
-  });
+function l({ showMiniMap: e = !0, showGrid: n = !0, gridSize: c = 20, showAI: l = !0, readOnly: u = !1, children: d }) {
+	let [f, p] = a("select"), [m, h] = a("smoothstep"), [g, _] = a({
+		x: 0,
+		y: 0,
+		zoom: 1
+	}), v = i(0), y = t((e) => {
+		v.current += 1, _(e);
+	}, []), b = t((e) => {
+		_(e);
+	}, []), [x, S] = a(!1), [C, ee] = a(null), te = t((e) => {
+		u || ee(e);
+	}, [u]), w = i(0), [T, E] = a(!1), D = t(() => {
+		w.current += 1, T || E(!0);
+	}, [T]), O = t(() => {
+		w.current = Math.max(0, w.current - 1), w.current === 0 && E(!1);
+	}, []), [k, A] = a(!0), [j, ne] = a(!0), [M, re] = a(!0), [N, ie] = a(!0), [P, F] = a(l), [I, L] = a(e), [R, z] = a(n), [B, V] = a(!0), [H, U] = a(c), [W, G] = a(!0), [K, q] = a(null), [J, ae] = a(null), oe = t((e) => {
+		u || q(e);
+	}, [u]), se = t((e) => {
+		u || ae(e);
+	}, [u]), [Y, ce] = a(null), [X, Z] = a({}), Q = t((e, t) => {
+		Z((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), $ = i(() => {}), le = t((e, t, n, r, i) => {
+		$.current(e, t, n, r, i);
+	}, []), ue = t((e) => {
+		$.current = e;
+	}, []), de = r(() => ({
+		toolMode: f,
+		setToolMode: p,
+		edgeType: m,
+		setEdgeType: h,
+		viewport: g,
+		setViewport: y,
+		setViewportInternal: b,
+		viewportReqRef: v,
+		focusOnRect: le,
+		setFocusOnRect: ue,
+		autoFocus: x,
+		setAutoFocus: S,
+		editingNodeId: C,
+		setEditingNodeId: te,
+		isNodeDragging: T,
+		beginNodeDrag: D,
+		endNodeDrag: O,
+		showPalette: k,
+		setShowPalette: A,
+		showInspector: j,
+		setShowInspector: ne,
+		showOutline: M,
+		setShowOutline: re,
+		showJson: N,
+		setShowJson: ie,
+		showAI: P,
+		setShowAI: F,
+		showMiniMap: I,
+		setShowMiniMap: L,
+		showGrid: R,
+		setShowGrid: z,
+		showAnchors: B,
+		setShowAnchors: V,
+		gridSize: H,
+		setGridSize: U,
+		placementSnap: W,
+		setPlacementSnap: G,
+		pendingPlacement: K,
+		setPendingPlacement: oe,
+		contextMenu: J,
+		setContextMenu: se,
+		presentation: Y,
+		setPresentation: ce,
+		panelDocks: X,
+		setPanelDock: Q,
+		readOnly: u
+	}), [
+		f,
+		m,
+		g,
+		x,
+		C,
+		T,
+		D,
+		O,
+		k,
+		j,
+		M,
+		N,
+		P,
+		I,
+		R,
+		B,
+		H,
+		W,
+		K,
+		J,
+		Y,
+		X,
+		Q,
+		u
+	]);
+	return /* @__PURE__ */ o(s.Provider, {
+		value: de,
+		children: d
+	});
 }
-export {
-  xt as FlowUIProvider,
-  Rt as useFlowUI
-};
+//#endregion
+export { l as FlowUIProvider, c 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  /** 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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"}