@squeed/flow-sdk 2.0.28 → 2.0.29

package/dist/index.js

@@ -391,14 +391,14 @@ function _w({
 }) {
   var Le;
   const o = tt(() => {
-    var _e, et, ot;
+    var Ee, et, ot;
     const V = /* @__PURE__ */ new Map();
-    for (const Ze of t) (_e = Ze.data) != null && _e.id && V.set(Ze.data.id, Ze);
+    for (const Ze of t) (Ee = Ze.data) != null && Ee.id && V.set(Ze.data.id, Ze);
     const he = /* @__PURE__ */ new Map();
     for (const Ze of n) (et = Ze.data) != null && et.id && he.set(Ze.data.id, Ze);
-    const Ce = /* @__PURE__ */ new Set();
-    for (const Ze of t) (ot = Ze.data) != null && ot.parent && Ce.add(Ze.data.parent);
-    return { nodeById: V, edgeById: he, parentIds: Ce };
+    const Se = /* @__PURE__ */ new Set();
+    for (const Ze of t) (ot = Ze.data) != null && ot.parent && Se.add(Ze.data.parent);
+    return { nodeById: V, edgeById: he, parentIds: Se };
   }, [t, n]), s = de(null), [a, c] = re([]), [d, l] = re(null), [u, f] = re(!0), [h, m] = re(!1), [g, p] = re(!0), [v, b] = re(!1), [w, x] = re(!1), [C, S] = re(!0), [_, M] = re(!1), [E, T] = re(
     () => {
       var V;
@@ -407,25 +407,25 @@ function _w({
         ...e.nodeGrid.order ? { order: e.nodeGrid.order } : {}
       } : null;
     }
-  ), R = de(E), [A, I] = re(
+  ), R = de(E), [A, O] = re(
     E ?? ((Le = e.nodeGrid) == null ? void 0 : Le.options) ?? { gaps: 15, fill: !1, padding: 0 }
-  ), [P, N] = re(
+  ), [I, N] = re(
     () => /* @__PURE__ */ new Set()
   ), $ = dt((V) => {
     var he;
-    !!(V != null && V.fill) != !!((he = R.current) != null && he.fill) && N(/* @__PURE__ */ new Set()), R.current = V, V && I(V), T(V);
-  }, []), [O, H] = re("auto"), [ie, ae] = re(!1), Q = e.compactPropertyLayout ?? ie, [me, ve] = re({}), z = e.nodeViewModes ?? me, [B, W] = re(e.allNodesIconLabel);
+    !!(V != null && V.fill) != !!((he = R.current) != null && he.fill) && N(/* @__PURE__ */ new Set()), R.current = V, V && O(V), T(V);
+  }, []), [P, H] = re("auto"), [oe, ae] = re(!1), Q = e.compactPropertyLayout ?? oe, [me, ve] = re({}), z = e.nodeViewModes ?? me, [B, W] = re(e.allNodesIconLabel);
   Ue(
     () => W(e.allNodesIconLabel),
     [e.allNodesIconLabel]
   );
   const [F, ce] = re({}), Z = dt(
     (V, he) => {
-      ce((Ce) => {
-        const _e = { ...Ce };
+      ce((Se) => {
+        const Ee = { ...Se };
         for (const et of V)
-          he === void 0 ? delete _e[et] : _e[et] = he;
-        return _e;
+          he === void 0 ? delete Ee[et] : Ee[et] = he;
+        return Ee;
       });
     },
     []
@@ -436,10 +436,10 @@ function _w({
     }
   ), ue = se.every(
     (V) => {
-      var he, Ce, _e;
-      return o.parentIds.has(V.data.id) || (he = V.data.config) != null && he.parentContainer ? !!((Ce = V.data.config) != null && Ce.collapsed) : z[V.data.id] === "icon-label" || V.data.type === "grid" && z[V.data.id] === void 0 || ((_e = V.data.config) == null ? void 0 : _e.labelBelow) && z[V.data.id] !== "properties";
+      var he, Se, Ee;
+      return o.parentIds.has(V.data.id) || (he = V.data.config) != null && he.parentContainer ? !!((Se = V.data.config) != null && Se.collapsed) : z[V.data.id] === "icon-label" || V.data.type === "grid" && z[V.data.id] === void 0 || ((Ee = V.data.config) == null ? void 0 : Ee.labelBelow) && z[V.data.id] !== "properties";
     }
-  ), we = B ?? e.allNodesIconLabel ?? ue, [Ae, ye] = re("normal"), [pe, J] = re(), L = e.edgeRadius ?? pe, oe = L !== void 0 && Number.isFinite(L) ? Math.min(500, Math.max(0, L)) : void 0, [U, fe] = re(), be = e.spacing ?? Ae, qe = typeof be == "number" ? Number.isFinite(be) ? Math.min(
+  ), we = B ?? e.allNodesIconLabel ?? ue, [Ce, ye] = re("normal"), [pe, J] = re(), L = e.edgeRadius ?? pe, ie = L !== void 0 && Number.isFinite(L) ? Math.min(500, Math.max(0, L)) : void 0, [U, fe] = re(), be = e.spacing ?? Ce, qe = typeof be == "number" ? Number.isFinite(be) ? Math.min(
     2,
     Math.max(
       e.nodeGridSpacing === "layout" ? 0 : 0.5,
@@ -451,9 +451,9 @@ function _w({
   ) ? e.workflowContract : We, [Ct, nt] = re("blue.500"), [st, bt] = re(!1), Te = de(r);
   Te.current = r;
   const He = tt(() => {
-    const V = (he) => (...Ce) => {
-      var _e, et;
-      return (et = (_e = Te.current) == null ? void 0 : _e[he]) == null ? void 0 : et.call(_e, ...Ce);
+    const V = (he) => (...Se) => {
+      var Ee, et;
+      return (et = (Ee = Te.current) == null ? void 0 : Ee[he]) == null ? void 0 : et.call(Ee, ...Se);
     };
     return {
       // Node events
@@ -482,9 +482,9 @@ function _w({
       onNodeBorderColorChange: V("onNodeBorderColorChange"),
       onNodeBorderStyleChange: V("onNodeBorderStyleChange"),
       onNodeBorderWidthChange: V("onNodeBorderWidthChange"),
-      onNodeBorderRadiusChange: (he, Ce) => {
-        var _e, et, ot;
-        (_e = R.current) != null && _e.fill && N((Ze) => /* @__PURE__ */ new Set([...Ze, he])), (ot = (et = Te.current).onNodeBorderRadiusChange) == null || ot.call(et, he, Ce);
+      onNodeBorderRadiusChange: (he, Se) => {
+        var Ee, et, ot;
+        (Ee = R.current) != null && Ee.fill && N((Ze) => /* @__PURE__ */ new Set([...Ze, he])), (ot = (et = Te.current).onNodeBorderRadiusChange) == null || ot.call(et, he, Se);
       },
       onNodeIconChange: V("onNodeIconChange"),
       onNodeOutlineChange: V("onNodeOutlineChange"),
@@ -519,7 +519,7 @@ function _w({
       onLayoutComplete: V("onLayoutComplete"),
       onJsonChange: V("onJsonChange")
     };
-  }, []), ft = e.themeColor || Ct, [ht, Zt] = re(""), Ke = e.edgeColor ?? ht, Ve = e.colorMode || "light", Qt = e.direction || "LR", pt = e.nodeAlignment ?? "center", pr = e.edgeMode === "workflow" ? "nodes" : e.edgeMode ?? O, er = e.readOnly ?? !1, Wr = JSON.stringify(e.parentNodeStyle ?? null), It = tt(
+  }, []), ft = e.themeColor || Ct, [ht, Zt] = re(""), Ke = e.edgeColor ?? ht, Ve = e.colorMode || "light", Qt = e.direction || "LR", pt = e.nodeAlignment ?? "center", pr = e.edgeMode === "workflow" ? "nodes" : e.edgeMode ?? P, er = e.readOnly ?? !1, Wr = JSON.stringify(e.parentNodeStyle ?? null), It = tt(
     () => e.parentNodeStyle,
     [Wr]
   ), tr = e.isZoomMode !== void 0 ? e.isZoomMode : u, ar = e.isMultiSelectMode !== void 0 ? e.isMultiSelectMode : h, Vr = e.isEdgeHandlesEnabled !== void 0 ? e.isEdgeHandlesEnabled : v, Ur = e.isDragMode !== void 0 ? e.isDragMode : g, Fe = de(e);
@@ -653,24 +653,24 @@ function _w({
     []
   ), G = dt(
     (V, he) => {
-      var Ce;
+      var Se;
       if (he !== "default" && he !== "properties" && he !== "icon-label")
         throw new Error("Unknown node view mode.");
-      W((_e) => _e ?? we), ve(
-        (_e) => _e[V] === he ? _e : { ..._e, [V]: he }
-      ), (Ce = r.onNodeViewModeChange) == null || Ce.call(r, V, he);
+      W((Ee) => Ee ?? we), ve(
+        (Ee) => Ee[V] === he ? Ee : { ...Ee, [V]: he }
+      ), (Se = r.onNodeViewModeChange) == null || Se.call(r, V, he);
     },
     [r.onNodeViewModeChange, we]
   ), te = tt(
     () => ({
       allNodesIconLabel: we,
       setAllNodesIconLabel: (V) => {
-        var he, Ce, _e, et, ot;
+        var he, Se, Ee, et, ot;
         if (W(V), !V)
           for (const [Ze, Tt] of Object.entries(z))
             Tt === "icon-label" && !o.nodeById.has(Ze) && G(Ze, "default");
         for (const Ze of se)
-          o.parentIds.has(Ze.data.id) || (he = Ze.data.config) != null && he.parentContainer ? !er && !!((Ce = Ze.data.config) != null && Ce.collapsed) !== V && ((_e = r.onNodeCollapse) == null || _e.call(r, Ze.data.id, V)) : G(
+          o.parentIds.has(Ze.data.id) || (he = Ze.data.config) != null && he.parentContainer ? !er && !!((Se = Ze.data.config) != null && Se.collapsed) !== V && ((Ee = r.onNodeCollapse) == null || Ee.call(r, Ze.data.id, V)) : G(
             Ze.data.id,
             V ? "icon-label" : (et = Ze.data.config) != null && et.labelBelow ? "properties" : "default"
           );
@@ -682,7 +682,7 @@ function _w({
       setNodeRadiusPreview: Z,
       spacing: qe,
       setSpacing: ye,
-      edgeRadius: oe,
+      edgeRadius: ie,
       setEdgeRadius: J,
       backgroundVariant: je,
       setBackgroundVariant: fe,
@@ -726,7 +726,7 @@ function _w({
       nodeGridOptions: E,
       setNodeGridOptions: $,
       lastNodeGridOptions: A,
-      fillRadiusEditedIds: P,
+      fillRadiusEditedIds: I,
       setFillRadiusEditedIds: N,
       engineRef: s,
       callbacks: He,
@@ -747,7 +747,7 @@ function _w({
       ft,
       qe,
       je,
-      oe,
+      ie,
       e.backgroundColor,
       st,
       Ke,
@@ -768,7 +768,7 @@ function _w({
       _,
       E,
       A,
-      P,
+      I,
       er,
       e.edgeHandles,
       e.edgeType,
@@ -1287,7 +1287,7 @@ function Vt({
   "aria-label": l,
   ...u
 }) {
-  var I;
+  var O;
   const { colorMode: f } = rt(), { background: h, border: m, colorText: g, colorInactive: p } = ut(), v = f === "dark", b = ur(), w = de(null), x = de(null), [C, S] = re(!1), _ = So(
     /* @__PURE__ */ y(
       Vt,
@@ -1308,49 +1308,49 @@ function Vt({
     !!s
   );
   Ue(() => {
-    const P = x.current;
-    P.setAttribute("popover", "auto");
+    const I = x.current;
+    I.setAttribute("popover", "auto");
     const N = ($) => S($.newState === "open");
-    return P.addEventListener("toggle", N), () => P.removeEventListener("toggle", N);
+    return I.addEventListener("toggle", N), () => I.removeEventListener("toggle", N);
   }, []);
-  const M = N0.toArray(e).filter($0).map((P) => {
-    const N = P.props;
+  const M = N0.toArray(e).filter($0).map((I) => {
+    const N = I.props;
     return {
       value: String(N.value),
       label: typeof N.children == "string" && d === "title" ? Gt(N.children) : N.children,
       disabled: N.disabled
     };
   }), E = () => {
-    var P;
-    return (P = x.current) == null ? void 0 : P.hidePopover();
+    var I;
+    return (I = x.current) == null ? void 0 : I.hidePopover();
   }, T = () => {
-    var ie, ae, Q, me, ve;
-    const P = (ie = w.current) == null ? void 0 : ie.getBoundingClientRect(), N = x.current;
-    if (!P || !N) return;
+    var oe, ae, Q, me, ve;
+    const I = (oe = w.current) == null ? void 0 : oe.getBoundingClientRect(), N = x.current;
+    if (!I || !N) return;
     if ((ae = w.current) != null && ae.closest("[popover]")) {
-      const z = window.innerHeight - P.bottom - 16, B = P.top - 16;
+      const z = window.innerHeight - I.bottom - 16, B = I.top - 16;
       N.style.maxHeight = `${Math.max(60, z, B)}px`;
       const W = N.getBoundingClientRect();
-      N.style.left = `${Math.max(12, Math.min(P.right - W.width, window.innerWidth - W.width - 12))}px`, N.style.top = `${Math.max(12, W.height <= z ? P.bottom + 4 : P.top - W.height - 4)}px`;
+      N.style.left = `${Math.max(12, Math.min(I.right - W.width, window.innerWidth - W.width - 12))}px`, N.style.top = `${Math.max(12, W.height <= z ? I.bottom + 4 : I.top - W.height - 4)}px`;
       return;
     }
-    const $ = (ve = (me = (Q = w.current) == null ? void 0 : Q.closest("[data-flow-toolbar-scroll]")) == null ? void 0 : me.parentElement) == null ? void 0 : ve.getBoundingClientRect(), O = $ ?? P;
-    N.style.maxHeight = `${Math.max(60, Math.max(O.top - 40, window.innerHeight - O.bottom - 40))}px`;
+    const $ = (ve = (me = (Q = w.current) == null ? void 0 : Q.closest("[data-flow-toolbar-scroll]")) == null ? void 0 : me.parentElement) == null ? void 0 : ve.getBoundingClientRect(), P = $ ?? I;
+    N.style.maxHeight = `${Math.max(60, Math.max(P.top - 40, window.innerHeight - P.bottom - 40))}px`;
     const H = N.getBoundingClientRect();
-    N.style.left = `${Math.max(12, Math.min(Math.max(($ == null ? void 0 : $.left) ?? 12, P.right - H.width), (($ == null ? void 0 : $.right) ?? window.innerWidth - 12) - H.width, window.innerWidth - H.width - 12))}px`, N.style.top = `${Math.max(12, O.top >= H.height + 36 ? O.top - H.height - 24 : Math.min(O.bottom + 24, window.innerHeight - H.height - 12))}px`;
+    N.style.left = `${Math.max(12, Math.min(Math.max(($ == null ? void 0 : $.left) ?? 12, I.right - H.width), (($ == null ? void 0 : $.right) ?? window.innerWidth - 12) - H.width, window.innerWidth - H.width - 12))}px`, N.style.top = `${Math.max(12, P.top >= H.height + 36 ? P.top - H.height - 24 : Math.min(P.bottom + 24, window.innerHeight - H.height - 12))}px`;
   }, R = () => {
-    var $, O, H, ie, ae, Q;
+    var $, P, H, oe, ae, Q;
     if (n) return;
     if (($ = x.current) == null || $.showPopover(), T(), a) {
-      (H = (O = x.current) == null ? void 0 : O.querySelector("input")) == null || H.focus({ preventScroll: !0 });
+      (H = (P = x.current) == null ? void 0 : P.querySelector("input")) == null || H.focus({ preventScroll: !0 });
       return;
     }
-    const P = (ie = x.current) == null ? void 0 : ie.querySelectorAll(
+    const I = (oe = x.current) == null ? void 0 : oe.querySelectorAll(
       '[role="option"]:not(:disabled)'
     );
     (Q = ((ae = x.current) == null ? void 0 : ae.querySelector(
       '[aria-selected="true"]:not(:disabled)'
-    )) ?? (P == null ? void 0 : P[0])) == null || Q.focus();
+    )) ?? (I == null ? void 0 : I[0])) == null || Q.focus();
   };
   Ue(() => {
     if (C) {
@@ -1395,8 +1395,8 @@ function Vt({
         onClick: () => {
           _(), C ? E() : R();
         },
-        onKeyDown: (P) => {
-          ["ArrowDown", "ArrowUp"].includes(P.key) && (P.preventDefault(), R());
+        onKeyDown: (I) => {
+          ["ArrowDown", "ArrowUp"].includes(I.key) && (I.preventDefault(), R());
         },
         children: s ?? /* @__PURE__ */ D(Be, { children: [
           /* @__PURE__ */ y(
@@ -1407,7 +1407,7 @@ function Vt({
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap"
               },
-              children: ((I = M.find((P) => P.value === r)) == null ? void 0 : I.label) ?? r
+              children: ((O = M.find((I) => I.value === r)) == null ? void 0 : O.label) ?? r
             }
           ),
           /* @__PURE__ */ y(qm, { size: 16, style: { flexShrink: 0 } })
@@ -1443,35 +1443,35 @@ function Vt({
             `var(--chakra-colors-${(v ? m : "gray.300").replace(".", "-")})`
           )
         },
-        onKeyDown: (P) => {
-          var O, H, ie;
-          if (a && !["Escape", "Tab"].includes(P.key)) return;
+        onKeyDown: (I) => {
+          var P, H, oe;
+          if (a && !["Escape", "Tab"].includes(I.key)) return;
           const N = [
-            ...P.currentTarget.querySelectorAll(
+            ...I.currentTarget.querySelectorAll(
               '[role="option"]:not(:disabled), [data-flow-menu-action]:not(:disabled)'
             )
           ], $ = N.indexOf(
             document.activeElement
           );
-          if (["ArrowDown", "ArrowUp", "Home", "End"].includes(P.key)) {
-            P.preventDefault();
-            const ae = P.key === "Home" ? 0 : P.key === "End" ? N.length - 1 : ($ + (P.key === "ArrowDown" ? 1 : -1) + N.length) % N.length;
-            (O = N[ae]) == null || O.focus();
-          } else P.key === "Escape" || P.key === "Tab" ? (P.key === "Escape" && (P.preventDefault(), P.stopPropagation()), E(), (H = w.current) == null || H.focus()) : P.key.length === 1 && P.key !== " " && ((ie = N.find(
+          if (["ArrowDown", "ArrowUp", "Home", "End"].includes(I.key)) {
+            I.preventDefault();
+            const ae = I.key === "Home" ? 0 : I.key === "End" ? N.length - 1 : ($ + (I.key === "ArrowDown" ? 1 : -1) + N.length) % N.length;
+            (P = N[ae]) == null || P.focus();
+          } else I.key === "Escape" || I.key === "Tab" ? (I.key === "Escape" && (I.preventDefault(), I.stopPropagation()), E(), (H = w.current) == null || H.focus()) : I.key.length === 1 && I.key !== " " && ((oe = N.find(
             (ae, Q) => {
               var me;
-              return Q > $ && ((me = ae.textContent) == null ? void 0 : me.toLowerCase().startsWith(P.key.toLowerCase()));
+              return Q > $ && ((me = ae.textContent) == null ? void 0 : me.toLowerCase().startsWith(I.key.toLowerCase()));
             }
-          )) == null || ie.focus());
+          )) == null || oe.focus());
         },
         children: [
-          a ?? M.map((P) => /* @__PURE__ */ D(
+          a ?? M.map((I) => /* @__PURE__ */ D(
             Nr.button,
             {
               type: "button",
               role: "option",
-              "aria-selected": P.value === r,
-              disabled: P.disabled,
+              "aria-selected": I.value === r,
+              disabled: I.disabled,
               tabIndex: -1,
               display: "flex",
               alignItems: "center",
@@ -1487,10 +1487,10 @@ function Vt({
               _focusVisible: { bg: v ? "whiteAlpha.100" : "blackAlpha.50" },
               onClick: () => {
                 var N;
-                E(), (N = w.current) == null || N.focus(), t(P.value);
+                E(), (N = w.current) == null || N.focus(), t(I.value);
               },
               children: [
-                /* @__PURE__ */ y("span", { style: { flex: 1 }, children: P.label }),
+                /* @__PURE__ */ y("span", { style: { flex: 1 }, children: I.label }),
                 /* @__PURE__ */ y(
                   po,
                   {
@@ -1499,13 +1499,13 @@ function Vt({
                     "aria-hidden": "true",
                     style: {
                       flexShrink: 0,
-                      visibility: P.value === r ? "visible" : "hidden"
+                      visibility: I.value === r ? "visible" : "hidden"
                     }
                   }
                 )
               ]
             },
-            P.value
+            I.value
           )),
           c
         ]
@@ -2267,13 +2267,13 @@ function tn(e, r = "root", t = [], n = [], i = "untitled", o = {
       b = Hl(b, Tn);
       const x = b, C = Sr(b), S = _r(b), { newConfig: _, arrayObject: M } = Er(b);
       M.length && (b = M);
-      const { config: E } = Zr(typeof b == "string" ? "text" : "array", _), { hideConfig: T, sourceLabel: R, label: A, isEdgeAnimated: I, parent: P } = _;
+      const { config: E } = Zr(typeof b == "string" ? "text" : "array", _), { hideConfig: T, sourceLabel: R, label: A, isEdgeAnimated: O, parent: I } = _;
       c = c || T;
-      const N = r === "root" && o.isCntr, $ = r.split(".").slice(0, 2).join("."), O = In.includes($), H = o.isCntr && O || w % 2 === 0 && N;
-      let ie = `${r}.${w}`;
-      ie = Fn(ie, t), H && In.push(ie), zt(b) ? Object.keys(C).length && !it(b) ? (n.push(vr(r, ie, null, R, H, I)), tn(b, ie, t, n, A || w, o, _)) : Object.keys(S).length && !it(b) ? Nn({
+      const N = r === "root" && o.isCntr, $ = r.split(".").slice(0, 2).join("."), P = In.includes($), H = o.isCntr && P || w % 2 === 0 && N;
+      let oe = `${r}.${w}`;
+      oe = Fn(oe, t), H && In.push(oe), zt(b) ? Object.keys(C).length && !it(b) ? (n.push(vr(r, oe, null, R, H, O)), tn(b, oe, t, n, A || w, o, _)) : Object.keys(S).length && !it(b) ? Nn({
         flowConfig: o,
-        chldPth: ie,
+        chldPth: oe,
         isInverted: H,
         edges: n,
         itrblObjct: S,
@@ -2283,7 +2283,7 @@ function tn(e, r = "root", t = [], n = [], i = "untitled", o = {
         forceIsInverted: !0
       }) : it(b) ? Ib({
         flowConfig: o,
-        chldPth: ie,
+        chldPth: oe,
         edges: n,
         isInverted: H,
         item: b,
@@ -2291,14 +2291,14 @@ function tn(e, r = "root", t = [], n = [], i = "untitled", o = {
         path: r
       }) : zt(b) && Nn({
         flowConfig: o,
-        chldPth: ie,
+        chldPth: oe,
         isInverted: H,
         edges: n,
         itrblObjct: [b],
         nodes: t,
         path: r,
         newConfig: _
-      }) : (n.push(vr(r, ie, null, R, H, I)), t.push(Or(E, ie, { label: A || String(b), parent: P }, b, x)));
+      }) : (n.push(vr(r, oe, null, R, H, O)), t.push(Or(E, oe, { label: A || String(b), parent: I }, b, x)));
     })), { nodes: t, edges: n };
   } catch {
     return { nodes: t, edges: n };
@@ -2312,20 +2312,20 @@ const Nn = ({ chldPth: e, flowConfig: r, edges: t, itrblObjct: n, nodes: i, isIn
     b.length && (f = b);
     const { hideConfig: w, sourceLabel: x, label: C, content: S, target: _, targetLabel: M, collapsed: E, isEdgeAnimated: T, parent: R } = v;
     d = d || w;
-    const A = s === "root" && r.isCntr, I = s.split(".").slice(0, 2).join("."), P = In.includes(I);
-    c || (o = r.isCntr && P || h % 2 === 0 && A);
+    const A = s === "root" && r.isCntr, O = s.split(".").slice(0, 2).join("."), I = In.includes(O);
+    c || (o = r.isCntr && I || h % 2 === 0 && A);
     let N = e ? `${e}.${u}` : `${s}.${u}`;
     if (N = Fn(N, i), o && In.push(N), _ && t.push(vr(N, _, null, M, o, T)), zt(f) && !it(f)) {
       t.push(vr(s, N, null, x, o, T));
       const $ = l || Object.keys(g).length === 0;
       if ($) {
-        const O = S ? "object" : "array", { config: H } = Zr(O, v);
+        const P = S ? "object" : "array", { config: H } = Zr(P, v);
         H.data.headerTitle = S ? C : null, i.push(Or(H, N, { label: C || u, parent: R }, f, m));
       }
       if (Object.keys(g).length && !d) {
-        const O = it(f) ? ` ${f.length || ""}` : `{${Object.keys(f).length || ""}}`;
+        const P = it(f) ? ` ${f.length || ""}` : `{${Object.keys(f).length || ""}}`;
         let H = N;
-        $ && (H = `${N}.${O}`, H = Fn(H, i), t.push(vr(N, H, null, x, o, T))), tn(f, H, i, t, C || u, r, v);
+        $ && (H = `${N}.${P}`, H = Fn(H, i), t.push(vr(N, H, null, x, o, T))), tn(f, H, i, t, C || u, r, v);
       } else Object.keys(p).length && !it(f) ? Nn({
         chldPth: N,
         flowConfig: r,
@@ -2764,14 +2764,14 @@ function Vu(e, r = {}) {
       source: x,
       target: C,
       isInverted: S
-    }, A = Xr(R), I = ze(e, A.address);
-    if (I && typeof I == "object") {
-      const P = I[A.kind === "target" ? "$targetEdgeType" : "$edgeType"];
-      typeof P == "string" && (R.type = P);
-      const N = I[A.kind === "target" ? "$targetIcon" : "$edgeIcon"];
-      typeof N == "string" && (R.icon = N), I.$isEdgeAnimated !== void 0 && (R.isEdgeAnimated = !!I.$isEdgeAnimated);
-      const $ = I[A.kind === "target" ? "$targetAnimationVariant" : "$edgeAnimationVariant"];
-      ["dashed", "traveling"].includes($) && (R.edgeAnimationVariant = $), I.$isEdgeDashed !== void 0 && (R.isEdgeDashed = !!I.$isEdgeDashed), I.$edgeColor && (R.color = I.$edgeColor);
+    }, A = Xr(R), O = ze(e, A.address);
+    if (O && typeof O == "object") {
+      const I = O[A.kind === "target" ? "$targetEdgeType" : "$edgeType"];
+      typeof I == "string" && (R.type = I);
+      const N = O[A.kind === "target" ? "$targetIcon" : "$edgeIcon"];
+      typeof N == "string" && (R.icon = N), O.$isEdgeAnimated !== void 0 && (R.isEdgeAnimated = !!O.$isEdgeAnimated);
+      const $ = O[A.kind === "target" ? "$targetAnimationVariant" : "$edgeAnimationVariant"];
+      ["dashed", "traveling"].includes($) && (R.edgeAnimationVariant = $), O.$isEdgeDashed !== void 0 && (R.isEdgeDashed = !!O.$isEdgeDashed), O.$edgeColor && (R.color = O.$edgeColor);
     }
     return { data: R };
   });
@@ -3770,8 +3770,8 @@ function Bb(e, r, t, n) {
         ])
       )
     } : v.kind === "array" ? Object.fromEntries(
-      (Array.isArray(p) ? p : []).map((A, I) => [
-        String(I),
+      (Array.isArray(p) ? p : []).map((A, O) => [
+        String(O),
         { type: v.items, optional: !0 }
       ])
     ) : {
@@ -3780,22 +3780,22 @@ function Bb(e, r, t, n) {
         optional: !1
       }
     };
-    for (const [A, I] of Object.entries(S)) {
+    for (const [A, O] of Object.entries(S)) {
       if (!R1(A))
         throw new Error(`Unsupported structured property key: ${A}`);
-      const P = b ? u : `${u}.${A}`, N = ze(e, P), $ = Dn(I.type, N), O = $.kind === "object" || $.kind === "array", H = (E = C.ports) == null ? void 0 : E[A], ie = (H == null ? void 0 : H.kind) === "config" && (((T = x[A]) == null ? void 0 : T.$options) || $n(I.type)), ae = I.type.kind === "json" || I.type.kind === "union" && !$n(I.type);
-      if (((R = x[A]) == null ? void 0 : R.$control) === "upload" || !O && v.kind !== "array" && (!ae || b) || ie) {
+      const I = b ? u : `${u}.${A}`, N = ze(e, I), $ = Dn(O.type, N), P = $.kind === "object" || $.kind === "array", H = (E = C.ports) == null ? void 0 : E[A], oe = (H == null ? void 0 : H.kind) === "config" && (((T = x[A]) == null ? void 0 : T.$options) || $n(O.type)), ae = O.type.kind === "json" || O.type.kind === "union" && !$n(O.type);
+      if (((R = x[A]) == null ? void 0 : R.$control) === "upload" || !P && v.kind !== "array" && (!ae || b) || oe) {
         C.properties[A] = {
-          ...I,
-          type: I.type.kind === "json" ? $ : I.type
+          ...O,
+          type: O.type.kind === "json" ? $ : O.type
         };
         continue;
       }
-      const Q = s.get(P) ?? M1(P), me = v.kind === "array" ? `Item ${Number(A) + 1}` : A, ve = {
-        address: P,
+      const Q = s.get(I) ?? M1(I), me = v.kind === "array" ? `Item ${Number(A) + 1}` : A, ve = {
+        address: I,
         owner: l,
         field: A,
-        type: I.type,
+        type: O.type,
         label: me,
         nodeId: Q,
         present: N !== void 0
@@ -3812,7 +3812,7 @@ function Bb(e, r, t, n) {
           targetProperty: `config:${A}`,
           isEdgeDashed: !0
         }
-      }), i.containers.has(Q) || s.has(P)))
+      }), i.containers.has(Q) || s.has(I)))
         continue;
       if (o.has(Q))
         throw new Error(`Structured node identity conflict: ${Q}`);
@@ -3826,19 +3826,19 @@ function Bb(e, r, t, n) {
           description: {},
           config: {
             form: !0,
-            icon: $.kind === "array" ? "PiListNumbers" : O ? "PiBracketsCurly" : "PiTextT"
+            icon: $.kind === "array" ? "PiListNumbers" : P ? "PiBracketsCurly" : "PiTextT"
           },
           viewProps: { bgColor: h }
         }
       };
-      i.nodes.push(z), a(Q, P, I.type, h, m + 1, !0);
+      i.nodes.push(z), a(Q, I, O.type, h, m + 1, !0);
       const B = i.schema[`__form:${Q}`];
       z.data.description = Object.fromEntries(
         Object.keys(B.properties).map((W) => [
           W,
           ze(
             e,
-            $.kind === "array" || $.kind === "object" ? `${P}.${W}` : P
+            $.kind === "array" || $.kind === "object" ? `${I}.${W}` : I
           )
         ]).filter(([, W]) => W !== void 0)
       );
@@ -4383,31 +4383,31 @@ function N1({
 }) {
   const { structured: t, data: n, callbacks: i, editable: o, onFieldCreate: s } = jt(Ut), a = rt(), [c, d] = re(""), [l, u] = re("0"), [f, h] = re(""), m = t == null ? void 0 : t.containers.get(e);
   if (!m || !n || !t) return null;
-  const g = a.readOnly || a.config.editable === !1 || !o, p = ze(n, m.address), v = Ku(m.declared), b = m.type.kind === "array" ? m.type.items : m.type.kind === "object" ? m.type.additionalProperties : void 0, w = b ? Ku(b) : [], x = !!s && m.type.kind === "object" && (b == null ? void 0 : b.kind) === "json", C = (I) => I.kind === "literal" ? String(I.value) : I.kind === "string" ? "Text" : Gt(I.kind), S = [...t.slots.values()].filter(
-    (I) => I.owner === e
-  ), _ = (I, P) => {
+  const g = a.readOnly || a.config.editable === !1 || !o, p = ze(n, m.address), v = Ku(m.declared), b = m.type.kind === "array" ? m.type.items : m.type.kind === "object" ? m.type.additionalProperties : void 0, w = b ? Ku(b) : [], x = !!s && m.type.kind === "object" && (b == null ? void 0 : b.kind) === "json", C = (O) => O.kind === "literal" ? String(O.value) : O.kind === "string" ? "Text" : Gt(O.kind), S = [...t.slots.values()].filter(
+    (O) => O.owner === e
+  ), _ = (O, I) => {
     var N;
     return (N = i.onFormChange) == null ? void 0 : N.call(i, {
       data: n,
       nodeAddress: m.address,
-      address: I,
-      previousValue: ze(n, I),
-      value: P
+      address: O,
+      previousValue: ze(n, O),
+      value: I
     });
-  }, M = (I) => {
-    var P;
-    a.setSelectedNodeIds([I]), (P = a.engineRef.current) == null || P.focusNode(I, 90, !1);
-  }, E = (I, P) => {
+  }, M = (O) => {
+    var I;
+    a.setSelectedNodeIds([O]), (I = a.engineRef.current) == null || I.focusNode(O, 90, !1);
+  }, E = (O, I) => {
     if (!Array.isArray(p)) return;
     const N = [...p];
-    [N[I], N[I + P]] = [N[I + P], N[I]], _(m.address, N);
+    [N[O], N[O + I]] = [N[O + I], N[O]], _(m.address, N);
   }, T = () => {
-    const I = w[Number(l)] ?? w[0];
-    if (I)
+    const O = w[Number(l)] ?? w[0];
+    if (O)
       if (m.type.kind === "array")
         _(m.address, [
           ...Array.isArray(p) ? p : [],
-          An(I)
+          An(O)
         ]);
       else {
         if (!c || c.includes(".") || c.startsWith("$") || ["__proto__", "constructor", "prototype"].includes(c)) {
@@ -4427,7 +4427,7 @@ function N1({
             value: l === "files" ? [] : ""
           },
           { $control: "upload" }
-        ) : _(`${m.address}.${c}`, An(I)), d(""), h("");
+        ) : _(`${m.address}.${c}`, An(O)), d(""), h("");
       }
   }, R = m.type.kind === "object" && !!m.type.additionalProperties, A = m.type.kind === "array";
   return /* @__PURE__ */ D(
@@ -4445,37 +4445,37 @@ function N1({
               disabled: g,
               value: String(
                 v.findIndex(
-                  (I) => Dn(I, p).kind === m.type.kind
+                  (O) => Dn(O, p).kind === m.type.kind
                 )
               ),
-              onValueChange: (I) => _(
+              onValueChange: (O) => _(
                 m.address,
-                An(v[Number(I)])
+                An(v[Number(O)])
               ),
-              children: v.map((I, P) => /* @__PURE__ */ y("option", { value: P, children: C(I) }, P))
+              children: v.map((O, I) => /* @__PURE__ */ y("option", { value: I, children: C(O) }, I))
             }
           ) })
         ] }),
-        S.map((I, P) => /* @__PURE__ */ D(
+        S.map((O, I) => /* @__PURE__ */ D(
           "div",
           {
-            "data-structured-slot": I.address,
+            "data-structured-slot": O.address,
             style: { display: "flex", gap: 6, alignItems: "center", minWidth: 0 },
             children: [
-              I.type.kind === "array" ? /* @__PURE__ */ y(B0, { size: 20 }) : /* @__PURE__ */ y(Bl, { size: 20 }),
-              /* @__PURE__ */ y("span", { style: { flex: 1, overflowWrap: "anywhere" }, children: Gt(I.label) }),
+              O.type.kind === "array" ? /* @__PURE__ */ y(B0, { size: 20 }) : /* @__PURE__ */ y(Bl, { size: 20 }),
+              /* @__PURE__ */ y("span", { style: { flex: 1, overflowWrap: "anywhere" }, children: Gt(O.label) }),
               /* @__PURE__ */ y(
                 $e,
                 {
-                  "aria-label": `${I.present ? r ? "Edit" : "Focus" : "Create"} ${Gt(I.label)}`,
-                  title: `${I.present ? r ? "Edit" : "Focus" : "Create"} ${Gt(I.label)}`,
-                  icon: I.present ? /* @__PURE__ */ y(D0, { size: 18 }) : /* @__PURE__ */ y($r, { size: 18 }),
+                  "aria-label": `${O.present ? r ? "Edit" : "Focus" : "Create"} ${Gt(O.label)}`,
+                  title: `${O.present ? r ? "Edit" : "Focus" : "Create"} ${Gt(O.label)}`,
+                  icon: O.present ? /* @__PURE__ */ y(D0, { size: 18 }) : /* @__PURE__ */ y($r, { size: 18 }),
                   size: "sm",
                   variant: "ghost",
-                  disabled: g && !I.present,
+                  disabled: g && !O.present,
                   onClick: (N) => {
                     var $;
-                    I.present ? r ? r(I.nodeId) : (($ = N.currentTarget.closest("dialog")) == null || $.close(), M(I.nodeId)) : _(I.address, An(I.type));
+                    O.present ? r ? r(O.nodeId) : (($ = N.currentTarget.closest("dialog")) == null || $.close(), M(O.nodeId)) : _(O.address, An(O.type));
                   }
                 }
               ),
@@ -4483,30 +4483,30 @@ function N1({
                 /* @__PURE__ */ y(
                   $e,
                   {
-                    "aria-label": `Move item ${P + 1} up`,
+                    "aria-label": `Move item ${I + 1} up`,
                     icon: /* @__PURE__ */ y(Wm, { size: 18 }),
                     size: "sm",
                     variant: "ghost",
-                    disabled: g || P === 0,
-                    onClick: () => E(P, -1)
+                    disabled: g || I === 0,
+                    onClick: () => E(I, -1)
                   }
                 ),
                 /* @__PURE__ */ y(
                   $e,
                   {
-                    "aria-label": `Move item ${P + 1} down`,
+                    "aria-label": `Move item ${I + 1} down`,
                     icon: /* @__PURE__ */ y(Vm, { size: 18 }),
                     size: "sm",
                     variant: "ghost",
-                    disabled: g || P === S.length - 1,
-                    onClick: () => E(P, 1)
+                    disabled: g || I === S.length - 1,
+                    onClick: () => E(I, 1)
                   }
                 )
               ] }),
-              I.present && /* @__PURE__ */ y(
+              O.present && /* @__PURE__ */ y(
                 $e,
                 {
-                  "aria-label": `Remove ${Gt(I.label)}`,
+                  "aria-label": `Remove ${Gt(O.label)}`,
                   icon: /* @__PURE__ */ y(zr, { size: 18 }),
                   size: "sm",
                   variant: "ghost",
@@ -4514,14 +4514,14 @@ function N1({
                   onClick: () => A ? _(
                     m.address,
                     p.filter(
-                      (N, $) => $ !== P
+                      (N, $) => $ !== I
                     )
-                  ) : _(I.address, void 0)
+                  ) : _(O.address, void 0)
                 }
               )
             ]
           },
-          I.address
+          O.address
         )),
         (A || R) && /* @__PURE__ */ D(
           "div",
@@ -4551,7 +4551,7 @@ function N1({
                         placeholder: "Required",
                         value: c,
                         disabled: g,
-                        onChange: (I) => d(I.target.value)
+                        onChange: (O) => d(O.target.value)
                       }
                     )
                   ]
@@ -4576,7 +4576,7 @@ function N1({
                         disabled: g,
                         onValueChange: u,
                         children: [
-                          w.map((I, P) => /* @__PURE__ */ y("option", { value: P, children: C(I) }, P)),
+                          w.map((O, I) => /* @__PURE__ */ y("option", { value: I, children: C(O) }, I)),
                           x && /* @__PURE__ */ y("option", { value: "file", children: "File" }),
                           x && /* @__PURE__ */ y("option", { value: "files", children: "Files" })
                         ]
@@ -4778,17 +4778,17 @@ function Zu({
   value: n,
   disabled: i
 }) {
-  var ye, pe, J, L, oe;
+  var ye, pe, J, L, ie;
   const {
     callbacks: o,
     structured: s,
     references: a
-  } = jt(Ut), { themeColor: c } = rt(), { background: d } = ut(), l = ur(), u = r.type.kind === "object" || r.type.kind === "array" || r.type.kind === "json", f = n === void 0 ? "" : u ? JSON.stringify(n, null, 2) : String(n), [h, m] = re(f), [g, p] = re(""), [v, b] = re(0), w = de(null), x = de(), [C, S] = re(!1), [_, M] = re(!1), [E, T] = re(), R = ((ye = t.$options) == null ? void 0 : ye.$source) === "callback", A = o.resolveFormOptions, { data: I, address: P, nodeAddress: N, nodeId: $ } = e;
+  } = jt(Ut), { themeColor: c } = rt(), { background: d } = ut(), l = ur(), u = r.type.kind === "object" || r.type.kind === "array" || r.type.kind === "json", f = n === void 0 ? "" : u ? JSON.stringify(n, null, 2) : String(n), [h, m] = re(f), [g, p] = re(""), [v, b] = re(0), w = de(null), x = de(), [C, S] = re(!1), [_, M] = re(!1), [E, T] = re(), R = ((ye = t.$options) == null ? void 0 : ye.$source) === "callback", A = o.resolveFormOptions, { data: O, address: I, nodeAddress: N, nodeId: $ } = e;
   Ue(() => (S(!1), M(!1), () => {
     var U;
     (U = x.current) == null || U.abort(), x.current = void 0;
   }), [
-    P,
+    I,
     N,
     $,
     i,
@@ -4797,27 +4797,27 @@ function Zu({
     (pe = t.$upload) == null ? void 0 : pe.accept,
     (J = t.$upload) == null ? void 0 : J.maxSizeBytes
   ]);
-  const O = de(I);
-  O.current = I;
+  const P = de(O);
+  P.current = O;
   const H = JSON.stringify([
-    P,
+    I,
     $,
     (L = t.$options) != null && L.$dependsOn ? t.$options.$dependsOn.map(
-      (U) => ze(I, U)
-    ) : ze(I, N)
+      (U) => ze(O, U)
+    ) : ze(O, N)
   ]);
   Ue(() => {
     m(f), p("");
-  }, [f, P, $]), Ue(() => {
+  }, [f, I, $]), Ue(() => {
     if (!R) return;
     const U = new AbortController();
     return Promise.resolve().then(() => {
       if (!A) throw new Error("No options resolver configured");
       return A({
-        address: P,
+        address: I,
         nodeAddress: N,
         nodeId: $,
-        data: sn(O.current),
+        data: sn(P.current),
         signal: U.signal
       });
     }).then((fe) => {
@@ -4833,11 +4833,11 @@ function Zu({
         error: fe instanceof Error ? fe.message : "Options unavailable"
       });
     }), () => U.abort();
-  }, [R, A, H, P, N, $, v]);
-  const ie = R && (E == null ? void 0 : E.key) !== H, ae = R ? (E == null ? void 0 : E.key) === H ? E.options : [] : r.type.kind === "null" ? [{ label: "Null", value: null }] : r.type.kind === "boolean" ? [
+  }, [R, A, H, I, N, $, v]);
+  const oe = R && (E == null ? void 0 : E.key) !== H, ae = R ? (E == null ? void 0 : E.key) === H ? E.options : [] : r.type.kind === "null" ? [{ label: "Null", value: null }] : r.type.kind === "boolean" ? [
     { label: "Yes", value: !0 },
     { label: "No", value: !1 }
-  ] : $n(r.type), Q = r.type.kind === "array", me = (t.$control === "upload" ? "upload" : s && u || t.$control === "checkbox" ? "pills" : t.$control) ?? (ae ? Q || r.type.kind === "boolean" ? "pills" : "select" : r.type.kind === "boolean" ? "checkbox" : u ? "textarea" : "input"), ve = !r.optional || !!t.$requiredWhen && Ao(t.$requiredWhen, I), z = ve ? "Required" : "Optional", B = me !== "upload" && !!(a != null && a.length) && typeof n == "string" && n.includes("{{"), W = g || R && (E == null ? void 0 : E.key) === H && E.error || !B && or(r.type, n, ve), F = Gt(t.$label ?? P.split(".").pop()), ce = (U) => {
+  ] : $n(r.type), Q = r.type.kind === "array", me = (t.$control === "upload" ? "upload" : s && u || t.$control === "checkbox" ? "pills" : t.$control) ?? (ae ? Q || r.type.kind === "boolean" ? "pills" : "select" : r.type.kind === "boolean" ? "checkbox" : u ? "textarea" : "input"), ve = !r.optional || !!t.$requiredWhen && Ao(t.$requiredWhen, O), z = ve ? "Required" : "Optional", B = me !== "upload" && !!(a != null && a.length) && typeof n == "string" && n.includes("{{"), W = g || R && (E == null ? void 0 : E.key) === H && E.error || !B && or(r.type, n, ve), F = Gt(t.$label ?? I.split(".").pop()), ce = (U) => {
     var fe;
     if (!(i || Object.is(U, n)))
       try {
@@ -4900,7 +4900,7 @@ function Zu({
         U.map(async (nt) => {
           const st = await o.uploadFormFile({
             ...e,
-            data: sn(I),
+            data: sn(O),
             file: nt,
             signal: fe.signal
           });
@@ -4936,12 +4936,12 @@ function Zu({
     "aria-required": ve,
     "aria-invalid": !!W,
     "aria-describedby": W ? `${l}-error` : void 0
-  }, Ae = Pe(c);
+  }, Ce = Pe(c);
   return /* @__PURE__ */ D(
     "div",
     {
-      "data-form-field": P,
-      "data-flow-property": P.slice(N.length + 1),
+      "data-form-field": I,
+      "data-flow-property": I.slice(N.length + 1),
       children: [
         /* @__PURE__ */ D(
           "div",
@@ -5019,7 +5019,7 @@ function Zu({
                   type: "file",
                   hidden: !0,
                   "aria-label": `Upload ${F}`,
-                  accept: (oe = t.$upload) == null ? void 0 : oe.accept,
+                  accept: (ie = t.$upload) == null ? void 0 : ie.accept,
                   multiple: Q,
                   disabled: i || C,
                   onChange: (U) => {
@@ -5107,7 +5107,7 @@ function Zu({
           Vt,
           {
             ...we,
-            disabled: i || ie || !!(E != null && E.error),
+            disabled: i || oe || !!(E != null && E.error),
             labelCase: "preserve",
             value: String(
               (ae == null ? void 0 : ae.findIndex((U) => Object.is(U.value, n))) ?? -1
@@ -5136,13 +5136,13 @@ function Zu({
                   "button",
                   {
                     type: "button",
-                    disabled: i || ie,
+                    disabled: i || oe,
                     "aria-pressed": be,
                     style: {
                       padding: "8px 16px",
                       borderRadius: 24,
                       border: 0,
-                      color: be ? Ae : "inherit",
+                      color: be ? Ce : "inherit",
                       background: be ? "color-mix(in srgb, currentColor 12%, transparent)" : "color-mix(in srgb, currentColor 7%, transparent)"
                     },
                     onClick: () => ce(
@@ -5155,7 +5155,7 @@ function Zu({
                   fe
                 );
               }),
-              ie && /* @__PURE__ */ y("span", { role: "status", children: "Loading..." })
+              oe && /* @__PURE__ */ y("span", { role: "status", children: "Loading..." })
             ]
           }
         ) : me === "textarea" ? /* @__PURE__ */ y(
@@ -5425,7 +5425,7 @@ function Ub({
   open: n,
   onOpenChange: i
 }) {
-  const { callbacks: o, readOnly: s, themeColor: a, colorMode: c } = rt(), { background: d, backgroundSecondary: l, border: u, colorText: f, colorInactive: h } = ut(), m = c === "dark" ? Hn : Pe(h), g = de(null), p = de(null), v = de(0), [b, w] = re(!1), [x, C] = re("icons"), [S, _] = re([]), [M, E] = re("loading"), [T, R] = re(""), [A, I] = re(0), [P, N] = re(""), [$, O] = re(""), [H, ie] = re(!1);
+  const { callbacks: o, readOnly: s, themeColor: a, colorMode: c } = rt(), { background: d, backgroundSecondary: l, border: u, colorText: f, colorInactive: h } = ut(), m = c === "dark" ? Hn : Pe(h), g = de(null), p = de(null), v = de(0), [b, w] = re(!1), [x, C] = re("icons"), [S, _] = re([]), [M, E] = re("loading"), [T, R] = re(""), [A, O] = re(0), [I, N] = re(""), [$, P] = re(""), [H, oe] = re(!1);
   Ue(
     () => () => {
       v.current++;
@@ -5453,7 +5453,7 @@ function Ub({
         (F = g.current) == null || F.close();
         return;
       }
-      (ce = g.current) != null && ce.open || (O(""), C(
+      (ce = g.current) != null && ce.open || (P(""), C(
         t === "PiFileSvg" || t && mr(t) ? "custom" : "icons"
       ), N(
         t && !t.startsWith(qn) && mr(t) ? t : ""
@@ -5492,7 +5492,7 @@ function Ub({
             disabled: s,
             onClick: () => {
               var F;
-              O(""), C(t && mr(t) ? "custom" : "icons"), N(
+              P(""), C(t && mr(t) ? "custom" : "icons"), N(
                 t && !t.startsWith(qn) && mr(t) ? t : ""
               ), w(!0), (F = g.current) == null || F.showModal();
             }
@@ -5510,7 +5510,7 @@ function Ub({
           Pe(u)
         ),
         onClose: () => {
-          w(!1), i == null || i(!1), v.current++, ie(!1);
+          w(!1), i == null || i(!1), v.current++, oe(!1);
         },
         onClick: (F) => {
           F.stopPropagation(), F.target === F.currentTarget && F.currentTarget.close();
@@ -5581,7 +5581,7 @@ function Ub({
             {
               value: x,
               onValueChange: ({ value: F }) => {
-                C(F), O("");
+                C(F), P("");
               },
               display: "contents",
               css: { "--indicator-thickness": "1px" },
@@ -5627,16 +5627,16 @@ function Ub({
                       const ce = (se = F.target.files) == null ? void 0 : se[0];
                       if (F.target.value = "", !ce) return;
                       const Z = ++v.current;
-                      ie(!0), O("");
+                      oe(!0), P("");
                       try {
                         const ue = await E1(ce);
                         Z === v.current && ae(ue);
                       } catch (ue) {
-                        Z === v.current && O(
+                        Z === v.current && P(
                           ue instanceof Error ? ue.message : "Unable to read SVG."
                         );
                       } finally {
-                        Z === v.current && ie(!1);
+                        Z === v.current && oe(!1);
                       }
                     }
                   }
@@ -5655,7 +5655,7 @@ function Ub({
                           placeholder: "Search icons...",
                           value: T,
                           onChange: (F) => {
-                            R(F.target.value), I(0);
+                            R(F.target.value), O(0);
                           },
                           style: W
                         }
@@ -5725,7 +5725,7 @@ function Ub({
                                   size: "sm",
                                   variant: "ghost",
                                   disabled: z === 0,
-                                  onClick: () => I(z - 1)
+                                  onClick: () => O(z - 1)
                                 }
                               ) }),
                               /* @__PURE__ */ y(Ye, { label: "Next icons", children: /* @__PURE__ */ y(
@@ -5736,7 +5736,7 @@ function Ub({
                                   size: "sm",
                                   variant: "ghost",
                                   disabled: z + 1 >= ve,
-                                  onClick: () => I(z + 1)
+                                  onClick: () => O(z + 1)
                                 }
                               ) })
                             ] })
@@ -5778,7 +5778,7 @@ function Ub({
                             minWidth: 0
                           },
                           onSubmit: (F) => {
-                            F.preventDefault(), !(H || s) && (!mr(P.trim()) || P.trim().startsWith(qn) ? O("Enter an HTTP or HTTPS image URL.") : ae(P.trim()));
+                            F.preventDefault(), !(H || s) && (!mr(I.trim()) || I.trim().startsWith(qn) ? P("Enter an HTTP or HTTPS image URL.") : ae(I.trim()));
                           },
                           children: [
                             /* @__PURE__ */ y(
@@ -5787,7 +5787,7 @@ function Ub({
                                 type: "url",
                                 "aria-label": "SVG URL",
                                 placeholder: "https://example.com/icon.svg",
-                                value: P,
+                                value: I,
                                 disabled: H || s,
                                 onChange: (F) => N(F.target.value),
                                 style: { ...W, flex: 1, minWidth: 0 }
@@ -5801,7 +5801,7 @@ function Ub({
                                 icon: /* @__PURE__ */ y(Xm, { size: 20 }),
                                 size: "sm",
                                 variant: "ghost",
-                                disabled: H || s || !P.trim(),
+                                disabled: H || s || !I.trim(),
                                 style: { flexShrink: 0 }
                               }
                             ) })
@@ -6271,7 +6271,7 @@ function j1({
   onClose: r,
   afterLabel: t
 }) {
-  var ce, Z, se, ue, we, Ae, ye, pe;
+  var ce, Z, se, ue, we, Ce, ye, pe;
   const {
     callbacks: n,
     colorMode: i,
@@ -6281,8 +6281,8 @@ function j1({
     nodeViewModes: c
   } = rt(), { colorText: d, colorInactive: l } = ut(), { nodeById: u, parentIds: f } = jr(), { palette: h, show: m } = Hb(), g = e.length === 1, [p, v] = re(""), b = g ? (ce = u.get(e[0])) == null ? void 0 : ce.data : void 0, w = e.map((J) => {
     var U, fe, be, qe, je, We;
-    const L = (U = u.get(J)) == null ? void 0 : U.data, oe = ((fe = L == null ? void 0 : L.config) == null ? void 0 : fe.typeView) ?? "";
-    return oe === "object" && ((be = L == null ? void 0 : L.config) == null ? void 0 : be.content) !== void 0 && c[J] !== "properties" ? "content" : oe === "icon-label" && ((qe = L == null ? void 0 : L.viewProps) == null ? void 0 : qe.bgColor) === "transparent" && ((je = L == null ? void 0 : L.viewProps) == null ? void 0 : je.borderWidth) === 0 && ((We = L == null ? void 0 : L.viewProps) == null ? void 0 : We.outline) === !1 ? "media" : oe;
+    const L = (U = u.get(J)) == null ? void 0 : U.data, ie = ((fe = L == null ? void 0 : L.config) == null ? void 0 : fe.typeView) ?? "";
+    return ie === "object" && ((be = L == null ? void 0 : L.config) == null ? void 0 : be.content) !== void 0 && c[J] !== "properties" ? "content" : ie === "icon-label" && ((qe = L == null ? void 0 : L.viewProps) == null ? void 0 : qe.bgColor) === "transparent" && ((je = L == null ? void 0 : L.viewProps) == null ? void 0 : je.borderWidth) === 0 && ((We = L == null ? void 0 : L.viewProps) == null ? void 0 : We.outline) === !1 ? "media" : ie;
   }), x = w.some((J) => J !== w[0]), C = x ? "mixed" : w[0] ?? "", S = [
     { value: "text", label: "Text", view: "text", icon: V0 },
     {
@@ -6302,35 +6302,35 @@ function j1({
       icon: K0
     }
   ], _ = e.some((J) => {
-    var oe, U, fe, be;
-    const L = (oe = u.get(J)) == null ? void 0 : oe.data;
+    var ie, U, fe, be;
+    const L = (ie = u.get(J)) == null ? void 0 : ie.data;
     return L && ((U = L.config) == null ? void 0 : U.typeView) !== "grid" && ((fe = L.config) == null ? void 0 : fe.typeView) !== "parent" && (f.has(J) || ((be = L.config) == null ? void 0 : be.parentContainer) || Object.prototype.hasOwnProperty.call(
       s.customViews ?? {},
       L.type
     ));
   }), M = (Z = b == null ? void 0 : b.config) == null ? void 0 : Z.collapsed, E = Wb(e[0]), T = (J) => {
-    var L, oe, U;
-    return (((oe = (L = u.get(J)) == null ? void 0 : L.data.viewProps) == null ? void 0 : oe.outline) ?? (f.has(J) ? (U = s.parentNodeStyle) == null ? void 0 : U.outline : !1)) === !0;
-  }, R = e.every(T), A = !R && e.some(T), I = (J) => {
+    var L, ie, U;
+    return (((ie = (L = u.get(J)) == null ? void 0 : L.data.viewProps) == null ? void 0 : ie.outline) ?? (f.has(J) ? (U = s.parentNodeStyle) == null ? void 0 : U.outline : !1)) === !0;
+  }, R = e.every(T), A = !R && e.some(T), O = (J) => {
     var L;
     return ((L = u.get(J)) == null ? void 0 : L.data.isNodeAnimated) === !0;
-  }, P = e.every(I), N = !P && e.some(I), $ = e.map(
+  }, I = e.every(O), N = !I && e.some(O), $ = e.map(
     (J) => {
       var L;
       return ((L = u.get(J)) == null ? void 0 : L.data.nodeAnimationVariant) ?? "traveling";
     }
-  ), O = $.every(
+  ), P = $.every(
     (J) => J === $[0]
-  ) ? $[0] : "", H = (J) => e.forEach(J), [ie, ae] = re(!1), Q = ie && m("color") && m("borderColor"), me = (J) => {
-    var L, oe, U;
-    return (((oe = (L = u.get(J)) == null ? void 0 : L.data.viewProps) == null ? void 0 : oe.borderStyle) ?? (f.has(J) ? (U = s.parentNodeStyle) == null ? void 0 : U.borderStyle : "solid")) === "dashed";
+  ) ? $[0] : "", H = (J) => e.forEach(J), [oe, ae] = re(!1), Q = oe && m("color") && m("borderColor"), me = (J) => {
+    var L, ie, U;
+    return (((ie = (L = u.get(J)) == null ? void 0 : L.data.viewProps) == null ? void 0 : ie.borderStyle) ?? (f.has(J) ? (U = s.parentNodeStyle) == null ? void 0 : U.borderStyle : "solid")) === "dashed";
   }, ve = e.every(me), z = !ve && e.some(me), B = e.map((J) => {
     var U, fe, be;
-    const L = (U = u.get(J)) == null ? void 0 : U.data, oe = f.has(J) ? Gn((fe = s.parentNodeStyle) == null ? void 0 : fe.borderWidth, 6) : (L == null ? void 0 : L.type) === "objectView" ? 3 : 2;
-    return Gn((be = L == null ? void 0 : L.viewProps) == null ? void 0 : be.borderWidth, oe);
+    const L = (U = u.get(J)) == null ? void 0 : U.data, ie = f.has(J) ? Gn((fe = s.parentNodeStyle) == null ? void 0 : fe.borderWidth, 6) : (L == null ? void 0 : L.type) === "objectView" ? 3 : 2;
+    return Gn((be = L == null ? void 0 : L.viewProps) == null ? void 0 : be.borderWidth, ie);
   }), W = B.every((J) => J === B[0]) ? String(B[0] ?? "") : "", F = (J) => H((L) => {
-    var oe, U;
-    Q ? (oe = n.onNodeBorderColorChange) == null || oe.call(n, L, J) : (U = n.onNodeColorChange) == null || U.call(n, L, "bg", J);
+    var ie, U;
+    Q ? (ie = n.onNodeBorderColorChange) == null || ie.call(n, L, J) : (U = n.onNodeColorChange) == null || U.call(n, L, "bg", J);
   });
   return /* @__PURE__ */ D(Be, { children: [
     /* @__PURE__ */ y(Kn, { onClick: r }),
@@ -6361,10 +6361,10 @@ function j1({
         value: C,
         disabled: s.readOnly || s.editable === !1 || _,
         onValueChange: (J) => {
-          var oe;
-          const L = (oe = S.find(
+          var ie;
+          const L = (ie = S.find(
             (U) => U.value === J
-          )) == null ? void 0 : oe.view;
+          )) == null ? void 0 : ie.view;
           L && H((U) => {
             var be, qe, je, We, at, Qe, Ct, nt, st, bt, Te, He, ft;
             const fe = (be = u.get(U)) == null ? void 0 : be.data;
@@ -6486,8 +6486,8 @@ function j1({
             value: W,
             onCommit: (J) => H(
               (L) => {
-                var oe;
-                return (oe = n.onNodeBorderWidthChange) == null ? void 0 : oe.call(
+                var ie;
+                return (ie = n.onNodeBorderWidthChange) == null ? void 0 : ie.call(
                   n,
                   L,
                   J === "" ? void 0 : Number(J)
@@ -6503,29 +6503,29 @@ function j1({
       /* @__PURE__ */ y(
         Ye,
         {
-          label: P ? "Stop border animation" : "Animate node border",
+          label: I ? "Stop border animation" : "Animate node border",
           children: /* @__PURE__ */ y(
             $e,
             {
               "aria-label": "Toggle node animation",
-              "aria-pressed": N ? "mixed" : P,
+              "aria-pressed": N ? "mixed" : I,
               icon: /* @__PURE__ */ y(Ge, { as: Y0, boxSize: 5 }),
               size: "sm",
               variant: "ghost",
-              color: P ? o : l,
+              color: I ? o : l,
               onClick: () => H((J) => {
                 var L;
-                return (L = n.onNodeAnimationChange) == null ? void 0 : L.call(n, J, !P);
+                return (L = n.onNodeAnimationChange) == null ? void 0 : L.call(n, J, !I);
               })
             }
           )
         }
       ),
-      (P || N) && /* @__PURE__ */ y(
+      (I || N) && /* @__PURE__ */ y(
         Vb,
         {
           label: "Node animation",
-          value: O,
+          value: P,
           options: [
             { value: "traveling", label: "Trace" },
             { value: "pulse", label: "Pulse" }
@@ -6533,8 +6533,8 @@ function j1({
           disabled: s.readOnly,
           onChange: (J) => H(
             (L) => {
-              var oe;
-              return (oe = n.onNodeAnimationVariantChange) == null ? void 0 : oe.call(n, L, J);
+              var ie;
+              return (ie = n.onNodeAnimationVariantChange) == null ? void 0 : ie.call(n, L, J);
             }
           )
         }
@@ -6547,10 +6547,10 @@ function j1({
         {
           label: "Text color",
           colors: q1,
-          value: (Ae = b == null ? void 0 : b.viewProps) == null ? void 0 : Ae.textColor,
+          value: (Ce = b == null ? void 0 : b.viewProps) == null ? void 0 : Ce.textColor,
           onPick: (J) => H((L) => {
-            var oe;
-            return (oe = n.onNodeColorChange) == null ? void 0 : oe.call(n, L, "text", J);
+            var ie;
+            return (ie = n.onNodeColorChange) == null ? void 0 : ie.call(n, L, "text", J);
           }),
           onReset: () => H((J) => {
             var L;
@@ -6623,8 +6623,8 @@ function j1({
               onClick: () => {
                 H(
                   (J) => {
-                    var L, oe;
-                    return (oe = n.onNodeDelete) == null ? void 0 : oe.call(
+                    var L, ie;
+                    return (ie = n.onNodeDelete) == null ? void 0 : ie.call(
                       n,
                       J,
                       ((L = u.get(J)) == null ? void 0 : L.data) || { id: J }
@@ -7034,10 +7034,10 @@ function Jb({
                 bg: d === "dark" ? "whiteAlpha.100" : "blackAlpha.50"
               },
               onClick: (A) => {
-                var I, P;
-                (I = A.currentTarget.closest(
+                var O, I;
+                (O = A.currentTarget.closest(
                   "[popover]"
-                )) == null || I.hidePopover(), (P = s.onWorkflowConfigurationOpen) == null || P.call(s);
+                )) == null || O.hidePopover(), (I = s.onWorkflowConfigurationOpen) == null || I.call(s);
               },
               children: [
                 /* @__PURE__ */ y(ow, {}),
@@ -7047,9 +7047,9 @@ function Jb({
           )
         ] }),
         onValueChange: (A) => {
-          var P;
-          const I = A === "auto" ? "auto" : A === "properties" ? "properties" : "nodes";
-          n(I), (P = s.onEdgeModeChange) == null || P.call(s, I);
+          var I;
+          const O = A === "auto" ? "auto" : A === "properties" ? "properties" : "nodes";
+          n(O), (I = s.onEdgeModeChange) == null || I.call(s, O);
         },
         children: [
           /* @__PURE__ */ y("option", { value: "auto", children: "Auto" }),
@@ -7097,53 +7097,53 @@ function Jb({
               disabled: a || C,
               onChange: async (A) => {
                 var N, $;
-                const I = (N = A.target.files) == null ? void 0 : N[0];
-                if (A.target.value = "", !I) return;
-                const P = ++x.current;
+                const O = (N = A.target.files) == null ? void 0 : N[0];
+                if (A.target.value = "", !O) return;
+                const I = ++x.current;
                 S(!0), M("");
                 try {
-                  const O = p ? await Fb(I, [
+                  const P = p ? await Fb(O, [
                     ...new Set(
                       Object.values(p).map(
                         (ae) => ae.schemaType ?? ae.type
                       )
                     )
                   ]) : void 0;
-                  if (p && O) {
+                  if (p && P) {
                     for (const ae of Object.values(p))
                       if (!Object.prototype.hasOwnProperty.call(
-                        O,
+                        P,
                         ae.schemaType ?? ae.type
                       ))
                         throw new Error(
                           `Missing form type: ${ae.schemaType ?? ae.type}`
                         );
                   }
-                  const { contract: H, schema: ie } = p && O ? {
-                    schema: O,
+                  const { contract: H, schema: oe } = p && P ? {
+                    schema: P,
                     contract: {
-                      name: I.name,
+                      name: O.name,
                       nodes: Object.fromEntries(
                         Object.entries(p).map(
                           ([ae, Q]) => [
                             ae,
                             {
-                              type: O[Q.schemaType ?? Q.type],
+                              type: P[Q.schemaType ?? Q.type],
                               optional: !1
                             }
                           ]
                         )
                       )
                     }
-                  } : await G1(I, u);
-                  if (P !== x.current) return;
-                  h == null || h(ie), o(H), ($ = s.onWorkflowContractChange) == null || $.call(s, H);
-                } catch (O) {
-                  P === x.current && M(
-                    `${I.name}: ${O instanceof Error ? O.message : "Unable to load interface."}`
+                  } : await G1(O, u);
+                  if (I !== x.current) return;
+                  h == null || h(oe), o(H), ($ = s.onWorkflowContractChange) == null || $.call(s, H);
+                } catch (P) {
+                  I === x.current && M(
+                    `${O.name}: ${P instanceof Error ? P.message : "Unable to load interface."}`
                   );
                 } finally {
-                  P === x.current && S(!1);
+                  I === x.current && S(!1);
                 }
               }
             }
@@ -7240,19 +7240,19 @@ const V1 = [
     setIsArrayNodeMode: T,
     isPinned: R,
     setIsPinned: A,
-    callbacks: I,
-    config: P,
+    callbacks: O,
+    config: I,
     readOnly: N
-  } = rt(), { nodeById: $, edgeById: O, parentIds: H } = jr(), ie = P.colorMode === "dark", { background: ae, border: Q, colorInactive: me, colorText: ve, colorActive: z } = ut(), B = ie ? Q : "gray.300", W = `var(--chakra-colors-${ae.replace(".", "-")})`, F = `var(--chakra-colors-${(ie ? Q : "gray.300").replace(".", "-")})`, [ce, Z] = re(!1), [se, ue] = re(!0), we = P.bottomBarCollapsed ?? se, Ae = de(null), ye = ww({
+  } = rt(), { nodeById: $, edgeById: P, parentIds: H } = jr(), oe = I.colorMode === "dark", { background: ae, border: Q, colorInactive: me, colorText: ve, colorActive: z } = ut(), B = oe ? Q : "gray.300", W = `var(--chakra-colors-${ae.replace(".", "-")})`, F = `var(--chakra-colors-${(oe ? Q : "gray.300").replace(".", "-")})`, [ce, Z] = re(!1), [se, ue] = re(!0), we = I.bottomBarCollapsed ?? se, Ce = de(null), ye = ww({
     edge: "bottom",
     enabled: !R,
-    bounds: Ae,
-    inside: [Ae]
+    bounds: Ce,
+    inside: [Ce]
   }), pe = dt(
     (Te) => {
       const He = r.current;
       if (!He) return;
-      const ft = P.minZoom ?? 0.01, ht = P.maxZoom ?? 1.5, Zt = 0.02;
+      const ft = I.minZoom ?? 0.01, ht = I.maxZoom ?? 1.5, Zt = 0.02;
       let Ke = He.zoom();
       switch (Te) {
         case "increase":
@@ -7266,22 +7266,22 @@ const V1 = [
           break;
       }
     },
-    [r, P.minZoom, P.maxZoom]
-  ), J = P.renderSelectedNodeToolbar, L = h.length > 0 && !!J, oe = tt(() => L ? h.map((Te) => {
+    [r, I.minZoom, I.maxZoom]
+  ), J = I.renderSelectedNodeToolbar, L = h.length > 0 && !!J, ie = tt(() => L ? h.map((Te) => {
     var ft;
     return { ...((ft = $.get(Te)) == null ? void 0 : ft.data) ?? { id: Te }, isParent: H.has(Te) };
   }) : [], [L, h, $, H]), U = dt(() => {
     var Te;
-    m([]), (Te = I.onNodeDeselect) == null || Te.call(I);
-  }, [m, I]), fe = P.renderSelectedEdgeToolbar, be = !!g && !!fe, qe = tt(() => {
+    m([]), (Te = O.onNodeDeselect) == null || Te.call(O);
+  }, [m, O]), fe = I.renderSelectedEdgeToolbar, be = !!g && !!fe, qe = tt(() => {
     var Te;
-    return !be || !g ? null : ((Te = O.get(g)) == null ? void 0 : Te.data) ?? { id: g };
-  }, [be, g, O]), je = dt(() => {
+    return !be || !g ? null : ((Te = P.get(g)) == null ? void 0 : Te.data) ?? { id: g };
+  }, [be, g, P]), je = dt(() => {
     var Te;
-    p(null), (Te = I.onEdgeDeselect) == null || Te.call(I);
-  }, [p, I]), We = P.selectionToolbar !== !1 && !N, at = We && !!g && !fe, Qe = We && !at && h.length > 0 && !J, Ct = at || Qe, nt = R || ye || ce || Ct || P.bottomBarCollapsed === !1;
+    p(null), (Te = O.onEdgeDeselect) == null || Te.call(O);
+  }, [p, O]), We = I.selectionToolbar !== !1 && !N, at = We && !!g && !fe, Qe = We && !at && h.length > 0 && !J, Ct = at || Qe, nt = R || ye || ce || Ct || I.bottomBarCollapsed === !1;
   Ue(() => {
-    h.length || g ? a(!1) : N || (s && A(!0), P.bottomBarCollapsed === void 0 && ue(!s));
+    h.length || g ? a(!1) : N || (s && A(!0), I.bottomBarCollapsed === void 0 && ue(!s));
   }, [
     s,
     h.length,
@@ -7289,9 +7289,9 @@ const V1 = [
     N,
     a,
     A,
-    P.bottomBarCollapsed
+    I.bottomBarCollapsed
   ]);
-  const st = P.renderBottomBar, bt = o1();
+  const st = I.renderBottomBar, bt = o1();
   return st ? /* @__PURE__ */ D(Be, { children: [
     L && /* @__PURE__ */ y(
       Oe,
@@ -7303,7 +7303,7 @@ const V1 = [
         zIndex: 101,
         children: J({
           selectedNodeIds: h,
-          selectedNodeData: oe,
+          selectedNodeData: ie,
           onDeselect: U
         })
       }
@@ -7348,12 +7348,12 @@ const V1 = [
           isArrayNodeMode: E,
           setIsArrayNodeMode: T,
           selectedNodeIds: h,
-          selectedNodeData: oe,
+          selectedNodeData: ie,
           selectedEdgeId: g,
           selectedEdgeData: qe,
           onNodeDeselect: U,
           onEdgeDeselect: je,
-          callbacks: I
+          callbacks: O
         })
       }
     )
@@ -7368,7 +7368,7 @@ const V1 = [
         zIndex: 101,
         children: J({
           selectedNodeIds: h,
-          selectedNodeData: oe,
+          selectedNodeData: ie,
           onDeselect: U
         })
       }
@@ -7391,7 +7391,7 @@ const V1 = [
     /* @__PURE__ */ y(
       Oe,
       {
-        ref: Ae,
+        ref: Ce,
         role: "toolbar",
         "aria-label": "Diagram controls",
         position: "absolute",
@@ -7441,7 +7441,7 @@ const V1 = [
                 Kb,
                 {
                   background: ae,
-                  border: ie ? Q : "gray.300",
+                  border: oe ? Q : "gray.300",
                   children: /* @__PURE__ */ D(
                     Cr,
                     {
@@ -7471,7 +7471,7 @@ const V1 = [
                                 "span",
                                 {
                                   style: {
-                                    display: P.bottomBarNavigation === !1 ? "none" : "contents"
+                                    display: I.bottomBarNavigation === !1 ? "none" : "contents"
                                   },
                                   children: [
                                     /* @__PURE__ */ y(Ye, { label: R ? "Unpin" : "Pin", children: /* @__PURE__ */ y(
@@ -7567,10 +7567,10 @@ const V1 = [
                                   "span",
                                   {
                                     style: {
-                                      display: P.bottomBarNavigation === !1 ? "none" : "contents"
+                                      display: I.bottomBarNavigation === !1 ? "none" : "contents"
                                     },
                                     children: [
-                                      P.edgeHandles !== !1 && /* @__PURE__ */ y(
+                                      I.edgeHandles !== !1 && /* @__PURE__ */ y(
                                         Ye,
                                         {
                                           label: _ ? "Draw Mode On (V)" : "Draw Mode Off (V)",
@@ -7676,9 +7676,9 @@ const V1 = [
                                     ]
                                   }
                                 ),
-                                P.bottomBarNavigation === !1 && (e === void 0 ? /* @__PURE__ */ y(ti, {}) : e ? nn(/* @__PURE__ */ y(ti, {}), e) : null),
-                                P.bottomBarExtra && /* @__PURE__ */ D(Be, { children: [
-                                  P.bottomBarNavigation !== !1 && /* @__PURE__ */ y(
+                                I.bottomBarNavigation === !1 && (e === void 0 ? /* @__PURE__ */ y(ti, {}) : e ? nn(/* @__PURE__ */ y(ti, {}), e) : null),
+                                I.bottomBarExtra && /* @__PURE__ */ D(Be, { children: [
+                                  I.bottomBarNavigation !== !1 && /* @__PURE__ */ y(
                                     Ge,
                                     {
                                       mx: -1,
@@ -7689,7 +7689,7 @@ const V1 = [
                                       "aria-orientation": "vertical"
                                     }
                                   ),
-                                  P.bottomBarExtra
+                                  I.bottomBarExtra
                                 ] }),
                                 /* @__PURE__ */ y(
                                   Ge,
@@ -7708,7 +7708,7 @@ const V1 = [
                                 "span",
                                 {
                                   style: {
-                                    display: P.bottomBarNavigation === !1 || we && !f ? "none" : "contents"
+                                    display: I.bottomBarNavigation === !1 || we && !f ? "none" : "contents"
                                   },
                                   children: /* @__PURE__ */ y(ti, {})
                                 }
@@ -7766,7 +7766,7 @@ const V1 = [
                                           onClick: () => {
                                             var He;
                                             const Te = !E;
-                                            T(Te), (He = I.onArrayModeChange) == null || He.call(I, Te);
+                                            T(Te), (He = O.onArrayModeChange) == null || He.call(O, Te);
                                           }
                                         }
                                       )
@@ -7799,7 +7799,7 @@ const V1 = [
                                           includeTransparent: !1,
                                           onPick: (Te) => {
                                             var He;
-                                            n(Te), (He = I.onThemeColorChange) == null || He.call(I, Te);
+                                            n(Te), (He = O.onThemeColorChange) == null || He.call(O, Te);
                                           }
                                         }
                                       )
@@ -7822,7 +7822,7 @@ const V1 = [
                                     {
                                       label: "Graph edge color",
                                       colors: Il,
-                                      value: i || (ie ? "gray.500" : Hn),
+                                      value: i || (oe ? "gray.500" : Hn),
                                       onPick: o,
                                       onReset: () => o("")
                                     }
@@ -7870,7 +7870,7 @@ const V1 = [
                                       color: me,
                                       onClick: () => {
                                         var Te;
-                                        P.bottomBarCollapsed === void 0 && ue(!we), a(we), (Te = I.onBottomBarCollapsedChange) == null || Te.call(I, !we);
+                                        I.bottomBarCollapsed === void 0 && ue(!we), a(we), (Te = O.onBottomBarCollapsedChange) == null || Te.call(O, !we);
                                       }
                                     }
                                   )
@@ -7916,7 +7916,7 @@ const V1 = [
                         {
                           fontSize: "xs",
                           textTransform: "uppercase !important",
-                          color: ie ? "whiteAlpha.600" : "blackAlpha.500",
+                          color: oe ? "whiteAlpha.600" : "blackAlpha.500",
                           ml: 1,
                           children: c.toUpperCase()
                         }
@@ -7951,11 +7951,11 @@ const V1 = [
                               css: yo,
                               cursor: "pointer",
                               _hover: {
-                                bg: ie ? "whiteAlpha.100" : "blackAlpha.50"
+                                bg: oe ? "whiteAlpha.100" : "blackAlpha.50"
                               },
                               onClick: () => {
                                 var He;
-                                (He = I.onDirectionChange) == null || He.call(I, Te.value), Z(!1);
+                                (He = O.onDirectionChange) == null || He.call(O, Te.value), Z(!1);
                               },
                               children: [
                                 /* @__PURE__ */ y(Ge, { as: Te.icon, boxSize: 5, color: ve }),
@@ -7984,11 +7984,11 @@ const V1 = [
                               css: yo,
                               cursor: "pointer",
                               _hover: {
-                                bg: ie ? "whiteAlpha.100" : "blackAlpha.50"
+                                bg: oe ? "whiteAlpha.100" : "blackAlpha.50"
                               },
                               onClick: () => {
                                 var Te;
-                                (Te = I.onDirectionChange) == null || Te.call(I, "C"), Z(!1);
+                                (Te = O.onDirectionChange) == null || Te.call(O, "C"), Z(!1);
                               },
                               children: [
                                 /* @__PURE__ */ y(
@@ -9597,19 +9597,19 @@ function AC({
   dashed: T,
   animated: R,
   inverted: A,
-  loopIndex: I = 0,
-  onSelect: P
+  loopIndex: O = 0,
+  onSelect: I
 }) {
   const N = n == null ? void 0 : n.icon, $ = p ? bo : av, {
-    lines: O,
+    lines: P,
     iconWidth: H,
-    contentWidth: ie,
+    contentWidth: oe,
     contentHeight: ae
   } = tt(
     () => cv(E, N, $),
     [E, N, $]
   ), Q = tt(() => {
-    const Ae = {
+    const Ce = {
       srcDist: ho,
       tgtDist: ho,
       arrowGap: lv,
@@ -9617,7 +9617,7 @@ function AC({
       headShape: p && (A ? f !== void 0 || m : h !== void 0 || g) ? "square" : "triangle",
       radius: s ?? (w ? 40 : _C),
       arrowAt: A ? "source" : "target",
-      labelTargetLength: w ? ie + 2 * Pr : void 0,
+      labelTargetLength: w ? oe + 2 * Pr : void 0,
       labelFraction: w ? x : void 0
     }, ye = f !== void 0 || h !== void 0 || !!m || !!g, pe = nf(
       c,
@@ -9629,24 +9629,24 @@ function AC({
     ), J = f === void 0 && h === void 0 && (v === "downward" || v === "upward"), L = m ?? {
       ...pe.sourcePoint,
       side: J ? v === "upward" ? "top" : "bottom" : v === "leftward" ? "left" : "right"
-    }, oe = g ?? {
+    }, ie = g ?? {
       ...pe.targetPoint,
       side: J ? v === "upward" ? "bottom" : "top" : v === "leftward" ? "right" : "left"
     }, U = c.x === d.x && c.y === d.y, fe = m || g ? fC(
       L,
-      oe,
-      { ...Ae, srcDist: 18, tgtDist: 18 },
+      ie,
+      { ...Ce, srcDist: 18, tgtDist: 18 },
       o
     ) : ye ? tf(c, d, v, f, h, b, {
-      ...Ae,
+      ...Ce,
       srcDist: 18,
       tgtDist: 18,
-      radius: s ?? Math.min(Ae.radius, 40)
-    }) : U ? gC(c, I, {
-      ...Ae,
+      radius: s ?? Math.min(Ce.radius, 40)
+    }) : U ? gC(c, O, {
+      ...Ce,
       srcDist: 0,
       tgtDist: 0
-    }) : rf(c, d, v, b, Ae);
+    }) : rf(c, d, v, b, Ce);
     if (!fe) return null;
     const be = nf(
       c,
@@ -9683,18 +9683,18 @@ function AC({
     return U || m || g ? fe : o === "straight" ? ye ? ov(
       be.sourcePoint,
       be.targetPoint,
-      Ae
-    ) : nv([c, d], c, d, Ae) : o === "bezier" ? pC(
+      Ce
+    ) : nv([c, d], c, d, Ce) : o === "bezier" ? pC(
       be.sourcePoint,
       be.targetPoint,
       ye ? v === "leftward" ? "leftward" : "rightward" : v,
-      Ae
+      Ce
     ) : o === "orthogonal" ? ye ? tf(c, d, v, f, h, b, {
-      ...Ae,
+      ...Ce,
       srcDist: 18,
       tgtDist: 18,
       radius: 0
-    }) : rf(c, d, v, b, { ...Ae, radius: 0 }) : fe;
+    }) : rf(c, d, v, b, { ...Ce, radius: 0 }) : fe;
   }, [
     c,
     e,
@@ -9711,10 +9711,10 @@ function AC({
     v,
     b,
     A,
-    I,
+    O,
     w,
     x,
-    ie
+    oe
   ]);
   if (!Q) return null;
   const me = (v === "rightward" || v === "leftward") && !Object.prototype.hasOwnProperty.call(a ?? {}, o) && !(p && (f !== void 0 || h !== void 0 || m || g)), ve = me ? `translate(${Q.label.x} ${Q.label.y - ae / 2 - 2 * Pr})` : `translate(${Q.label.x} ${Q.label.y}) rotate(${Q.label.angle}) translate(${v === "downward" || v === "upward" || w || Object.prototype.hasOwnProperty.call(a ?? {}, o) ? 0 : sv} 0)`, z = i != null && i.startsWith("Unverified:") ? "#b45309" : "#dc2626", B = i ? z : C, W = i ? /* @__PURE__ */ D(
@@ -9723,7 +9723,7 @@ function AC({
       className: "flow-sdk-edge-validation",
       role: "img",
       "aria-label": i,
-      transform: `translate(${Q.label.x} ${Q.label.y - O.length * $ / 2 - 55})`,
+      transform: `translate(${Q.label.x} ${Q.label.y - P.length * $ / 2 - 55})`,
       children: [
         /* @__PURE__ */ y("title", { children: i }),
         /* @__PURE__ */ y(
@@ -9745,8 +9745,8 @@ function AC({
     "--flow-edge-reveal-duration": `${r.durationMs ?? 600}ms`,
     "--flow-edge-reveal-state": r.paused ? "paused" : "running"
   } : void 0;
-  if (O.length || N) {
-    const Ae = ie, ye = ae;
+  if (P.length || N) {
+    const Ce = oe, ye = ae;
     se = /* @__PURE__ */ D(
       "g",
       {
@@ -9762,9 +9762,9 @@ function AC({
           /* @__PURE__ */ y(
             "rect",
             {
-              x: -Ae / 2 - Pr,
+              x: -Ce / 2 - Pr,
               y: -ye / 2 - Pr,
-              width: Ae + 2 * Pr,
+              width: Ce + 2 * Pr,
               height: ye + 2 * Pr,
               fill: C === "transparent" ? "transparent" : _
             }
@@ -9781,11 +9781,11 @@ function AC({
               fontFamily: wr,
               textAnchor: "middle",
               dominantBaseline: "central",
-              children: O.map((pe, J) => /* @__PURE__ */ y(
+              children: P.map((pe, J) => /* @__PURE__ */ y(
                 "tspan",
                 {
                   x: H / 2,
-                  y: (J - (O.length - 1) / 2) * $,
+                  y: (J - (P.length - 1) / 2) * $,
                   children: pe
                 },
                 J
@@ -9802,7 +9802,7 @@ function AC({
                 /* @__PURE__ */ y(
                   "rect",
                   {
-                    x: -Ae / 2,
+                    x: -Ce / 2,
                     y: -24,
                     width: 48,
                     height: 48,
@@ -9815,7 +9815,7 @@ function AC({
                     name: N,
                     svg: !0,
                     size: 48,
-                    x: -Ae / 2,
+                    x: -Ce / 2,
                     y: -24,
                     color: C
                   }
@@ -9861,8 +9861,8 @@ function AC({
       "data-validation": i ? i.startsWith("Unverified:") ? "unverified" : "invalid" : void 0,
       "aria-label": i,
       onPointerDown: kC,
-      onClick: (Ae) => {
-        Ae.stopPropagation(), P == null || P(e);
+      onClick: (Ce) => {
+        Ce.stopPropagation(), I == null || I(e);
       },
       children: [
         r ? /* @__PURE__ */ y(
@@ -10553,8 +10553,8 @@ function aS() {
   fh = 1;
   var e = Fr(), r = tu(), t = ir(), n = "[object Arguments]", i = "[object Array]", o = "[object Boolean]", s = "[object Date]", a = "[object Error]", c = "[object Function]", d = "[object Map]", l = "[object Number]", u = "[object Object]", f = "[object RegExp]", h = "[object Set]", m = "[object String]", g = "[object WeakMap]", p = "[object ArrayBuffer]", v = "[object DataView]", b = "[object Float32Array]", w = "[object Float64Array]", x = "[object Int8Array]", C = "[object Int16Array]", S = "[object Int32Array]", _ = "[object Uint8Array]", M = "[object Uint8ClampedArray]", E = "[object Uint16Array]", T = "[object Uint32Array]", R = {};
   R[b] = R[w] = R[x] = R[C] = R[S] = R[_] = R[M] = R[E] = R[T] = !0, R[n] = R[i] = R[p] = R[o] = R[v] = R[s] = R[a] = R[c] = R[d] = R[l] = R[u] = R[f] = R[h] = R[m] = R[g] = !1;
-  function A(I) {
-    return t(I) && r(I.length) && !!R[e(I)];
+  function A(O) {
+    return t(O) && r(O.length) && !!R[e(O)];
   }
   return ca = A, ca;
 }
@@ -11100,10 +11100,10 @@ var es, ap;
 function Rv() {
   if (ap) return es;
   ap = 1;
-  var e = No(), r = eu(), t = qo(), n = cS(), i = uS(), o = yv(), s = mv(), a = fS(), c = hS(), d = Cv(), l = pS(), u = pn(), f = bS(), h = CS(), m = Av(), g = xt(), p = hn(), v = _S(), b = Kt(), w = kS(), x = kr(), C = Dr(), S = 1, _ = 2, M = 4, E = "[object Arguments]", T = "[object Array]", R = "[object Boolean]", A = "[object Date]", I = "[object Error]", P = "[object Function]", N = "[object GeneratorFunction]", $ = "[object Map]", O = "[object Number]", H = "[object Object]", ie = "[object RegExp]", ae = "[object Set]", Q = "[object String]", me = "[object Symbol]", ve = "[object WeakMap]", z = "[object ArrayBuffer]", B = "[object DataView]", W = "[object Float32Array]", F = "[object Float64Array]", ce = "[object Int8Array]", Z = "[object Int16Array]", se = "[object Int32Array]", ue = "[object Uint8Array]", we = "[object Uint8ClampedArray]", Ae = "[object Uint16Array]", ye = "[object Uint32Array]", pe = {};
-  pe[E] = pe[T] = pe[z] = pe[B] = pe[R] = pe[A] = pe[W] = pe[F] = pe[ce] = pe[Z] = pe[se] = pe[$] = pe[O] = pe[H] = pe[ie] = pe[ae] = pe[Q] = pe[me] = pe[ue] = pe[we] = pe[Ae] = pe[ye] = !0, pe[I] = pe[P] = pe[ve] = !1;
-  function J(L, oe, U, fe, be, qe) {
-    var je, We = oe & S, at = oe & _, Qe = oe & M;
+  var e = No(), r = eu(), t = qo(), n = cS(), i = uS(), o = yv(), s = mv(), a = fS(), c = hS(), d = Cv(), l = pS(), u = pn(), f = bS(), h = CS(), m = Av(), g = xt(), p = hn(), v = _S(), b = Kt(), w = kS(), x = kr(), C = Dr(), S = 1, _ = 2, M = 4, E = "[object Arguments]", T = "[object Array]", R = "[object Boolean]", A = "[object Date]", O = "[object Error]", I = "[object Function]", N = "[object GeneratorFunction]", $ = "[object Map]", P = "[object Number]", H = "[object Object]", oe = "[object RegExp]", ae = "[object Set]", Q = "[object String]", me = "[object Symbol]", ve = "[object WeakMap]", z = "[object ArrayBuffer]", B = "[object DataView]", W = "[object Float32Array]", F = "[object Float64Array]", ce = "[object Int8Array]", Z = "[object Int16Array]", se = "[object Int32Array]", ue = "[object Uint8Array]", we = "[object Uint8ClampedArray]", Ce = "[object Uint16Array]", ye = "[object Uint32Array]", pe = {};
+  pe[E] = pe[T] = pe[z] = pe[B] = pe[R] = pe[A] = pe[W] = pe[F] = pe[ce] = pe[Z] = pe[se] = pe[$] = pe[P] = pe[H] = pe[oe] = pe[ae] = pe[Q] = pe[me] = pe[ue] = pe[we] = pe[Ce] = pe[ye] = !0, pe[O] = pe[I] = pe[ve] = !1;
+  function J(L, ie, U, fe, be, qe) {
+    var je, We = ie & S, at = ie & _, Qe = ie & M;
     if (U && (je = be ? U(L, fe, be, qe) : U(L)), je !== void 0)
       return je;
     if (!b(L))
@@ -11113,7 +11113,7 @@ function Rv() {
       if (je = f(L), !We)
         return s(L, je);
     } else {
-      var nt = u(L), st = nt == P || nt == N;
+      var nt = u(L), st = nt == I || nt == N;
       if (p(L))
         return o(L, We);
       if (nt == H || nt == E || st && !be) {
@@ -11130,13 +11130,13 @@ function Rv() {
     if (bt)
       return bt;
     qe.set(L, je), w(L) ? L.forEach(function(ft) {
-      je.add(J(ft, oe, U, ft, L, qe));
+      je.add(J(ft, ie, U, ft, L, qe));
     }) : v(L) && L.forEach(function(ft, ht) {
-      je.set(ht, J(ft, oe, U, ht, L, qe));
+      je.set(ht, J(ft, ie, U, ht, L, qe));
     });
     var Te = Qe ? at ? l : d : at ? C : x, He = Ct ? void 0 : Te(L);
     return r(He || L, function(ft, ht) {
-      He && (ht = ft, ft = L[ht]), t(je, ht, J(ft, oe, U, ht, L, qe));
+      He && (ht = ft, ft = L[ht]), t(je, ht, J(ft, ie, U, ht, L, qe));
     }), je;
   }
   return es = J, es;
@@ -11406,16 +11406,16 @@ function $S() {
       case g:
         return S == _ + "";
       case u:
-        var I = i;
+        var O = i;
       case m:
-        var P = E & s;
-        if (I || (I = o), S.size != _.size && !P)
+        var I = E & s;
+        if (O || (O = o), S.size != _.size && !I)
           return !1;
         var N = A.get(S);
         if (N)
           return N == _;
         E |= a, A.set(S, _);
-        var $ = n(I(S), I(_), E, T, R, A);
+        var $ = n(O(S), O(_), E, T, R, A);
         return A.delete(S), $;
       case p:
         if (x)
@@ -11480,10 +11480,10 @@ function LS() {
     if (R && !E)
       return x || (x = new e()), C || a(g) ? r(g, p, v, b, w, x) : t(g, p, _, v, b, w, x);
     if (!(v & c)) {
-      var A = E && h.call(g, "__wrapped__"), I = T && h.call(p, "__wrapped__");
-      if (A || I) {
-        var P = A ? g.value() : g, N = I ? p.value() : p;
-        return x || (x = new e()), w(P, N, v, b, x);
+      var A = E && h.call(g, "__wrapped__"), O = T && h.call(p, "__wrapped__");
+      if (A || O) {
+        var I = A ? g.value() : g, N = O ? p.value() : p;
+        return x || (x = new e()), w(I, N, v, b, x);
       }
     }
     return R ? (x || (x = new e()), n(g, p, v, b, w, x)) : !1;
@@ -13220,8 +13220,8 @@ function Z_() {
     }
     var T = C ? C(_, M, b + "", p, v, S) : void 0, R = T === void 0;
     if (R) {
-      var A = s(M), I = !A && c(M), P = !A && !I && f(M);
-      T = M, A || I || P ? s(_) ? T = _ : a(_) ? T = n(_) : I ? (R = !1, T = r(M, !0)) : P ? (R = !1, T = t(M, !0)) : T = [] : u(M) || o(M) ? (T = _, o(_) ? T = m(_) : (!l(_) || d(_)) && (T = i(M))) : R = !1;
+      var A = s(M), O = !A && c(M), I = !A && !O && f(M);
+      T = M, A || O || I ? s(_) ? T = _ : a(_) ? T = n(_) : O ? (R = !1, T = r(M, !0)) : I ? (R = !1, T = t(M, !0)) : T = [] : u(M) || o(M) ? (T = _, o(_) ? T = m(_) : (!l(_) || d(_)) && (T = i(M))) : R = !1;
     }
     R && (S.set(M, T), x(T, M, w, C, S), S.delete(M)), e(p, b, T);
   }
@@ -13966,12 +13966,12 @@ function SE() {
   function l(w, x, C) {
     var S = w.node(C), _ = S.parent, M = !0, E = x.edge(C, _), T = 0;
     return E || (M = !1, E = x.edge(_, C)), T = E.weight, e.forEach(x.nodeEdges(C), function(R) {
-      var A = R.v === C, I = A ? R.w : R.v;
-      if (I !== _) {
-        var P = A === M, N = x.edge(R).weight;
-        if (T += P ? N : -N, v(w, C, I)) {
-          var $ = w.edge(C, I).cutvalue;
-          T += P ? -$ : $;
+      var A = R.v === C, O = A ? R.w : R.v;
+      if (O !== _) {
+        var I = A === M, N = x.edge(R).weight;
+        if (T += I ? N : -N, v(w, C, O)) {
+          var $ = w.edge(C, O).cutvalue;
+          T += I ? -$ : $;
         }
       }
     }), T;
@@ -13995,11 +13995,11 @@ function SE() {
     x.hasEdge(S, _) || (S = C.w, _ = C.v);
     var M = w.node(S), E = w.node(_), T = M, R = !1;
     M.lim > E.lim && (T = E, R = !0);
-    var A = e.filter(x.edges(), function(I) {
-      return R === b(w, w.node(I.v), T) && R !== b(w, w.node(I.w), T);
+    var A = e.filter(x.edges(), function(O) {
+      return R === b(w, w.node(O.v), T) && R !== b(w, w.node(O.w), T);
     });
-    return e.minBy(A, function(I) {
-      return t(x, I);
+    return e.minBy(A, function(O) {
+      return t(x, O);
     });
   }
   function g(w, x, C, S) {
@@ -14566,13 +14566,13 @@ function zE() {
     function x(C, S) {
       var _ = 0, M = 0, E = C.length, T = e.last(S);
       return e.forEach(S, function(R, A) {
-        var I = o(v, R), P = I ? v.node(I).order : E;
-        (I || R === T) && (e.forEach(S.slice(M, A + 1), function(N) {
+        var O = o(v, R), I = O ? v.node(O).order : E;
+        (O || R === T) && (e.forEach(S.slice(M, A + 1), function(N) {
           e.forEach(v.predecessors(N), function($) {
-            var O = v.node($), H = O.order;
-            (H < _ || P < H) && !(O.dummy && v.node(N).dummy) && s(w, $, N);
+            var P = v.node($), H = P.order;
+            (H < _ || I < H) && !(P.dummy && v.node(N).dummy) && s(w, $, N);
           });
-        }), M = A + 1, _ = P);
+        }), M = A + 1, _ = I);
       }), S;
     }
     return e.reduce(b, x), w;
@@ -14582,9 +14582,9 @@ function zE() {
     function x(S, _, M, E, T) {
       var R;
       e.forEach(e.range(_, M), function(A) {
-        R = S[A], v.node(R).dummy && e.forEach(v.predecessors(R), function(I) {
-          var P = v.node(I);
-          P.dummy && (P.order < E || P.order > T) && s(w, I, R);
+        R = S[A], v.node(R).dummy && e.forEach(v.predecessors(R), function(O) {
+          var I = v.node(O);
+          I.dummy && (I.order < E || I.order > T) && s(w, O, R);
         });
       });
     }
@@ -14592,8 +14592,8 @@ function zE() {
       var M = -1, E, T = 0;
       return e.forEach(_, function(R, A) {
         if (v.node(R).dummy === "border") {
-          var I = v.predecessors(R);
-          I.length && (E = v.node(I[0]).order, x(_, T, A, M, E), T = A, M = E);
+          var O = v.predecessors(R);
+          O.length && (E = v.node(O[0]).order, x(_, T, A, M, E), T = A, M = E);
         }
         x(_, T, _.length, E, S.length);
       }), _;
@@ -14635,8 +14635,8 @@ function zE() {
           R = e.sortBy(R, function($) {
             return _[$];
           });
-          for (var A = (R.length - 1) / 2, I = Math.floor(A), P = Math.ceil(A); I <= P; ++I) {
-            var N = R[I];
+          for (var A = (R.length - 1) / 2, O = Math.floor(A), I = Math.ceil(A); O <= I; ++O) {
+            var N = R[O];
             S[T] === T && E < _[N] && !a(w, T, N) && (S[N] = T, S[T] = C[T] = C[N], E = _[N]);
           }
         }
@@ -14645,20 +14645,20 @@ function zE() {
   }
   function d(v, b, w, x, C) {
     var S = {}, _ = l(v, b, w, C), M = C ? "borderLeft" : "borderRight";
-    function E(A, I) {
-      for (var P = _.nodes(), N = P.pop(), $ = {}; N; )
-        $[N] ? A(N) : ($[N] = !0, P.push(N), P = P.concat(I(N))), N = P.pop();
+    function E(A, O) {
+      for (var I = _.nodes(), N = I.pop(), $ = {}; N; )
+        $[N] ? A(N) : ($[N] = !0, I.push(N), I = I.concat(O(N))), N = I.pop();
     }
     function T(A) {
-      S[A] = _.inEdges(A).reduce(function(I, P) {
-        return Math.max(I, S[P.v] + _.edge(P));
+      S[A] = _.inEdges(A).reduce(function(O, I) {
+        return Math.max(O, S[I.v] + _.edge(I));
       }, 0);
     }
     function R(A) {
-      var I = _.outEdges(A).reduce(function(N, $) {
+      var O = _.outEdges(A).reduce(function(N, $) {
         return Math.min(N, S[$.w] - _.edge($));
-      }, Number.POSITIVE_INFINITY), P = v.node(A);
-      I !== Number.POSITIVE_INFINITY && P.borderType !== M && (S[A] = Math.max(S[A], I));
+      }, Number.POSITIVE_INFINITY), I = v.node(A);
+      O !== Number.POSITIVE_INFINITY && I.borderType !== M && (S[A] = Math.max(S[A], O));
     }
     return E(T, _.predecessors.bind(_)), E(R, _.successors.bind(_)), e.forEach(x, function(A) {
       S[A] = S[w[A]];
@@ -14671,8 +14671,8 @@ function zE() {
       e.forEach(M, function(T) {
         var R = w[T];
         if (C.setNode(R), E) {
-          var A = w[E], I = C.edge(A, R);
-          C.setEdge(A, R, Math.max(_(v, T, E), I || 0));
+          var A = w[E], O = C.edge(A, R);
+          C.setEdge(A, R, Math.max(_(v, T, E), O || 0));
         }
         E = T;
       });
@@ -14810,7 +14810,7 @@ function FE() {
     B("    makeSpaceForEdgeLabels", function() {
       T(z);
     }), B("    removeSelfEdges", function() {
-      ie(z);
+      oe(z);
     }), B("    acyclic", function() {
       r.run(z);
     }), B("    nestingGraph.run", function() {
@@ -14828,7 +14828,7 @@ function FE() {
     }), B("    assignRankMinMax", function() {
       A(z);
     }), B("    removeEdgeLabelProxies", function() {
-      I(z);
+      O(z);
     }), B("    normalize.run", function() {
       t.run(z);
     }), B("    parentDummyChains", function() {
@@ -14854,11 +14854,11 @@ function FE() {
     }), B("    undoCoordinateSystem", function() {
       d.undo(z);
     }), B("    translateGraph", function() {
-      P(z);
+      I(z);
     }), B("    assignNodeIntersects", function() {
       N(z);
     }), B("    reversePoints", function() {
-      O(z);
+      P(z);
     }), B("    acyclic.undo", function() {
       r.undo(z);
     });
@@ -14923,28 +14923,28 @@ function FE() {
       F.borderTop && (F.minRank = z.node(F.borderTop).rank, F.maxRank = z.node(F.borderBottom).rank, B = e.max(B, F.maxRank));
     }), z.graph().maxRank = B;
   }
-  function I(z) {
+  function O(z) {
     e.forEach(z.nodes(), function(B) {
       var W = z.node(B);
       W.dummy === "edge-proxy" && (z.edge(W.e).labelRank = W.rank, z.removeNode(B));
     });
   }
-  function P(z) {
+  function I(z) {
     var B = Number.POSITIVE_INFINITY, W = 0, F = Number.POSITIVE_INFINITY, ce = 0, Z = z.graph(), se = Z.marginx || 0, ue = Z.marginy || 0;
-    function we(Ae) {
-      var ye = Ae.x, pe = Ae.y, J = Ae.width, L = Ae.height;
+    function we(Ce) {
+      var ye = Ce.x, pe = Ce.y, J = Ce.width, L = Ce.height;
       B = Math.min(B, ye - J / 2), W = Math.max(W, ye + J / 2), F = Math.min(F, pe - L / 2), ce = Math.max(ce, pe + L / 2);
     }
-    e.forEach(z.nodes(), function(Ae) {
-      we(z.node(Ae));
-    }), e.forEach(z.edges(), function(Ae) {
-      var ye = z.edge(Ae);
+    e.forEach(z.nodes(), function(Ce) {
+      we(z.node(Ce));
+    }), e.forEach(z.edges(), function(Ce) {
+      var ye = z.edge(Ce);
       e.has(ye, "x") && we(ye);
-    }), B -= se, F -= ue, e.forEach(z.nodes(), function(Ae) {
-      var ye = z.node(Ae);
+    }), B -= se, F -= ue, e.forEach(z.nodes(), function(Ce) {
+      var ye = z.node(Ce);
       ye.x -= B, ye.y -= F;
-    }), e.forEach(z.edges(), function(Ae) {
-      var ye = z.edge(Ae);
+    }), e.forEach(z.edges(), function(Ce) {
+      var ye = z.edge(Ce);
       e.forEach(ye.points, function(pe) {
         pe.x -= B, pe.y -= F;
       }), e.has(ye, "x") && (ye.x -= B), e.has(ye, "y") && (ye.y -= F);
@@ -14970,7 +14970,7 @@ function FE() {
         }
     });
   }
-  function O(z) {
+  function P(z) {
     e.forEach(z.edges(), function(B) {
       var W = z.edge(B);
       W.reversed && W.points.reverse();
@@ -14986,7 +14986,7 @@ function FE() {
       z.node(B).dummy === "border" && z.removeNode(B);
     });
   }
-  function ie(z) {
+  function oe(z) {
     e.forEach(z.edges(), function(B) {
       if (B.v === B.w) {
         var W = z.node(B.v);
@@ -15432,14 +15432,14 @@ function Cl(e, r = {}) {
       y: (R.y1 + R.y2) / 2
     })), E = (Math.min(...M.map((R) => R.x)) + Math.max(...M.map((R) => R.x))) / 2, T = (Math.min(...M.map((R) => R.y)) + Math.max(...M.map((R) => R.y))) / 2;
     x.forEach(
-      (R, A) => R.forEach((I, P) => {
-        const N = f.get(I), $ = {
-          x: E + (P - (C - 1) / 2) * S - (N.x1 + N.x2) / 2,
+      (R, A) => R.forEach((O, I) => {
+        const N = f.get(O), $ = {
+          x: E + (I - (C - 1) / 2) * S - (N.x1 + N.x2) / 2,
           y: T + (A - (x.length - 1) / 2) * _ - (N.y1 + N.y2) / 2
         };
-        for (const O of s.get(I) ?? []) {
-          const H = a.get(O);
-          a.set(O, {
+        for (const P of s.get(O) ?? []) {
+          const H = a.get(P);
+          a.set(P, {
             x: H.x + $.x,
             y: H.y + $.y
           });
@@ -15481,21 +15481,21 @@ function KE(e, r, t, n) {
     x2: Math.max(d + 1, c.w - d),
     y2: Math.max(l + 1, c.h - l)
   }, f = /* @__PURE__ */ new Map(), h = [], m = (p, v, b = "canvas") => {
-    var P, N;
+    var I, N;
     if (!p.length) return;
     const w = v.x2 - v.x1, x = v.y2 - v.y1, C = Math.min(
       p.length,
       r.columns ?? Math.max(1, Math.round(Math.sqrt(p.length * w / x)))
-    ), S = f0(p, r, b, C), _ = S.length, M = Math.min(t.y, x / (2 * _)), E = (N = (P = r.adjustment) == null ? void 0 : P.sections) == null ? void 0 : N[b], T = Array.from(
+    ), S = f0(p, r, b, C), _ = S.length, M = Math.min(t.y, x / (2 * _)), E = (N = (I = r.adjustment) == null ? void 0 : I.sections) == null ? void 0 : N[b], T = Array.from(
       { length: _ },
-      ($, O) => {
+      ($, P) => {
         var H;
-        return ((H = E == null ? void 0 : E.rows) == null ? void 0 : H[O]) ?? 1;
+        return ((H = E == null ? void 0 : E.rows) == null ? void 0 : H[P]) ?? 1;
       }
-    ), R = T.reduce(($, O) => $ + O, 0), A = x - (_ - 1) * M;
-    let I = v.y1;
+    ), R = T.reduce(($, P) => $ + P, 0), A = x - (_ - 1) * M;
+    let O = v.y1;
     for (let $ = 0; $ < _; $++) {
-      const O = A * T[$] / R, H = S[$].length, ie = Math.min(t.x, w / (2 * H)), ae = Array.from(
+      const P = A * T[$] / R, H = S[$].length, oe = Math.min(t.x, w / (2 * H)), ae = Array.from(
         { length: H },
         (z, B) => {
           var W, F;
@@ -15504,33 +15504,33 @@ function KE(e, r, t, n) {
       ), Q = ae.reduce(
         (z, B) => z + B,
         0
-      ), me = w - (H - 1) * ie;
+      ), me = w - (H - 1) * oe;
       let ve = v.x1;
       for (let z = 0; z < H; z++) {
         const B = S[$][z], W = me * ae[z] / Q, F = o.get(B);
         if (F) {
           a.set(B, {
             x: ve + W / 2,
-            y: I + O / 2
-          }), f.set(B, { w: W, h: O });
+            y: O + P / 2
+          }), f.set(B, { w: W, h: P });
           const ce = Math.min(
             e.padding(B),
-            Math.max(0, (Math.min(W, O) - 1) / 2)
+            Math.max(0, (Math.min(W, P) - 1) / 2)
           );
           m(
             F,
             {
               x1: ve + ce,
-              y1: I + ce,
+              y1: O + ce,
               x2: ve + W - ce,
-              y2: I + O - ce
+              y2: O + P - ce
             },
             B
           );
         } else a.has(B) && (a.set(B, {
           x: ve + W / 2,
-          y: I + O / 2
-        }), f.set(B, { w: W, h: O }));
+          y: O + P / 2
+        }), f.set(B, { w: W, h: P }));
         z < H - 1 && h.push({
           section: b,
           axis: "x",
@@ -15539,10 +15539,10 @@ function KE(e, r, t, n) {
           weights: ae,
           length: me,
           position: {
-            x: ve + W + ie / 2,
-            y: I + O / 2
+            x: ve + W + oe / 2,
+            y: O + P / 2
           }
-        }), ve += W + ie;
+        }), ve += W + oe;
       }
       $ < _ - 1 && h.push({
         section: b,
@@ -15551,8 +15551,8 @@ function KE(e, r, t, n) {
         index: $,
         weights: T,
         length: A,
-        position: { x: v.x1 + w / 2, y: I + O + M / 2 }
-      }), I += O + M;
+        position: { x: v.x1 + w / 2, y: O + P + M / 2 }
+      }), O += P + M;
     }
   };
   m(s, u);
@@ -15771,20 +15771,20 @@ function XE(e) {
       { length: w + 1 },
       (_, M) => h.getPointAtLength(p * M / w)
     ), S = Array.from({ length: w + 1 }, (_, M) => {
-      const E = p * M / w, T = x[M], R = l ? { x: T.x, y: T.y - g.height / 2 - 15 } : T, A = h.getPointAtLength(Math.max(0, E - 2)), I = h.getPointAtLength(Math.min(p, E + 2));
-      let P = Math.atan2(I.y - A.y, I.x - A.x) * 180 / Math.PI;
-      P > 90 && (P -= 180), P < -90 && (P += 180);
-      const N = Math.abs(P) < 1;
-      l && (P = 0);
-      const $ = P * Math.PI / 180, O = Math.abs(Math.cos($)) * g.width + Math.abs(Math.sin($)) * g.height, H = Math.abs(Math.sin($)) * g.width + Math.abs(Math.cos($)) * g.height;
+      const E = p * M / w, T = x[M], R = l ? { x: T.x, y: T.y - g.height / 2 - 15 } : T, A = h.getPointAtLength(Math.max(0, E - 2)), O = h.getPointAtLength(Math.min(p, E + 2));
+      let I = Math.atan2(O.y - A.y, O.x - A.x) * 180 / Math.PI;
+      I > 90 && (I -= 180), I < -90 && (I += 180);
+      const N = Math.abs(I) < 1;
+      l && (I = 0);
+      const $ = I * Math.PI / 180, P = Math.abs(Math.cos($)) * g.width + Math.abs(Math.sin($)) * g.height, H = Math.abs(Math.sin($)) * g.width + Math.abs(Math.cos($)) * g.height;
       return {
         point: R,
-        angle: P,
+        angle: I,
         straight: N,
         score: Math.hypot(R.x - v, R.y - b),
         bounds: {
-          left: R.x - O / 2 - 8,
-          right: R.x + O / 2 + 8,
+          left: R.x - P / 2 - 8,
+          right: R.x + P / 2 + 8,
           top: R.y - H / 2 - 8,
           bottom: R.y + H / 2 + 8
         }
@@ -15880,23 +15880,23 @@ function QE({
   children: A
 }) {
   var F, ce;
-  const I = de(null), [P, N] = re([]), $ = m ?? P, [O, H] = re(), ie = ur(), ae = de(), Q = !!d, me = !!(d != null && d.floating);
+  const O = de(null), [I, N] = re([]), $ = m ?? I, [P, H] = re(), oe = ur(), ae = de(), Q = !!d, me = !!(d != null && d.floating);
   Ot(() => {
-    var Ae;
-    const Z = I.current;
+    var Ce;
+    const Z = O.current;
     if (!Z || !Q) return;
     const se = Z.cloneNode(!0);
     se.removeAttribute("data-node-id"), se.removeAttribute("data-grid-dragging"), se.removeAttribute("data-grid-draggable"), se.removeAttribute("data-grid-drop-target"), se.setAttribute("data-grid-preview", e), se.setAttribute("aria-hidden", "true"), se.setAttribute("inert", "");
     const ue = [se, ...se.querySelectorAll("*")], we = new Map(
-      ue.filter((ye) => ye.id).map((ye) => [ye.id, `${ye.id}-${ie}`])
+      ue.filter((ye) => ye.id).map((ye) => [ye.id, `${ye.id}-${oe}`])
     );
     for (const ye of ue) {
       ye.id && (ye.id = we.get(ye.id));
       for (const pe of [...ye.attributes]) {
         if (pe.name === "id") continue;
         let J = pe.value;
-        for (const [L, oe] of we)
-          J === `#${L}` && (J = `#${oe}`), J = J.split(`url(#${L})`).join(`url(#${oe})`);
+        for (const [L, ie] of we)
+          J === `#${L}` && (J = `#${ie}`), J = J.split(`url(#${L})`).join(`url(#${ie})`);
         J !== pe.value && ye.setAttribute(pe.name, J);
       }
     }
@@ -15921,22 +15921,22 @@ function QE({
     }
     return se.querySelectorAll(
       ".flow-sdk-node-animation, .flow-sdk-handle, .flow-sdk-property-port, [data-flow-collapse-control]"
-    ).forEach((ye) => ye.remove()), (Ae = me ? document.body : Z.parentElement) == null || Ae.appendChild(
+    ).forEach((ye) => ye.remove()), (Ce = me ? document.body : Z.parentElement) == null || Ce.appendChild(
       se
     ), ae.current = se, () => {
       se.remove(), ae.current = void 0;
     };
-  }, [e, ie, Q, me]), Ot(() => {
+  }, [e, oe, Q, me]), Ot(() => {
     const Z = ae.current;
     if (!Z || !d) return;
     const { x: se, y: ue, size: we } = d;
-    if (me && I.current) {
-      const pe = I.current, J = pe.getBoundingClientRect(), L = J.width / pe.offsetWidth || 1, oe = J.height / pe.offsetHeight || 1, U = J.left + (se - r) * L, fe = J.top + (ue - t) * oe;
-      Z.style.transform = `translate3d(${U}px, ${fe}px, 0) scale(${L}, ${oe})`, Z.style.width = `${pe.offsetWidth}px`, Z.style.height = `${pe.offsetHeight}px`;
+    if (me && O.current) {
+      const pe = O.current, J = pe.getBoundingClientRect(), L = J.width / pe.offsetWidth || 1, ie = J.height / pe.offsetHeight || 1, U = J.left + (se - r) * L, fe = J.top + (ue - t) * ie;
+      Z.style.transform = `translate3d(${U}px, ${fe}px, 0) scale(${L}, ${ie})`, Z.style.width = `${pe.offsetWidth}px`, Z.style.height = `${pe.offsetHeight}px`;
       return;
     }
-    const Ae = we ? Math.round(se - we.w / 2) : se, ye = we ? Math.round(ue - we.h / 2) : ue;
-    Z.style.transform = we ? `translate3d(${Ae}px, ${ye}px, 0)` : `translate(-50%, -50%) translate3d(${Ae}px, ${ye}px, 0)`, Z.style.width = we ? `${Math.round(se + we.w / 2) - Ae}px` : "", Z.style.height = we ? `${Math.round(ue + we.h / 2) - ye}px` : "", we && (Z.style.setProperty("--flow-grid-width", `${we.w}px`), Z.style.setProperty("--flow-grid-height", `${we.h}px`), Z.style.setProperty(
+    const Ce = we ? Math.round(se - we.w / 2) : se, ye = we ? Math.round(ue - we.h / 2) : ue;
+    Z.style.transform = we ? `translate3d(${Ce}px, ${ye}px, 0)` : `translate(-50%, -50%) translate3d(${Ce}px, ${ye}px, 0)`, Z.style.width = we ? `${Math.round(se + we.w / 2) - Ce}px` : "", Z.style.height = we ? `${Math.round(ue + we.h / 2) - ye}px` : "", we && (Z.style.setProperty("--flow-grid-width", `${we.w}px`), Z.style.setProperty("--flow-grid-height", `${we.h}px`), Z.style.setProperty(
       "--flow-grid-font",
       `${Math.max(12, Math.min(48, we.w / 8, we.h / 5))}px`
     ));
@@ -15949,35 +15949,35 @@ function QE({
     r,
     t
   ]), Ot(() => {
-    const Z = I.current;
+    const Z = O.current;
     if (!Z) return;
     const se = () => {
-      const Ae = iv(Z);
+      const Ce = iv(Z);
       H(
-        (ye) => JSON.stringify(ye) === JSON.stringify(Ae) ? ye : Ae
-      ), R == null || R(e, Ae);
+        (ye) => JSON.stringify(ye) === JSON.stringify(Ce) ? ye : Ce
+      ), R == null || R(e, Ce);
     };
     se();
     const ue = new ResizeObserver(se);
     ue.observe(Z);
     const we = Z.querySelector("[data-flow-node-surface]");
     return we && ue.observe(we), () => ue.disconnect();
-  }, [e, A, R]), Ot(() => (l(e, I.current), () => {
+  }, [e, A, R]), Ot(() => (l(e, O.current), () => {
     l(e, null), R == null || R(e, void 0);
   }), [e, l, R]), Ot(() => {
-    const Z = I.current;
+    const Z = O.current;
     if (!Z) return;
     let se = "";
     const ue = () => {
-      const pe = YE(Z), J = _ ? pe : pe.filter((oe) => oe.anchor), L = JSON.stringify(J);
+      const pe = YE(Z), J = _ ? pe : pe.filter((ie) => ie.anchor), L = JSON.stringify(J);
       L !== se && (se = L, N(J), T == null || T(e, J));
     };
     if (ue(), !_ && !Z.querySelector("[data-flow-port-side]")) return;
-    const we = new ResizeObserver(ue), Ae = () => {
+    const we = new ResizeObserver(ue), Ce = () => {
       we.disconnect(), we.observe(Z), Z.querySelectorAll("[data-flow-property]").forEach((pe) => we.observe(pe)), ue();
     };
-    Ae();
-    const ye = new MutationObserver(Ae);
+    Ce();
+    const ye = new MutationObserver(Ce);
     return ye.observe(Z, {
       childList: !0,
       subtree: !0,
@@ -15998,7 +15998,7 @@ function QE({
   return /* @__PURE__ */ D(
     "div",
     {
-      ref: I,
+      ref: O,
       className: "flow-sdk-node",
       "data-node-id": e,
       "data-grid-draggable": o || void 0,
@@ -16033,12 +16033,12 @@ function QE({
               mo,
               {
                 variant: x,
-                x: ((O == null ? void 0 : O.left) ?? 0) + w / 2,
-                y: ((O == null ? void 0 : O.top) ?? 0) + w / 2,
-                width: ((O == null ? void 0 : O.width) ?? C) - w,
-                height: ((O == null ? void 0 : O.height) ?? S) - w,
-                radius: ((O == null ? void 0 : O.radius) ?? 0) - w / 2,
-                path: O != null && O.outline ? `M${O.outline.map((Z) => `${Z.x} ${Z.y}`).join(" L")} Z` : void 0,
+                x: ((P == null ? void 0 : P.left) ?? 0) + w / 2,
+                y: ((P == null ? void 0 : P.top) ?? 0) + w / 2,
+                width: ((P == null ? void 0 : P.width) ?? C) - w,
+                height: ((P == null ? void 0 : P.height) ?? S) - w,
+                radius: ((P == null ? void 0 : P.radius) ?? 0) - w / 2,
+                path: P != null && P.outline ? `M${P.outline.map((Z) => `${Z.x} ${Z.y}`).join(" L")} Z` : void 0,
                 color: b || p || "currentColor",
                 strokeWidth: w
               }
@@ -16082,8 +16082,8 @@ function QE({
             title: "Draw edge",
             style: {
               color: p,
-              left: ((O == null ? void 0 : O.left) ?? 0) + (E === "RL" ? -36 : E === "LR" ? (O == null ? void 0 : O.width) ?? C : ((O == null ? void 0 : O.width) ?? C) / 2),
-              top: ((O == null ? void 0 : O.top) ?? 0) + (E === "BT" ? -36 : E === "TB" ? (O == null ? void 0 : O.height) ?? S : ((O == null ? void 0 : O.height) ?? S) / 2),
+              left: ((P == null ? void 0 : P.left) ?? 0) + (E === "RL" ? -36 : E === "LR" ? (P == null ? void 0 : P.width) ?? C : ((P == null ? void 0 : P.width) ?? C) / 2),
+              top: ((P == null ? void 0 : P.top) ?? 0) + (E === "BT" ? -36 : E === "TB" ? (P == null ? void 0 : P.height) ?? S : ((P == null ? void 0 : P.height) ?? S) / 2),
               transform: E === "BT" || E === "TB" ? "translateX(-50%)" : "translateY(-50%)"
             },
             onClick: (Z) => Z.stopPropagation(),
@@ -16348,17 +16348,17 @@ function sk(e) {
   R.current = T;
   const A = de(e);
   A.current = e;
-  const I = de(null), P = de(null), N = de(null), $ = de(null), O = tt(
+  const O = de(null), I = de(null), N = de(null), $ = de(null), P = tt(
     () => new rk(h, u, f),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   Ue(() => {
-    O.minZoom = u, O.maxZoom = f;
-  }, [O, u, f]), Ot(() => {
-    O.setAnimationsDisabled(x);
-  }, [O, x]);
-  const H = de(/* @__PURE__ */ new Map()), ie = de(/* @__PURE__ */ new Map()), ae = de(/* @__PURE__ */ new Map()), Q = de(null), [me, ve] = re(
+    P.minZoom = u, P.maxZoom = f;
+  }, [P, u, f]), Ot(() => {
+    P.setAnimationsDisabled(x);
+  }, [P, x]);
+  const H = de(/* @__PURE__ */ new Map()), oe = de(/* @__PURE__ */ new Map()), ae = de(/* @__PURE__ */ new Map()), Q = de(null), [me, ve] = re(
     /* @__PURE__ */ new Map()
   ), z = dt(
     (k, q) => {
@@ -16383,9 +16383,9 @@ function sk(e) {
     () => /* @__PURE__ */ new Map()
   ), ue = de(Z);
   ue.current = Z;
-  const [we, Ae] = re(/* @__PURE__ */ new Map()), ye = de(we), pe = () => {
-    ye.current = /* @__PURE__ */ new Map(), Ae(ye.current);
-  }, J = de(/* @__PURE__ */ new Map()), L = de(null), oe = de(!1), [U, fe] = re(0), be = de(), qe = de(), je = de(null), We = de(!1), at = de(null), Qe = de(null), Ct = de(d), nt = s, st = de(nt), [bt, Te] = re(!0), [He, ft] = re(
+  const [we, Ce] = re(/* @__PURE__ */ new Map()), ye = de(we), pe = () => {
+    ye.current = /* @__PURE__ */ new Map(), Ce(ye.current);
+  }, J = de(/* @__PURE__ */ new Map()), L = de(null), ie = de(!1), [U, fe] = re(0), be = de(), qe = de(), je = de(null), We = de(!1), at = de(null), Qe = de(null), Ct = de(d), nt = s, st = de(nt), [bt, Te] = re(!0), [He, ft] = re(
     !!((_u = e.initialNodeGrid) != null && _u.enabled)
   ), [ht, Zt] = re([]), Ke = de(
     (Eu = e.initialNodeGrid) != null && Eu.enabled ? {
@@ -16406,37 +16406,37 @@ function sk(e) {
     var k;
     (k = je.current) == null || k.call(je), je.current = null;
   }, Vr = () => {
-    Qe.current = null, It.current.length && (tr.current = !0), !oe.current && A.current.fitOnInit !== !1 && (We.current = !0), clearTimeout(qe.current), qe.current = setTimeout(() => {
-      oe.current = ue.current.size > 0, fe((k) => k + 1);
+    Qe.current = null, It.current.length && (tr.current = !0), !ie.current && A.current.fitOnInit !== !1 && (We.current = !0), clearTimeout(qe.current), qe.current = setTimeout(() => {
+      ie.current = ue.current.size > 0, fe((k) => k + 1);
     }, ik);
   }, Ur = (k, q, j, K = Vr, le) => {
     ar();
     const Me = new Map(ue.current), xe = new Map([...H.current, ...ye.current]);
     je.current = tv(
       q,
-      (Ee) => {
+      (ke) => {
         const Ie = /* @__PURE__ */ new Map();
-        if (k.forEach((ke, Ne) => {
+        if (k.forEach((Ae, Ne) => {
           const Xe = Me.get(Ne);
           Ie.set(
             Ne,
             Xe ? {
-              x: Xe.x + (ke.x - Xe.x) * Ee,
-              y: Xe.y + (ke.y - Xe.y) * Ee
-            } : ke
+              x: Xe.x + (Ae.x - Xe.x) * ke,
+              y: Xe.y + (Ae.y - Xe.y) * ke
+            } : Ae
           );
         }), ue.current = Ie, se(Ie), le) {
-          const ke = /* @__PURE__ */ new Map();
+          const Ae = /* @__PURE__ */ new Map();
           for (const [Ne, Xe] of le) {
             const Y = xe.get(Ne) ?? Xe;
-            ke.set(Ne, {
-              w: Y.w + (Xe.w - Y.w) * Ee,
-              h: Y.h + (Xe.h - Y.h) * Ee
+            Ae.set(Ne, {
+              w: Y.w + (Xe.w - Y.w) * ke,
+              h: Y.h + (Xe.h - Y.h) * ke
             });
           }
-          ye.current = ke, Ae(ke);
+          ye.current = Ae, Ce(Ae);
         }
-        j == null || j(Ee);
+        j == null || j(ke);
       },
       K
     );
@@ -16447,19 +16447,19 @@ function sk(e) {
     }
     ye.current.size && pe();
     const k = A.current, q = pr.current, j = R.current, K = j.nodes.map((Ie) => {
-      const ke = ie.current.get(Ie.id);
-      ke && (ke.offsetWidth || ke.offsetHeight) && H.current.set(Ie.id, {
-        w: ke.offsetWidth,
-        h: ke.offsetHeight
+      const Ae = oe.current.get(Ie.id);
+      Ae && (Ae.offsetWidth || Ae.offsetHeight) && H.current.set(Ie.id, {
+        w: Ae.offsetWidth,
+        h: Ae.offsetHeight
       });
       const Ne = H.current.get(Ie.id) || uo;
       return { id: Ie.id, parent: Ie.parent, width: Ne.w, height: Ne.h };
     });
     let le;
     try {
-      const Ie = k.compactPropertyLayout, ke = k.edgeMode !== "nodes" && k.edgeMode !== "workflow", Ne = j.edges.map((Xe) => ({
+      const Ie = k.compactPropertyLayout, Ae = k.edgeMode !== "nodes" && k.edgeMode !== "workflow", Ne = j.edges.map((Xe) => ({
         ...Xe,
-        connectorClearance: Ie ? ke && (Xe.sourceProperty !== void 0 || Xe.targetProperty !== void 0) ? CC : xC : 0
+        connectorClearance: Ie ? Ae && (Xe.sourceProperty !== void 0 || Xe.targetProperty !== void 0) ? CC : xC : 0
       }));
       le = VE(K, Ne, {
         edgeLabelFontSize: k.edgeMode === "nodes" || k.edgeMode === "workflow" ? av : bo,
@@ -16485,15 +16485,15 @@ function sk(e) {
         y: Me.position.y - xe.y
       };
       le = new Map(
-        [...le].map(([ke, Ne]) => [
-          ke,
+        [...le].map(([Ae, Ne]) => [
+          Ae,
           { x: Ne.x + Ie.x, y: Ne.y + Ie.y }
         ])
       );
     }
-    for (const [Ie, ke] of J.current)
-      le.has(Ie) ? le.set(Ie, ke) : k.nodes.some((Ne) => Ne.id === Ie) || J.current.delete(Ie);
-    const Ee = O.coordinate(
+    for (const [Ie, Ae] of J.current)
+      le.has(Ie) ? le.set(Ie, Ae) : k.nodes.some((Ne) => Ne.id === Ie) || J.current.delete(Ie);
+    const ke = P.coordinate(
       () => {
         var Ie;
         return (Ie = Qe.current) == null ? void 0 : Ie.call(Qe, le);
@@ -16501,8 +16501,8 @@ function sk(e) {
     );
     Ur(
       le,
-      oe.current && !k.isPerformanceMode && !k.disableAnimations,
-      Ee
+      ie.current && !k.isPerformanceMode && !k.disableAnimations,
+      ke
     );
   }, ee = dt(() => {
     clearTimeout(qe.current), clearTimeout(be.current), be.current = setTimeout(
@@ -16519,7 +16519,7 @@ function sk(e) {
         var j;
         return ((j = k.get(q.id)) == null ? void 0 : j.collapsed) === !0 && !q.collapsed;
       }
-    ) && (It.current = r.filter((q) => !k.has(q.id)).map((q) => q.id)), Wr.current = r, Ct.current !== d && ue.current.size > 0 && (oe.current = !0, We.current = !1, clearTimeout(qe.current)), Ct.current = d, st.current !== nt && (We.current = !at.current), st.current = nt, Qe.current && !at.current ? (clearTimeout(be.current), Fe()) : ee();
+    ) && (It.current = r.filter((q) => !k.has(q.id)).map((q) => q.id)), Wr.current = r, Ct.current !== d && ue.current.size > 0 && (ie.current = !0, We.current = !1, clearTimeout(qe.current)), Ct.current = d, st.current !== nt && (We.current = !at.current), st.current = nt, Qe.current && !at.current ? (clearTimeout(be.current), Fe()) : ee();
   }, [
     r,
     t,
@@ -16547,23 +16547,23 @@ function sk(e) {
       if (!Q.current && typeof ResizeObserver < "u" && (Q.current = new ResizeObserver((le) => {
         let Me = !1;
         for (const xe of le) {
-          const Ee = ae.current.get(xe.target);
-          if (!Ee || ye.current.has(Ee)) continue;
-          const Ie = xe.target, ke = Ie.offsetWidth, Ne = Ie.offsetHeight;
-          if (!ke && !Ne) continue;
-          const Xe = H.current.get(Ee);
-          if (Xe && Xe.w === ke && Xe.h === Ne) continue;
-          const Y = ue.current.get(Ee);
-          Xe && Y && oe.current && !L.current && (L.current = { id: Ee, position: { ...Y } }), H.current.set(Ee, { w: ke, h: Ne }), Me = !0;
+          const ke = ae.current.get(xe.target);
+          if (!ke || ye.current.has(ke)) continue;
+          const Ie = xe.target, Ae = Ie.offsetWidth, Ne = Ie.offsetHeight;
+          if (!Ae && !Ne) continue;
+          const Xe = H.current.get(ke);
+          if (Xe && Xe.w === Ae && Xe.h === Ne) continue;
+          const Y = ue.current.get(ke);
+          Xe && Y && ie.current && !L.current && (L.current = { id: ke, position: { ...Y } }), H.current.set(ke, { w: Ae, h: Ne }), Me = !0;
         }
         Me && (Qe.current && !at.current ? Fe() : ee());
       })), q) {
-        ie.current.set(k, q), ae.current.set(q, k), (j = Q.current) == null || j.observe(q);
+        oe.current.set(k, q), ae.current.set(q, k), (j = Q.current) == null || j.observe(q);
         const le = q.offsetWidth, Me = q.offsetHeight;
         !ye.current.has(k) && (le || Me) && H.current.set(k, { w: le, h: Me });
       } else {
-        const le = ie.current.get(k);
-        le && ((K = Q.current) == null || K.unobserve(le), ae.current.delete(le)), ie.current.delete(k), H.current.delete(k), F.current.has(k) && ce(k, []);
+        const le = oe.current.get(k);
+        le && ((K = Q.current) == null || K.unobserve(le), ae.current.delete(le)), oe.current.delete(k), H.current.delete(k), F.current.has(k) && ce(k, []);
       }
       ee();
     },
@@ -16601,17 +16601,17 @@ function sk(e) {
     [T.nodes, Z, m, Le, we]
   ), he = de(V);
   he.current = V;
-  const Ce = dt((k) => {
+  const Se = dt((k) => {
     const q = he.current.get(k);
     if (q) return sC(q);
     const j = ue.current.get(k);
     if (!j) return;
     const K = ye.current.get(k) || H.current.get(k) || uo;
     return { x: j.x, y: j.y, w: K.w, h: K.h };
-  }, []), _e = tt(() => {
+  }, []), Ee = tt(() => {
     const k = /* @__PURE__ */ new Map();
     for (const q of r) {
-      const j = Ce(q.id);
+      const j = Se(q.id);
       j && k.set(q.id, j);
     }
     return yC(
@@ -16629,35 +16629,35 @@ function sk(e) {
     me,
     t,
     n,
-    Ce
+    Se
   ]);
-  F.current = _e;
+  F.current = Ee;
   const et = (k, q) => {
     var le;
     if (!M || q === void 0) return;
-    const j = (le = _e.get(k)) == null ? void 0 : le.find((Me) => Me.property === q), K = Ce(k);
+    const j = (le = Ee.get(k)) == null ? void 0 : le.find((Me) => Me.property === q), K = Se(k);
     return j && !j.anchor && K ? K.y - K.h / 2 + j.top + j.height / 2 : void 0;
   }, ot = (k, q) => {
     var le, Me;
     if (q === void 0) return;
-    const j = (Me = (le = _e.get(k)) == null ? void 0 : le.find((xe) => xe.property === q)) == null ? void 0 : Me.anchor, K = Ce(k);
+    const j = (Me = (le = Ee.get(k)) == null ? void 0 : le.find((xe) => xe.property === q)) == null ? void 0 : Me.anchor, K = Se(k);
     return j && K ? {
       x: K.x - K.w / 2 + j.x,
       y: K.y - K.h / 2 + j.y,
       side: j.side
     } : void 0;
   }, Ze = (k, q) => {
-    const j = Ce(k), K = me.get(k);
+    const j = Se(k), K = me.get(k);
     return j && K && !V.has(k) && et(k, q) === void 0 ? zn(j, K) : j;
   }, Tt = () => {
     const k = [];
     ue.current.forEach((q, j) => {
       if (he.current.has(j)) return;
-      const K = Ce(j);
+      const K = Se(j);
       K && k.push(rr(K));
     }), he.current.forEach((q) => k.push(q));
     try {
-      for (const q of [P.current, N.current]) {
+      for (const q of [I.current, N.current]) {
         const j = q == null ? void 0 : q.getBBox();
         j && j.width > 0 && j.height > 0 && k.push({
           x1: j.x,
@@ -16671,8 +16671,8 @@ function sk(e) {
     return oi(k);
   }, Rt = () => {
     var j, K;
-    const { pan: k, zoom: q } = O;
-    $.current && ($.current.style.transform = `translate3d(${k.x}px, ${k.y}px, 0) scale(${q})`), (j = P.current) == null || j.setAttribute(
+    const { pan: k, zoom: q } = P;
+    $.current && ($.current.style.transform = `translate3d(${k.x}px, ${k.y}px, 0) scale(${q})`), (j = I.current) == null || j.setAttribute(
       "transform",
       `translate(${k.x} ${k.y}) scale(${q})`
     ), (K = N.current) == null || K.setAttribute(
@@ -16683,22 +16683,22 @@ function sk(e) {
   Ue(() => {
     Rt();
     let k = null, q;
-    const j = O.onChange(() => {
+    const j = P.onChange(() => {
       Rt();
-      const K = I.current;
+      const K = O.current;
       K && (K.classList.add("flow-sdk-busy"), clearTimeout(q), q = setTimeout(
         () => K.classList.remove("flow-sdk-busy"),
         150
       )), k === null && (k = requestAnimationFrame(() => {
         var le, Me;
-        k = null, (Me = (le = A.current).onViewportChange) == null || Me.call(le, O.state);
+        k = null, (Me = (le = A.current).onViewportChange) == null || Me.call(le, P.state);
       }));
     });
     return () => {
       j(), clearTimeout(q), k !== null && cancelAnimationFrame(k);
     };
   }, []), Ot(() => {
-    const k = I.current;
+    const k = O.current;
     if (!k) return;
     const q = () => {
       var xe;
@@ -16708,34 +16708,34 @@ function sk(e) {
         0,
         window.innerHeight - k.getBoundingClientRect().top - 100
       ), le && (k.style.height = `${le}px`)), K || (K = window.innerWidth, K && (k.style.width = `${K}px`));
-      const Me = O.size.w !== K || O.size.h !== le;
-      O.size = { w: K, h: le }, Me && ((xe = Ke.current) != null && xe.options.fill) && ee(), !oe.current && !ue.current.size && A.current.fitOnInit !== !1 && (O.set({ x: K / 2, y: le / 2 }), Rt());
+      const Me = P.size.w !== K || P.size.h !== le;
+      P.size = { w: K, h: le }, Me && ((xe = Ke.current) != null && xe.options.fill) && ee(), !ie.current && !ue.current.size && A.current.fitOnInit !== !1 && (P.set({ x: K / 2, y: le / 2 }), Rt());
     };
     if (q(), typeof ResizeObserver > "u") return;
     const j = new ResizeObserver(q);
     return j.observe(k), () => j.disconnect();
-  }, [O]), Ot(() => {
+  }, [P]), Ot(() => {
     if (tr.current) {
       tr.current = !1;
       const q = It.current.flatMap((K) => {
-        const le = Ce(K);
+        const le = Se(K);
         return le ? [rr(le)] : [];
       });
       It.current = [];
       const j = oi(q);
       if (j) {
-        We.current = !1, O.center(j, A.current.animateViewport);
+        We.current = !1, P.center(j, A.current.animateViewport);
         return;
       }
     }
     if (!We.current) return;
     We.current = !1;
     const k = Tt();
-    k && (O.fit(
+    k && (P.fit(
       k,
       50,
-      oe.current && A.current.animateViewport
-    ), oe.current || Rt());
+      ie.current && A.current.animateViewport
+    ), ie.current || Rt());
   }, [Z]);
   const St = tt(() => {
     const k = (Y) => {
@@ -16765,32 +16765,32 @@ function sk(e) {
         padding: (ge) => A.current.containerStyle(ge).padding,
         minSize: te,
         fixedIds: new Set(J.current.keys()),
-        viewportSize: { ...O.size }
+        viewportSize: { ...P.size }
       };
     }, j = (Y) => Yu(Y, A.current.nodes, A.current.edges), K = (Y, X = !0, ge = () => {
     }, ne, Je, Re = !1) => {
-      clearTimeout(be.current), clearTimeout(qe.current), Re || (Qe.current = null), at.current = null, We.current = !1, It.current = [], tr.current = !1, O.cancelAnimation();
-      const Se = X && !A.current.isPerformanceMode && !A.current.disableAnimations, ct = O.coordinate(() => {
+      clearTimeout(be.current), clearTimeout(qe.current), Re || (Qe.current = null), at.current = null, We.current = !1, It.current = [], tr.current = !1, P.cancelAnimation();
+      const _e = X && !A.current.isPerformanceMode && !A.current.disableAnimations, ct = P.coordinate(() => {
         var De;
-        ne ? ne(Se) : Re && ((De = Qe.current) == null || De.call(Qe, Y));
+        ne ? ne(_e) : Re && ((De = Qe.current) == null || De.call(Qe, Y));
       });
       Ur(
         new Map([...Y].map(([De, vt]) => [De, { ...vt }])),
-        Se,
+        _e,
         ct,
         ge,
         Je
       );
     }, le = (Y, X = 50, ge = A.current.animateViewport, ne = 1, Je = !1) => {
-      const Re = (Se) => {
+      const Re = (_e) => {
         const ct = R.current, De = Y ?? new Set(ct.nodes.map((Nt) => Nt.id)), vt = new Set(
           ct.nodes.map((Nt) => Nt.parent).filter(Boolean)
         );
-        if (!Se && (!Y || [...Y].some((Nt) => vt.has(Nt))))
+        if (!_e && (!Y || [...Y].some((Nt) => vt.has(Nt))))
           return;
-        const gr = Se && ql(
+        const gr = _e && ql(
           ct.nodes,
-          Se,
+          _e,
           H.current,
           (Nt) => A.current.containerStyle(Nt).padding,
           te
@@ -16798,11 +16798,11 @@ function sk(e) {
           [...De].flatMap((Nt) => {
             const bn = gr == null ? void 0 : gr.get(Nt);
             if (bn) return [bn];
-            const vn = Se == null ? void 0 : Se.get(Nt), io = H.current.get(Nt) || uo, wn = vn ? { ...vn, ...io } : Ce(Nt);
+            const vn = _e == null ? void 0 : _e.get(Nt), io = H.current.get(Nt) || uo, wn = vn ? { ...vn, ...io } : Se(Nt);
             return wn ? [rr(wn)] : [];
           })
         );
-        yr && (We.current = !1, It.current = [], tr.current = !1, O.fit(
+        yr && (We.current = !1, It.current = [], tr.current = !1, P.fit(
           yr,
           Number.isFinite(X) ? Math.max(0, X) : 50,
           ge,
@@ -16812,28 +16812,28 @@ function sk(e) {
       Qe.current = Je ? Re : null, Je || Re(ue.current);
     }, Me = (Y, X, ge, ne) => {
       var Re;
-      if (!Ce(Y)) return;
-      const Je = X === "connections" ? Ee(Y) : j(Y);
-      if (X === "connections" && pr.current === 1.25 && ((Re = pt.current) == null ? void 0 : Re.size) === Je.size && [...Je].every((Se) => pt.current.has(Se))) {
+      if (!Se(Y)) return;
+      const Je = X === "connections" ? ke(Y) : j(Y);
+      if (X === "connections" && pr.current === 1.25 && ((Re = pt.current) == null ? void 0 : Re.size) === Je.size && [...Je].every((_e) => pt.current.has(_e))) {
         S({ id: Y, mode: X });
         return;
       }
       er.current || (er.current = {
-        pan: { ...O.pan },
-        zoom: O.zoom
+        pan: { ...P.pan },
+        zoom: P.zoom
       }), pt.current = Je, A.current.compactPropertyLayout && (We.current = !1, at.current = () => le(pt.current ?? Je, ge, ne)), S({ id: Y, mode: X }), A.current.compactPropertyLayout || le(Je, ge, ne);
     }, xe = (Y) => {
       at.current ? at.current = Y : Y();
-    }, Ee = (Y) => of(Y, A.current.nodes, A.current.edges), Ie = ((Y) => {
+    }, ke = (Y) => of(Y, A.current.nodes, A.current.edges), Ie = ((Y) => {
       var X, ge, ne;
-      if (Y === void 0) return O.zoom;
-      Y < O.zoom && ((X = Ke.current) != null && X.options.fill) && !A.current.readOnly && ((ne = (ge = A.current).onNodeGridZoomOut) == null ? void 0 : ne.call(ge, Ke.current.options)) === !0 || (Qe.current = null, O.set(void 0, Y));
-    }), ke = ((Y) => {
-      if (Y === void 0) return O.pan;
-      Qe.current = null, O.set(Y);
+      if (Y === void 0) return P.zoom;
+      Y < P.zoom && ((X = Ke.current) != null && X.options.fill) && !A.current.readOnly && ((ne = (ge = A.current).onNodeGridZoomOut) == null ? void 0 : ne.call(ge, Ke.current.options)) === !0 || (Qe.current = null, P.set(void 0, Y));
+    }), Ae = ((Y) => {
+      if (Y === void 0) return P.pan;
+      Qe.current = null, P.set(Y);
     }), Ne = (Y, X) => {
       var ne;
-      const ge = (ne = I.current) == null ? void 0 : ne.getBoundingClientRect();
+      const ge = (ne = O.current) == null ? void 0 : ne.getBoundingClientRect();
       return { x: Y - ((ge == null ? void 0 : ge.left) ?? 0), y: X - ((ge == null ? void 0 : ge.top) ?? 0) };
     }, Xe = (Y = 0, X = A.current.animateViewport, ge = !1) => {
       if (ge) {
@@ -16842,19 +16842,19 @@ function sk(e) {
       }
       Qe.current = null, xe(() => {
         const ne = Tt();
-        ne && O.fit(ne, Y, X);
+        ne && P.fit(ne, Y, X);
       });
     };
     return {
       zoom: Ie,
-      pan: ke,
+      pan: Ae,
       setEdgesVisible: Te,
       focusNode: (Y, X, ge, ne) => xe(
         () => le(/* @__PURE__ */ new Set([Y]), X, ge, 0.6, ne)
       ),
       focusBranch: (Y, X, ge) => xe(() => le(j(Y), X, ge)),
       focusConnections: (Y, X, ge, ne) => xe(
-        () => le(Ee(Y), X, ge, 1, ne)
+        () => le(ke(Y), X, ge, 1, ne)
       ),
       isolateConnections: (Y, X, ge) => Me(Y, "connections", X, ge),
       isolateBranch: (Y, X, ge) => Me(Y, "branch", X, ge),
@@ -16864,27 +16864,27 @@ function sk(e) {
         pt.current = null, S(null);
         const ne = X ?? er.current;
         er.current = null, ge ? at.current = () => {
-          ne && O.transition(ne, Y);
-        } : ne && xe(() => O.transition(ne, Y));
+          ne && P.transition(ne, Y);
+        } : ne && xe(() => P.transition(ne, Y));
       },
       zoomAt: (Y, X) => {
         var ge, ne, Je;
-        Y < O.zoom && ((ge = Ke.current) != null && ge.options.fill) && !A.current.readOnly && ((Je = (ne = A.current).onNodeGridZoomOut) == null ? void 0 : Je.call(ne, Ke.current.options)) === !0 || (Qe.current = null, O.zoomAt(Y, X));
+        Y < P.zoom && ((ge = Ke.current) != null && ge.options.fill) && !A.current.readOnly && ((Je = (ne = A.current).onNodeGridZoomOut) == null ? void 0 : Je.call(ne, Ke.current.options)) === !0 || (Qe.current = null, P.zoomAt(Y, X));
       },
       fit: Xe,
       centerAndFit: Xe,
       center: (Y = A.current.animateViewport) => {
         Qe.current = null;
         const X = Tt();
-        X && O.center(X, Y);
+        X && P.center(X, Y);
       },
-      clientToModel: (Y, X) => O.renderedToModel(Ne(Y, X)),
+      clientToModel: (Y, X) => P.renderedToModel(Ne(Y, X)),
       modelToClient: (Y) => {
         var ne;
-        const X = (ne = I.current) == null ? void 0 : ne.getBoundingClientRect(), ge = O.modelToRendered(Y);
+        const X = (ne = O.current) == null ? void 0 : ne.getBoundingClientRect(), ge = P.modelToRendered(Y);
         return { x: ge.x + ((X == null ? void 0 : X.left) ?? 0), y: ge.y + ((X == null ? void 0 : X.top) ?? 0) };
       },
-      getNodeBox: (Y) => Ce(Y),
+      getNodeBox: (Y) => Se(Y),
       detectNodeCollisions: (Y) => {
         const X = q();
         return u0(
@@ -16907,16 +16907,16 @@ function sk(e) {
           for (const De of X.nodes)
             X.positions.has(De.id) || X.positions.set(
               De.id,
-              O.renderedToModel({
-                x: O.size.w / 2,
-                y: O.size.h / 2
+              P.renderedToModel({
+                x: P.size.w / 2,
+                y: P.size.h / 2
               })
             );
           const Re = new Set(X.nodes.map((De) => De.id));
           ge.order = ge.order.filter((De) => Re.has(De));
-          const Se = new Set(ge.order);
+          const _e = new Set(ge.order);
           ge.order.push(
-            ...X.nodes.filter((De) => !Se.has(De.id)).map((De) => De.id)
+            ...X.nodes.filter((De) => !_e.has(De.id)).map((De) => De.id)
           );
           const ct = new Map(ge.order.map((De, vt) => [De, vt]));
           X.nodes = [...X.nodes].sort(
@@ -16926,24 +16926,24 @@ function sk(e) {
         const ne = Cl(X, k(Y));
         Zt(ne.dividers ?? []), ge && (ge.ready = !1);
         const Je = () => {
-          ge && (ge.ready = !0), ge && X.nodes.length && !oe.current && (oe.current = !0, A.current.fitOnInit !== !1 && !Y.fill ? St.centerAndFit(50, !1) : A.current.fitOnInit === !1 && O.transition(h, !1)), fe((Re) => Re + 1);
+          ge && (ge.ready = !0), ge && X.nodes.length && !ie.current && (ie.current = !0, A.current.fitOnInit !== !1 && !Y.fill ? St.centerAndFit(50, !1) : A.current.fitOnInit === !1 && P.transition(h, !1)), fe((Re) => Re + 1);
         };
         return !ne.sizes && ye.current.size && pe(), X.nodes.some((Re) => !ue.current.has(Re.id)) || ne.movedNodeIds.length || ne.bounds || Qe.current ? K(
           ne.positions,
           Y.animate,
           Je,
-          ne.bounds && (!ge || !ye.current.size) ? () => O.transition({ zoom: 1, pan: { x: 0, y: 0 } }, !1) : void 0,
+          ne.bounds && (!ge || !ye.current.size) ? () => P.transition({ zoom: 1, pan: { x: 0, y: 0 } }, !1) : void 0,
           ne.sizes,
           !!ge && !ne.bounds
         ) : Je(), ne;
       },
       setNodeGridMode: (Y, X = {}) => {
         var ge, ne, Je, Re;
-        if (X.order && (!Array.isArray(X.order) || X.order.some((Se) => typeof Se != "string") || new Set(X.order).size !== X.order.length))
+        if (X.order && (!Array.isArray(X.order) || X.order.some((_e) => typeof _e != "string") || new Set(X.order).size !== X.order.length))
           throw new Error("Invalid grid node order.");
         if (Y) {
           Cl(q(), k(X));
-          const Se = !Ke.current || Ke.current.options.fill && !X.fill;
+          const _e = !Ke.current || Ke.current.options.fill && !X.fill;
           Qe.current = null, Ke.current || (Ke.current = {
             options: X,
             order: q().nodes.map((ct) => ct.id),
@@ -16954,31 +16954,31 @@ function sk(e) {
               ])
             ),
             previousViewport: {
-              zoom: O.zoom,
-              pan: { ...O.pan }
+              zoom: P.zoom,
+              pan: { ...P.pan }
             },
-            previousSize: { ...O.size },
+            previousSize: { ...P.size },
             ready: !1
-          }), Se && St.centerAndFit(80, X.animate, !0), X.order && (Ke.current.order = [...X.order]), Ke.current.options = { ...X }, ft(!0), St.arrangeNodesInGrid(X), (ne = (ge = A.current).onNodeGridModeChange) == null || ne.call(ge, {
+          }), _e && St.centerAndFit(80, X.animate, !0), X.order && (Ke.current.order = [...X.order]), Ke.current.options = { ...X }, ft(!0), St.arrangeNodesInGrid(X), (ne = (ge = A.current).onNodeGridModeChange) == null || ne.call(ge, {
             ...X,
             order: [...Ke.current.order]
           });
         } else {
-          const Se = Ke.current;
-          if (!Se) return;
-          if (O.size.w === Se.previousSize.w && O.size.h === Se.previousSize.h && ue.current.size === Se.previousPositions.size && [...ue.current.keys()].every(
-            (vt) => Se.previousPositions.has(vt)
-          ) ? Qe.current = () => O.transition(
-            Se.previousViewport,
+          const _e = Ke.current;
+          if (!_e) return;
+          if (P.size.w === _e.previousSize.w && P.size.h === _e.previousSize.h && ue.current.size === _e.previousPositions.size && [...ue.current.keys()].every(
+            (vt) => _e.previousPositions.has(vt)
+          ) ? Qe.current = () => P.transition(
+            _e.previousViewport,
             X.animate !== !1 && !A.current.disableAnimations && !A.current.isPerformanceMode
-          ) : St.centerAndFit(80, X.animate, !0), Ke.current = null, ft(!1), pe(), (Re = (Je = A.current).onNodeGridModeChange) == null || Re.call(Je, null), Qt(null), !Se.previousPositions.size) {
+          ) : St.centerAndFit(80, X.animate, !0), Ke.current = null, ft(!1), pe(), (Re = (Je = A.current).onNodeGridModeChange) == null || Re.call(Je, null), Qt(null), !_e.previousPositions.size) {
             ee();
             return;
           }
           const De = new Map(
             [...ue.current].map(([vt, gr]) => [
               vt,
-              Se.previousPositions.get(vt) ?? gr
+              _e.previousPositions.get(vt) ?? gr
             ])
           );
           K(
@@ -16996,8 +16996,8 @@ function sk(e) {
         const ne = Ke.current;
         if (!ne || !ne.ready || A.current.readOnly || Y === X)
           return !1;
-        const Je = q(), Re = Je.nodes.find((xn) => xn.id === Y), Se = Je.nodes.find((xn) => xn.id === X);
-        if (!Re || !Se || Re.parent !== Se.parent) return !1;
+        const Je = q(), Re = Je.nodes.find((xn) => xn.id === Y), _e = Je.nodes.find((xn) => xn.id === X);
+        if (!Re || !_e || Re.parent !== _e.parent) return !1;
         const ct = Cl(Je, k(ne.options));
         if (ct.skippedNodeIds.includes(Y) || ct.skippedNodeIds.includes(X))
           return !1;
@@ -17037,12 +17037,12 @@ function sk(e) {
         const ne = new Map(ue.current);
         return ne.set(Y, { ...X }), (ge == null ? void 0 : ge.persist) === !1 ? J.current.delete(Y) : J.current.set(Y, { ...X }), ue.current = ne, se(ne), (ge == null ? void 0 : ge.persist) === !1 && ee(), !0;
       },
-      onViewportChange: (Y) => O.onChange(Y)
+      onViewportChange: (Y) => P.onChange(Y)
     };
   }, []);
   Ue(() => {
     var k, q;
-    return (q = (k = A.current).onInit) == null || q.call(k, St), () => O.cancelAnimation();
+    return (q = (k = A.current).onInit) == null || q.call(k, St), () => P.cancelAnimation();
   }, [St]), Ue(() => {
     var k, q;
     if (U > 0) {
@@ -17051,17 +17051,17 @@ function sk(e) {
     }
   }, [St, U]);
   const mt = de(null), Et = de(/* @__PURE__ */ new Map()), Ft = de(!1), [Ar, ro] = re(null), [lt, yn] = re(null), no = (k) => {
-    const q = I.current.getBoundingClientRect();
+    const q = O.current.getBoundingClientRect();
     return {
-      x: (k.clientX - q.left) * (I.current.clientWidth / q.width || 1),
-      y: (k.clientY - q.top) * (I.current.clientHeight / q.height || 1)
+      x: (k.clientX - q.left) * (O.current.clientWidth / q.width || 1),
+      y: (k.clientY - q.top) * (O.current.clientHeight / q.height || 1)
     };
   }, oo = (k, q) => {
     const j = A.current.nodes;
     for (let K = j.length - 1; K >= 0; K--) {
       const le = j[K].id;
       if (!sr(le, A.current.edges, A.current.edgeMode) || pt.current && !pt.current.has(le) || le === q || he.current.has(le)) continue;
-      const Me = Ce(le);
+      const Me = Se(le);
       if (Me && Qu(k, rr(Me))) return le;
     }
     for (const [K, le] of he.current)
@@ -17070,8 +17070,8 @@ function sk(e) {
     return null;
   }, vu = (k, q) => {
     const j = A.current.nodes.find(
-      (Ee) => Ee.id === k
-    ), K = Ce(k);
+      (ke) => ke.id === k
+    ), K = Se(k);
     if (!j || !K) return null;
     const le = rr({
       ...K,
@@ -17079,23 +17079,23 @@ function sk(e) {
       y: K.y + q.y
     });
     let Me = null, xe = 0;
-    for (const Ee of A.current.nodes) {
-      if (Ee.id === k || Ee.parent !== j.parent || J.current.has(Ee.id) || he.current.has(Ee.id) || !sr(
-        Ee.id,
+    for (const ke of A.current.nodes) {
+      if (ke.id === k || ke.parent !== j.parent || J.current.has(ke.id) || he.current.has(ke.id) || !sr(
+        ke.id,
         A.current.edges,
         A.current.edgeMode
-      ) || pt.current && !pt.current.has(Ee.id))
+      ) || pt.current && !pt.current.has(ke.id))
         continue;
-      const Ie = Ce(Ee.id);
+      const Ie = Se(ke.id);
       if (!Ie) continue;
-      const ke = rr(Ie), Ne = Math.max(
+      const Ae = rr(Ie), Ne = Math.max(
         0,
-        Math.min(le.x2, ke.x2) - Math.max(le.x1, ke.x1)
+        Math.min(le.x2, Ae.x2) - Math.max(le.x1, Ae.x1)
       ) * Math.max(
         0,
-        Math.min(le.y2, ke.y2) - Math.max(le.y1, ke.y1)
+        Math.min(le.y2, Ae.y2) - Math.max(le.y1, Ae.y1)
       );
-      Ne > xe && (xe = Ne, Me = Ee.id);
+      Ne > xe && (xe = Ne, Me = ke.id);
     }
     return Me;
   }, wu = (k, q) => {
@@ -17109,22 +17109,22 @@ function sk(e) {
       ) && (!pt.current || pt.current.has(Ne.id))
     ), le = K.find((Ne) => Ne.id === k);
     if (!le) return;
-    const Me = I.current, xe = O.zoom * (Me && Me.clientWidth ? Me.getBoundingClientRect().width / Me.clientWidth : 1), Ee = 24 / xe;
+    const Me = O.current, xe = P.zoom * (Me && Me.clientWidth ? Me.getBoundingClientRect().width / Me.clientWidth : 1), ke = 24 / xe;
     let Ie;
     for (const Ne of K) {
       if (Ne.id === k || Ne.parent !== le.parent) continue;
-      const Xe = Ce(Ne.id);
+      const Xe = Se(Ne.id);
       if (!Xe) continue;
-      const Y = rr(Xe), X = Math.min(Xe.w / 4, Ee), ge = Math.min(Xe.h / 4, Ee), ne = 3 / xe, Je = [];
+      const Y = rr(Xe), X = Math.min(Xe.w / 4, ke), ge = Math.min(Xe.h / 4, ke), ne = 3 / xe, Je = [];
       if (q.y > Y.y1 + ge && q.y < Y.y2 - ge)
         for (const Re of ["before", "after"]) {
-          const Se = Re === "before" ? Y.x1 : Y.x2, ct = Math.abs(q.x - Se), De = Re === "before" ? q.x < Se : q.x > Se;
-          ct <= (De ? Ee : X) && Je.push({
+          const _e = Re === "before" ? Y.x1 : Y.x2, ct = Math.abs(q.x - _e), De = Re === "before" ? q.x < _e : q.x > _e;
+          ct <= (De ? ke : X) && Je.push({
             side: Re,
             distance: ct,
             marker: {
-              x1: Se - ne / 2,
-              x2: Se + ne / 2,
+              x1: _e - ne / 2,
+              x2: _e + ne / 2,
               y1: Y.y1,
               y2: Y.y2
             }
@@ -17132,15 +17132,15 @@ function sk(e) {
         }
       if (q.x >= Y.x1 && q.x <= Y.x2)
         for (const Re of ["above", "below"]) {
-          const Se = Re === "above" ? Y.y1 : Y.y2, ct = Math.abs(q.y - Se), De = Re === "above" ? q.y < Se : q.y > Se;
-          ct <= (De ? Ee : ge) && Je.push({
+          const _e = Re === "above" ? Y.y1 : Y.y2, ct = Math.abs(q.y - _e), De = Re === "above" ? q.y < _e : q.y > _e;
+          ct <= (De ? ke : ge) && Je.push({
             side: Re,
             distance: ct,
             marker: {
               x1: Y.x1,
               x2: Y.x2,
-              y1: Se - ne / 2,
-              y2: Se + ne / 2
+              y1: _e - ne / 2,
+              y2: _e + ne / 2
             }
           });
         }
@@ -17148,7 +17148,7 @@ function sk(e) {
         (!Ie || Re.distance < Ie.distance) && (Ie = { id: Ne.id, ...Re });
     }
     if (!Ie) return;
-    const ke = HE(
+    const Ae = HE(
       {
         nodes: K,
         positions: ue.current,
@@ -17163,11 +17163,11 @@ function sk(e) {
       Ie.id,
       Ie.side
     );
-    return ke ? { options: ke, marker: Ie.marker } : void 0;
+    return Ae ? { options: Ae, marker: Ie.marker } : void 0;
   }, Jo = (k, q) => {
     if (A.current.edgeMode === "nodes" || A.current.edgeMode === "workflow")
       return null;
-    const j = A.current.direction === "RL", K = Math.max(16, 6 / O.zoom);
+    const j = A.current.direction === "RL", K = Math.max(16, 6 / P.zoom);
     let le = null;
     for (const Me of [...A.current.nodes].reverse()) {
       if (!sr(
@@ -17176,22 +17176,22 @@ function sk(e) {
         A.current.edgeMode
       ) || pt.current && !pt.current.has(Me.id))
         continue;
-      const xe = Ce(Me.id), Ee = F.current.get(Me.id);
-      if (!xe || !Ee || he.current.has(Me.id)) continue;
+      const xe = Se(Me.id), ke = F.current.get(Me.id);
+      if (!xe || !ke || he.current.has(Me.id)) continue;
       const Ie = xe.x + (q === "source" !== j ? 1 : -1) * xe.w / 2;
-      for (const ke of Ee) {
-        if (ke.role && ke.role !== q) continue;
-        const Ne = xe.y - xe.h / 2 + ke.top, Xe = Math.hypot(
-          k.x - (ke.anchor ? xe.x - xe.w / 2 + ke.anchor.x : Ie),
-          k.y - Ne - ke.height / 2
+      for (const Ae of ke) {
+        if (Ae.role && Ae.role !== q) continue;
+        const Ne = xe.y - xe.h / 2 + Ae.top, Xe = Math.hypot(
+          k.x - (Ae.anchor ? xe.x - xe.w / 2 + Ae.anchor.x : Ie),
+          k.y - Ne - Ae.height / 2
         );
-        if (!ke.anchor && k.x >= xe.x - xe.w / 2 && k.x <= xe.x + xe.w / 2 && k.y >= Ne && k.y <= Ne + ke.height) return { nodeId: Me.id, property: ke.property };
-        Xe <= K && (!le || Xe < le.distance) && (le = { nodeId: Me.id, property: ke.property, distance: Xe });
+        if (!Ae.anchor && k.x >= xe.x - xe.w / 2 && k.x <= xe.x + xe.w / 2 && k.y >= Ne && k.y <= Ne + Ae.height) return { nodeId: Me.id, property: Ae.property };
+        Xe <= K && (!le || Xe < le.distance) && (le = { nodeId: Me.id, property: Ae.property, distance: Xe });
       }
     }
     return le;
   }, w0 = (k) => {
-    var Ee, Ie;
+    var ke, Ie;
     if (!k.currentTarget.contains(k.target) || (mt.current || (Ft.current = !1), k.target.closest(".flow-sdk-canvas") !== k.currentTarget) || k.button !== 0 || A.current.readOnly) return;
     const q = k.target;
     if (q.closest(
@@ -17201,13 +17201,13 @@ function sk(e) {
     const j = A.current, K = no(k);
     if (k.pointerType === "touch") {
       Et.current.set(k.pointerId, K);
-      const ke = Om(Et.current);
-      if (ke) {
+      const Ae = Om(Et.current);
+      if (Ae) {
         Qt(null), mt.current = {
           kind: "pinch",
-          distance: ke.distance,
-          zoom: O.zoom,
-          anchor: O.renderedToModel(ke.center)
+          distance: Ae.distance,
+          zoom: P.zoom,
+          anchor: P.renderedToModel(Ae.center)
         }, yn(null), ro(null), Ft.current = !0;
         for (const Ne of Et.current.keys())
           k.currentTarget.setPointerCapture(Ne);
@@ -17221,22 +17221,22 @@ function sk(e) {
         "button, input, textarea, select, a, [contenteditable=true], [data-flow-content]"
       ))
         return;
-      const ke = (Ee = q.closest("[data-node-id]")) == null ? void 0 : Ee.dataset.nodeId;
-      if (ke && !J.current.has(ke)) {
+      const Ae = (ke = q.closest("[data-node-id]")) == null ? void 0 : ke.dataset.nodeId;
+      if (Ae && !J.current.has(Ae)) {
         q.setPointerCapture(k.pointerId), mt.current = {
           kind: "grid",
           pointerId: k.pointerId,
           captureTarget: q,
-          source: ke,
+          source: Ae,
           start: K,
           moved: !1
         };
         return;
       }
-      if (ke) return;
+      if (Ae) return;
     }
     if (le && (j.drawMode || Me || xe)) {
-      const ke = O.renderedToModel(K), Ne = j.drawMode ? Jo(ke, "source") : null, Xe = xe || Me, Y = Xe ? (Ie = Xe.closest("[data-node-id]")) == null ? void 0 : Ie.dataset.nodeId : (Ne == null ? void 0 : Ne.nodeId) ?? oo(ke), X = xe ? xe.dataset.property : Ne == null ? void 0 : Ne.property;
+      const Ae = P.renderedToModel(K), Ne = j.drawMode ? Jo(Ae, "source") : null, Xe = xe || Me, Y = Xe ? (Ie = Xe.closest("[data-node-id]")) == null ? void 0 : Ie.dataset.nodeId : (Ne == null ? void 0 : Ne.nodeId) ?? oo(Ae), X = xe ? xe.dataset.property : Ne == null ? void 0 : Ne.property;
       if (Y) {
         mt.current = {
           kind: "draw",
@@ -17245,7 +17245,7 @@ function sk(e) {
           sourceProperty: X,
           reverse: (xe == null ? void 0 : xe.dataset.portRole) === "target",
           startClient: { x: k.clientX, y: k.clientY }
-        }, Ft.current = !0, yn({ source: Y, sourceProperty: X, point: ke, target: null }), k.currentTarget.setPointerCapture(k.pointerId);
+        }, Ft.current = !0, yn({ source: Y, sourceProperty: X, point: Ae, target: null }), k.currentTarget.setPointerCapture(k.pointerId);
         return;
       }
     }
@@ -17260,7 +17260,7 @@ function sk(e) {
       kind: "pan",
       pointerId: k.pointerId,
       start: K,
-      pan0: O.pan,
+      pan0: P.pan,
       moved: !1
     } : mt.current = {
       kind: "tap",
@@ -17276,18 +17276,18 @@ function sk(e) {
     if (Et.current.has(k.pointerId) && Et.current.set(k.pointerId, j), q.kind === "pinch") {
       const xe = Om(Et.current);
       if (!xe) return;
-      const Ee = Math.max(
-        O.minZoom,
-        Math.min(O.maxZoom, q.zoom * xe.distance / q.distance)
+      const ke = Math.max(
+        P.minZoom,
+        Math.min(P.maxZoom, q.zoom * xe.distance / q.distance)
       );
-      if (Ee < O.zoom && ((K = Ke.current) != null && K.options.fill) && ((Me = (le = A.current).onNodeGridZoomOut) == null ? void 0 : Me.call(le, Ke.current.options)) === !0)
+      if (ke < P.zoom && ((K = Ke.current) != null && K.options.fill) && ((Me = (le = A.current).onNodeGridZoomOut) == null ? void 0 : Me.call(le, Ke.current.options)) === !0)
         return;
-      O.set(
+      P.set(
         {
-          x: xe.center.x - q.anchor.x * Ee,
-          y: xe.center.y - q.anchor.y * Ee
+          x: xe.center.x - q.anchor.x * ke,
+          y: xe.center.y - q.anchor.y * ke
         },
-        Ee
+        ke
       );
       return;
     }
@@ -17296,24 +17296,24 @@ function sk(e) {
         case "grid": {
           const xe = { x: j.x - q.start.x, y: j.y - q.start.y };
           if (!q.moved && Math.hypot(xe.x, xe.y) <= Sl) return;
-          q.moved || (ar(), Qe.current = null, O.cancelAnimation()), q.moved = !0, Ft.current = !0, k.preventDefault();
-          const Ee = {
-            x: xe.x / O.zoom,
-            y: xe.y / O.zoom
-          }, Ie = !k.shiftKey && j.x >= 0 && j.y >= 0 && j.x <= O.size.w && j.y <= O.size.h ? wu(q.source, O.renderedToModel(j)) : void 0;
+          q.moved || (ar(), Qe.current = null, P.cancelAnimation()), q.moved = !0, Ft.current = !0, k.preventDefault();
+          const ke = {
+            x: xe.x / P.zoom,
+            y: xe.y / P.zoom
+          }, Ie = !k.shiftKey && j.x >= 0 && j.y >= 0 && j.x <= P.size.w && j.y <= P.size.h ? wu(q.source, P.renderedToModel(j)) : void 0;
           Qt({
             source: q.source,
-            offset: Ee,
-            target: k.shiftKey || Ie ? null : vu(q.source, Ee),
+            offset: ke,
+            target: k.shiftKey || Ie ? null : vu(q.source, ke),
             shiftKey: k.shiftKey,
             insertion: Ie
           });
           break;
         }
         case "pan": {
-          const xe = j.x - q.start.x, Ee = j.y - q.start.y;
-          if (!q.moved && Math.hypot(xe, Ee) <= Sl) return;
-          q.moved = !0, Ft.current = !0, O.set({ x: q.pan0.x + xe, y: q.pan0.y + Ee });
+          const xe = j.x - q.start.x, ke = j.y - q.start.y;
+          if (!q.moved && Math.hypot(xe, ke) <= Sl) return;
+          q.moved = !0, Ft.current = !0, P.set({ x: q.pan0.x + xe, y: q.pan0.y + ke });
           break;
         }
         case "tap": {
@@ -17330,11 +17330,11 @@ function sk(e) {
           break;
         }
         case "draw": {
-          const xe = O.renderedToModel(j), Ee = Jo(xe, q.reverse ? "source" : "target");
+          const xe = P.renderedToModel(j), ke = Jo(xe, q.reverse ? "source" : "target");
           yn(
-            q.reverse && Ee ? {
-              source: Ee.nodeId,
-              sourceProperty: Ee.property,
+            q.reverse && ke ? {
+              source: ke.nodeId,
+              sourceProperty: ke.property,
               point: xe,
               target: q.source,
               targetProperty: q.sourceProperty
@@ -17342,15 +17342,15 @@ function sk(e) {
               source: q.source,
               sourceProperty: q.sourceProperty,
               point: xe,
-              target: (Ee == null ? void 0 : Ee.nodeId) ?? oo(xe, q.source),
-              targetProperty: Ee == null ? void 0 : Ee.property
+              target: (ke == null ? void 0 : ke.nodeId) ?? oo(xe, q.source),
+              targetProperty: ke == null ? void 0 : ke.property
             }
           );
           break;
         }
       }
   }, xu = (k, q) => {
-    var le, Me, xe, Ee, Ie, ke, Ne, Xe, Y, X, ge;
+    var le, Me, xe, ke, Ie, Ae, Ne, Xe, Y, X, ge;
     Et.current.delete(k.pointerId);
     const j = mt.current;
     if (!j) return;
@@ -17360,7 +17360,7 @@ function sk(e) {
         kind: "pan",
         pointerId: ne[0],
         start: ne[1],
-        pan0: O.pan,
+        pan0: P.pan,
         moved: !0
       } : null;
       return;
@@ -17376,10 +17376,10 @@ function sk(e) {
       case "grid": {
         if (Qt(null), q || !j.moved) break;
         const ne = no(k);
-        if (!k.shiftKey && ne.x >= 0 && ne.y >= 0 && ne.x <= O.size.w && ne.y <= O.size.h) {
+        if (!k.shiftKey && ne.x >= 0 && ne.y >= 0 && ne.x <= P.size.w && ne.y <= P.size.h) {
           const Re = wu(
             j.source,
-            O.renderedToModel(ne)
+            P.renderedToModel(ne)
           );
           if (Re) {
             St.setNodeGridMode(!0, {
@@ -17399,30 +17399,30 @@ function sk(e) {
             metaKey: k.metaKey,
             altKey: k.altKey
           }
-        )) === !0 || ne.x < 0 || ne.y < 0 || ne.x > O.size.w || ne.y > O.size.h)
+        )) === !0 || ne.x < 0 || ne.y < 0 || ne.x > P.size.w || ne.y > P.size.h)
           break;
         if (k.shiftKey) {
           const Re = new Map(K.nodes.map((De) => [De.id, De]));
-          let Se = oo(
-            O.renderedToModel(ne),
+          let _e = oo(
+            P.renderedToModel(ne),
             j.source
           );
           const ct = /* @__PURE__ */ new Set();
-          for (; Se && !((Me = Re.get(Se)) != null && Me.acceptsChildren) && !ct.has(Se); )
-            ct.add(Se), Se = ((xe = Re.get(Se)) == null ? void 0 : xe.parent) ?? null;
-          if (Se && ((Ee = Re.get(Se)) != null && Ee.acceptsChildren)) {
-            let De = Se;
+          for (; _e && !((Me = Re.get(_e)) != null && Me.acceptsChildren) && !ct.has(_e); )
+            ct.add(_e), _e = ((xe = Re.get(_e)) == null ? void 0 : xe.parent) ?? null;
+          if (_e && ((ke = Re.get(_e)) != null && ke.acceptsChildren)) {
+            let De = _e;
             const vt = /* @__PURE__ */ new Set();
             for (; De && !vt.has(De); )
               vt.add(De), De = (Ie = Re.get(De)) == null ? void 0 : Ie.parent;
-            vt.has(j.source) || (ke = K.onNodeParentChange) == null || ke.call(K, j.source, Se);
+            vt.has(j.source) || (Ae = K.onNodeParentChange) == null || Ae.call(K, j.source, _e);
           }
           break;
         }
         if (!Ke.current) break;
         const Je = vu(j.source, {
-          x: (ne.x - j.start.x) / O.zoom,
-          y: (ne.y - j.start.y) / O.zoom
+          x: (ne.x - j.start.x) / P.zoom,
+          y: (ne.y - j.start.y) / P.zoom
         });
         Je && St.swapGridNodes(j.source, Je, !1);
         break;
@@ -17433,7 +17433,7 @@ function sk(e) {
         break;
       case "box": {
         if (ro(null), q) break;
-        const ne = O.renderedToModel(j.start), Je = O.renderedToModel(j.current), Re = {
+        const ne = P.renderedToModel(j.start), Je = P.renderedToModel(j.current), Re = {
           x1: Math.min(ne.x, Je.x),
           y1: Math.min(ne.y, Je.y),
           x2: Math.max(ne.x, Je.x),
@@ -17443,23 +17443,23 @@ function sk(e) {
           (Xe = K.onBackgroundTap) == null || Xe.call(K);
           break;
         }
-        const Se = [];
+        const _e = [];
         for (const ct of K.nodes) {
-          const De = Ce(ct.id);
-          De && cC(rr(De), Re) && Se.push(ct.id);
+          const De = Se(ct.id);
+          De && cC(rr(De), Re) && _e.push(ct.id);
         }
-        Se.length && ((Y = K.onBoxSelect) == null || Y.call(K, Se));
+        _e.length && ((Y = K.onBoxSelect) == null || Y.call(K, _e));
         break;
       }
       case "draw": {
         if (yn(null), q) break;
-        const ne = no(k), Je = O.renderedToModel(ne), Re = Jo(Je, j.reverse ? "source" : "target"), Se = (Re == null ? void 0 : Re.nodeId) ?? oo(Je);
-        if (Se === j.source && (j.sourceProperty === void 0 || (Re == null ? void 0 : Re.property) === void 0 || Re.property === j.sourceProperty))
+        const ne = no(k), Je = P.renderedToModel(ne), Re = Jo(Je, j.reverse ? "source" : "target"), _e = (Re == null ? void 0 : Re.nodeId) ?? oo(Je);
+        if (_e === j.source && (j.sourceProperty === void 0 || (Re == null ? void 0 : Re.property) === void 0 || Re.property === j.sourceProperty))
           break;
-        Se ? (X = K.onEdgeDraw) == null || X.call(
+        _e ? (X = K.onEdgeDraw) == null || X.call(
           K,
-          j.reverse ? Se : j.source,
-          j.reverse ? j.source : Se,
+          j.reverse ? _e : j.source,
+          j.reverse ? j.source : _e,
           j.sourceProperty !== void 0 || (Re == null ? void 0 : Re.property) !== void 0 ? {
             sourceProperty: j.reverse ? Re == null ? void 0 : Re.property : j.sourceProperty,
             targetProperty: j.reverse ? j.sourceProperty : Re == null ? void 0 : Re.property
@@ -17476,7 +17476,7 @@ function sk(e) {
     const k = mt.current, q = [...Et.current.keys()];
     k && k.kind !== "pinch" && q.push(k.pointerId), mt.current = null, Et.current.clear(), Qt(null), yn(null), ro(null);
     for (const K of q)
-      (k == null ? void 0 : k.kind) === "grid" && k.captureTarget.hasPointerCapture(K) && k.captureTarget.releasePointerCapture(K), (j = I.current) != null && j.hasPointerCapture(K) && I.current.releasePointerCapture(K);
+      (k == null ? void 0 : k.kind) === "grid" && k.captureTarget.hasPointerCapture(K) && k.captureTarget.releasePointerCapture(K), (j = O.current) != null && j.hasPointerCapture(K) && O.current.releasePointerCapture(K);
   }, []);
   Ue(() => {
     const k = (q) => {
@@ -17512,7 +17512,7 @@ function sk(e) {
     !!((ku = e.edgeReveal) != null && ku.revealNodes)
   );
   Ot(() => {
-    I.current && Xo && XE(I.current);
+    O.current && Xo && XE(O.current);
   });
   const Qo = aC(E, Ze, Zo), _0 = e.onEdgeSelect, E0 = e.onContainerSelect, Cu = lt ? lt.target && Ze(lt.target, lt.targetProperty) || {
     x: lt.point.x,
@@ -17527,7 +17527,7 @@ function sk(e) {
   return /* @__PURE__ */ D(
     "div",
     {
-      ref: I,
+      ref: O,
       className: k0,
       "data-edge-mode": o,
       "data-node-grid": He || void 0,
@@ -17546,7 +17546,7 @@ function sk(e) {
         (Ft.current || e.readOnly && !q) && (k.preventDefault(), k.stopPropagation());
       },
       children: [
-        /* @__PURE__ */ y("svg", { className: "flow-sdk-svg", children: /* @__PURE__ */ D("g", { ref: P, children: [
+        /* @__PURE__ */ y("svg", { className: "flow-sdk-svg", children: /* @__PURE__ */ D("g", { ref: I, children: [
           /* @__PURE__ */ y("g", { className: "flow-sdk-containers", children: [...V].filter(([k]) => sr(k, t, o)).filter(([k]) => !_ || _.has(k)).map(([k, q]) => {
             var j, K;
             return /* @__PURE__ */ y(
@@ -17661,7 +17661,7 @@ function sk(e) {
             {
               dividers: ht,
               options: Ke.current.options,
-              zoom: O.zoom,
+              zoom: P.zoom,
               onChange: (k) => St.setNodeGridMode(!0, { ...k, animate: !1 })
             }
           ),
@@ -17669,14 +17669,14 @@ function sk(e) {
             var Je, Re;
             const q = Z.get(k.id), j = V.get(k.id);
             if (j && k.label !== void 0) return null;
-            const K = (q == null ? void 0 : q.x) ?? (j ? (j.x1 + j.x2) / 2 : 0), le = (q == null ? void 0 : q.y) ?? (j ? (j.y1 + j.y2) / 2 : 0), Me = Ve != null && Ve.target ? k.id === Ve.source ? Ve.target : k.id === Ve.target ? Ve.source : void 0 : void 0, xe = Me ? Z.get(Me) : void 0, Ee = Ve ? Z.get(Ve.source) : void 0, Ie = Ve != null && Ve.target ? Z.get(Ve.target) : void 0, ke = Ee && Ie ? {
-              x: Ie.x - Ee.x,
-              y: Ie.y - Ee.y
-            } : void 0, Ne = ke ? ke.x ** 2 + ke.y ** 2 : 0, Xe = Ne && Ve && ke ? Math.max(
+            const K = (q == null ? void 0 : q.x) ?? (j ? (j.x1 + j.x2) / 2 : 0), le = (q == null ? void 0 : q.y) ?? (j ? (j.y1 + j.y2) / 2 : 0), Me = Ve != null && Ve.target ? k.id === Ve.source ? Ve.target : k.id === Ve.target ? Ve.source : void 0 : void 0, xe = Me ? Z.get(Me) : void 0, ke = Ve ? Z.get(Ve.source) : void 0, Ie = Ve != null && Ve.target ? Z.get(Ve.target) : void 0, Ae = ke && Ie ? {
+              x: Ie.x - ke.x,
+              y: Ie.y - ke.y
+            } : void 0, Ne = Ae ? Ae.x ** 2 + Ae.y ** 2 : 0, Xe = Ne && Ve && Ae ? Math.max(
               0,
               Math.min(
                 1,
-                (Ve.offset.x * ke.x + Ve.offset.y * ke.y) / Ne
+                (Ve.offset.x * Ae.x + Ve.offset.y * Ae.y) / Ne
               )
             ) : 0, Y = xe ? {
               x: K + (xe.x - K) * Xe,
@@ -17706,9 +17706,9 @@ function sk(e) {
                 drawHandles: e.drawHandles && !e.readOnly && mn,
                 drawMode: p && mn,
                 connectedPorts: new Set(
-                  E.flatMap((Se) => [
-                    ...Se.source === k.id && Se.sourceProperty !== void 0 ? [`source:${Se.sourceProperty}`] : [],
-                    ...Se.target === k.id && Se.targetProperty !== void 0 ? [`target:${Se.targetProperty}`] : []
+                  E.flatMap((_e) => [
+                    ..._e.source === k.id && _e.sourceProperty !== void 0 ? [`source:${_e.sourceProperty}`] : [],
+                    ..._e.target === k.id && _e.targetProperty !== void 0 ? [`target:${_e.targetProperty}`] : []
                   ])
                 ),
                 hasCollapseControl: k.hasCollapseControl,
@@ -17720,7 +17720,7 @@ function sk(e) {
                 width: (Je = H.current.get(k.id)) == null ? void 0 : Je.w,
                 height: (Re = H.current.get(k.id)) == null ? void 0 : Re.h,
                 propertyMode: M,
-                resolvedRows: _e.get(k.id),
+                resolvedRows: Ee.get(k.id),
                 reversePorts: n === "RL",
                 direction: n,
                 onPropertyRows: ce,
@@ -17752,7 +17752,7 @@ function sk(e) {
               "g",
               {
                 ref: N,
-                transform: `translate(${O.pan.x} ${O.pan.y}) scale(${O.zoom})`,
+                transform: `translate(${P.pan.x} ${P.pan.y}) scale(${P.zoom})`,
                 children: /* @__PURE__ */ y(
                   "g",
                   {
@@ -18122,7 +18122,7 @@ const Im = ({
   editOnMount: o = !1,
   hoverLeaveDelay: s = 0
 }) => {
-  var ue, we, Ae, ye, pe, J;
+  var ue, we, Ce, ye, pe, J;
   const {
     selectedNodeIds: a,
     setSelectedNodeIds: c,
@@ -18146,11 +18146,11 @@ const Im = ({
   );
   const [E, T] = re(!1), [R, A] = re(
     o && !!p.editable && !p.readOnly
-  ), [I, P] = re(!1), N = e == null ? void 0 : e.id, $ = Wb(N), O = a.includes(N), H = p.nodeOverlayActions, ie = p.renderNodeOverlay, ae = (e == null ? void 0 : e.type) === "grid" ? "20px" : "-100px", Q = (e == null ? void 0 : e.type) === "grid" ? "top center" : void 0, me = (() => {
+  ), [O, I] = re(!1), N = e == null ? void 0 : e.id, $ = Wb(N), P = a.includes(N), H = p.nodeOverlayActions, oe = p.renderNodeOverlay, ae = (e == null ? void 0 : e.type) === "grid" ? "20px" : "-100px", Q = (e == null ? void 0 : e.type) === "grid" ? "top center" : void 0, me = (() => {
     var L;
     try {
-      const oe = (L = m.current) == null ? void 0 : L.zoom();
-      return oe !== void 0 && oe < 0.08;
+      const ie = (L = m.current) == null ? void 0 : L.zoom();
+      return ie !== void 0 && ie < 0.08;
     } catch {
       return !1;
     }
@@ -18158,7 +18158,7 @@ const Im = ({
     (L) => {
       var U, fe, be, qe;
       if (R || p.readOnly) return;
-      const oe = {
+      const ie = {
         shiftKey: L.shiftKey,
         ctrlKey: L.ctrlKey,
         metaKey: L.metaKey,
@@ -18166,9 +18166,9 @@ const Im = ({
       };
       if (d && (l(null), (U = g.onEdgeDeselect) == null || U.call(g)), u || L.shiftKey && (f != null && f.fill)) {
         const je = a.includes(N), We = je ? a.filter((at) => at !== N) : [...a, N];
-        c(We), je ? (fe = g.onNodeDeselect) == null || fe.call(g) : (be = g.onNodeSelect) == null || be.call(g, N, e, oe);
+        c(We), je ? (fe = g.onNodeDeselect) == null || fe.call(g) : (be = g.onNodeSelect) == null || be.call(g, N, e, ie);
       } else
-        c([N]), (qe = g.onNodeSelect) == null || qe.call(g, N, e, oe);
+        c([N]), (qe = g.onNodeSelect) == null || qe.call(g, N, e, ie);
     },
     [
       N,
@@ -18190,8 +18190,8 @@ const Im = ({
     M.current && clearTimeout(M.current), M.current = setTimeout(() => T(!0), 100);
   }, []), W = dt(
     (L) => {
-      var oe;
-      L.relatedTarget instanceof Node && ((oe = _.current) != null && oe.contains(L.relatedTarget)) || (M.current && clearTimeout(M.current), s ? M.current = setTimeout(
+      var ie;
+      L.relatedTarget instanceof Node && ((ie = _.current) != null && ie.contains(L.relatedTarget)) || (M.current && clearTimeout(M.current), s ? M.current = setTimeout(
         () => T(!1),
         s
       ) : T(!1));
@@ -18200,26 +18200,26 @@ const Im = ({
   ), F = !!((ue = e == null ? void 0 : e.config) != null && ue.form), ce = {
     tabIndex: F ? 0 : void 0,
     "aria-haspopup": F ? "dialog" : void 0,
-    "aria-expanded": F ? I : void 0,
+    "aria-expanded": F ? O : void 0,
     onDoubleClickCapture: (L) => {
-      var oe;
+      var ie;
       !F && !i || p.readOnly || R || !L.currentTarget.contains(L.target) || L.target instanceof Element && L.target.closest(
         "button, input, textarea, select, a, [contenteditable=true], [data-flow-content]"
-      ) || (L.preventDefault(), L.stopPropagation(), c([N]), i ? i() : P(!0), (oe = g.onNodeDoubleClick) == null || oe.call(g, N, e));
+      ) || (L.preventDefault(), L.stopPropagation(), c([N]), i ? i() : I(!0), (ie = g.onNodeDoubleClick) == null || ie.call(g, N, e));
     },
     onKeyDown: (L) => {
-      !F && !i || p.readOnly || L.target !== L.currentTarget || L.key !== "Enter" || (L.preventDefault(), L.stopPropagation(), c([N]), i ? i() : P(!0));
+      !F && !i || p.readOnly || L.target !== L.currentTarget || L.key !== "Enter" || (L.preventDefault(), L.stopPropagation(), c([N]), i ? i() : I(!0));
     }
   }, Z = F && /* @__PURE__ */ y(
     p0,
     {
       nodeAddress: N,
-      active: O,
+      active: P,
       label: e.label || e.headerTitle || "Node",
-      open: I,
+      open: O,
       onClose: () => {
         var L;
-        P(!1), O && ((L = _.current) == null || L.focus({ preventScroll: !0 }));
+        I(!1), P && ((L = _.current) == null || L.focus({ preventScroll: !0 }));
       }
     }
   ), se = Array.isArray((we = e == null ? void 0 : e.config) == null ? void 0 : we.ports) ? e.config.ports.map((L) => /* @__PURE__ */ y(dk, { ...L }, `${L.id}:${L.role}`)) : null;
@@ -18236,7 +18236,7 @@ const Im = ({
       position: "relative",
       children: [
         Z,
-        !h && (ie || H && H.length > 0) && E && !me && /* @__PURE__ */ D(Be, { children: [
+        !h && (oe || H && H.length > 0) && E && !me && /* @__PURE__ */ D(Be, { children: [
           /* @__PURE__ */ y(
             Oe,
             {
@@ -18250,7 +18250,7 @@ const Im = ({
               onMouseLeave: W
             }
           ),
-          ie ? /* @__PURE__ */ y(
+          oe ? /* @__PURE__ */ y(
             Oe,
             {
               position: "absolute",
@@ -18263,7 +18263,7 @@ const Im = ({
               onMouseEnter: () => T(!0),
               onMouseLeave: W,
               willChange: "transform",
-              children: ie({
+              children: oe({
                 nodeId: N,
                 nodeData: e,
                 isRoot: N === "root",
@@ -18291,8 +18291,8 @@ const Im = ({
               onMouseEnter: () => T(!0),
               onMouseLeave: W,
               willChange: "transform",
-              children: /* @__PURE__ */ y(Cr, { px: 2, gap: 2, children: H.map((L, oe) => /* @__PURE__ */ D(Oe, { display: "contents", children: [
-                oe > 0 && /* @__PURE__ */ y(
+              children: /* @__PURE__ */ y(Cr, { px: 2, gap: 2, children: H.map((L, ie) => /* @__PURE__ */ D(Oe, { display: "contents", children: [
+                ie > 0 && /* @__PURE__ */ y(
                   Oe,
                   {
                     borderColor: C,
@@ -18328,7 +18328,7 @@ const Im = ({
         r({
           id: N,
           data: e,
-          isActive: O,
+          isActive: P,
           isHovered: E,
           isLowZoom: me,
           isEditing: R,
@@ -18336,9 +18336,9 @@ const Im = ({
           onEditStart: () => A(!0),
           onEditEnd: () => A(!1)
         }),
-        $ && !((Ae = e == null ? void 0 : e.config) != null && Ae.parentContainer) && ((ye = e == null ? void 0 : e.config) == null ? void 0 : ye.collapsed) !== void 0 && (() => {
+        $ && !((Ce = e == null ? void 0 : e.config) != null && Ce.parentContainer) && ((ye = e == null ? void 0 : e.config) == null ? void 0 : ye.collapsed) !== void 0 && (() => {
           var U;
-          const L = b === "TB" || b === "BT", oe = t || b === "RL";
+          const L = b === "TB" || b === "BT", ie = t || b === "RL";
           return /* @__PURE__ */ y(
             El,
             {
@@ -18348,8 +18348,8 @@ const Im = ({
                 left: "50%",
                 transform: "translateX(-50%)"
               } : {
-                right: oe ? void 0 : "-75px",
-                left: oe ? "-75px" : void 0,
+                right: ie ? void 0 : "-75px",
+                left: ie ? "-75px" : void 0,
                 top: "50%",
                 transform: "translateY(-50%)"
               },
@@ -18396,7 +18396,7 @@ const Im = ({
       children: [
         Z,
         se,
-        !h && (ie || H && H.length > 0) && E && !me && /* @__PURE__ */ D(Be, { children: [
+        !h && (oe || H && H.length > 0) && E && !me && /* @__PURE__ */ D(Be, { children: [
           /* @__PURE__ */ y(
             Oe,
             {
@@ -18410,7 +18410,7 @@ const Im = ({
               onMouseLeave: W
             }
           ),
-          ie ? /* @__PURE__ */ y(
+          oe ? /* @__PURE__ */ y(
             Oe,
             {
               position: "absolute",
@@ -18423,7 +18423,7 @@ const Im = ({
               onMouseEnter: () => T(!0),
               onMouseLeave: W,
               willChange: "transform",
-              children: ie({
+              children: oe({
                 nodeId: N,
                 nodeData: e,
                 isRoot: N === "root",
@@ -18451,8 +18451,8 @@ const Im = ({
               onMouseEnter: () => T(!0),
               onMouseLeave: W,
               willChange: "transform",
-              children: /* @__PURE__ */ y(Cr, { px: 2, gap: 2, children: H.map((L, oe) => /* @__PURE__ */ D(Oe, { display: "contents", children: [
-                oe > 0 && /* @__PURE__ */ y(
+              children: /* @__PURE__ */ y(Cr, { px: 2, gap: 2, children: H.map((L, ie) => /* @__PURE__ */ D(Oe, { display: "contents", children: [
+                ie > 0 && /* @__PURE__ */ y(
                   Oe,
                   {
                     borderColor: C,
@@ -18488,7 +18488,7 @@ const Im = ({
         /* @__PURE__ */ D(Oe, { position: "relative", display: "flex", h: "100%", w: "100%", children: [
           $ && !((pe = e == null ? void 0 : e.config) != null && pe.parentContainer) && ((J = e == null ? void 0 : e.config) == null ? void 0 : J.collapsed) !== void 0 && !n && (() => {
             var fe, be, qe;
-            const L = b === "TB" || b === "BT", oe = t || b === "RL", U = (fe = e == null ? void 0 : e.config) != null && fe.labelBelow && w[N] !== "properties" ? ((((be = e == null ? void 0 : e.viewProps) == null ? void 0 : be.fontSize) || 1) * 100 + 100) / 2 : void 0;
+            const L = b === "TB" || b === "BT", ie = t || b === "RL", U = (fe = e == null ? void 0 : e.config) != null && fe.labelBelow && w[N] !== "properties" ? ((((be = e == null ? void 0 : e.viewProps) == null ? void 0 : be.fontSize) || 1) * 100 + 100) / 2 : void 0;
             return /* @__PURE__ */ y(
               El,
               {
@@ -18498,8 +18498,8 @@ const Im = ({
                   left: "50%",
                   transform: "translateX(-50%)"
                 } : {
-                  right: oe ? void 0 : U === void 0 ? "-75px" : `calc(50% - ${U + 75}px)`,
-                  left: oe ? U === void 0 ? "-75px" : `calc(50% - ${U + 75}px)` : void 0,
+                  right: ie ? void 0 : U === void 0 ? "-75px" : `calc(50% - ${U + 75}px)`,
+                  left: ie ? U === void 0 ? "-75px" : `calc(50% - ${U + 75}px)` : void 0,
                   alignSelf: U === void 0 ? "center" : void 0,
                   top: U === void 0 ? void 0 : `${U}px`,
                   transform: U === void 0 ? void 0 : "translateY(-50%)",
@@ -18534,7 +18534,7 @@ const Im = ({
           r({
             id: N,
             data: e,
-            isActive: O,
+            isActive: P,
             isHovered: E,
             isLowZoom: me,
             isEditing: R,
@@ -18642,7 +18642,7 @@ const pk = ({
   onEditStart: i,
   onEditEnd: o
 }) => {
-  var w, x, C, S, _, M, E, T, R, A, I, P, N, $, O;
+  var w, x, C, S, _, M, E, T, R, A, O, I, N, $, P;
   const { themeColor: s } = rt(), { colorText: a } = ut(), c = ((w = t == null ? void 0 : t.viewProps) == null ? void 0 : w.bgColor) === "transparent", d = ((x = t == null ? void 0 : t.viewProps) == null ? void 0 : x.outline) === !0, l = !c && ((C = t == null ? void 0 : t.viewProps) == null ? void 0 : C.bgColor) || s, { borderColor: u, highlightColor: f, textColor: h } = Co(l), m = Pe(
     ((S = t == null ? void 0 : t.viewProps) == null ? void 0 : S.textColor) || (c || d ? a : h)
   ), g = c && !d && !((_ = t == null ? void 0 : t.viewProps) != null && _.borderColor) ? "transparent" : Pe(
@@ -18693,14 +18693,14 @@ const pk = ({
                   {
                     nodeId: e,
                     label: b,
-                    color: `var(--flow-grid-caption-color, ${Pe(((I = t == null ? void 0 : t.viewProps) == null ? void 0 : I.textColor) || a)})`,
+                    color: `var(--flow-grid-caption-color, ${Pe(((O = t == null ? void 0 : t.viewProps) == null ? void 0 : O.textColor) || a)})`,
                     isEditing: n,
                     onEditStart: i,
                     onEditEnd: o,
                     wrap: !0
                   }
                 ),
-                typeof ((P = t.config) == null ? void 0 : P.subtitle) == "string" && t.config.subtitle !== "" && /* @__PURE__ */ y(
+                typeof ((I = t.config) == null ? void 0 : I.subtitle) == "string" && t.config.subtitle !== "" && /* @__PURE__ */ y(
                   Wt,
                   {
                     "data-flow-node-subtitle": "",
@@ -18744,7 +18744,7 @@ const pk = ({
           lr,
           {
             name: v,
-            size: (((O = t == null ? void 0 : t.viewProps) == null ? void 0 : O.fontSize) || 1) * 100,
+            size: (((P = t == null ? void 0 : t.viewProps) == null ? void 0 : P.fontSize) || 1) * 100,
             color: m
           },
           m
@@ -18895,7 +18895,7 @@ function mk({
     try {
       const $ = typeof e == "string" ? JSON.parse(e) : e;
       if (!Array.isArray($) || $.some(
-        (O) => !O || typeof O != "object" || Array.isArray(O) || typeof O.type != "string"
+        (P) => !P || typeof P != "object" || Array.isArray(P) || typeof P.type != "string"
       ))
         throw new Error(
           "JSX content must be an array of components with a type."
@@ -18908,8 +18908,8 @@ function mk({
   Ue(() => {
     const $ = () => {
       var H;
-      const O = document.fullscreenElement === h.current;
-      v(O), g.current && !O && !document.fullscreenElement && ((H = m.current) == null || H.focus({ preventScroll: !0 })), g.current = O;
+      const P = document.fullscreenElement === h.current;
+      v(P), g.current && !P && !document.fullscreenElement && ((H = m.current) == null || H.focus({ preventScroll: !0 })), g.current = P;
     };
     return document.addEventListener("fullscreenchange", $), () => document.removeEventListener("fullscreenchange", $);
   }, []);
@@ -18922,9 +18922,9 @@ function mk({
       else if (($ = h.current) != null && $.requestFullscreen)
         await h.current.requestFullscreen();
       else throw new Error("Fullscreen is not supported in this browser.");
-    } catch (O) {
+    } catch (P) {
       w(
-        O instanceof Error ? O.message : "Unable to change fullscreen."
+        P instanceof Error ? P.message : "Unable to change fullscreen."
       );
     }
   }, [S, _] = re(), [M, E] = re(), [T, R] = re();
@@ -18932,17 +18932,17 @@ function mk({
     if (r === "jsx") return;
     let $ = !1;
     return import("./contentPreviewDocument-C2D0H-Lr.js").then(
-      ({ contentPreviewDocument: O }) => O(d, r, x)
+      ({ contentPreviewDocument: P }) => P(d, r, x)
     ).then(
-      (O) => {
-        $ || _({ content: d, format: r, editable: x, document: O });
+      (P) => {
+        $ || _({ content: d, format: r, editable: x, document: P });
       },
-      (O) => {
+      (P) => {
         $ || _({
           content: d,
           format: r,
           editable: x,
-          error: O instanceof Error ? O.message : String(O)
+          error: P instanceof Error ? P.message : String(P)
         });
       }
     ), () => {
@@ -18950,9 +18950,9 @@ function mk({
     };
   }, [d, r, x]), Ue(() => {
     if (!t) return;
-    const $ = async (O) => {
-      var H, ie;
-      if (!(!((H = f.current) != null && H.contentWindow) || O.source !== f.current.contentWindow || ((ie = O.data) == null ? void 0 : ie.type) !== "squeed:content-edit"))
+    const $ = async (P) => {
+      var H, oe;
+      if (!(!((H = f.current) != null && H.contentWindow) || P.source !== f.current.contentWindow || ((oe = P.data) == null ? void 0 : oe.type) !== "squeed:content-edit"))
         try {
           document.fullscreenElement === h.current && await document.exitFullscreen(), t();
         } catch (ae) {
@@ -18963,7 +18963,7 @@ function mk({
     };
     return window.addEventListener("message", $), () => window.removeEventListener("message", $);
   }, [t]);
-  const A = (S == null ? void 0 : S.content) === d && S.format === r && S.editable === x ? S : void 0, I = !!A && A === T, P = r !== "jsx" && !(A != null && A.error) && !I && (!A || M !== A);
+  const A = (S == null ? void 0 : S.content) === d && S.format === r && S.editable === x ? S : void 0, O = !!A && A === T, I = r !== "jsx" && !(A != null && A.error) && !O && (!A || M !== A);
   return /* @__PURE__ */ D(
     "div",
     {
@@ -18985,14 +18985,14 @@ function mk({
             position: "relative",
             w: "100%",
             h: "100%",
-            "aria-busy": r !== "jsx" ? P : void 0,
+            "aria-busy": r !== "jsx" ? I : void 0,
             bg: r === "jsx" && i === "dark" ? "gray.900" : "white",
             onDoubleClick: ($) => {
               r !== "jsx" || !t || $.defaultPrevented || $.target.closest(
                 'button, a, input, textarea, select, [contenteditable], [role="button"], [role="textbox"]'
               ) || ($.stopPropagation(), (async () => {
                 document.fullscreenElement === h.current && await document.exitFullscreen(), t();
-              })().catch((O) => w(String(O))));
+              })().catch((P) => w(String(P))));
             },
             onKeyDownCapture: ($) => {
               $.key !== "Escape" || document.fullscreenElement !== h.current || ($.preventDefault(), $.stopPropagation(), C());
@@ -19069,7 +19069,7 @@ function mk({
                                 onClick: ($) => {
                                   $.stopPropagation(), (async () => {
                                     document.fullscreenElement === h.current && await document.exitFullscreen(), t();
-                                  })().catch((O) => w(String(O)));
+                                  })().catch((P) => w(String(P)));
                                 }
                               }
                             ),
@@ -19123,7 +19123,7 @@ function mk({
                   colorMode: i,
                   fillHeight: !0
                 }
-              ) : /* @__PURE__ */ y(Oe, { role: "status", fontSize: "14px", children: "JSX content renderer is not available." }) : A != null && A.error || I ? /* @__PURE__ */ y("pre", { role: "alert", style: { whiteSpace: "pre-wrap" }, children: (A == null ? void 0 : A.error) || "Content preview could not be loaded." }) : A != null && A.document ? /* @__PURE__ */ y(
+              ) : /* @__PURE__ */ y(Oe, { role: "status", fontSize: "14px", children: "JSX content renderer is not available." }) : A != null && A.error || O ? /* @__PURE__ */ y("pre", { role: "alert", style: { whiteSpace: "pre-wrap" }, children: (A == null ? void 0 : A.error) || "Content preview could not be loaded." }) : A != null && A.document ? /* @__PURE__ */ y(
                 "iframe",
                 {
                   ref: f,
@@ -19140,12 +19140,12 @@ function mk({
                     border: 0,
                     display: "block",
                     background: "white",
-                    visibility: P ? "hidden" : "visible"
+                    visibility: I ? "hidden" : "visible"
                   }
                 },
                 A.document
               ) : null,
-              /* @__PURE__ */ y(yk, { active: P, label: "Loading HTML content" })
+              /* @__PURE__ */ y(yk, { active: I, label: "Loading HTML content" })
             ]
           }
         )
@@ -19387,17 +19387,19 @@ function _k({
   hasConfig: o,
   id: s,
   isActive: a,
-  isEditing: c,
-  onEditStart: d,
-  onEditEnd: l,
-  props: u,
-  objVisible: f,
-  setObjVisible: h,
-  onShowNativeIcon: m
+  isHovered: c,
+  isEditing: d,
+  onSelect: l,
+  onEditStart: u,
+  onEditEnd: f,
+  props: h,
+  objVisible: m,
+  setObjVisible: g,
+  onShowNativeIcon: p
 }) {
-  var b, w;
-  const { callbacks: g } = rt(), p = u.onShowIcon ?? m, v = p ? "Show icon" : f ? "Show content" : "Show properties";
-  return /* @__PURE__ */ y(Be, { children: (e || r || ((b = t.config) == null ? void 0 : b.form) || a && m) && /* @__PURE__ */ D(
+  var x, C;
+  const { callbacks: v } = rt(), b = h.onShowIcon ?? p, w = b ? "Show icon" : m ? "Show content" : "Show properties";
+  return /* @__PURE__ */ y(Be, { children: (e || r || ((x = t.config) == null ? void 0 : x.form) || (a || c) && p) && /* @__PURE__ */ D(
     wt,
     {
       justify: "flex-start",
@@ -19429,25 +19431,25 @@ function _k({
           {
             nodeId: s,
             label: xk(e),
-            color: ((w = t == null ? void 0 : t.viewProps) == null ? void 0 : w.textColor) || i.propertyColor,
-            isEditing: c,
-            onEditStart: d,
-            onEditEnd: l
+            color: ((C = t == null ? void 0 : t.viewProps) == null ? void 0 : C.textColor) || i.propertyColor,
+            isEditing: d,
+            onEditStart: u,
+            onEditEnd: f
           }
         ),
-        a && (r || p) && /* @__PURE__ */ y(Oe, { ml: "auto", pl: 6, flexShrink: 0, "data-flow-content-toggle": "", children: /* @__PURE__ */ y(Ye, { label: v, children: /* @__PURE__ */ y(
+        (a || c) && (r || b) && /* @__PURE__ */ y(Oe, { ml: "auto", pl: 6, flexShrink: 0, "data-flow-content-toggle": "", children: /* @__PURE__ */ y(Ye, { label: w, children: /* @__PURE__ */ y(
           $e,
           {
-            "aria-label": v,
+            "aria-label": w,
             icon: /* @__PURE__ */ y(Ge, { as: Gl, boxSize: 4 }),
             variant: "ghost",
             w: 12,
             h: 12,
             minW: 12,
             color: i.hextextColor,
-            onClick: (x) => {
-              var C;
-              x.stopPropagation(), p ? p() : h(!f), (C = g.onNodeViewToggle) == null || C.call(g, s);
+            onClick: (S) => {
+              var _;
+              S.stopPropagation(), a || l(S), b ? b() : g(!m), (_ = v.onNodeViewToggle) == null || _.call(v, s);
             }
           }
         ) }) })
@@ -19470,10 +19472,10 @@ function Ek({
   for (const { data: u } of d.values())
     u.source === e.id && u.sourceProperty !== void 0 && l.add(`source:${u.sourceProperty}`), u.target === e.id && u.targetProperty !== void 0 && l.add(`target:${u.targetProperty}`);
   return /* @__PURE__ */ y(Oe, { children: Object.entries(e.description || {}).map(([u, f], h) => {
-    var I, P, N;
+    var O, I, N;
     const m = r && Object.keys(r).find(
       ($) => $.slice($.indexOf(":") + 1) === u
-    ), g = t && ((I = n == null ? void 0 : n.type.ports) == null ? void 0 : I[u]), p = m ?? (g ? `${g.kind}:${u}` : u), v = i.find(
+    ), g = t && ((O = n == null ? void 0 : n.type.ports) == null ? void 0 : O[u]), p = m ?? (g ? `${g.kind}:${u}` : u), v = i.find(
       ($) => $.id === p
     ), b = m ? "source" : v == null ? void 0 : v.role, w = l.has(`source:${p}`), x = l.has(`target:${p}`), C = o.some(($) => $.id === u), S = f === "" && (C || (b ? l.has(`${b}:${p}`) : w || x)), _ = b ?? (w !== x ? w ? "source" : "target" : void 0), M = (v == null ? void 0 : v.side) ?? (_ ? _ === "source" != (a === "RL") ? "right" : "left" : void 0), E = S && M === "right" ? "right" : "left", T = (v == null ? void 0 : v.label) ?? (g == null ? void 0 : g.label) ?? (C ? u.replace(/^(template|input|output|config|error):/, "") : u), R = cr(s.wordBeforeDot)[typeof f], A = cr(s.wordBeforeDot).property;
     return /* @__PURE__ */ D(
@@ -19504,7 +19506,7 @@ function Ek({
                     whiteSpace: "nowrap",
                     fontWeight: "bold",
                     fontSize: "4xl",
-                    color: ((P = e == null ? void 0 : e.viewProps) == null ? void 0 : P.textColor) || (s.isTransparent ? s.hextextColor : A),
+                    color: ((I = e == null ? void 0 : e.viewProps) == null ? void 0 : I.textColor) || (s.isTransparent ? s.hextextColor : A),
                     children: T
                   }
                 )
@@ -19629,102 +19631,121 @@ const bu = (e) => {
       },
       onExpand: () => f.restoreNodeView(e.data.id)
     }
-  ) : /* @__PURE__ */ y(Ho, { ...e, data: { ...e.data, description: d }, children: ({ id: M, data: E, isActive: T, isEditing: R, onEditStart: A, onEditEnd: I }) => {
-    var me, ve, z, B, W, F, ce, Z, se, ue;
-    const P = vk(E, r, t), N = E.label ?? E.headerTitle, $ = Object.entries(E.description || {}).length > 0, O = Sk(E.description), H = (ve = (me = e.data) == null ? void 0 : me.config) == null ? void 0 : ve.icon, ie = (B = (z = e.data) == null ? void 0 : z.config) == null ? void 0 : B.content, ae = ((W = E == null ? void 0 : E.viewProps) == null ? void 0 : W.borderRadius) ?? "53px", Q = Wn(
-      E == null ? void 0 : E.viewProps,
-      P.hexborderColor,
-      T,
-      Ck
-    );
-    return /* @__PURE__ */ y(
-      wt,
-      {
-        justifyContent: "space-between",
-        ...E == null ? void 0 : E.viewProps,
-        "data-flow-node-surface": "",
-        direction: "column",
-        p: 0,
-        borderRadius: ae,
-        overflow: "hidden",
-        alignItems: "center",
-        style: {
-          backgroundColor: P.hexbgColor,
-          transition: "border-color 0.2s ease-in-out"
-        },
-        width: "100%",
-        minW: m || e.onShowIcon ? O + g0 + Q.borderWidth * 2 : void 0,
-        ...Q,
-        children: /* @__PURE__ */ D(
+  ) : /* @__PURE__ */ y(
+    Ho,
+    {
+      ...e,
+      data: { ...e.data, description: d },
+      hoverLeaveDelay: m || e.onShowIcon || v ? 350 : 0,
+      children: ({
+        id: M,
+        data: E,
+        isActive: T,
+        isHovered: R,
+        isEditing: A,
+        onSelect: O,
+        onEditStart: I,
+        onEditEnd: N
+      }) => {
+        var z, B, W, F, ce, Z, se, ue, we, Ce;
+        const $ = vk(E, r, t), P = E.label ?? E.headerTitle, H = Object.entries(E.description || {}).length > 0, oe = Sk(E.description), ae = (B = (z = e.data) == null ? void 0 : z.config) == null ? void 0 : B.icon, Q = (F = (W = e.data) == null ? void 0 : W.config) == null ? void 0 : F.content, me = ((ce = E == null ? void 0 : E.viewProps) == null ? void 0 : ce.borderRadius) ?? "53px", ve = Wn(
+          E == null ? void 0 : E.viewProps,
+          $.hexborderColor,
+          T,
+          Ck
+        );
+        return /* @__PURE__ */ y(
           wt,
           {
-            width: "100%",
+            justifyContent: "space-between",
+            ...E == null ? void 0 : E.viewProps,
+            "data-flow-node-surface": "",
             direction: "column",
-            borderRadius: ae,
-            borderColor: P.hexborderColor,
-            borderWidth: 0,
+            p: 0,
+            borderRadius: me,
             overflow: "hidden",
-            children: [
-              /* @__PURE__ */ y(
-                _k,
-                {
-                  headerTitle: N,
-                  hasContent: m,
-                  data: E,
-                  icon: H,
-                  colors: P,
-                  hasConfig: $,
-                  id: M,
-                  isActive: T,
-                  isEditing: R,
-                  onEditStart: A,
-                  onEditEnd: I,
-                  props: e,
-                  objVisible: i,
-                  setObjVisible: o,
-                  onShowNativeIcon: v
-                }
-              ),
-              m && !i ? /* @__PURE__ */ y(
-                wt,
-                {
-                  w: "100%",
-                  overflow: "auto",
-                  justifyContent: "start",
-                  background: P.highlightColor,
-                  p: ["html", "jsx"].includes((ce = (F = e.data) == null ? void 0 : F.config) == null ? void 0 : ce.contentFormat) ? 0 : 12,
-                  fontSize: "5xl",
-                  lineHeight: "normal",
-                  children: /* @__PURE__ */ y(
-                    bk,
+            alignItems: "center",
+            style: {
+              backgroundColor: $.hexbgColor,
+              transition: "border-color 0.2s ease-in-out"
+            },
+            width: "100%",
+            minW: m || e.onShowIcon ? oe + g0 + ve.borderWidth * 2 : void 0,
+            ...ve,
+            children: /* @__PURE__ */ D(
+              wt,
+              {
+                width: "100%",
+                direction: "column",
+                borderRadius: me,
+                borderColor: $.hexborderColor,
+                borderWidth: 0,
+                overflow: "hidden",
+                children: [
+                  /* @__PURE__ */ y(
+                    _k,
+                    {
+                      headerTitle: P,
+                      hasContent: m,
+                      data: E,
+                      icon: ae,
+                      colors: $,
+                      hasConfig: H,
+                      id: M,
+                      isActive: T,
+                      isHovered: R,
+                      isEditing: A,
+                      onSelect: O,
+                      onEditStart: I,
+                      onEditEnd: N,
+                      props: e,
+                      objVisible: i,
+                      setObjVisible: o,
+                      onShowNativeIcon: v
+                    }
+                  ),
+                  m && !i ? /* @__PURE__ */ y(
+                    wt,
+                    {
+                      w: "100%",
+                      overflow: "auto",
+                      justifyContent: "start",
+                      background: $.highlightColor,
+                      p: ["html", "jsx"].includes((se = (Z = e.data) == null ? void 0 : Z.config) == null ? void 0 : se.contentFormat) ? 0 : 12,
+                      fontSize: "5xl",
+                      lineHeight: "normal",
+                      children: /* @__PURE__ */ y(
+                        bk,
+                        {
+                          nodeId: M,
+                          content: Q,
+                          format: (we = (ue = e.data) == null ? void 0 : ue.config) == null ? void 0 : we.contentFormat,
+                          color: ((Ce = E == null ? void 0 : E.viewProps) == null ? void 0 : Ce.textColor) || $.hextextColor
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ y(
+                    Ek,
                     {
-                      nodeId: M,
-                      content: ie,
-                      format: (se = (Z = e.data) == null ? void 0 : Z.config) == null ? void 0 : se.contentFormat,
-                      color: ((ue = E == null ? void 0 : E.viewProps) == null ? void 0 : ue.textColor) || P.hextextColor
+                      data: E,
+                      resourcePorts: a,
+                      inspecting: s,
+                      form: c,
+                      inspectionPorts: l,
+                      extraPorts: u,
+                      colors: $,
+                      direction: n,
+                      uniformKeyWidth: oe
                     }
                   )
-                }
-              ) : /* @__PURE__ */ y(
-                Ek,
-                {
-                  data: E,
-                  resourcePorts: a,
-                  inspecting: s,
-                  form: c,
-                  inspectionPorts: l,
-                  extraPorts: u,
-                  colors: P,
-                  direction: n,
-                  uniformKeyWidth: O
-                }
-              )
-            ]
+                ]
+              }
+            )
           }
-        )
+        );
       }
-    );
-  } });
+    }
+  );
 };
 bu.displayName = "NodeJsonObjectView";
 const y0 = (e) => {
@@ -19795,17 +19816,17 @@ function Ak(e) {
     }
   ) }) : /* @__PURE__ */ D(Be, { children: [
     /* @__PURE__ */ y(Ho, { ...e, onOpenView: () => l(!0), children: ({ data: _, isActive: M }) => {
-      var E, T, R, A, I, P, N, $;
+      var E, T, R, A, O, I, N, $;
       return /* @__PURE__ */ y(
         Oe,
         {
           "data-flow-node-surface": "",
           "data-grid-document": ((E = _.config) == null ? void 0 : E.documentId) ?? "",
           width: `${((R = (T = _.config) == null ? void 0 : T.gridSize) == null ? void 0 : R.width) ?? 600}px`,
-          height: `${((I = (A = _.config) == null ? void 0 : A.gridSize) == null ? void 0 : I.height) ?? 440}px`,
+          height: `${((O = (A = _.config) == null ? void 0 : A.gridSize) == null ? void 0 : O.height) ?? 440}px`,
           overflow: "hidden",
           position: "relative",
-          bg: ((P = _.viewProps) == null ? void 0 : P.bgColor) ?? "transparent",
+          bg: ((I = _.viewProps) == null ? void 0 : I.bgColor) ?? "transparent",
           color: ((N = _.viewProps) == null ? void 0 : N.textColor) ?? h,
           borderRadius: `${c ?? 0}px`,
           ...Wn(
@@ -20004,12 +20025,12 @@ const Rk = {
     setIsZoomMode: T,
     isMultiSelectMode: R,
     setIsMultiSelectMode: A,
-    isDragMode: I,
-    setIsDragMode: P,
+    isDragMode: O,
+    setIsDragMode: I,
     isEdgeHandlesEnabled: N,
     setIsEdgeHandlesEnabled: $,
-    isArrayNodeMode: O
-  } = rt(), H = de(null), [ie, ae] = re(null), Q = de(null), me = e.length > 200;
+    isArrayNodeMode: P
+  } = rt(), H = de(null), [oe, ae] = re(null), Q = de(null), me = e.length > 200;
   Ue(() => {
     S(me);
   }, [me, S]);
@@ -20037,7 +20058,7 @@ const Rk = {
       }
     },
     [t, se, ce]
-  ), we = v.colorMode === "dark", Ae = we ? Pe("gray.500") : Hn, ye = we ? W != null && W.includes("gray") ? "whitesmoke" : ue(W) : Ae, pe = c ? ue(c) : Ae, J = tt(
+  ), we = v.colorMode === "dark", Ce = we ? Pe("gray.500") : Hn, ye = we ? W != null && W.includes("gray") ? "whitesmoke" : ue(W) : Ce, pe = c ? ue(c) : Ce, J = tt(
     () => {
       var ee;
       return v.initialViewport || {
@@ -20047,7 +20068,7 @@ const Rk = {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), L = d === "C" ? "LR" : d, oe = dt(
+  ), L = d === "C" ? "LR" : d, ie = dt(
     (ee) => {
       const G = { ...m, ...ee };
       return {
@@ -20070,7 +20091,7 @@ const Rk = {
   }, [r]), be = dt(
     (ee) => {
       var V;
-      const G = (V = U.get(ee)) == null ? void 0 : V.data, te = oe(G == null ? void 0 : G.viewProps), Le = Pe(te.bgColor);
+      const G = (V = U.get(ee)) == null ? void 0 : V.data, te = ie(G == null ? void 0 : G.viewProps), Le = Pe(te.bgColor);
       return {
         animated: !!(G != null && G.isNodeAnimated) && !me,
         animationVariant: G == null ? void 0 : G.nodeAnimationVariant,
@@ -20093,7 +20114,7 @@ const Rk = {
       };
     },
     [
-      oe,
+      ie,
       U,
       Z,
       t,
@@ -20104,18 +20125,18 @@ const Rk = {
     var te, Le;
     const ee = /* @__PURE__ */ new Map();
     for (const V of r) {
-      const he = (te = V.data) == null ? void 0 : te.source, Ce = (Le = V.data) == null ? void 0 : Le.target;
-      if (!he || !Ce || he === Ce) continue;
-      const _e = he < Ce ? `${he}|${Ce}` : `${Ce}|${he}`, et = ee.get(_e);
-      et ? et.push({ id: V.data.id, source: he }) : ee.set(_e, [{ id: V.data.id, source: he }]);
+      const he = (te = V.data) == null ? void 0 : te.source, Se = (Le = V.data) == null ? void 0 : Le.target;
+      if (!he || !Se || he === Se) continue;
+      const Ee = he < Se ? `${he}|${Se}` : `${Se}|${he}`, et = ee.get(Ee);
+      et ? et.push({ id: V.data.id, source: he }) : ee.set(Ee, [{ id: V.data.id, source: he }]);
     }
     const G = /* @__PURE__ */ new Map();
     for (const [V, he] of ee) {
       if (he.length < 2) continue;
-      const Ce = V.split("|")[0], _e = Math.min(20, 70 / he.length);
+      const Se = V.split("|")[0], Ee = Math.min(20, 70 / he.length);
       he.forEach(({ id: et, source: ot }, Ze) => {
-        const Tt = 50 + (Ze - (he.length - 1) / 2) * _e;
-        G.set(et, (ot === Ce ? Tt : 100 - Tt) / 100);
+        const Tt = 50 + (Ze - (he.length - 1) / 2) * Ee;
+        G.set(et, (ot === Se ? Tt : 100 - Tt) / 100);
       });
     }
     return G;
@@ -20125,11 +20146,11 @@ const Rk = {
       var te;
       return ((te = G.data) == null ? void 0 : te.id) && G.data.source && G.data.target;
     }).map(({ data: G }) => {
-      var he, Ce, _e, et, ot, Ze;
+      var he, Se, Ee, et, ot, Ze;
       let te = ee;
-      const Le = (Ce = (he = U.get(G.source)) == null ? void 0 : he.data) == null ? void 0 : Ce.parent, V = (et = (_e = U.get(G.target)) == null ? void 0 : _e.data) == null ? void 0 : et.parent;
+      const Le = (Se = (he = U.get(G.source)) == null ? void 0 : he.data) == null ? void 0 : Se.parent, V = (et = (Ee = U.get(G.target)) == null ? void 0 : Ee.data) == null ? void 0 : et.parent;
       if (Le && Le === V) {
-        const Tt = oe((Ze = (ot = U.get(Le)) == null ? void 0 : ot.data) == null ? void 0 : Ze.viewProps), Rt = Ou(
+        const Tt = ie((Ze = (ot = U.get(Le)) == null ? void 0 : ot.data) == null ? void 0 : Ze.viewProps), Rt = Ou(
           ee,
           Pe(Tt.bgColor),
           Tt.bgOpacity
@@ -20165,7 +20186,7 @@ const Rk = {
     u,
     h,
     U,
-    oe,
+    ie,
     ue
   ]), We = tt(() => {
     var G;
@@ -20191,10 +20212,10 @@ const Rk = {
       var te;
       return (te = G.data) == null ? void 0 : te.id;
     }).map((G) => {
-      var _e, et, ot, Ze, Tt, Rt;
-      const te = We.has(G.data.id) && !G.data.parent, Le = te ? G.data.label ?? G.data.headerTitle ?? "Container" : void 0, V = te ? ee.parentContainer : ee[G.data.type] || ee.text, he = at.get(G.data.id), Ce = {
+      var Ee, et, ot, Ze, Tt, Rt;
+      const te = We.has(G.data.id) && !G.data.parent, Le = te ? G.data.label ?? G.data.headerTitle ?? "Container" : void 0, V = te ? ee.parentContainer : ee[G.data.type] || ee.text, he = at.get(G.data.id), Se = {
         ...G,
-        isInverted: ((_e = G.data.config) == null ? void 0 : _e.isInverted) ?? (he == null ? void 0 : he.isInverted),
+        isInverted: ((Ee = G.data.config) == null ? void 0 : Ee.isInverted) ?? (he == null ? void 0 : he.isInverted),
         isParent: te,
         containerStyle: te ? be(G.data.id) : void 0
       };
@@ -20217,19 +20238,19 @@ const Rk = {
         element: /* @__PURE__ */ Mu(
           V,
           {
-            ...Ce,
+            ...Se,
             key: `${G.data.id}-${t}`
           }
         ),
         fillElement: M.has(G.data.id) ? void 0 : /* @__PURE__ */ Mu(
           V,
           {
-            ...Ce,
+            ...Se,
             data: {
               ...G.data,
               viewProps: { ...G.data.viewProps, borderRadius: 0 }
             },
-            containerStyle: Ce.containerStyle ? { ...Ce.containerStyle, borderRadius: 0 } : void 0,
+            containerStyle: Se.containerStyle ? { ...Se.containerStyle, borderRadius: 0 } : void 0,
             key: `${G.data.id}-${t}`
           }
         )
@@ -20247,8 +20268,8 @@ const Rk = {
   nt.current = v;
   const st = de(E);
   st.current = E;
-  const bt = de(O);
-  bt.current = O;
+  const bt = de(P);
+  bt.current = P;
   const Te = de(b);
   Te.current = b;
   const He = de(x);
@@ -20272,16 +20293,16 @@ const Rk = {
       ee.has(V) || (He.current === V && (C(null), (te = p.onEdgeDeselect) == null || te.call(p)), (Le = p.onEdgeRemove) == null || Le.call(p, V, he.data));
   }, [fe, U, p, C]), Ue(() => {
     const ee = H.current;
-    if (!ie || !ee) return;
-    let G = null, te = null, Le = 0, V = 0, he = 0, Ce = 0, _e = 0;
+    if (!oe || !ee) return;
+    let G = null, te = null, Le = 0, V = 0, he = 0, Se = 0, Ee = 0;
     const et = (ot) => {
       if (nt.current.readOnly) return;
       const Ze = ee.ownerDocument.fullscreenElement;
       if (Ze && Ze !== ee && ee.contains(Ze) && ot.target instanceof Node && Ze.contains(ot.target))
         return;
-      ot.preventDefault(), ot.stopPropagation(), st.current || ot.metaKey || ot.ctrlKey ? (he += ot.deltaY, Ce = ot.clientX, _e = ot.clientY, te === null && (te = requestAnimationFrame(() => {
+      ot.preventDefault(), ot.stopPropagation(), st.current || ot.metaKey || ot.ctrlKey ? (he += ot.deltaY, Se = ot.clientX, Ee = ot.clientY, te === null && (te = requestAnimationFrame(() => {
         te = null;
-        const Rt = nt.current, St = ie.zoom(), mt = he;
+        const Rt = nt.current, St = oe.zoom(), mt = he;
         he = 0;
         let Et = St - mt * 0.05 / 100;
         Et = Math.max(
@@ -20289,14 +20310,14 @@ const Rk = {
           Math.min(Rt.maxZoom ?? 1.5, Et)
         );
         const Ft = ee.getBoundingClientRect();
-        ie.zoomAt(Et, {
-          x: Ce - Ft.left,
-          y: _e - Ft.top
+        oe.zoomAt(Et, {
+          x: Se - Ft.left,
+          y: Ee - Ft.top
         });
       }))) : (Le += ot.deltaX, V += ot.deltaY, G === null && (G = requestAnimationFrame(() => {
         G = null;
-        const Rt = ie.pan(), St = ie.zoom(), mt = 0.35, Et = Le, Ft = V;
-        Le = 0, V = 0, ie.pan({
+        const Rt = oe.pan(), St = oe.zoom(), mt = 0.35, Et = Le, Ft = V;
+        Le = 0, V = 0, oe.pan({
           x: Rt.x + -Et * mt / St,
           y: Rt.y + -Ft * mt / St
         });
@@ -20305,30 +20326,30 @@ const Rk = {
     return ee.addEventListener("wheel", et, { passive: !1 }), () => {
       ee.removeEventListener("wheel", et), G !== null && cancelAnimationFrame(G), te !== null && cancelAnimationFrame(te);
     };
-  }, [ie]), Ue(() => {
+  }, [oe]), Ue(() => {
     if (v.disableKeyboardShortcuts) return;
     const ee = (G) => {
-      var Le, V, he, Ce;
+      var Le, V, he, Se;
       if (nt.current.readOnly) return;
       const te = G.target;
       if (!(te.tagName === "INPUT" || te.tagName === "TEXTAREA" || te.isContentEditable)) {
-        if ((G.key === "z" || G.key === "Z") && T(!st.current), (G.key === "m" || G.key === "M") && A(!R), (G.key === "d" || G.key === "D") && P(!I), (G.key === "v" || G.key === "V") && !G.repeat && !G.metaKey && !G.ctrlKey && !G.altKey && te.tagName !== "SELECT" && $(!N), (G.key === "Delete" || G.key === "Backspace") && He.current) {
+        if ((G.key === "z" || G.key === "Z") && T(!st.current), (G.key === "m" || G.key === "M") && A(!R), (G.key === "d" || G.key === "D") && I(!O), (G.key === "v" || G.key === "V") && !G.repeat && !G.metaKey && !G.ctrlKey && !G.altKey && te.tagName !== "SELECT" && $(!N), (G.key === "Delete" || G.key === "Backspace") && He.current) {
           G.preventDefault();
-          const _e = He.current;
+          const Ee = He.current;
           (V = p.onEdgeDelete) == null || V.call(
             p,
-            _e,
-            ((Le = Zt.current.get(_e)) == null ? void 0 : Le.data) ?? { id: _e }
+            Ee,
+            ((Le = Zt.current.get(Ee)) == null ? void 0 : Le.data) ?? { id: Ee }
           ), C(null);
           return;
         }
         if ((G.key === "Delete" || G.key === "Backspace") && Te.current.length > 0) {
           G.preventDefault();
-          const _e = Te.current.filter((et) => et !== "root");
-          if (_e.length === 0) return;
-          for (const et of _e) {
+          const Ee = Te.current.filter((et) => et !== "root");
+          if (Ee.length === 0) return;
+          for (const et of Ee) {
             const ot = (he = ht.current.get(et)) == null ? void 0 : he.data;
-            (Ce = p.onNodeDelete) == null || Ce.call(p, et, ot || {});
+            (Se = p.onNodeDelete) == null || Se.call(p, et, ot || {});
           }
           w([]);
         }
@@ -20337,12 +20358,12 @@ const Rk = {
     return window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee);
   }, [
     R,
-    I,
+    O,
     N,
     $,
     T,
     A,
-    P,
+    I,
     v.disableKeyboardShortcuts,
     p,
     w,
@@ -20377,10 +20398,10 @@ const Rk = {
       v.bottomBarCollapsed ?? (Te.current.length > 0 || !!He.current || !s)
     ), (ee = p.onBackgroundClick) == null || ee.call(p), !nt.current.readOnly) {
       const he = /* @__PURE__ */ new Set();
-      for (const Ce of Te.current) {
-        let _e = ht.current.get(Ce);
-        for (; _e && !he.has(_e.data.id); )
-          he.add(_e.data.id), We.has(_e.data.id) && ((G = _e.data.config) == null ? void 0 : G.collapsed) !== !0 && ((te = p.onNodeCollapse) == null || te.call(p, _e.data.id, !0)), _e = _e.data.parent ? ht.current.get(_e.data.parent) : void 0;
+      for (const Se of Te.current) {
+        let Ee = ht.current.get(Se);
+        for (; Ee && !he.has(Ee.data.id); )
+          he.add(Ee.data.id), We.has(Ee.data.id) && ((G = Ee.data.config) == null ? void 0 : G.collapsed) !== !0 && ((te = p.onNodeCollapse) == null || te.call(p, Ee.data.id, !0)), Ee = Ee.data.parent ? ht.current.get(Ee.data.parent) : void 0;
       }
     }
     Te.current.length && (w([]), (Le = p.onNodeDeselect) == null || Le.call(p)), He.current && (C(null), (V = p.onEdgeDeselect) == null || V.call(p));
@@ -20510,7 +20531,7 @@ const Rk = {
               lineColor: c ? pe : ye,
               drawMode: Vr,
               drawHandles: !v.readOnly && v.edgeHandles !== !1,
-              dragMode: I,
+              dragMode: O,
               multiSelect: !!R,
               onInit: Ve,
               onLayoutComplete: (ee) => {
@@ -20518,7 +20539,7 @@ const Rk = {
                 (he = p.onLayoutComplete) == null || he.call(p, ee);
                 const G = It.current;
                 G && (!ht.current.has(G.source) || !ht.current.has(G.target) ? It.current = null : r.some(
-                  ({ data: Ce }) => Ce.source === G.source && Ce.target === G.target && !G.edgeIds.has(Ce.id)
+                  ({ data: Se }) => Se.source === G.source && Se.target === G.target && !G.edgeIds.has(Se.id)
                 ) && ee.getNodeBox(G.source) && ee.getNodeBox(G.target) && (It.current = null, ee.focusConnections(G.source)));
                 const te = Q.current;
                 if (!te) return;
@@ -20527,13 +20548,13 @@ const Rk = {
                   return;
                 }
                 const V = e.filter(
-                  (Ce) => !te.nodeIds.has(Ce.data.id)
+                  (Se) => !te.nodeIds.has(Se.data.id)
                 ).filter(
-                  (Ce) => r.some(
-                    ({ data: _e }) => _e.source === te.sourceId && _e.target === Ce.data.id || _e.target === te.sourceId && _e.source === Ce.data.id
+                  (Se) => r.some(
+                    ({ data: Ee }) => Ee.source === te.sourceId && Ee.target === Se.data.id || Ee.target === te.sourceId && Ee.source === Se.data.id
                   )
                 );
-                !V.length || V.some((Ce) => !ee.getNodeBox(Ce.data.id)) || (Q.current = null, ee.focusBranch(
+                !V.length || V.some((Se) => !ee.getNodeBox(Se.data.id)) || (Q.current = null, ee.focusBranch(
                   te.reverse ? V[0].data.id : te.sourceId
                 ));
               },
@@ -20652,7 +20673,7 @@ function $k({
     [r, t == null ? void 0 : t.state]
   ), v = o.direction === "C", b = tt(() => {
     let R, A;
-    return (I) => (A = R && A ? K1(R, I, A) ?? Vu(I, { title: e, isCenter: v }) : Vu(I, { title: e, isCenter: v }), R = I, A);
+    return (O) => (A = R && A ? K1(R, O, A) ?? Vu(O, { title: e, isCenter: v }) : Vu(O, { title: e, isCenter: v }), R = O, A);
   }, [e, v]), w = tt(
     () => p ? b(p) : null,
     [p, b]
@@ -20676,11 +20697,11 @@ function $k({
     ...(w == null ? void 0 : w.nodes) ?? n ?? [],
     ...(x == null ? void 0 : x.nodes) ?? []
   ].map((A) => {
-    var ie, ae, Q, me;
-    const I = r ? (ie = ze(r, A.data.id)) == null ? void 0 : ie.$view : (ae = A.data.config) == null ? void 0 : ae.typeView, P = I && ab.includes(I) ? I : void 0, N = P ? P === "icon-label" : (Q = A.data.config) == null ? void 0 : Q.labelBelow, $ = P === "object" ? "objectView" : P === "text" ? "text" : N ? "arrayView" : A.data.type, O = C && (t ? Jn(S, A.data.id, C) : r && ln(r, A.data.id, C)), H = (((me = A.data.config) == null ? void 0 : me.ports) ?? []).map((ve) => ({
+    var oe, ae, Q, me;
+    const O = r ? (oe = ze(r, A.data.id)) == null ? void 0 : oe.$view : (ae = A.data.config) == null ? void 0 : ae.typeView, I = O && ab.includes(O) ? O : void 0, N = I ? I === "icon-label" : (Q = A.data.config) == null ? void 0 : Q.labelBelow, $ = I === "object" ? "objectView" : I === "text" ? "text" : N ? "arrayView" : A.data.type, P = C && (t ? Jn(S, A.data.id, C) : r && ln(r, A.data.id, C)), H = (((me = A.data.config) == null ? void 0 : me.ports) ?? []).map((ve) => ({
       ...ve
     }));
-    if (x && O) {
+    if (x && P) {
       const ve = o.direction === "RL" ? { input: "right", output: "left", config: "bottom", error: "top" } : o.direction === "TB" ? {
         input: "top",
         output: "bottom",
@@ -20697,7 +20718,7 @@ function $k({
         config: "top",
         error: "bottom"
       };
-      for (const [z, B] of Object.entries(O.type.ports ?? {})) {
+      for (const [z, B] of Object.entries(P.type.ports ?? {})) {
         const W = `${B.kind}:${z}`, F = H.find((ce) => ce.id === W);
         F ? F.label === void 0 && B.label !== void 0 && (F.label = B.label) : H.push({
           id: W,
@@ -20714,7 +20735,7 @@ function $k({
         z.position = (B.indexOf(z) + 1) / (B.length + 1);
       }
     }
-    return O || N || P ? {
+    return P || N || I ? {
       ...A,
       data: {
         ...A.data,
@@ -20728,9 +20749,9 @@ function $k({
         } : {},
         config: {
           ...A.data.config,
-          ...x && O ? { ports: H } : {},
-          ...O ? { form: !0 } : {},
-          ...P ? { typeView: P, labelBelow: !!N } : N ? { labelBelow: !0 } : {}
+          ...x && P ? { ports: H } : {},
+          ...P ? { form: !0 } : {},
+          ...I ? { typeView: I, labelBelow: !!N } : N ? { labelBelow: !0 } : {}
         }
       }
     } : A;
@@ -20755,40 +20776,40 @@ function $k({
     ) : { ...s };
     if (x) {
       const A = /* @__PURE__ */ new Set([
-        ...x.nodes.map((I) => I.data.id),
-        ...x.edges.map((I) => I.data.id)
+        ...x.nodes.map((O) => O.data.id),
+        ...x.edges.map((O) => O.data.id)
       ]);
-      for (const I of Object.keys(R)) {
-        if (!/^on(?:Node|Edge).*(?:Change|Collapse)$/.test(I)) continue;
-        const P = R[I];
-        R[I] = (N, ...$) => {
-          if (!A.has(N)) return P == null ? void 0 : P(N, ...$);
+      for (const O of Object.keys(R)) {
+        if (!/^on(?:Node|Edge).*(?:Change|Collapse)$/.test(O)) continue;
+        const I = R[O];
+        R[O] = (N, ...$) => {
+          if (!A.has(N)) return I == null ? void 0 : I(N, ...$);
         };
       }
     }
     return {
       ...R,
       onAllNodesIconLabelChange: (A) => {
-        var I;
-        m(A), (I = R.onAllNodesIconLabelChange) == null || I.call(R, A);
+        var O;
+        m(A), (O = R.onAllNodesIconLabelChange) == null || O.call(R, A);
       }
     };
   }, [r, w, s, g, x]), T = tt(() => {
     if (!t) return E;
     let R = t.state;
-    const A = (P) => {
+    const A = (I) => {
       if (o.readOnly || o.editable === !1) return;
       const N = t.onStateChange ?? t.onChange;
       if (!N) return;
-      const $ = k1(R, P, s.onFormChange);
-      $ !== R && (R = $, N($, { ...P, data: $ }));
-    }, I = (P, N, $) => {
+      const $ = k1(R, I, s.onFormChange);
+      $ !== R && (R = $, N($, { ...I, data: $ }));
+    }, O = (I, N, $) => {
       var H;
-      const O = r && ((H = ze(r, P)) == null ? void 0 : H[N]);
-      return !O || typeof O.$state != "string" ? !1 : (A({
-        address: O.$state,
-        nodeAddress: P,
-        previousValue: ze(R, O.$state),
+      const P = r && ((H = ze(r, I)) == null ? void 0 : H[N]);
+      return !P || typeof P.$state != "string" ? !1 : (A({
+        address: P.$state,
+        nodeAddress: I,
+        previousValue: ze(R, P.$state),
         value: $,
         data: R
       }), !0);
@@ -20796,90 +20817,90 @@ function $k({
     return {
       ...E,
       onFormChange: A,
-      onNodeCreateRequest: (P) => {
-        var O, H;
-        const N = (O = P.sourceProperty) != null && O.startsWith("config:") ? P.sourceProperty.slice(7) : void 0, $ = N !== void 0 && (x == null ? void 0 : x.slots.get(kn(P.sourceNodeId, N)));
+      onNodeCreateRequest: (I) => {
+        var P, H;
+        const N = (P = I.sourceProperty) != null && P.startsWith("config:") ? I.sourceProperty.slice(7) : void 0, $ = N !== void 0 && (x == null ? void 0 : x.slots.get(kn(I.sourceNodeId, N)));
         return $ ? ($.present || A({
           data: R,
           nodeAddress: $.address.split(".").slice(0, -1).join("."),
           address: $.address,
           value: An($.type),
           previousValue: void 0
-        }), !0) : ((H = E.onNodeCreateRequest) == null ? void 0 : H.call(E, P)) ?? !1;
+        }), !0) : ((H = E.onNodeCreateRequest) == null ? void 0 : H.call(E, I)) ?? !1;
       },
-      onNodeDelete: (P, N) => {
+      onNodeDelete: (I, N) => {
         var Q, me;
-        if (!(x != null && x.nodes.some((ve) => ve.data.id === P)))
-          return (Q = E.onNodeDelete) == null ? void 0 : Q.call(E, P, N);
-        const $ = x && [...x.slots.values()].find((ve) => ve.nodeId === P);
-        if (!$) return (me = E.onNodeDelete) == null ? void 0 : me.call(E, P, N);
-        const O = $.address.split("."), H = O.pop(), ie = O.join("."), ae = ze(R, ie);
+        if (!(x != null && x.nodes.some((ve) => ve.data.id === I)))
+          return (Q = E.onNodeDelete) == null ? void 0 : Q.call(E, I, N);
+        const $ = x && [...x.slots.values()].find((ve) => ve.nodeId === I);
+        if (!$) return (me = E.onNodeDelete) == null ? void 0 : me.call(E, I, N);
+        const P = $.address.split("."), H = P.pop(), oe = P.join("."), ae = ze(R, oe);
         A(
           Array.isArray(ae) ? {
             data: R,
-            nodeAddress: ie,
-            address: ie,
+            nodeAddress: oe,
+            address: oe,
             previousValue: ae,
             value: ae.filter((ve, z) => String(z) !== H)
           } : {
             data: R,
-            nodeAddress: ie,
+            nodeAddress: oe,
             address: $.address,
             previousValue: ze(R, $.address),
             value: void 0
           }
         );
       },
-      onEdgeCreate: (P, N, $) => {
-        var ie, ae;
-        const O = ((ie = $ == null ? void 0 : $.targetProperty) == null ? void 0 : ie.startsWith("config:")) && (x == null ? void 0 : x.slots.get(
+      onEdgeCreate: (I, N, $) => {
+        var oe, ae;
+        const P = ((oe = $ == null ? void 0 : $.targetProperty) == null ? void 0 : oe.startsWith("config:")) && (x == null ? void 0 : x.slots.get(
           kn(N, $.targetProperty.slice(7))
-        )), H = x == null ? void 0 : x.containers.get(P);
-        if (O && H && ($ == null ? void 0 : $.sourceProperty) === "output:resource") {
-          const Q = P1(R, H, O);
+        )), H = x == null ? void 0 : x.containers.get(I);
+        if (P && H && ($ == null ? void 0 : $.sourceProperty) === "output:resource") {
+          const Q = P1(R, H, P);
           Q !== void 0 && A({
             data: R,
-            nodeAddress: O.address.split(".").slice(0, -1).join("."),
-            address: O.address,
-            previousValue: ze(R, O.address),
+            nodeAddress: P.address.split(".").slice(0, -1).join("."),
+            address: P.address,
+            previousValue: ze(R, P.address),
             value: Q
           });
           return;
         }
-        O || x != null && x.nodes.some(
-          (Q) => Q.data.id === P || Q.data.id === N
-        ) || (ae = E.onEdgeCreate) == null || ae.call(E, P, N, $);
+        P || x != null && x.nodes.some(
+          (Q) => Q.data.id === I || Q.data.id === N
+        ) || (ae = E.onEdgeCreate) == null || ae.call(E, I, N, $);
       },
-      onEdgeDelete: (P, N) => {
+      onEdgeDelete: (I, N) => {
         var me;
-        const $ = x == null ? void 0 : x.edges.find((ve) => ve.data.id === P);
-        if (!$) return (me = E.onEdgeDelete) == null ? void 0 : me.call(E, P, N);
-        const O = x.slots.get(
+        const $ = x == null ? void 0 : x.edges.find((ve) => ve.data.id === I);
+        if (!$) return (me = E.onEdgeDelete) == null ? void 0 : me.call(E, I, N);
+        const P = x.slots.get(
           kn($.data.target, $.data.targetProperty.slice(7))
-        ), H = O.address.split("."), ie = H.pop(), ae = H.join("."), Q = ze(R, ae);
+        ), H = P.address.split("."), oe = H.pop(), ae = H.join("."), Q = ze(R, ae);
         A(
           Array.isArray(Q) ? {
             data: R,
             nodeAddress: ae,
             address: ae,
             previousValue: Q,
-            value: Q.filter((ve, z) => String(z) !== ie)
+            value: Q.filter((ve, z) => String(z) !== oe)
           } : {
             data: R,
             nodeAddress: ae,
-            address: O.address,
-            previousValue: ze(R, O.address),
+            address: P.address,
+            previousValue: ze(R, P.address),
             value: void 0
           }
         );
       },
-      onNodeContentChange: (P, N) => {
-        var $, O;
-        I(P, "$content", N) ? ($ = s.onNodeContentChange) == null || $.call(s, P, N) : (O = E.onNodeContentChange) == null || O.call(E, P, N);
+      onNodeContentChange: (I, N) => {
+        var $, P;
+        O(I, "$content", N) ? ($ = s.onNodeContentChange) == null || $.call(s, I, N) : (P = E.onNodeContentChange) == null || P.call(E, I, N);
       },
-      onNodeLabelChange: (P, N) => {
-        var $, O;
-        I(P, "$label", N) ? ($ = s.onNodeLabelChange) == null || $.call(s, P, N) : (O = E.onNodeLabelChange) == null || O.call(E, P, N);
+      onNodeLabelChange: (I, N) => {
+        var $, P;
+        O(I, "$label", N) ? ($ = s.onNodeLabelChange) == null || $.call(s, I, N) : (P = E.onNodeLabelChange) == null || P.call(E, I, N);
       }
     };
   }, [