dishui 0.0.55 → 0.0.56

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

@@ -1,37 +1,37 @@
-import ue from "../CodeEditor/editors/CodeEditor.js";
-import { DEFAULT_NODE_DATA as oe, ROOT_CANVAS_ID as fe, createEmptyDocument as he } from "./constants.js";
-import { FlowProvider as pe, useFlowContext as Q } from "./context/FlowContext.js";
-import { FlowUIProvider as me, useFlowUI as X } from "./context/FlowUIContext.js";
-import { FlowAIProvider as ge } from "./context/FlowAIContext.js";
-import { generateId as q } from "./nodes/nodeUtils.js";
-import { normalizeEdgeHandles as we } from "./edges/edgePaths.js";
-import Ie from "./FlowCanvas.js";
-import { downloadDataURL as ve, safeFileBaseName as ye } from "./hooks/useFlowImportExport.js";
-import xe, { FlowZoomControls as be } from "./panels/FlowToolbar.js";
-import { MediaStampContent as Se, ShapePaletteContent as Ce, SvgStampContent as Me } from "./panels/ShapePalette.js";
-import { InspectorPanelContent as Pe } from "./panels/InspectorPanel.js";
-import { OutlinePanelContent as ze } from "./panels/OutlinePanel.js";
-import { AIPanelContent as Ee } from "./panels/AIPanel.js";
-import { PresentationMode as De } from "./panels/PresentationMode.js";
-import { MediaOverlay as Ae } from "./nodes/MediaOverlay.js";
-import j from "./panels/FlowPanelGroup.js";
-import Ne from "./panels/Breadcrumb.js";
-import Te from "./panels/ContextMenu.js";
-import { MiniMapRenderer as Re } from "./canvas/MiniMapRenderer.js";
-import { useUndoRedo as Le } from "./hooks/useUndoRedo.js";
+import he from "../CodeEditor/editors/CodeEditor.js";
+import { DEFAULT_NODE_DATA as oe, ROOT_CANVAS_ID as pe, createEmptyDocument as me } from "./constants.js";
+import { FlowProvider as ge, useFlowContext as ee } from "./context/FlowContext.js";
+import { FlowUIProvider as we, useFlowUI as Y } from "./context/FlowUIContext.js";
+import { FlowAIProvider as Ie } from "./context/FlowAIContext.js";
+import { generateId as Q } from "./nodes/nodeUtils.js";
+import { normalizeEdgeHandles as ve } from "./edges/edgePaths.js";
+import ye from "./FlowCanvas.js";
+import { downloadDataURL as xe, safeFileBaseName as be } from "./hooks/useFlowImportExport.js";
+import Se, { FlowZoomControls as Ce } from "./panels/FlowToolbar.js";
+import { MediaStampContent as Me, ShapePaletteContent as Pe, SvgStampContent as ze } from "./panels/ShapePalette.js";
+import { InspectorPanelContent as Ee } from "./panels/InspectorPanel.js";
+import { OutlinePanelContent as De } from "./panels/OutlinePanel.js";
+import { AIPanelContent as Ae } from "./panels/AIPanel.js";
+import { PresentationMode as Ne } from "./panels/PresentationMode.js";
+import { MediaOverlay as Te } from "./nodes/MediaOverlay.js";
+import q from "./panels/FlowPanelGroup.js";
+import Re from "./panels/Breadcrumb.js";
+import Le from "./panels/ContextMenu.js";
+import { MiniMapRenderer as ke } from "./canvas/MiniMapRenderer.js";
+import { useUndoRedo as Fe } from "./hooks/useUndoRedo.js";
 import { useClipboard as re } from "./hooks/useClipboard.js";
-import { usePdfExport as ke } from "./hooks/usePdfExport.js";
-import { useKeyboardShortcuts as Fe } from "./hooks/useKeyboardShortcuts.js";
-import { useMindMap as Ge } from "./hooks/useMindMap.js";
+import { usePdfExport as Ge } from "./hooks/usePdfExport.js";
+import { useKeyboardShortcuts as We } from "./hooks/useKeyboardShortcuts.js";
+import { useMindMap as Ke } from "./hooks/useMindMap.js";
 /* empty css       */
-import { forwardRef as Oe, useCallback as A, useEffect as Y, useImperativeHandle as We, useMemo as ie, useRef as G, useState as $ } from "react";
-import { jsx as h, jsxs as V } from "react/jsx-runtime";
-import { EditorView as Ke } from "@codemirror/view";
-function Ue(n) {
+import { forwardRef as Ue, useCallback as D, useEffect as $, useImperativeHandle as He, useMemo as ae, useRef as G, useState as j } from "react";
+import { jsx as h, jsxs as X } from "react/jsx-runtime";
+import { EditorView as Ze } from "@codemirror/view";
+function Be(s) {
   let p = !1;
-  const u = { ...n.canvases };
-  for (const [I, s] of Object.entries(u)) {
-    const r = s.nodes.map((d) => {
+  const l = { ...s.canvases };
+  for (const [w, i] of Object.entries(l)) {
+    const t = i.nodes.map((d) => {
       if (d.type !== "shapeSvg") return d;
       const o = d.data.labelPlacement, g = o === "above" ? "top" : o === "center" ? "middle" : o === "below" ? "bottom" : d.data.labelPlacement;
       return g === d.data.labelPlacement ? d : (p = !0, {
@@ -42,238 +42,238 @@ function Ue(n) {
         }
       });
     }), f = /* @__PURE__ */ new Map();
-    for (const d of r) f.set(d.id, d);
-    const e = we(s.edges, f);
-    (r !== s.nodes || e !== s.edges) && (u[I] = {
-      ...s,
-      nodes: r,
+    for (const d of t) f.set(d.id, d);
+    const e = ve(i.edges, f);
+    (t !== i.nodes || e !== i.edges) && (l[w] = {
+      ...i,
+      nodes: t,
       edges: e
-    }, e !== s.edges && (p = !0));
+    }, e !== i.edges && (p = !0));
   }
   return p ? {
-    ...n,
-    canvases: u
-  } : n;
+    ...s,
+    canvases: l
+  } : s;
 }
-var ae = {
+var ce = {
   nodeIds: /* @__PURE__ */ new Set(),
   edgeIds: /* @__PURE__ */ new Set(),
   lineIds: /* @__PURE__ */ new Set()
 };
-function He({ onUndo: n, onRedo: p, groupRef: u, geoGroupRef: I, ungroupRef: s }) {
-  const { selection: r, setSelection: f, currentCanvas: e, setDoc: d, currentCanvasId: o } = Q(), { viewport: g } = X(), { copy: l, cut: P, paste: t, duplicate: w } = re(), S = A(() => {
-    const { nodeIds: c, edgeIds: m, lineIds: C } = r;
-    c.size === 0 && m.size === 0 && C.size === 0 || c.size > 1 && !window.confirm(`确定要删除选中的 ${c.size} 个节点吗？`) || (d((M) => {
-      const i = M.canvases[o];
-      return i ? {
-        ...M,
+function Je({ onUndo: s, onRedo: p, groupRef: l, geoGroupRef: w, ungroupRef: i }) {
+  const { selection: t, setSelection: f, currentCanvas: e, setDoc: d, currentCanvasId: o } = ee(), { viewport: g } = Y(), { copy: u, cut: M, paste: b, duplicate: n } = re(), v = D(() => {
+    const { nodeIds: c, edgeIds: m, lineIds: C } = t;
+    c.size === 0 && m.size === 0 && C.size === 0 || c.size > 1 && !window.confirm(`确定要删除选中的 ${c.size} 个节点吗？`) || (d((P) => {
+      const r = P.canvases[o];
+      return r ? {
+        ...P,
         canvases: {
-          ...M.canvases,
+          ...P.canvases,
           [o]: {
-            ...i,
-            nodes: i.nodes.filter((a) => !c.has(a.id)).map((a) => a.parentId && c.has(a.parentId) ? {
+            ...r,
+            nodes: r.nodes.filter((a) => !c.has(a.id)).map((a) => a.parentId && c.has(a.parentId) ? {
               ...a,
               parentId: void 0
             } : a),
-            edges: i.edges.filter((a) => !m.has(a.id) && !c.has(a.source) && !c.has(a.target)),
-            lines: i.lines.filter((a) => !C.has(a.id)).map((a) => a.parentId && c.has(a.parentId) ? {
+            edges: r.edges.filter((a) => !m.has(a.id) && !c.has(a.source) && !c.has(a.target)),
+            lines: r.lines.filter((a) => !C.has(a.id)).map((a) => a.parentId && c.has(a.parentId) ? {
               ...a,
               parentId: void 0
             } : a)
           }
         }
-      } : M;
-    }), f(ae));
+      } : P;
+    }), f(ce));
   }, [
-    r,
+    t,
     d,
     o,
     f
-  ]), v = A(() => {
+  ]), I = D(() => {
     f({
       nodeIds: new Set(e.nodes.map((c) => c.id)),
       edgeIds: new Set(e.edges.map((c) => c.id)),
       lineIds: new Set(e.lines.map((c) => c.id))
     });
-  }, [e, f]), z = A((c) => {
-    const m = r.nodeIds, C = r.lineIds;
+  }, [e, f]), z = D((c) => {
+    const m = t.nodeIds, C = t.lineIds;
     if (m.size + C.size < 2) return;
-    const M = e.nodes.filter((b) => m.has(b.id)), i = e.lines.filter((b) => C.has(b.id)), a = 20;
-    let y = 1 / 0, L = 1 / 0, R = -1 / 0, k = -1 / 0;
-    for (const b of M)
-      y = Math.min(y, b.position.x), L = Math.min(L, b.position.y), R = Math.max(R, b.position.x + b.width), k = Math.max(k, b.position.y + b.height);
-    for (const b of i) for (const N of b.points)
-      y = Math.min(y, N.x), L = Math.min(L, N.y), R = Math.max(R, N.x), k = Math.max(k, N.y);
-    const W = c === "geometryGroup", K = q("group"), x = {
-      id: K,
+    const P = e.nodes.filter((S) => m.has(S.id)), r = e.lines.filter((S) => C.has(S.id)), a = 20;
+    let y = 1 / 0, L = 1 / 0, T = -1 / 0, F = -1 / 0;
+    for (const S of P)
+      y = Math.min(y, S.position.x), L = Math.min(L, S.position.y), T = Math.max(T, S.position.x + S.width), F = Math.max(F, S.position.y + S.height);
+    for (const S of r) for (const A of S.points)
+      y = Math.min(y, A.x), L = Math.min(L, A.y), T = Math.max(T, A.x), F = Math.max(F, A.y);
+    const K = c === "geometryGroup", U = Q("group"), x = {
+      id: U,
       type: c,
       position: {
         x: y - a,
         y: L - a
       },
-      width: R - y + a * 2,
-      height: k - L + a * 2,
+      width: T - y + a * 2,
+      height: F - L + a * 2,
       data: {
         ...oe,
-        label: W ? "Geo Group" : "Group",
-        fill: W ? "#fefce8" : "#f0f9ff",
+        label: K ? "Geo Group" : "Group",
+        fill: K ? "#fefce8" : "#f0f9ff",
         stroke: "#9ca3af",
         strokeWidth: 1.5,
-        borderStyle: W ? "dashed" : "dotted",
+        borderStyle: K ? "dashed" : "dotted",
         isGroup: !0
       }
     };
-    d((b) => {
-      const N = b.canvases[o];
-      return N ? {
-        ...b,
+    d((S) => {
+      const A = S.canvases[o];
+      return A ? {
+        ...S,
         canvases: {
-          ...b.canvases,
+          ...S.canvases,
           [o]: {
-            ...N,
-            nodes: W ? [x, ...N.nodes] : [x, ...N.nodes.map((H) => m.has(H.id) ? {
+            ...A,
+            nodes: K ? [x, ...A.nodes] : [x, ...A.nodes.map((H) => m.has(H.id) ? {
               ...H,
-              parentId: K
+              parentId: U
             } : H)],
-            lines: W ? N.lines : N.lines.map((H) => C.has(H.id) ? {
+            lines: K ? A.lines : A.lines.map((H) => C.has(H.id) ? {
               ...H,
-              parentId: K
+              parentId: U
             } : H)
           }
         }
-      } : b;
+      } : S;
     }), f({
-      nodeIds: /* @__PURE__ */ new Set([K]),
+      nodeIds: /* @__PURE__ */ new Set([U]),
       edgeIds: /* @__PURE__ */ new Set(),
       lineIds: /* @__PURE__ */ new Set()
     });
   }, [
-    r,
+    t,
     e,
     d,
     o,
     f
-  ]), Z = A(() => z("flowGroup"), [z]), O = A(() => z("geometryGroup"), [z]), B = A(() => {
-    const c = r.nodeIds;
+  ]), B = D(() => z("flowGroup"), [z]), W = D(() => z("geometryGroup"), [z]), J = D(() => {
+    const c = t.nodeIds;
     if (c.size === 0) return;
-    const m = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set();
-    for (const i of e.nodes) c.has(i.id) && (i.type === "flowGroup" || i.type === "geometryGroup" || i.data.isGroup) && m.add(i.id);
+    const m = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new Set();
+    for (const r of e.nodes) c.has(r.id) && (r.type === "flowGroup" || r.type === "geometryGroup" || r.data.isGroup) && m.add(r.id);
     if (m.size !== 0) {
-      for (const i of e.nodes) i.parentId && m.has(i.parentId) && C.add(i.id);
-      for (const i of e.lines) i.parentId && m.has(i.parentId) && M.add(i.id);
-      d((i) => {
-        const a = i.canvases[o];
+      for (const r of e.nodes) r.parentId && m.has(r.parentId) && C.add(r.id);
+      for (const r of e.lines) r.parentId && m.has(r.parentId) && P.add(r.id);
+      d((r) => {
+        const a = r.canvases[o];
         return a ? {
-          ...i,
+          ...r,
           canvases: {
-            ...i.canvases,
+            ...r.canvases,
             [o]: {
               ...a,
               nodes: a.nodes.filter((y) => !m.has(y.id)).map((y) => C.has(y.id) ? {
                 ...y,
                 parentId: void 0
               } : y),
-              lines: a.lines.map((y) => M.has(y.id) ? {
+              lines: a.lines.map((y) => P.has(y.id) ? {
                 ...y,
                 parentId: void 0
               } : y)
             }
           }
-        } : i;
+        } : r;
       }), f({
         nodeIds: C,
         edgeIds: /* @__PURE__ */ new Set(),
-        lineIds: M
+        lineIds: P
       });
     }
   }, [
-    r,
+    t,
     e,
     d,
     o,
     f
   ]);
-  u.current = Z, I.current = O, s.current = B;
-  const E = A((c) => {
-    const m = r.nodeIds, C = r.lineIds;
-    m.size === 0 && C.size === 0 || d((M) => {
-      const i = M.canvases[o];
-      if (!i) return M;
-      const a = i.nodes.map((x) => x.zIndex ?? 0), y = a.length > 0 ? Math.max(...a) : 0, L = a.length > 0 ? Math.min(...a) : 0, R = i.lines.map((x) => x.zIndex ?? 0), k = R.length > 0 ? Math.max(...R) : 0, W = R.length > 0 ? Math.min(...R) : 0, K = (x, b, N) => c === "front" ? b + 1 : c === "back" ? N - 1 : c === "up" ? x + 1 : x - 1;
+  l.current = B, w.current = W, i.current = J;
+  const E = D((c) => {
+    const m = t.nodeIds, C = t.lineIds;
+    m.size === 0 && C.size === 0 || d((P) => {
+      const r = P.canvases[o];
+      if (!r) return P;
+      const a = r.nodes.map((x) => x.zIndex ?? 0), y = a.length > 0 ? Math.max(...a) : 0, L = a.length > 0 ? Math.min(...a) : 0, T = r.lines.map((x) => x.zIndex ?? 0), F = T.length > 0 ? Math.max(...T) : 0, K = T.length > 0 ? Math.min(...T) : 0, U = (x, S, A) => c === "front" ? S + 1 : c === "back" ? A - 1 : c === "up" ? x + 1 : x - 1;
       return {
-        ...M,
+        ...P,
         canvases: {
-          ...M.canvases,
+          ...P.canvases,
           [o]: {
-            ...i,
-            nodes: i.nodes.map((x) => m.has(x.id) ? {
+            ...r,
+            nodes: r.nodes.map((x) => m.has(x.id) ? {
               ...x,
-              zIndex: K(x.zIndex ?? 0, y, L)
+              zIndex: U(x.zIndex ?? 0, y, L)
             } : x),
-            lines: i.lines.map((x) => C.has(x.id) ? {
+            lines: r.lines.map((x) => C.has(x.id) ? {
               ...x,
-              zIndex: K(x.zIndex ?? 0, k, W)
+              zIndex: U(x.zIndex ?? 0, F, K)
             } : x)
           }
         }
       };
     });
   }, [
-    r,
+    t,
     d,
     o
   ]);
-  return Y(() => {
+  return $(() => {
     const c = (m) => {
       const C = m.target;
       if (C?.tagName === "INPUT" || C?.tagName === "TEXTAREA" || C?.isContentEditable) return;
-      const M = Array.from(m.clipboardData?.items ?? []).find((y) => y.type.startsWith("image/"));
-      if (!M) {
-        m.preventDefault(), t();
+      const P = Array.from(m.clipboardData?.items ?? []).find((y) => y.type.startsWith("image/"));
+      if (!P) {
+        m.preventDefault(), b();
         return;
       }
-      const i = M.getAsFile();
-      if (!i) return;
+      const r = P.getAsFile();
+      if (!r) return;
       m.preventDefault();
       const a = new FileReader();
       a.onload = () => {
         if (typeof a.result != "string") return;
-        const y = r.nodeIds.size === 1 ? e.nodes.find((T) => r.nodeIds.has(T.id) && T.type === "mediaNode" && T.data.mediaKind === "image") : void 0;
+        const y = t.nodeIds.size === 1 ? e.nodes.find((N) => t.nodeIds.has(N.id) && N.type === "mediaNode" && N.data.mediaKind === "image") : void 0;
         if (y) {
-          d((T) => {
-            const J = T.canvases[o];
-            return J ? {
-              ...T,
+          d((N) => {
+            const O = N.canvases[o];
+            return O ? {
+              ...N,
               canvases: {
-                ...T.canvases,
+                ...N.canvases,
                 [o]: {
-                  ...J,
-                  nodes: J.nodes.map((D) => D.id === y.id ? {
-                    ...D,
+                  ...O,
+                  nodes: O.nodes.map((_) => _.id === y.id ? {
+                    ..._,
                     data: {
-                      ...D.data,
+                      ..._.data,
                       mediaContent: a.result
                     }
-                  } : D)
+                  } : _)
                 }
               }
-            } : T;
+            } : N;
           });
           return;
         }
-        const L = q("node"), R = 320, k = 220, W = window.innerWidth, K = window.innerHeight, x = (W / 2 - g.x) / g.zoom, b = (K / 2 - g.y) / g.zoom, N = Math.max(0, ...e.nodes.map((T) => T.zIndex ?? 0)), H = {
+        const L = Q("node"), T = 320, F = 220, K = window.innerWidth, U = window.innerHeight, x = (K / 2 - g.x) / g.zoom, S = (U / 2 - g.y) / g.zoom, A = Math.max(0, ...e.nodes.map((N) => N.zIndex ?? 0)), H = {
           id: L,
           type: "mediaNode",
           position: {
-            x: x - R / 2,
-            y: b - k / 2
+            x: x - T / 2,
+            y: S - F / 2
           },
-          width: R,
-          height: k,
-          zIndex: N + 1,
+          width: T,
+          height: F,
+          zIndex: A + 1,
           data: {
             ...oe,
-            label: i.name || "Image",
+            label: r.name || "Image",
             fill: "theme:base-100",
             stroke: "theme:base-content",
             strokeWidth: 1.5,
@@ -284,172 +284,177 @@ function He({ onUndo: n, onRedo: p, groupRef: u, geoGroupRef: I, ungroupRef: s }
             mediaContent: a.result
           }
         };
-        d((T) => {
-          const J = T.canvases[o];
-          return J ? {
-            ...T,
+        d((N) => {
+          const O = N.canvases[o];
+          return O ? {
+            ...N,
             canvases: {
-              ...T.canvases,
+              ...N.canvases,
               [o]: {
-                ...J,
-                nodes: [...J.nodes, H]
+                ...O,
+                nodes: [...O.nodes, H]
               }
             }
-          } : T;
+          } : N;
         }), f({
           nodeIds: /* @__PURE__ */ new Set([L]),
           edgeIds: /* @__PURE__ */ new Set(),
           lineIds: /* @__PURE__ */ new Set()
         });
-      }, a.readAsDataURL(i);
+      }, a.readAsDataURL(r);
     };
     return window.addEventListener("paste", c), () => window.removeEventListener("paste", c);
   }, [
     e,
     o,
+    b,
     t,
-    r,
     d,
     f,
     g
-  ]), Fe(ie(() => ({
-    undo: n,
+  ]), We(ae(() => ({
+    undo: s,
     redo: p,
-    copy: l,
-    cut: P,
-    paste: t,
-    duplicate: w,
-    deleteSelected: S,
-    selectAll: v,
-    group: Z,
-    geoGroup: O,
-    ungroup: B,
+    copy: u,
+    cut: M,
+    paste: b,
+    duplicate: n,
+    deleteSelected: v,
+    selectAll: I,
+    group: B,
+    geoGroup: W,
+    ungroup: J,
     bringToFront: () => E("front"),
     bringForward: () => E("up"),
     sendBackward: () => E("down"),
     sendToBack: () => E("back")
   }), [
-    n,
+    s,
     p,
-    l,
-    P,
-    t,
-    w,
-    S,
+    u,
+    M,
+    b,
+    n,
     v,
-    Z,
-    O,
+    I,
     B,
+    W,
+    J,
     E
-  ])), Ge(), null;
+  ])), Ke(), null;
 }
-function Ze({ pixiRef: n, exportPdfRef: p }) {
-  return p.current = ke(n), null;
+function Oe({ pixiRef: s, exportPdfRef: p }) {
+  return p.current = Ge(s), null;
 }
-var An = Oe(function({ initialDocument: p, onChange: u, width: I, height: s, readOnly: r = !1, onBack: f, onExportPNG: e, onPublish: d, showMiniMap: o = !0, showGrid: g = !0, gridSize: l = 20, className: P, showAI: t = !0, showAIConfig: w = !0, aiConfig: S }, v) {
-  const [z, Z] = $(() => Ue(p ?? he())), [O, B] = $(ae), E = G(null), c = G(null), m = G(null), { wrappedSetDoc: C, undo: M, redo: i, canUndo: a, canRedo: y } = Le(z, Z), L = G(null), R = G(null), k = G(null), W = G(null), K = G(u);
-  K.current = u;
+var Nt = Ue(function({ initialDocument: p, onChange: l, width: w, height: i, readOnly: t = !1, onBack: f, onExportPNG: e, onPublish: d, showMiniMap: o = !0, showGrid: g = !0, gridSize: u = 20, className: M, showAI: b = !0, showAIConfig: n = !0, aiConfig: v }, I) {
+  const [z, B] = j(() => Be(p ?? me())), [W, J] = j(ce), E = G(null), c = G(null), m = G(null), { wrappedSetDoc: C, undo: P, redo: r, canUndo: a, canRedo: y } = Fe(z, B), L = G(null), T = G(null), F = G(null), K = G(null), U = G(l);
+  U.current = l;
   const x = G(z);
-  x.current = z, We(v, () => ({
-    exportPNG: async (D) => {
-      const F = E.current;
-      return !F || F.destroyed ? null : F.exportPNG(D);
+  x.current = z, He(I, () => ({
+    exportPNG: async (k) => {
+      const R = E.current;
+      return !R || R.destroyed ? null : R.exportPNG(k);
     },
     getDocument: () => x.current
   }), []);
-  const b = A((D) => {
-    C((F) => {
-      const _ = typeof D == "function" ? D(F) : D;
-      return queueMicrotask(() => K.current?.(_)), _;
+  const S = D((k) => {
+    C((R) => {
+      const V = typeof k == "function" ? k(R) : k;
+      return t ? V.canvases === R.canvases && V.title === R.title ? V : R : (queueMicrotask(() => U.current?.(V)), V);
     });
-  }, [C]), N = A((D) => {
-    E.current = D, c.current && !m.current && (m.current = new Re(c.current));
-  }, []), H = A(async () => {
+  }, [C, t]), A = D(() => {
+    t || P();
+  }, [t, P]), H = D(() => {
+    t || r();
+  }, [t, r]), N = D((k) => {
+    E.current = k, c.current && !m.current && (m.current = new ke(c.current));
+  }, []), O = D(async () => {
     if (e) return void e();
-    const D = E.current;
-    if (!D || D.destroyed) return;
-    const F = await D.exportPNG(16777215);
-    F && ve(F, `${ye(x.current.title)}.png`);
-  }, [e]), T = A(async () => {
-    await W.current?.();
+    const k = E.current;
+    if (!k || k.destroyed) return;
+    const R = await k.exportPNG(16777215);
+    R && xe(R, `${be(x.current.title)}.png`);
+  }, [e]), _ = D(async () => {
+    await K.current?.();
   }, []);
-  Y(() => {
-    let D = !1, F = null;
-    const _ = () => {
-      const U = E.current, ne = m.current;
-      if (!U || U.destroyed || !ne) return;
-      const de = {
-        x: U.world.position.x,
-        y: U.world.position.y,
-        zoom: U.world.scale.x
-      }, le = z.stack[z.stack.length - 1] ?? "root", te = z.canvases[le];
-      te && ne.update(te.nodes, de, U.app.screen.width, U.app.screen.height);
-    }, ee = () => {
-      if (D) return;
-      const U = E.current;
-      U && !U.destroyed && m.current ? (U.app.ticker.add(_), F = U) : requestAnimationFrame(ee);
+  $(() => {
+    let k = !1, R = null;
+    const V = () => {
+      const Z = E.current, ne = m.current;
+      if (!Z || Z.destroyed || !ne) return;
+      const ue = {
+        x: Z.world.position.x,
+        y: Z.world.position.y,
+        zoom: Z.world.scale.x
+      }, fe = z.stack[z.stack.length - 1] ?? "root", se = z.canvases[fe];
+      se && ne.update(se.nodes, ue, Z.app.screen.width, Z.app.screen.height);
+    }, te = () => {
+      if (k) return;
+      const Z = E.current;
+      Z && !Z.destroyed && m.current ? (Z.app.ticker.add(V), R = Z) : requestAnimationFrame(te);
     };
-    return ee(), () => {
-      D = !0, F && !F.destroyed && F.app.ticker.remove(_);
+    return te(), () => {
+      k = !0, R && !R.destroyed && R.app.ticker.remove(V);
     };
   }, [z]);
-  const J = {
-    width: I ?? "100%",
-    height: s ?? "100%"
+  const le = {
+    width: w ?? "100%",
+    height: i ?? "100%"
   };
   return /* @__PURE__ */ h("div", {
-    className: `flow-container ${P ?? ""}`,
-    style: J,
-    children: /* @__PURE__ */ h(pe, {
+    className: `flow-container ${M ?? ""}`,
+    style: le,
+    children: /* @__PURE__ */ h(ge, {
       doc: z,
-      setDoc: b,
-      selection: O,
-      setSelection: B,
-      children: /* @__PURE__ */ h(me, {
+      setDoc: S,
+      selection: W,
+      setSelection: J,
+      children: /* @__PURE__ */ h(we, {
         showMiniMap: o,
         showGrid: g,
-        gridSize: l,
-        showAI: t,
-        children: /* @__PURE__ */ V(ge, {
-          initialConfig: S,
-          showAIConfig: w,
+        gridSize: u,
+        showAI: b,
+        readOnly: t,
+        children: /* @__PURE__ */ X(Ie, {
+          initialConfig: v,
+          showAIConfig: n,
           children: [
-            /* @__PURE__ */ h(He, {
-              onUndo: M,
-              onRedo: i,
+            /* @__PURE__ */ h(Je, {
+              onUndo: A,
+              onRedo: H,
               groupRef: L,
-              geoGroupRef: R,
-              ungroupRef: k
+              geoGroupRef: T,
+              ungroupRef: F
             }),
-            /* @__PURE__ */ h(Ze, {
+            /* @__PURE__ */ h(Oe, {
               pixiRef: E,
-              exportPdfRef: W
+              exportPdfRef: K
             }),
-            /* @__PURE__ */ V(_e, {
-              toolbar: r ? null : /* @__PURE__ */ h(xe, {
+            /* @__PURE__ */ X(Ye, {
+              toolbar: t ? null : /* @__PURE__ */ h(Se, {
                 onBack: f,
-                onUndo: M,
-                onRedo: i,
+                onUndo: A,
+                onRedo: H,
                 canUndo: a,
                 canRedo: y,
                 onGroup: () => L.current?.(),
-                onGeoGroup: () => R.current?.(),
-                onUngroup: () => k.current?.(),
-                onExportPNG: H,
-                onExportPDF: T,
+                onGeoGroup: () => T.current?.(),
+                onUngroup: () => F.current?.(),
+                onExportPNG: O,
+                onExportPDF: _,
                 onPublish: d
               }),
               children: [
-                /* @__PURE__ */ h(Ie, { onPixiReady: N }),
-                /* @__PURE__ */ h(Ae, {}),
-                /* @__PURE__ */ V(Be, { children: [!r && /* @__PURE__ */ h(be, {}), /* @__PURE__ */ h(Ne, {})] }),
-                /* @__PURE__ */ h(qe, {}),
-                /* @__PURE__ */ h(Xe, {
+                /* @__PURE__ */ h(ye, { onPixiReady: N }),
+                /* @__PURE__ */ h(Te, {}),
+                /* @__PURE__ */ X(Ve, { children: [!t && /* @__PURE__ */ h(Ce, {}), /* @__PURE__ */ h(Re, {})] }),
+                !t && /* @__PURE__ */ h(et, {}),
+                /* @__PURE__ */ h($e, {
                   canvasRef: c,
                   pixiRef: E,
                   miniMapRef: m
                 }),
-                /* @__PURE__ */ h(De, {})
+                /* @__PURE__ */ h(Ne, {})
               ]
             })
           ]
@@ -458,15 +463,15 @@ var An = Oe(function({ initialDocument: p, onChange: u, width: I, height: s, rea
     })
   });
 });
-function Be({ children: n }) {
-  const { presentation: p } = X();
+function Ve({ children: s }) {
+  const { presentation: p } = Y();
   return /* @__PURE__ */ h("div", {
     className: "flow-overlay",
     style: { display: p ? "none" : void 0 },
-    children: n
+    children: s
   });
 }
-var Je = [
+var _e = [
   {
     id: "shapes",
     label: "Shapes",
@@ -517,105 +522,105 @@ var Je = [
     showKey: "showAI"
   }
 ];
-function Ve(n) {
-  switch (n) {
+function Xe(s) {
+  switch (s) {
     case "shapes":
-      return /* @__PURE__ */ h(Ce, {});
+      return /* @__PURE__ */ h(Pe, {});
     case "icons":
-      return /* @__PURE__ */ h(Me, {});
+      return /* @__PURE__ */ h(ze, {});
     case "media":
-      return /* @__PURE__ */ h(Se, {});
+      return /* @__PURE__ */ h(Me, {});
     case "inspector":
-      return /* @__PURE__ */ h(Pe, {});
+      return /* @__PURE__ */ h(Ee, {});
     case "outline":
-      return /* @__PURE__ */ h(ze, {});
+      return /* @__PURE__ */ h(De, {});
     case "json":
-      return /* @__PURE__ */ h(je, {});
+      return /* @__PURE__ */ h(Qe, {});
     case "ai":
-      return /* @__PURE__ */ h(Ee, {});
+      return /* @__PURE__ */ h(Ae, {});
     default:
       return null;
   }
 }
-function _e({ children: n, toolbar: p }) {
-  const u = X(), { detachedTabs: I, toggleDetach: s, presentation: r } = u, f = Je.filter((t) => !t.showKey || u[t.showKey]), e = (t) => ({
-    id: t.id,
-    label: t.label,
-    icon: t.icon,
-    content: Ve(t.id)
-  }), d = f.filter((t) => t.side === "left" && !I.has(t.id)).map(e), o = f.filter((t) => t.side === "right" && !I.has(t.id)).map(e), g = f.filter((t) => I.has(t.id)), l = A((t) => s(t), [s]), P = A((t) => s(t), [s]);
-  return /* @__PURE__ */ V("div", {
+function Ye({ children: s, toolbar: p }) {
+  const l = Y(), { detachedTabs: w, toggleDetach: i, presentation: t, readOnly: f } = l, e = f ? [] : _e.filter((n) => !n.showKey || l[n.showKey]), d = (n) => ({
+    id: n.id,
+    label: n.label,
+    icon: n.icon,
+    content: Xe(n.id)
+  }), o = e.filter((n) => n.side === "left" && !w.has(n.id)).map(d), g = e.filter((n) => n.side === "right" && !w.has(n.id)).map(d), u = e.filter((n) => w.has(n.id)), M = D((n) => i(n), [i]), b = D((n) => i(n), [i]);
+  return /* @__PURE__ */ X("div", {
     className: "flow-workspace",
-    children: [!r && p, /* @__PURE__ */ V("div", {
+    children: [!t && p, /* @__PURE__ */ X("div", {
       className: "flow-workspace-main",
       children: [
-        !r && d.length > 0 && /* @__PURE__ */ h(j, {
-          tabs: d,
-          defaultTab: d[0]?.id,
+        !t && o.length > 0 && /* @__PURE__ */ h(q, {
+          tabs: o,
+          defaultTab: o[0]?.id,
           resizeEdge: "right",
           defaultWidth: 132,
-          onDetach: l
+          onDetach: M
         }),
         /* @__PURE__ */ h("div", {
           className: "flow-stage",
-          children: n
+          children: s
         }),
-        !r && o.length > 0 && /* @__PURE__ */ h(j, {
-          tabs: o,
-          defaultTab: o[0]?.id,
+        !t && g.length > 0 && /* @__PURE__ */ h(q, {
+          tabs: g,
+          defaultTab: g[0]?.id,
           resizeEdge: "left",
           defaultWidth: 220,
-          onDetach: l
+          onDetach: M
         }),
-        !r && g.map((t, w) => /* @__PURE__ */ h(j, {
-          tabs: [e(t)],
+        !t && u.map((n, v) => /* @__PURE__ */ h(q, {
+          tabs: [d(n)],
           resizeEdge: "right",
           defaultWidth: 220,
           style: {
-            top: 48 + w * 40,
-            left: 24 + w * 30
+            top: 48 + v * 40,
+            left: 24 + v * 30
           },
           isDetached: !0,
-          onAttach: P
-        }, t.id))
+          onAttach: b
+        }, n.id))
       ]
     })]
   });
 }
-function Xe({ canvasRef: n, pixiRef: p, miniMapRef: u }) {
-  const { showMiniMap: I, setViewport: s, presentation: r } = X(), f = G(!1), e = A((l, P) => {
-    const t = n.current, w = p.current, S = u.current;
-    if (!t || !w || w.destroyed || !S) return;
-    const v = t.getBoundingClientRect();
-    if (v.width === 0 || v.height === 0) return;
-    const { width: z, height: Z } = S.size, O = (l - v.left) / v.width * z, B = (P - v.top) / v.height * Z, E = S.minimapToWorld(O, B);
+function $e({ canvasRef: s, pixiRef: p, miniMapRef: l }) {
+  const { showMiniMap: w, setViewport: i, presentation: t } = Y(), f = G(!1), e = D((u, M) => {
+    const b = s.current, n = p.current, v = l.current;
+    if (!b || !n || n.destroyed || !v) return;
+    const I = b.getBoundingClientRect();
+    if (I.width === 0 || I.height === 0) return;
+    const { width: z, height: B } = v.size, W = (u - I.left) / I.width * z, J = (M - I.top) / I.height * B, E = v.minimapToWorld(W, J);
     if (!E) return;
-    const c = w.world.scale.x || 1, m = w.app.screen.width, C = w.app.screen.height;
-    s({
+    const c = n.world.scale.x || 1, m = n.app.screen.width, C = n.app.screen.height;
+    i({
       x: m / 2 - E.x * c,
       y: C / 2 - E.y * c,
       zoom: c
     });
   }, [
-    n,
+    s,
     p,
-    u,
-    s
-  ]), d = A((l) => {
-    l.preventDefault(), l.currentTarget.setPointerCapture(l.pointerId), f.current = !0, e(l.clientX, l.clientY);
-  }, [e]), o = A((l) => {
-    f.current && e(l.clientX, l.clientY);
-  }, [e]), g = A((l) => {
+    l,
+    i
+  ]), d = D((u) => {
+    u.preventDefault(), u.currentTarget.setPointerCapture(u.pointerId), f.current = !0, e(u.clientX, u.clientY);
+  }, [e]), o = D((u) => {
+    f.current && e(u.clientX, u.clientY);
+  }, [e]), g = D((u) => {
     f.current = !1;
     try {
-      l.currentTarget.releasePointerCapture(l.pointerId);
+      u.currentTarget.releasePointerCapture(u.pointerId);
     } catch {
     }
   }, []);
   return /* @__PURE__ */ h("div", {
     className: "flow-minimap",
     style: {
-      display: I && !r ? void 0 : "none",
+      display: w && !t ? void 0 : "none",
       cursor: "pointer"
     },
     onPointerDown: d,
@@ -623,7 +628,7 @@ function Xe({ canvasRef: n, pixiRef: p, miniMapRef: u }) {
     onPointerUp: g,
     title: "点击或拖动以移动画布",
     children: /* @__PURE__ */ h("canvas", {
-      ref: n,
+      ref: s,
       width: 180,
       height: 120,
       style: {
@@ -634,97 +639,97 @@ function Xe({ canvasRef: n, pixiRef: p, miniMapRef: u }) {
     })
   });
 }
-function Ye(n, p) {
-  const u = `"id": "${p}"`, I = n.indexOf(u);
-  if (I === -1) return null;
-  let s = 0, r = -1;
-  for (let e = I; e >= 0; e--)
-    if (n[e] === "}" && s++, n[e] === "{") {
-      if (s === 0) {
-        r = e;
+function je(s, p) {
+  const l = `"id": "${p}"`, w = s.indexOf(l);
+  if (w === -1) return null;
+  let i = 0, t = -1;
+  for (let e = w; e >= 0; e--)
+    if (s[e] === "}" && i++, s[e] === "{") {
+      if (i === 0) {
+        t = e;
         break;
       }
-      s--;
+      i--;
     }
-  if (r === -1) return null;
-  s = 0;
+  if (t === -1) return null;
+  i = 0;
   let f = -1;
-  for (let e = r; e < n.length; e++)
-    if (n[e] === "{" && s++, n[e] === "}" && (s--, s === 0)) {
+  for (let e = t; e < s.length; e++)
+    if (s[e] === "{" && i++, s[e] === "}" && (i--, i === 0)) {
       f = e;
       break;
     }
   return f === -1 ? null : {
-    startLine: n.slice(0, r).split(`
+    startLine: s.slice(0, t).split(`
 `).length,
-    endLine: n.slice(0, f + 1).split(`
+    endLine: s.slice(0, f + 1).split(`
 `).length
   };
 }
-function se(n) {
-  n.querySelectorAll(".cm-line.flow-json-hl").forEach((p) => p.classList.remove("flow-json-hl"));
+function ie(s) {
+  s.querySelectorAll(".cm-line.flow-json-hl").forEach((p) => p.classList.remove("flow-json-hl"));
 }
-function $e(n, p, u) {
-  const I = n.getView();
-  if (I)
-    for (let s = p; s <= u; s++) try {
-      const r = I.state.doc.line(s), f = I.domAtPos(r.from), e = f.node instanceof HTMLElement ? f.node.closest(".cm-line") : f.node.parentElement?.closest(".cm-line");
+function qe(s, p, l) {
+  const w = s.getView();
+  if (w)
+    for (let i = p; i <= l; i++) try {
+      const t = w.state.doc.line(i), f = w.domAtPos(t.from), e = f.node instanceof HTMLElement ? f.node.closest(".cm-line") : f.node.parentElement?.closest(".cm-line");
       e && e.classList.add("flow-json-hl");
     } catch {
     }
 }
-function je() {
-  const { setDoc: n, currentCanvasId: p, selection: u, currentCanvas: I } = Q(), [s, r] = $(""), [f, e] = $(null), d = G(!1), o = G(null), g = G(null), l = ie(() => u.nodeIds.size + u.edgeIds.size + u.lineIds.size !== 1 ? null : u.nodeIds.size === 1 ? [...u.nodeIds][0] : u.edgeIds.size === 1 ? [...u.edgeIds][0] : u.lineIds.size === 1 ? [...u.lineIds][0] : null, [u]);
-  Y(() => {
+function Qe() {
+  const { setDoc: s, currentCanvasId: p, selection: l, currentCanvas: w } = ee(), [i, t] = j(""), [f, e] = j(null), d = G(!1), o = G(null), g = G(null), u = ae(() => l.nodeIds.size + l.edgeIds.size + l.lineIds.size !== 1 ? null : l.nodeIds.size === 1 ? [...l.nodeIds][0] : l.edgeIds.size === 1 ? [...l.edgeIds][0] : l.lineIds.size === 1 ? [...l.lineIds][0] : null, [l]);
+  $(() => {
     if (d.current) {
       d.current = !1;
       return;
     }
-    r(JSON.stringify(I, null, 2)), e(null);
-  }, [I]), Y(() => {
-    const w = g.current;
-    if (w && se(w), !l) return;
-    const S = setTimeout(() => {
-      const v = Ye(s, l);
-      if (!v || !g.current) return;
+    t(JSON.stringify(w, null, 2)), e(null);
+  }, [w]), $(() => {
+    const n = g.current;
+    if (n && ie(n), !u) return;
+    const v = setTimeout(() => {
+      const I = je(i, u);
+      if (!I || !g.current) return;
       const z = o.current?.getView();
       if (!z) return;
-      const Z = g.current, O = z.scrollDOM;
-      O.style.scrollBehavior = "smooth";
-      const B = z.state.doc.line(v.startLine);
-      z.dispatch({ effects: Ke.scrollIntoView(B.from, {
+      const B = g.current, W = z.scrollDOM;
+      W.style.scrollBehavior = "smooth";
+      const J = z.state.doc.line(I.startLine);
+      z.dispatch({ effects: Ze.scrollIntoView(J.from, {
         y: "start",
         yMargin: 0
       }) });
       const E = () => {
-        O.style.scrollBehavior = "", se(Z), $e(o.current, v.startLine, v.endLine);
+        W.style.scrollBehavior = "", ie(B), qe(o.current, I.startLine, I.endLine);
       };
       let c;
       const m = () => {
         clearTimeout(c), c = setTimeout(E, 100);
       };
-      O.addEventListener("scroll", m), c = setTimeout(() => {
-        O.removeEventListener("scroll", m), E();
+      W.addEventListener("scroll", m), c = setTimeout(() => {
+        W.removeEventListener("scroll", m), E();
       }, 800);
     }, 120);
-    return () => clearTimeout(S);
-  }, [l, s]);
-  const P = A((w) => {
-    r(w);
+    return () => clearTimeout(v);
+  }, [u, i]);
+  const M = D((n) => {
+    t(n);
     try {
-      const S = JSON.parse(w);
-      S && Array.isArray(S.nodes) && Array.isArray(S.edges) && Array.isArray(S.lines) ? (e(null), d.current = !0, n((v) => ({
-        ...v,
+      const v = JSON.parse(n);
+      v && Array.isArray(v.nodes) && Array.isArray(v.edges) && Array.isArray(v.lines) ? (e(null), d.current = !0, s((I) => ({
+        ...I,
         canvases: {
-          ...v.canvases,
-          [p]: S
+          ...I.canvases,
+          [p]: v
         }
       }))) : e("JSON must have nodes, edges, lines arrays");
-    } catch (S) {
-      e(S.message?.slice(0, 60) ?? "Invalid JSON");
+    } catch (v) {
+      e(v.message?.slice(0, 60) ?? "Invalid JSON");
     }
-  }, [n, p]), t = l ? u.nodeIds.has(l) ? "Node" : u.edgeIds.has(l) ? "Edge" : "Line" : null;
-  return /* @__PURE__ */ V("div", {
+  }, [s, p]), b = u ? l.nodeIds.has(u) ? "Node" : l.edgeIds.has(u) ? "Edge" : "Line" : null;
+  return /* @__PURE__ */ X("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -736,7 +741,7 @@ function je() {
         className: "flow-json-header",
         children: /* @__PURE__ */ h("span", {
           className: "flow-json-scope",
-          children: t ? `${t}: ${l.slice(0, 8)}` : "Canvas"
+          children: b ? `${b}: ${u.slice(0, 8)}` : "Canvas"
         })
       }),
       f && /* @__PURE__ */ h("div", {
@@ -754,10 +759,10 @@ function je() {
           flex: 1,
           minHeight: 0
         },
-        children: /* @__PURE__ */ h(ue, {
+        children: /* @__PURE__ */ h(he, {
           ref: o,
-          value: s,
-          onChange: P,
+          value: i,
+          onChange: M,
           language: "json",
           lineNumbers: !1,
           height: "100%",
@@ -767,13 +772,13 @@ function je() {
     ]
   });
 }
-function qe() {
-  const { contextMenu: n, setContextMenu: p } = X(), { doc: u, setDoc: I, currentCanvasId: s, pushCanvas: r, setSelection: f } = Q(), { duplicate: e } = re();
-  if (!n) return null;
-  const d = u.canvases[s];
+function et() {
+  const { contextMenu: s, setContextMenu: p } = Y(), { doc: l, setDoc: w, currentCanvasId: i, pushCanvas: t, setSelection: f } = ee(), { duplicate: e } = re();
+  if (!s) return null;
+  const d = l.canvases[i];
   if (!d)
     return p(null), null;
-  const o = n.nodeId ? d.nodes.find((l) => l.id === n.nodeId) : null, g = [];
+  const o = s.nodeId ? d.nodes.find((u) => u.id === s.nodeId) : null, g = [];
   return o && (g.push({
     label: "Duplicate",
     icon: "⧉",
@@ -788,7 +793,7 @@ function qe() {
     label: "Enter Sub-canvas",
     icon: "↓",
     action: () => {
-      r(o.data.childCanvasId), f({
+      t(o.data.childCanvasId), f({
         nodeIds: /* @__PURE__ */ new Set(),
         edgeIds: /* @__PURE__ */ new Set(),
         lineIds: /* @__PURE__ */ new Set()
@@ -803,27 +808,27 @@ function qe() {
     icon: "🗑",
     danger: !0,
     action: () => {
-      const l = o.data.childCanvasId;
-      I((P) => {
-        const t = { ...P.canvases };
-        ce(t, l);
-        const w = t[s];
-        if (!w) return P;
-        t[s] = {
-          ...w,
-          nodes: w.nodes.map((v) => v.id === o.id ? {
-            ...v,
+      const u = o.data.childCanvasId;
+      w((M) => {
+        const b = { ...M.canvases };
+        de(b, u);
+        const n = b[i];
+        if (!n) return M;
+        b[i] = {
+          ...n,
+          nodes: n.nodes.map((I) => I.id === o.id ? {
+            ...I,
             data: {
-              ...v.data,
+              ...I.data,
               childCanvasId: void 0
             }
-          } : v)
+          } : I)
         };
-        const S = P.stack.filter((v) => t[v]);
-        return S.length === 0 && S.push(fe), {
-          ...P,
-          canvases: t,
-          stack: S
+        const v = M.stack.filter((I) => b[I]);
+        return v.length === 0 && v.push(pe), {
+          ...M,
+          canvases: b,
+          stack: v
         };
       });
     }
@@ -831,48 +836,48 @@ function qe() {
     label: "Create Sub-canvas",
     icon: "⊞",
     action: () => {
-      const l = q("canvas");
-      I((P) => {
-        const t = P.canvases[s];
-        return t ? {
-          ...P,
+      const u = Q("canvas");
+      w((M) => {
+        const b = M.canvases[i];
+        return b ? {
+          ...M,
           canvases: {
-            ...P.canvases,
-            [s]: {
-              ...t,
-              nodes: t.nodes.map((w) => w.id === o.id ? {
-                ...w,
+            ...M.canvases,
+            [i]: {
+              ...b,
+              nodes: b.nodes.map((n) => n.id === o.id ? {
+                ...n,
                 data: {
-                  ...w.data,
-                  childCanvasId: l
+                  ...n.data,
+                  childCanvasId: u
                 }
-              } : w)
+              } : n)
             },
-            [l]: {
+            [u]: {
               nodes: [],
               edges: [],
               lines: []
             }
           }
-        } : P;
-      }), r(l);
+        } : M;
+      }), t(u);
     }
-  })), g.length === 0 ? null : /* @__PURE__ */ h(Te, {
-    x: n.x,
-    y: n.y,
+  })), g.length === 0 ? null : /* @__PURE__ */ h(Le, {
+    x: s.x,
+    y: s.y,
     items: g,
     onClose: () => p(null)
   });
 }
-function ce(n, p) {
-  const u = n[p];
-  if (u) {
-    for (const I of u.nodes) I.data.childCanvasId && ce(n, I.data.childCanvasId);
-    delete n[p];
+function de(s, p) {
+  const l = s[p];
+  if (l) {
+    for (const w of l.nodes) w.data.childCanvasId && de(s, w.data.childCanvasId);
+    delete s[p];
   }
 }
 export {
-  An as default
+  Nt as default
 };
 
 //# sourceMappingURL=Flow.js.map