@squeed/flow-sdk 2.0.11 → 2.0.12

package/dist/index.js

@@ -2,8 +2,8 @@ var uv = Object.defineProperty;
 var lv = (e, t, r) => t in e ? uv(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var zr = (e, t, r) => lv(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as b, jsxs as z, Fragment as Re } from "react/jsx-runtime";
-import { IconButton as $u, Tooltip as _t, Portal as dv, chakra as lt, Text as qr, Icon as Te, Tabs as Cn, HStack as an, Box as ke, Input as $y, Flex as sr, Textarea as fv } from "@chakra-ui/react";
-import { useState as re, useRef as ue, useEffect as qe, createContext as Uu, useContext as Nr, useMemo as Le, useCallback as Xe, forwardRef as Hu, cloneElement as hv, useId as pt, Children as pv, isValidElement as gv, useLayoutEffect as $r, memo as gt, Fragment as yv, createElement as bv } from "react";
+import { IconButton as $u, Tooltip as _t, Portal as dv, chakra as lt, Text as $r, Icon as Te, Tabs as Cn, HStack as an, Box as ke, Input as $y, Flex as sr, Textarea as fv } from "@chakra-ui/react";
+import { useState as re, useRef as ue, useEffect as Le, createContext as Uu, useContext as Nr, useMemo as Ne, useCallback as Xe, forwardRef as Hu, cloneElement as hv, useId as pt, Children as pv, isValidElement as gv, useLayoutEffect as Pr, memo as gt, Fragment as yv, createElement as bv } from "react";
 import { PiXLight as mv, PiCaretUp as Ny, PiCheck as Rn, PiArrowsIn as vv, PiSelection as wv, PiSquareFill as Ly, PiLineSegments as Ku, PiGridFour as xv, PiDotsNine as Cv, PiArrowsOutCardinal as jy, PiBezierCurve as zy, PiLink as _v, PiCaretDown as Pn, PiTrash as yt, PiPlus as ft, PiX as Fy, PiListNumbers as Sv, PiBracketsCurly as Dy, PiMagnifyingGlass as Ev, PiArrowUp as By, PiArrowDown as Vy, PiArrowCounterClockwise as Wy, PiFile as kv, PiUploadSimple as Zu, PiShapes as Av, PiCaretLeft as Gy, PiCaretRight as Uy, PiArrowRight as Hy, PiLineSegment as Ky, PiFastForward as Rv, PiImage as Pv, PiSquare as Ov, PiBoundingBox as Tv, PiSpinnerGap as Iv, PiArrowsOutLineVertical as Mv, PiArrowsInLineVertical as Zy, PiEraser as qv, PiLineVerticalThin as Ar, PiDownloadSimpleFill as $v, PiWarningCircle as Nv, PiGraph as Jy, PiTable as Lv, PiTreeStructure as jv, PiArrowLeft as zv, PiPushPinFill as Fv, PiPushPin as Dv, PiMinus as Bv, PiMagnifyingGlassPlus as Vv, PiSelectionPlus as Wv, PiHandGrabbing as Gv, PiPencilSimpleLine as Uv, PiBracketsSquare as Hv, PiAlignCenterHorizontal as Kv, PiCircleFill as Ju, PiPlusBold as Nu, PiMinusBold as Pl } from "react-icons/pi";
 import { keyframes as Yy } from "@emotion/react";
 import Ln from "@emotion/styled";
@@ -18,7 +18,7 @@ function Yv({
   threshold: o = 80
 }) {
   const [i, s] = re(!1), [a, u] = re(!1), c = ue(n);
-  return c.current = n, qe(() => {
+  return c.current = n, Le(() => {
     if (!t) return;
     const l = () => {
       const f = document.querySelectorAll(
@@ -40,7 +40,7 @@ function Yv({
     }), document.addEventListener("toggle", l, !0), l(), () => {
       d.disconnect(), document.removeEventListener("toggle", l, !0);
     };
-  }, [t]), qe(() => {
+  }, [t]), Le(() => {
     const l = (f) => {
       var y;
       const h = (y = r.current) == null ? void 0 : y.getBoundingClientRect();
@@ -56,7 +56,7 @@ function Yv({
     };
   }, [e, r, o]), t && (i || a);
 }
-const pn = "#8c8c8d";
+const pn = "#c6c6c6";
 function Lu(e, t = 0.2) {
   const r = e.replace(/^#/, ""), n = parseInt(r, 16);
   let o = n >> 16 & 255, i = n >> 8 & 255, s = n & 255;
@@ -324,92 +324,92 @@ function r0({
   edges: n = [],
   children: o
 }) {
-  const i = Le(() => {
+  const i = Ne(() => {
     var Ge, mr, Q;
-    const oe = /* @__PURE__ */ new Map();
-    for (const j of r) (Ge = j.data) != null && Ge.id && oe.set(j.data.id, j);
+    const ie = /* @__PURE__ */ new Map();
+    for (const j of r) (Ge = j.data) != null && Ge.id && ie.set(j.data.id, j);
     const We = /* @__PURE__ */ new Map();
     for (const j of n) (mr = j.data) != null && mr.id && We.set(j.data.id, j);
     const rr = /* @__PURE__ */ new Set();
     for (const j of r) (Q = j.data) != null && Q.parent && rr.add(j.data.parent);
-    return { nodeById: oe, edgeById: We, parentIds: rr };
+    return { nodeById: ie, edgeById: We, parentIds: rr };
   }, [r, n]), s = ue(null), [a, u] = re([]), [c, l] = re(null), [d, f] = re(!0), [h, g] = re(!1), [p, m] = re(!0), [w, y] = re(!1), [x, v] = re(!1), [C, S] = re(!0), [E, O] = re(!1), [A, M] = re("auto"), [k, _] = re(!1), P = e.compactPropertyLayout ?? k, [I, q] = re({}), T = e.nodeViewModes ?? I, V = [...i.nodeById.values()].filter(
-    (oe) => {
+    (ie) => {
       var We;
-      return i.parentIds.has(oe.data.id) || ((We = oe.data.config) == null ? void 0 : We.parentContainer) || oe.data.type === "objectView" || oe.data.type === "arrayView";
+      return i.parentIds.has(ie.data.id) || ((We = ie.data.config) == null ? void 0 : We.parentContainer) || ie.data.type === "objectView" || ie.data.type === "arrayView";
     }
   ), B = !!V.length && V.every(
-    (oe) => {
+    (ie) => {
       var We, rr, Ge;
-      return i.parentIds.has(oe.data.id) || (We = oe.data.config) != null && We.parentContainer ? !!((rr = oe.data.config) != null && rr.collapsed) : T[oe.data.id] === "icon-label" || ((Ge = oe.data.config) == null ? void 0 : Ge.labelBelow) && T[oe.data.id] !== "properties";
+      return i.parentIds.has(ie.data.id) || (We = ie.data.config) != null && We.parentContainer ? !!((rr = ie.data.config) != null && rr.collapsed) : T[ie.data.id] === "icon-label" || ((Ge = ie.data.config) == null ? void 0 : Ge.labelBelow) && T[ie.data.id] !== "properties";
     }
-  ), [ce, te] = re("normal"), [Y, he] = re(), le = e.edgeRadius ?? Y, N = le !== void 0 && Number.isFinite(le) ? Math.min(500, Math.max(0, le)) : void 0, [D, W] = re(), $ = e.spacing ?? ce, X = typeof $ == "number" ? Number.isFinite($) ? Math.min(2, Math.max(0.5, $)) : 1 : $ === "compact" ? 0.5 : $ === "spacious" ? 2 : 1, ge = e.backgroundVariant ?? D ?? (e.backgroundPattern === "none" && e.backgroundColor === "transparent" ? "transparent" : e.backgroundPattern ?? "dot"), [ye, H] = re(), J = Object.prototype.hasOwnProperty.call(
+  ), [ce, te] = re("normal"), [Y, pe] = re(), le = e.edgeRadius ?? Y, N = le !== void 0 && Number.isFinite(le) ? Math.min(500, Math.max(0, le)) : void 0, [D, W] = re(), $ = e.spacing ?? ce, X = typeof $ == "number" ? Number.isFinite($) ? Math.min(2, Math.max(0.5, $)) : 1 : $ === "compact" ? 0.5 : $ === "spacious" ? 2 : 1, ye = e.backgroundVariant ?? D ?? (e.backgroundPattern === "none" && e.backgroundColor === "transparent" ? "transparent" : e.backgroundPattern ?? "dot"), [fe, H] = re(), Z = Object.prototype.hasOwnProperty.call(
     e,
     "workflowContract"
-  ) ? e.workflowContract : ye, [G, ae] = re("blue.500"), [ee, we] = re(!1), pe = ue(t);
-  pe.current = t;
-  const He = Le(() => {
-    const oe = (We) => (...rr) => {
+  ) ? e.workflowContract : fe, [G, ae] = re("blue.500"), [ee, we] = re(!1), ge = ue(t);
+  ge.current = t;
+  const He = Ne(() => {
+    const ie = (We) => (...rr) => {
       var Ge, mr;
-      return (mr = (Ge = pe.current) == null ? void 0 : Ge[We]) == null ? void 0 : mr.call(Ge, ...rr);
+      return (mr = (Ge = ge.current) == null ? void 0 : Ge[We]) == null ? void 0 : mr.call(Ge, ...rr);
     };
     return {
       // Node events
-      onNodeSelect: oe("onNodeSelect"),
-      onBackgroundClick: oe("onBackgroundClick"),
-      onNodeDeselect: oe("onNodeDeselect"),
-      onNodeDoubleClick: oe("onNodeDoubleClick"),
-      onNodeViewToggle: oe("onNodeViewToggle"),
-      onNodeTypeViewChange: oe("onNodeTypeViewChange"),
-      onNodeCreate: oe("onNodeCreate"),
-      onNodeCreateRequest: oe("onNodeCreateRequest"),
-      onNodeDelete: oe("onNodeDelete"),
-      onNodeLabelChange: oe("onNodeLabelChange"),
-      onNodeContentChange: oe("onNodeContentChange"),
-      onNodeCollapse: oe("onNodeCollapse"),
-      onNodeColorChange: oe("onNodeColorChange"),
-      onNodeBorderColorChange: oe("onNodeBorderColorChange"),
-      onNodeBorderStyleChange: oe("onNodeBorderStyleChange"),
-      onNodeBorderWidthChange: oe("onNodeBorderWidthChange"),
-      onNodeBorderRadiusChange: oe("onNodeBorderRadiusChange"),
-      onNodeIconChange: oe("onNodeIconChange"),
-      onNodeOutlineChange: oe("onNodeOutlineChange"),
-      onNodeAnimationChange: oe("onNodeAnimationChange"),
-      onNodeAnimationVariantChange: oe("onNodeAnimationVariantChange"),
-      onEdgeAnimationVariantChange: oe("onEdgeAnimationVariantChange"),
-      onNodeHoverAction: oe("onNodeHoverAction"),
+      onNodeSelect: ie("onNodeSelect"),
+      onBackgroundClick: ie("onBackgroundClick"),
+      onNodeDeselect: ie("onNodeDeselect"),
+      onNodeDoubleClick: ie("onNodeDoubleClick"),
+      onNodeViewToggle: ie("onNodeViewToggle"),
+      onNodeTypeViewChange: ie("onNodeTypeViewChange"),
+      onNodeCreate: ie("onNodeCreate"),
+      onNodeCreateRequest: ie("onNodeCreateRequest"),
+      onNodeDelete: ie("onNodeDelete"),
+      onNodeLabelChange: ie("onNodeLabelChange"),
+      onNodeContentChange: ie("onNodeContentChange"),
+      onNodeCollapse: ie("onNodeCollapse"),
+      onNodeColorChange: ie("onNodeColorChange"),
+      onNodeBorderColorChange: ie("onNodeBorderColorChange"),
+      onNodeBorderStyleChange: ie("onNodeBorderStyleChange"),
+      onNodeBorderWidthChange: ie("onNodeBorderWidthChange"),
+      onNodeBorderRadiusChange: ie("onNodeBorderRadiusChange"),
+      onNodeIconChange: ie("onNodeIconChange"),
+      onNodeOutlineChange: ie("onNodeOutlineChange"),
+      onNodeAnimationChange: ie("onNodeAnimationChange"),
+      onNodeAnimationVariantChange: ie("onNodeAnimationVariantChange"),
+      onEdgeAnimationVariantChange: ie("onEdgeAnimationVariantChange"),
+      onNodeHoverAction: ie("onNodeHoverAction"),
       // Edge events
-      onEdgeCreate: oe("onEdgeCreate"),
-      onEdgeSelect: oe("onEdgeSelect"),
-      onEdgeDeselect: oe("onEdgeDeselect"),
-      onEdgeRemove: oe("onEdgeRemove"),
-      onEdgeDelete: oe("onEdgeDelete"),
-      onEdgeColorChange: oe("onEdgeColorChange"),
-      onEdgeTypeChange: oe("onEdgeTypeChange"),
-      onEdgeIconChange: oe("onEdgeIconChange"),
-      onEdgeLabelChange: oe("onEdgeLabelChange"),
-      onEdgeStyleChange: oe("onEdgeStyleChange"),
+      onEdgeCreate: ie("onEdgeCreate"),
+      onEdgeSelect: ie("onEdgeSelect"),
+      onEdgeDeselect: ie("onEdgeDeselect"),
+      onEdgeRemove: ie("onEdgeRemove"),
+      onEdgeDelete: ie("onEdgeDelete"),
+      onEdgeColorChange: ie("onEdgeColorChange"),
+      onEdgeTypeChange: ie("onEdgeTypeChange"),
+      onEdgeIconChange: ie("onEdgeIconChange"),
+      onEdgeLabelChange: ie("onEdgeLabelChange"),
+      onEdgeStyleChange: ie("onEdgeStyleChange"),
       // Diagram events
-      onViewportChange: oe("onViewportChange"),
-      onDirectionChange: oe("onDirectionChange"),
-      onThemeColorChange: oe("onThemeColorChange"),
-      onSpacingChange: oe("onSpacingChange"),
-      onEdgeRadiusChange: oe("onEdgeRadiusChange"),
-      onBackgroundVariantChange: oe("onBackgroundVariantChange"),
-      onEdgeModeChange: oe("onEdgeModeChange"),
-      onCompactPropertyLayoutChange: oe("onCompactPropertyLayoutChange"),
-      onWorkflowContractChange: oe("onWorkflowContractChange"),
-      onArrayModeChange: oe("onArrayModeChange"),
-      onInit: oe("onInit"),
-      onLayoutComplete: oe("onLayoutComplete"),
-      onJsonChange: oe("onJsonChange")
+      onViewportChange: ie("onViewportChange"),
+      onDirectionChange: ie("onDirectionChange"),
+      onThemeColorChange: ie("onThemeColorChange"),
+      onSpacingChange: ie("onSpacingChange"),
+      onEdgeRadiusChange: ie("onEdgeRadiusChange"),
+      onBackgroundVariantChange: ie("onBackgroundVariantChange"),
+      onEdgeModeChange: ie("onEdgeModeChange"),
+      onCompactPropertyLayoutChange: ie("onCompactPropertyLayoutChange"),
+      onWorkflowContractChange: ie("onWorkflowContractChange"),
+      onArrayModeChange: ie("onArrayModeChange"),
+      onInit: ie("onInit"),
+      onLayoutComplete: ie("onLayoutComplete"),
+      onJsonChange: ie("onJsonChange")
     };
-  }, []), K = e.themeColor || G, [de, Ce] = re(""), je = e.edgeColor ?? de, Fe = e.colorMode || "light", Je = e.direction || "LR", or = e.nodeAlignment ?? "center", Ke = e.edgeMode === "workflow" ? "nodes" : e.edgeMode ?? A, xe = e.readOnly ?? !1, _e = JSON.stringify(e.parentNodeStyle ?? null), Ye = Le(
+  }, []), K = e.themeColor || G, [de, Ce] = re(""), je = e.edgeColor ?? de, Fe = e.colorMode || "light", Je = e.direction || "LR", or = e.nodeAlignment ?? "center", Ke = e.edgeMode === "workflow" ? "nodes" : e.edgeMode ?? A, xe = e.readOnly ?? !1, _e = JSON.stringify(e.parentNodeStyle ?? null), Ye = Ne(
     () => e.parentNodeStyle,
     [_e]
   ), tr = e.isZoomMode !== void 0 ? e.isZoomMode : d, pr = e.isMultiSelectMode !== void 0 ? e.isMultiSelectMode : h, ir = e.isEdgeHandlesEnabled !== void 0 ? e.isEdgeHandlesEnabled : w, hr = e.isDragMode !== void 0 ? e.isDragMode : p, Ee = ue(e);
   Ee.current = e;
-  const Ct = Le(
+  const Ct = Ne(
     () => ({
       get direction() {
         return Ee.current.direction;
@@ -513,46 +513,46 @@ function r0({
     }),
     []
   ), br = Xe(
-    (oe, We) => {
+    (ie, We) => {
       var rr;
       if (We !== "default" && We !== "properties" && We !== "icon-label")
         throw new Error("Unknown node view mode.");
       q(
-        (Ge) => Ge[oe] === We ? Ge : { ...Ge, [oe]: We }
-      ), (rr = t.onNodeViewModeChange) == null || rr.call(t, oe, We);
+        (Ge) => Ge[ie] === We ? Ge : { ...Ge, [ie]: We }
+      ), (rr = t.onNodeViewModeChange) == null || rr.call(t, ie, We);
     },
     [t.onNodeViewModeChange]
-  ), Bt = Le(
+  ), Bt = Ne(
     () => ({
       allNodesIconLabel: B,
-      setAllNodesIconLabel: (oe) => {
+      setAllNodesIconLabel: (ie) => {
         var We, rr, Ge, mr, Q;
-        if (!oe)
-          for (const [j, Z] of Object.entries(T))
-            Z === "icon-label" && !i.nodeById.has(j) && br(j, "default");
+        if (!ie)
+          for (const [j, J] of Object.entries(T))
+            J === "icon-label" && !i.nodeById.has(j) && br(j, "default");
         for (const j of V)
-          i.parentIds.has(j.data.id) || (We = j.data.config) != null && We.parentContainer ? !xe && !!((rr = j.data.config) != null && rr.collapsed) !== oe && ((Ge = t.onNodeCollapse) == null || Ge.call(t, j.data.id, oe)) : br(
+          i.parentIds.has(j.data.id) || (We = j.data.config) != null && We.parentContainer ? !xe && !!((rr = j.data.config) != null && rr.collapsed) !== ie && ((Ge = t.onNodeCollapse) == null || Ge.call(t, j.data.id, ie)) : br(
             j.data.id,
-            oe ? "icon-label" : (mr = j.data.config) != null && mr.labelBelow ? "properties" : "default"
+            ie ? "icon-label" : (mr = j.data.config) != null && mr.labelBelow ? "properties" : "default"
           );
-        (Q = t.onAllNodesIconLabelChange) == null || Q.call(t, oe);
+        (Q = t.onAllNodesIconLabelChange) == null || Q.call(t, ie);
       },
       nodeViewModes: T,
       setNodeViewMode: br,
       spacing: X,
       setSpacing: te,
       edgeRadius: N,
-      setEdgeRadius: he,
-      backgroundVariant: ge,
+      setEdgeRadius: pe,
+      backgroundVariant: ye,
       setBackgroundVariant: W,
       themeColor: K,
       setThemeColor: ae,
       backgroundSelected: ee,
       setBackgroundSelected: we,
       edgeColor: je,
-      setEdgeColor: (oe) => {
+      setEdgeColor: (ie) => {
         var We;
-        Ce(oe), (We = t.onGraphEdgeColorChange) == null || We.call(t, oe);
+        Ce(ie), (We = t.onGraphEdgeColorChange) == null || We.call(t, ie);
       },
       colorMode: Fe,
       direction: Je,
@@ -561,7 +561,7 @@ function r0({
       setEdgeMode: M,
       compactPropertyLayout: P,
       setCompactPropertyLayout: _,
-      workflowContract: J,
+      workflowContract: Z,
       setWorkflowContract: H,
       parentNodeStyle: Ye,
       selectedNodeIds: a,
@@ -598,7 +598,7 @@ function r0({
       t.onNodeViewModeChange,
       K,
       X,
-      ge,
+      ye,
       N,
       e.backgroundColor,
       ee,
@@ -607,7 +607,7 @@ function r0({
       Je,
       or,
       Ke,
-      J,
+      Z,
       Ye,
       a,
       c,
@@ -1018,7 +1018,7 @@ function Mw(e) {
 var Rr = Mw(function(e, t, r) {
   return e + (r ? " " : "") + W0(t);
 });
-function Ne({
+function $e({
   label: e,
   children: t
 }) {
@@ -1055,7 +1055,7 @@ function kn() {
     }
   );
 }
-function Pr({
+function Or({
   children: e,
   value: t,
   onValueChange: r,
@@ -1070,7 +1070,7 @@ function Pr({
 }) {
   var k;
   const { colorMode: d } = Ve(), { background: f, border: h, colorText: g, colorInactive: p } = nr(), m = d === "dark", w = pt(), y = ue(null), x = ue(null), [v, C] = re(!1);
-  qe(() => {
+  Le(() => {
     const _ = x.current;
     _.setAttribute("popover", "auto");
     const P = (I) => C(I.newState === "open");
@@ -1108,7 +1108,7 @@ function Pr({
       '[aria-selected="true"]:not(:disabled)'
     )) ?? (_ == null ? void 0 : _[0])) == null || ce.focus();
   };
-  qe(() => {
+  Le(() => {
     if (v) {
       if (n) {
         E();
@@ -1121,7 +1121,7 @@ function Pr({
   }, [v, n]);
   const M = `var(--chakra-colors-${f.replace(".", "-")})`;
   return /* @__PURE__ */ z(Re, { children: [
-    /* @__PURE__ */ b(Ne, { label: i ?? c, children: /* @__PURE__ */ b(
+    /* @__PURE__ */ b($e, { label: i ?? c, children: /* @__PURE__ */ b(
       lt.button,
       {
         ...l,
@@ -1288,7 +1288,7 @@ const Fu = {
   );
 }), gn = Hu(function(t, r) {
   const { themeColor: n } = Ve();
-  return /* @__PURE__ */ b(Ne, { label: "Close", children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ b($e, { label: "Close", children: /* @__PURE__ */ b(
     Se,
     {
       ref: r,
@@ -1310,7 +1310,7 @@ function Xu({
   disabled: o
 }) {
   const { themeColor: i, readOnly: s } = Ve(), { colorInactive: a } = nr();
-  return /* @__PURE__ */ b(Ne, { label: e, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ b($e, { label: e, children: /* @__PURE__ */ b(
     Se,
     {
       "aria-label": e,
@@ -1318,7 +1318,7 @@ function Xu({
       icon: /* @__PURE__ */ z(Re, { children: [
         t,
         /* @__PURE__ */ b(
-          qr,
+          $r,
           {
             as: "span",
             fontSize: "16px",
@@ -1487,7 +1487,7 @@ function Lw() {
   return /* @__PURE__ */ z(Re, { children: [
     /* @__PURE__ */ b(kn, {}),
     /* @__PURE__ */ b(
-      Pr,
+      Or,
       {
         "aria-label": "Node spacing",
         title: `Spacing: ${Math.round(e * 100)}%`,
@@ -1517,7 +1517,7 @@ function Lw() {
     ),
     /* @__PURE__ */ b(kn, {}),
     /* @__PURE__ */ b(
-      Pr,
+      Or,
       {
         "aria-label": "Edge radius",
         title: `Edge radius: ${r ?? "Default"}`,
@@ -1547,7 +1547,7 @@ function Lw() {
     ),
     /* @__PURE__ */ b(kn, {}),
     /* @__PURE__ */ z(
-      Pr,
+      Or,
       {
         "aria-label": "Background variant",
         title: `Background: ${Fl[o].label}`,
@@ -2869,7 +2869,7 @@ function rn(e) {
       value: n.value
     }));
 }
-function Mr(e, t, r) {
+function qr(e, t, r) {
   if (t === void 0 || t === "")
     return r ? "Required" : void 0;
   if (e.kind === "json") {
@@ -2886,16 +2886,16 @@ function Mr(e, t, r) {
     return o(t) ? void 0 : "Expected a JSON value";
   }
   if (e.kind === "union")
-    return e.types.some((n) => !Mr(n, t, !0)) ? void 0 : "Choose a valid value";
+    return e.types.some((n) => !qr(n, t, !0)) ? void 0 : "Choose a valid value";
   if (e.kind === "literal")
     return t === e.value ? void 0 : "Choose a valid value";
   if (e.kind === "array")
-    return Array.isArray(t) && t.every((n) => !Mr(e.items, n, !0)) ? void 0 : "Invalid list value";
+    return Array.isArray(t) && t.every((n) => !qr(e.items, n, !0)) ? void 0 : "Invalid list value";
   if (e.kind === "object")
     return !t || typeof t != "object" || Array.isArray(t) ? "Expected an object" : e.additionalProperties && Object.entries(t).some(
-      ([n, o]) => !Object.prototype.hasOwnProperty.call(e.properties, n) && Mr(e.additionalProperties, o, !0)
+      ([n, o]) => !Object.prototype.hasOwnProperty.call(e.properties, n) && qr(e.additionalProperties, o, !0)
     ) ? "Invalid dictionary value" : Object.entries(e.properties).some(
-      ([n, o]) => Mr(
+      ([n, o]) => qr(
         o.type,
         t[n],
         !o.optional
@@ -2989,7 +2989,7 @@ async function rx(e) {
 }
 const Br = ({ name: e, svg: t = !1, ...r }) => {
   const [n, o] = re(null), [i, s] = re(!0), [a, u] = re(!1), c = typeof e == "string" && Kr(e);
-  if (qe(() => {
+  if (Le(() => {
     if (c || !e || e.length < 2) {
       o(null), s(!1);
       return;
@@ -3765,7 +3765,7 @@ function ux(e, t, r) {
     ([a, u]) => u.optional && s[a] === void 0 || o(u.type, s[a])
   ) && Object.entries(s).every(
     ([a, u]) => Object.prototype.hasOwnProperty.call(i.properties, a) || !i.additionalProperties || o(i.additionalProperties, u)
-  ) : s === "" ? i.kind === "string" || i.kind === "json" || i.kind === "literal" && i.value === "" : !Mr(i, s, !0);
+  ) : s === "" ? i.kind === "string" || i.kind === "json" || i.kind === "literal" && i.value === "" : !qr(i, s, !0);
   if (o(r.type, n))
     return structuredClone(n);
 }
@@ -3839,12 +3839,12 @@ function lx(e, t, r, n) {
         };
         continue;
       }
-      const Y = s.get(I) ?? cx(I), he = w.kind === "array" ? `Item ${Number(_) + 1}` : _, le = {
+      const Y = s.get(I) ?? cx(I), pe = w.kind === "array" ? `Item ${Number(_) + 1}` : _, le = {
         address: I,
         owner: l,
         field: _,
         type: P.type,
-        label: he,
+        label: pe,
         nodeId: Y,
         present: q !== void 0
       };
@@ -3869,8 +3869,8 @@ function lx(e, t, r, n) {
         data: {
           id: Y,
           type: "objectView",
-          label: he,
-          headerTitle: he,
+          label: pe,
+          headerTitle: pe,
           description: {},
           config: {
             form: !0,
@@ -3982,7 +3982,7 @@ function dx({
         m.length > 1 && /* @__PURE__ */ z("label", { children: [
           "Value type",
           /* @__PURE__ */ b("span", { "data-form-select": "", style: { display: "block" }, children: /* @__PURE__ */ b(
-            Pr,
+            Or,
             {
               "aria-label": "Value type",
               disabled: g,
@@ -4112,7 +4112,7 @@ function dx({
                   children: [
                     "New value type",
                     /* @__PURE__ */ b("span", { "data-form-select": "", style: { display: "block" }, children: /* @__PURE__ */ z(
-                      Pr,
+                      Or,
                       {
                         "aria-label": "New value type",
                         value: c,
@@ -4314,13 +4314,13 @@ function Jl({
   value: n,
   disabled: o
 }) {
-  var ae, ee, we, pe, He;
+  var ae, ee, we, ge, He;
   const {
     callbacks: i,
     structured: s,
     references: a
   } = Nr(Vr), { themeColor: u } = Ve(), { background: c } = nr(), l = pt(), d = t.type.kind === "object" || t.type.kind === "array" || t.type.kind === "json", f = n === void 0 ? "" : d ? JSON.stringify(n, null, 2) : String(n), [h, g] = re(f), [p, m] = re(""), [w, y] = re(0), x = ue(null), v = ue(), [C, S] = re(!1), [E, O] = re(!1), [A, M] = re(), k = ((ae = r.$options) == null ? void 0 : ae.$source) === "callback", _ = i.resolveFormOptions, { data: P, address: I, nodeAddress: q, nodeId: T } = e;
-  qe(() => (S(!1), O(!1), () => {
+  Le(() => (S(!1), O(!1), () => {
     var K;
     (K = v.current) == null || K.abort(), v.current = void 0;
   }), [
@@ -4338,13 +4338,13 @@ function Jl({
   const B = JSON.stringify([
     I,
     T,
-    (pe = r.$options) != null && pe.$dependsOn ? r.$options.$dependsOn.map(
+    (ge = r.$options) != null && ge.$dependsOn ? r.$options.$dependsOn.map(
       (K) => Ae(P, K)
     ) : Ae(P, q)
   ]);
-  qe(() => {
+  Le(() => {
     g(f), m("");
-  }, [f, I, T]), qe(() => {
+  }, [f, I, T]), Le(() => {
     if (!k) return;
     const K = new AbortController();
     return Promise.resolve().then(() => {
@@ -4373,7 +4373,7 @@ function Jl({
   const ce = k && (A == null ? void 0 : A.key) !== B, te = k ? (A == null ? void 0 : A.key) === B ? A.options : [] : t.type.kind === "null" ? [{ label: "Null", value: null }] : t.type.kind === "boolean" ? [
     { label: "Yes", value: !0 },
     { label: "No", value: !1 }
-  ] : rn(t.type), Y = t.type.kind === "array", he = (r.$control === "upload" ? "upload" : s && d || r.$control === "checkbox" ? "pills" : r.$control) ?? (te ? Y || t.type.kind === "boolean" ? "pills" : "select" : t.type.kind === "boolean" ? "checkbox" : d ? "textarea" : "input"), le = !t.optional || !!r.$requiredWhen && Bn(r.$requiredWhen, P), N = le ? "Required" : "Optional", D = he !== "upload" && !!(a != null && a.length) && typeof n == "string" && n.includes("{{"), W = p || k && (A == null ? void 0 : A.key) === B && A.error || !D && Mr(t.type, n, le), $ = Rr(r.$label ?? I.split(".").pop()), X = (K) => {
+  ] : rn(t.type), Y = t.type.kind === "array", pe = (r.$control === "upload" ? "upload" : s && d || r.$control === "checkbox" ? "pills" : r.$control) ?? (te ? Y || t.type.kind === "boolean" ? "pills" : "select" : t.type.kind === "boolean" ? "checkbox" : d ? "textarea" : "input"), le = !t.optional || !!r.$requiredWhen && Bn(r.$requiredWhen, P), N = le ? "Required" : "Optional", D = pe !== "upload" && !!(a != null && a.length) && typeof n == "string" && n.includes("{{"), W = p || k && (A == null ? void 0 : A.key) === B && A.error || !D && qr(t.type, n, le), $ = Rr(r.$label ?? I.split(".").pop()), X = (K) => {
     var de;
     if (!(o || Object.is(K, n)))
       try {
@@ -4387,14 +4387,14 @@ function Jl({
           Ce instanceof Error ? Ce.message : "Unable to update field"
         );
       }
-  }, ge = ue(X);
-  $r(() => {
-    ge.current = X;
+  }, ye = ue(X);
+  Pr(() => {
+    ye.current = X;
   });
-  const ye = () => {
+  const fe = () => {
     if (d) {
       try {
-        const je = h === "" && t.optional ? void 0 : JSON.parse(h), Fe = Mr(t.type, je, le);
+        const je = h === "" && t.optional ? void 0 : JSON.parse(h), Fe = qr(t.type, je, le);
         if (Fe) {
           m(Fe);
           return;
@@ -4405,7 +4405,7 @@ function Jl({
       }
       return;
     }
-    const K = t.type.kind === "number" || t.type.kind === "integer", de = h === "" && t.optional ? void 0 : K && h !== "" ? Number(h) : h, Ce = Mr(t.type, de, le);
+    const K = t.type.kind === "number" || t.type.kind === "integer", de = h === "" && t.optional ? void 0 : K && h !== "" ? Number(h) : h, Ce = qr(t.type, de, le);
     if (K && Ce && h !== "") {
       m(Ce);
       return;
@@ -4455,9 +4455,9 @@ function Jl({
       );
       if (de.signal.aborted || v.current !== de)
         return;
-      const Ke = Y ? [...Array.isArray(n) ? n : [], ...or] : or[0], xe = Mr(t.type, Ke, le);
+      const Ke = Y ? [...Array.isArray(n) ? n : [], ...or] : or[0], xe = qr(t.type, Ke, le);
       if (xe) throw new Error(xe);
-      ge.current(Ke);
+      ye.current(Ke);
     } catch (Je) {
       de.signal.aborted || m(
         Je instanceof Error ? Je.message : "Unable to upload file."
@@ -4465,7 +4465,7 @@ function Jl({
     } finally {
       v.current === de && (v.current = void 0, S(!1));
     }
-  }, J = {
+  }, Z = {
     id: l,
     disabled: o,
     "aria-label": $,
@@ -4518,7 +4518,7 @@ function Jl({
             ]
           }
         ),
-        !!(a != null && a.length) && !d && he !== "upload" && /* @__PURE__ */ b(
+        !!(a != null && a.length) && !d && pe !== "upload" && /* @__PURE__ */ b(
           ax,
           {
             label: $,
@@ -4528,7 +4528,7 @@ function Jl({
             onChange: X
           }
         ),
-        he === "upload" ? /* @__PURE__ */ z(
+        pe === "upload" ? /* @__PURE__ */ z(
           "div",
           {
             "data-form-upload": Y ? "multiple" : "single",
@@ -4623,7 +4623,7 @@ function Jl({
                 (Y || !n) && /* @__PURE__ */ b(
                   "button",
                   {
-                    ...J,
+                    ...Z,
                     type: "button",
                     "data-upload-drop": "",
                     title: `Upload ${$}`,
@@ -4639,10 +4639,10 @@ function Jl({
               C && /* @__PURE__ */ b("span", { role: "status", children: "Uploading..." })
             ]
           }
-        ) : D ? null : he === "select" ? /* @__PURE__ */ b("div", { "data-form-select": "", children: /* @__PURE__ */ z(
-          Pr,
+        ) : D ? null : pe === "select" ? /* @__PURE__ */ b("div", { "data-form-select": "", children: /* @__PURE__ */ z(
+          Or,
           {
-            ...J,
+            ...Z,
             disabled: o || ce || !!(A != null && A.error),
             labelCase: "preserve",
             value: String(
@@ -4657,13 +4657,13 @@ function Jl({
               te == null ? void 0 : te.map((K, de) => /* @__PURE__ */ b("option", { value: de, children: Rr(K.label) || K.label }, de))
             ]
           }
-        ) }) : he === "pills" ? /* @__PURE__ */ z(
+        ) }) : pe === "pills" ? /* @__PURE__ */ z(
           "div",
           {
             id: l,
             role: "group",
             "aria-label": $,
-            "aria-describedby": J["aria-describedby"],
+            "aria-describedby": Z["aria-describedby"],
             style: { display: "flex", flexWrap: "wrap", gap: 8 },
             children: [
               te == null ? void 0 : te.map((K, de) => {
@@ -4694,27 +4694,27 @@ function Jl({
               ce && /* @__PURE__ */ b("span", { role: "status", children: "Loading..." })
             ]
           }
-        ) : he === "textarea" ? /* @__PURE__ */ b(
+        ) : pe === "textarea" ? /* @__PURE__ */ b(
           "textarea",
           {
-            ...J,
+            ...Z,
             placeholder: N,
             value: h,
             onChange: (K) => g(K.target.value),
-            onBlur: ye
+            onBlur: fe
           }
         ) : /* @__PURE__ */ b(
           "input",
           {
-            ...J,
+            ...Z,
             placeholder: N,
             type: t.type.kind === "number" || t.type.kind === "integer" ? "number" : "text",
             step: t.type.kind === "integer" ? 1 : "any",
             value: h,
             onChange: (K) => g(K.target.value),
-            onBlur: ye,
+            onBlur: fe,
             onKeyDown: (K) => {
-              K.key === "Enter" && ye(), K.key === "Escape" && g(n === void 0 ? "" : String(n));
+              K.key === "Enter" && fe(), K.key === "Escape" && g(n === void 0 ? "" : String(n));
             }
           }
         ),
@@ -4862,7 +4862,7 @@ function $b({
 }) {
   var i;
   return /* @__PURE__ */ z(
-    Pr,
+    Or,
     {
       "aria-label": e,
       title: `Animation: ${((i = r.find((s) => s.value === t)) == null ? void 0 : i.label) ?? "Mixed"}`,
@@ -4888,28 +4888,28 @@ function Nb({
   onOpenChange: o
 }) {
   const { callbacks: i, readOnly: s, themeColor: a, colorMode: u } = Ve(), { background: c, backgroundSecondary: l, border: d, colorText: f, colorInactive: h } = nr(), g = u === "dark" ? pn : ve(h), p = ue(null), m = ue(null), w = ue(0), [y, x] = re(!1), [v, C] = re("icons"), [S, E] = re([]), [O, A] = re("loading"), [M, k] = re(""), [_, P] = re(0), [I, q] = re(""), [T, V] = re(""), [B, ce] = re(!1);
-  qe(
+  Le(
     () => () => {
       w.current++;
     },
     []
-  ), qe(() => {
+  ), Le(() => {
     if (!y) return;
     let $ = !0;
     return import("react-icons/pi").then((X) => {
       $ && (E(
-        Object.keys(X).filter((ge) => ge.startsWith("Pi")).sort()
+        Object.keys(X).filter((ye) => ye.startsWith("Pi")).sort()
       ), A("ready"));
     }).catch(() => {
       $ && A("unavailable");
     }), () => {
       $ = !1;
     };
-  }, [y]), qe(() => {
+  }, [y]), Le(() => {
     var $;
     s && (($ = p.current) == null || $.close());
-  }, [s]), qe(() => {
-    var $, X, ge;
+  }, [s]), Le(() => {
+    var $, X, ye;
     if (n !== void 0) {
       if (!n || s) {
         ($ = p.current) == null || $.close();
@@ -4919,17 +4919,17 @@ function Nb({
         r === "PiFileSvg" || r && Kr(r) ? "custom" : "icons"
       ), q(
         r && !r.startsWith(tn) && Kr(r) ? r : ""
-      ), x(!0), (ge = p.current) == null || ge.showModal());
+      ), x(!0), (ye = p.current) == null || ye.showModal());
     }
   }, [n, s, r]);
   const te = ($) => {
-    var X, ge, ye;
-    s || (t ? (X = i.onEdgeIconChange) == null || X.call(i, t, $) : e && ((ge = i.onNodeIconChange) == null || ge.call(i, e, $)), o == null || o(!1), (ye = p.current) == null || ye.close());
+    var X, ye, fe;
+    s || (t ? (X = i.onEdgeIconChange) == null || X.call(i, t, $) : e && ((ye = i.onNodeIconChange) == null || ye.call(i, e, $)), o == null || o(!1), (fe = p.current) == null || fe.close());
   }, Y = S.filter(
     ($) => $.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase().includes(M.trim().toLowerCase())
-  ), he = 36, le = Math.max(1, Math.ceil(Y.length / he)), N = Math.min(_, le - 1), D = Y.slice(
-    N * he,
-    (N + 1) * he
+  ), pe = 36, le = Math.max(1, Math.ceil(Y.length / pe)), N = Math.min(_, le - 1), D = Y.slice(
+    N * pe,
+    (N + 1) * pe
   ), W = {
     width: "100%",
     padding: "8px 14px",
@@ -4940,7 +4940,7 @@ function Nb({
   };
   return /* @__PURE__ */ z(Re, { children: [
     n === void 0 && /* @__PURE__ */ b(
-      Ne,
+      $e,
       {
         label: t ? "Choose edge icon" : "Choose node icon",
         children: /* @__PURE__ */ b(
@@ -5011,7 +5011,7 @@ function Nb({
                       gap: 4
                     },
                     children: [
-                      r && /* @__PURE__ */ b(Ne, { label: "Remove icon", children: /* @__PURE__ */ b(
+                      r && /* @__PURE__ */ b($e, { label: "Remove icon", children: /* @__PURE__ */ b(
                         Se,
                         {
                           "aria-label": t ? "Remove edge icon" : "Remove node icon",
@@ -5085,20 +5085,20 @@ function Nb({
                     hidden: !0,
                     disabled: B || s,
                     onChange: async ($) => {
-                      var ye;
-                      const X = (ye = $.target.files) == null ? void 0 : ye[0];
+                      var fe;
+                      const X = (fe = $.target.files) == null ? void 0 : fe[0];
                       if ($.target.value = "", !X) return;
-                      const ge = ++w.current;
+                      const ye = ++w.current;
                       ce(!0), V("");
                       try {
                         const H = await rx(X);
-                        ge === w.current && te(H);
+                        ye === w.current && te(H);
                       } catch (H) {
-                        ge === w.current && V(
+                        ye === w.current && V(
                           H instanceof Error ? H.message : "Unable to read SVG."
                         );
                       } finally {
-                        ge === w.current && ce(!1);
+                        ye === w.current && ce(!1);
                       }
                     }
                   }
@@ -5179,7 +5179,7 @@ function Nb({
                               le
                             ] }),
                             /* @__PURE__ */ z("div", { style: { display: "flex", gap: 4 }, children: [
-                              /* @__PURE__ */ b(Ne, { label: "Previous icons", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: "Previous icons", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Previous icons",
@@ -5190,7 +5190,7 @@ function Nb({
                                   onClick: () => P(N - 1)
                                 }
                               ) }),
-                              /* @__PURE__ */ b(Ne, { label: "Next icons", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: "Next icons", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Next icons",
@@ -5255,7 +5255,7 @@ function Nb({
                                 style: { ...W, flex: 1, minWidth: 0 }
                               }
                             ),
-                            /* @__PURE__ */ b(Ne, { label: "Apply URL", children: /* @__PURE__ */ b(
+                            /* @__PURE__ */ b($e, { label: "Apply URL", children: /* @__PURE__ */ b(
                               Se,
                               {
                                 type: "submit",
@@ -5322,7 +5322,7 @@ function It({
   onCommit: s
 }) {
   const { colorText: a } = nr(), [u, c] = re(e), l = ue(!1);
-  qe(() => c(e), [e]);
+  Le(() => c(e), [e]);
   const d = () => {
     if (l.current) return;
     l.current = !0;
@@ -5379,7 +5379,7 @@ function hn({
         h.key === "Escape" && (c(!1), (g = d.current) == null || g.focus());
       },
       children: [
-        /* @__PURE__ */ b(Ne, { label: `${r}: ${f}`, children: /* @__PURE__ */ b(
+        /* @__PURE__ */ b($e, { label: `${r}: ${f}`, children: /* @__PURE__ */ b(
           lt.button,
           {
             ref: d,
@@ -5412,7 +5412,7 @@ function hn({
             ])
           ].map((h) => {
             const g = t === h;
-            return /* @__PURE__ */ b(Ne, { label: `${r}: ${h}`, children: /* @__PURE__ */ b(
+            return /* @__PURE__ */ b($e, { label: `${r}: ${h}`, children: /* @__PURE__ */ b(
               ke,
               {
                 as: "button",
@@ -5440,7 +5440,7 @@ function hn({
               }
             ) }, h);
           }),
-          o && /* @__PURE__ */ b(Ne, { label: `Reset ${r.toLowerCase()}`, children: /* @__PURE__ */ b(
+          o && /* @__PURE__ */ b($e, { label: `Reset ${r.toLowerCase()}`, children: /* @__PURE__ */ b(
             Se,
             {
               "aria-label": `Reset ${r}`,
@@ -5497,7 +5497,7 @@ function px({
     ] }),
     u("style") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
-      f.map((g) => /* @__PURE__ */ b(Ne, { label: g.label, children: /* @__PURE__ */ b(
+      f.map((g) => /* @__PURE__ */ b($e, { label: g.label, children: /* @__PURE__ */ b(
         Se,
         {
           "aria-label": `Edge style ${g.key}`,
@@ -5529,7 +5529,7 @@ function px({
         }
       ),
       /* @__PURE__ */ z(
-        Pr,
+        Or,
         {
           "aria-label": "Edge shape",
           title: `Edge shape: ${(c == null ? void 0 : c.type) ?? "Default"}`,
@@ -5585,7 +5585,7 @@ function px({
     ] }),
     u("delete") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
-      /* @__PURE__ */ b(Ne, { label: "Delete edge", children: /* @__PURE__ */ b(
+      /* @__PURE__ */ b($e, { label: "Delete edge", children: /* @__PURE__ */ b(
         Se,
         {
           "aria-label": "Delete edge",
@@ -5624,7 +5624,7 @@ function gx({
         display: "grid",
         placeItems: "center",
         children: /* @__PURE__ */ z(
-          Pr,
+          Or,
           {
             icon: /* @__PURE__ */ b(
               Te,
@@ -5680,42 +5680,42 @@ function yx({
   ids: e,
   onClose: t
 }) {
-  var le, N, D, W, $, X, ge, ye;
+  var le, N, D, W, $, X, ye, fe;
   const { callbacks: r, colorMode: n, themeColor: o, config: i, setNodeViewMode: s } = Ve(), { colorText: a, colorInactive: u } = nr(), { nodeById: c, parentIds: l } = bt(), { palette: d, show: f } = Lb(), h = e.length === 1, g = h ? (le = c.get(e[0])) == null ? void 0 : le.data : void 0, p = e.map(
     (H) => {
-      var J, G;
-      return ((G = (J = c.get(H)) == null ? void 0 : J.data.config) == null ? void 0 : G.typeView) ?? "";
+      var Z, G;
+      return ((G = (Z = c.get(H)) == null ? void 0 : Z.data.config) == null ? void 0 : G.typeView) ?? "";
     }
   ), m = p.some((H) => H !== p[0]), w = m ? "mixed" : p[0] ?? "", y = e.some((H) => {
     var G, ae;
-    const J = (G = c.get(H)) == null ? void 0 : G.data;
-    return J && (l.has(H) || ((ae = J.config) == null ? void 0 : ae.parentContainer) || Object.prototype.hasOwnProperty.call(
+    const Z = (G = c.get(H)) == null ? void 0 : G.data;
+    return Z && (l.has(H) || ((ae = Z.config) == null ? void 0 : ae.parentContainer) || Object.prototype.hasOwnProperty.call(
       i.customViews ?? {},
-      J.type
+      Z.type
     ));
   }), x = (N = g == null ? void 0 : g.config) == null ? void 0 : N.collapsed, v = qb(e[0]), C = (H) => {
-    var J, G, ae;
-    return (((G = (J = c.get(H)) == null ? void 0 : J.data.viewProps) == null ? void 0 : G.outline) ?? (l.has(H) ? (ae = i.parentNodeStyle) == null ? void 0 : ae.outline : !1)) === !0;
+    var Z, G, ae;
+    return (((G = (Z = c.get(H)) == null ? void 0 : Z.data.viewProps) == null ? void 0 : G.outline) ?? (l.has(H) ? (ae = i.parentNodeStyle) == null ? void 0 : ae.outline : !1)) === !0;
   }, S = e.every(C), E = !S && e.some(C), O = (H) => {
-    var J;
-    return ((J = c.get(H)) == null ? void 0 : J.data.isNodeAnimated) === !0;
+    var Z;
+    return ((Z = c.get(H)) == null ? void 0 : Z.data.isNodeAnimated) === !0;
   }, A = e.every(O), M = !A && e.some(O), k = e.map(
     (H) => {
-      var J;
-      return ((J = c.get(H)) == null ? void 0 : J.data.nodeAnimationVariant) ?? "traveling";
+      var Z;
+      return ((Z = c.get(H)) == null ? void 0 : Z.data.nodeAnimationVariant) ?? "traveling";
     }
   ), _ = k.every(
     (H) => H === k[0]
   ) ? k[0] : "", P = (H) => e.forEach(H), [I, q] = re(!1), T = I && f("color") && f("borderColor"), V = (H) => {
-    var J, G, ae;
-    return (((G = (J = c.get(H)) == null ? void 0 : J.data.viewProps) == null ? void 0 : G.borderStyle) ?? (l.has(H) ? (ae = i.parentNodeStyle) == null ? void 0 : ae.borderStyle : "solid")) === "dashed";
+    var Z, G, ae;
+    return (((G = (Z = c.get(H)) == null ? void 0 : Z.data.viewProps) == null ? void 0 : G.borderStyle) ?? (l.has(H) ? (ae = i.parentNodeStyle) == null ? void 0 : ae.borderStyle : "solid")) === "dashed";
   }, B = e.every(V), ce = !B && e.some(V), te = e.map((H) => {
     var ae, ee, we;
-    const J = (ae = c.get(H)) == null ? void 0 : ae.data, G = l.has(H) ? fn((ee = i.parentNodeStyle) == null ? void 0 : ee.borderWidth, 6) : (J == null ? void 0 : J.type) === "objectView" ? 3 : 2;
-    return fn((we = J == null ? void 0 : J.viewProps) == null ? void 0 : we.borderWidth, G);
-  }), Y = te.every((H) => H === te[0]) ? String(te[0] ?? "") : "", he = (H) => P((J) => {
+    const Z = (ae = c.get(H)) == null ? void 0 : ae.data, G = l.has(H) ? fn((ee = i.parentNodeStyle) == null ? void 0 : ee.borderWidth, 6) : (Z == null ? void 0 : Z.type) === "objectView" ? 3 : 2;
+    return fn((we = Z == null ? void 0 : Z.viewProps) == null ? void 0 : we.borderWidth, G);
+  }), Y = te.every((H) => H === te[0]) ? String(te[0] ?? "") : "", pe = (H) => P((Z) => {
     var G, ae;
-    T ? (G = r.onNodeBorderColorChange) == null || G.call(r, J, H) : (ae = r.onNodeColorChange) == null || ae.call(r, J, "bg", H);
+    T ? (G = r.onNodeBorderColorChange) == null || G.call(r, Z, H) : (ae = r.onNodeColorChange) == null || ae.call(r, Z, "bg", H);
   });
   return /* @__PURE__ */ z(Re, { children: [
     /* @__PURE__ */ b(gn, { onClick: t }),
@@ -5727,16 +5727,16 @@ function yx({
         placeholder: "Node label",
         value: (g == null ? void 0 : g.label) ?? (g == null ? void 0 : g.headerTitle) ?? "",
         onCommit: (H) => {
-          var J;
-          return (J = r.onNodeLabelChange) == null ? void 0 : J.call(r, e[0], H);
+          var Z;
+          return (Z = r.onNodeLabelChange) == null ? void 0 : Z.call(r, e[0], H);
         }
       }
-    ) : /* @__PURE__ */ z(qr, { fontSize: "xs", color: a, whiteSpace: "nowrap", px: 1, children: [
+    ) : /* @__PURE__ */ z($r, { fontSize: "xs", color: a, whiteSpace: "nowrap", px: 1, children: [
       e.length,
       " selected"
     ] }),
     f("typeView") && /* @__PURE__ */ z(
-      Pr,
+      Or,
       {
         "aria-label": "Type view",
         title: y ? "Type view is managed by the custom renderer or container" : `Type view: ${w || "None (default)"}`,
@@ -5745,13 +5745,13 @@ function yx({
         value: w,
         disabled: i.readOnly || i.editable === !1 || y,
         onValueChange: (H) => {
-          On.includes(H) && P((J) => {
+          On.includes(H) && P((Z) => {
             var G, ae;
             (G = r.onNodeTypeViewChange) == null || G.call(
               r,
-              J,
+              Z,
               H || void 0
-            ), s(J, "default"), (ae = r.onNodeViewToggle) == null || ae.call(r, J);
+            ), s(Z, "default"), (ae = r.onNodeViewToggle) == null || ae.call(r, Z);
           });
         },
         children: [
@@ -5764,7 +5764,7 @@ function yx({
     f("outline") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
       /* @__PURE__ */ b(
-        Ne,
+        $e,
         {
           label: S ? "Restore node fill" : "Remove node fill",
           children: /* @__PURE__ */ b(
@@ -5777,8 +5777,8 @@ function yx({
               variant: "ghost",
               color: S ? o : u,
               onClick: () => P((H) => {
-                var J;
-                return (J = r.onNodeOutlineChange) == null ? void 0 : J.call(r, H, !S);
+                var Z;
+                return (Z = r.onNodeOutlineChange) == null ? void 0 : Z.call(r, H, !S);
               })
             }
           )
@@ -5788,7 +5788,7 @@ function yx({
     f("color") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
       f("borderColor") && /* @__PURE__ */ b(
-        Ne,
+        $e,
         {
           label: T ? "Edit node colors" : "Edit node border",
           children: /* @__PURE__ */ b(
@@ -5812,13 +5812,13 @@ function yx({
           label: T ? "Border color" : "Background",
           colors: d,
           value: T ? ((D = g == null ? void 0 : g.viewProps) == null ? void 0 : D.borderColor) ?? (h && l.has(e[0]) ? (W = i.parentNodeStyle) == null ? void 0 : W.borderColor : void 0) : ($ = g == null ? void 0 : g.viewProps) == null ? void 0 : $.bgColor,
-          onPick: he,
-          onReset: () => he("")
+          onPick: pe,
+          onReset: () => pe("")
         }
       ),
       T && f("style") && /* @__PURE__ */ z(Re, { children: [
         /* @__PURE__ */ b(yr, {}),
-        /* @__PURE__ */ b(Ne, { label: B ? "Solid border" : "Dashed border", children: /* @__PURE__ */ b(
+        /* @__PURE__ */ b($e, { label: B ? "Solid border" : "Dashed border", children: /* @__PURE__ */ b(
           Se,
           {
             "aria-label": "Toggle dashed border",
@@ -5835,8 +5835,8 @@ function yx({
             color: B ? o : u,
             onClick: () => P(
               (H) => {
-                var J;
-                return (J = r.onNodeBorderStyleChange) == null ? void 0 : J.call(
+                var Z;
+                return (Z = r.onNodeBorderStyleChange) == null ? void 0 : Z.call(
                   r,
                   H,
                   B ? "solid" : "dashed"
@@ -5855,11 +5855,11 @@ function yx({
             min: 0,
             value: Y,
             onCommit: (H) => P(
-              (J) => {
+              (Z) => {
                 var G;
                 return (G = r.onNodeBorderWidthChange) == null ? void 0 : G.call(
                   r,
-                  J,
+                  Z,
                   H === "" ? void 0 : Number(H)
                 );
               }
@@ -5871,7 +5871,7 @@ function yx({
     f("animation") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
       /* @__PURE__ */ b(
-        Ne,
+        $e,
         {
           label: A ? "Stop border animation" : "Animate node border",
           children: /* @__PURE__ */ b(
@@ -5884,8 +5884,8 @@ function yx({
               variant: "ghost",
               color: A ? o : u,
               onClick: () => P((H) => {
-                var J;
-                return (J = r.onNodeAnimationChange) == null ? void 0 : J.call(r, H, !A);
+                var Z;
+                return (Z = r.onNodeAnimationChange) == null ? void 0 : Z.call(r, H, !A);
               })
             }
           )
@@ -5902,9 +5902,9 @@ function yx({
           ],
           disabled: i.readOnly,
           onChange: (H) => P(
-            (J) => {
+            (Z) => {
               var G;
-              return (G = r.onNodeAnimationVariantChange) == null ? void 0 : G.call(r, J, H);
+              return (G = r.onNodeAnimationVariantChange) == null ? void 0 : G.call(r, Z, H);
             }
           )
         }
@@ -5918,13 +5918,13 @@ function yx({
           label: "Text color",
           colors: hx,
           value: (X = g == null ? void 0 : g.viewProps) == null ? void 0 : X.textColor,
-          onPick: (H) => P((J) => {
+          onPick: (H) => P((Z) => {
             var G;
-            return (G = r.onNodeColorChange) == null ? void 0 : G.call(r, J, "text", H);
+            return (G = r.onNodeColorChange) == null ? void 0 : G.call(r, Z, "text", H);
           }),
           onReset: () => P((H) => {
-            var J;
-            return (J = r.onNodeColorChange) == null ? void 0 : J.call(r, H, "text", "");
+            var Z;
+            return (Z = r.onNodeColorChange) == null ? void 0 : Z.call(r, H, "text", "");
           })
         }
       )
@@ -5935,7 +5935,7 @@ function yx({
         Nb,
         {
           nodeId: e[0],
-          value: (ge = g == null ? void 0 : g.config) == null ? void 0 : ge.icon
+          value: (ye = g == null ? void 0 : g.config) == null ? void 0 : ye.icon
         },
         e[0]
       ),
@@ -5945,17 +5945,17 @@ function yx({
           ariaLabel: "Node icon",
           placeholder: "(e.g. PiGear)",
           width: "120px",
-          value: ((ye = g == null ? void 0 : g.config) == null ? void 0 : ye.icon) || "",
+          value: ((fe = g == null ? void 0 : g.config) == null ? void 0 : fe.icon) || "",
           onCommit: (H) => {
-            var J;
-            return (J = r.onNodeIconChange) == null ? void 0 : J.call(r, e[0], H);
+            var Z;
+            return (Z = r.onNodeIconChange) == null ? void 0 : Z.call(r, e[0], H);
           }
         }
       )
     ] }),
     h && v && f("collapse") && x !== void 0 && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
-      /* @__PURE__ */ b(Ne, { label: x ? "Expand" : "Collapse", children: /* @__PURE__ */ b(
+      /* @__PURE__ */ b($e, { label: x ? "Expand" : "Collapse", children: /* @__PURE__ */ b(
         Se,
         {
           "aria-label": x ? "Expand node" : "Collapse node",
@@ -5979,7 +5979,7 @@ function yx({
     f("delete") && /* @__PURE__ */ z(Re, { children: [
       /* @__PURE__ */ b(yr, {}),
       /* @__PURE__ */ b(
-        Ne,
+        $e,
         {
           label: h ? "Delete node" : `Delete ${e.length} nodes`,
           children: /* @__PURE__ */ b(
@@ -5993,11 +5993,11 @@ function yx({
               onClick: () => {
                 P(
                   (H) => {
-                    var J, G;
+                    var Z, G;
                     return (G = r.onNodeDelete) == null ? void 0 : G.call(
                       r,
                       H,
-                      ((J = c.get(H)) == null ? void 0 : J.data) || { id: H }
+                      ((Z = c.get(H)) == null ? void 0 : Z.data) || { id: H }
                     );
                   }
                 ), t();
@@ -6031,7 +6031,7 @@ async function mx(e, t = "squeed.svg") {
 function vx() {
   const { themeColor: e } = Ve(), [t, r] = re(!1), [n, o] = re("");
   return /* @__PURE__ */ z(Re, { children: [
-    /* @__PURE__ */ b(Ne, { label: "Download SVG (current view)", children: /* @__PURE__ */ b(
+    /* @__PURE__ */ b($e, { label: "Download SVG (current view)", children: /* @__PURE__ */ b(
       Se,
       {
         "aria-label": "Download SVG",
@@ -6069,7 +6069,7 @@ function wx({
   border: r
 }) {
   const n = ue(null), [o, i] = re({ left: !1, right: !1 });
-  $r(() => {
+  Pr(() => {
     const a = n.current, u = () => {
       const l = a.scrollLeft > 1, d = a.scrollWidth - a.clientWidth - a.scrollLeft > 1;
       i(
@@ -6244,12 +6244,12 @@ function _x({
     bindings: h,
     structured: g
   } = Nr(Vr), p = (g == null ? void 0 : g.sourceBindings) ?? h, m = (g == null ? void 0 : g.sourceSchema) ?? d, { colorText: w } = nr(), y = ue(null), x = ue(0), [v, C] = re(!1), [S, E] = re("");
-  qe(
+  Le(
     () => () => {
       x.current++;
     },
     []
-  ), qe(() => {
+  ), Le(() => {
     x.current++, C(!1);
   }, [a, l, p]);
   const O = o ? [...c.values()].filter(
@@ -6259,7 +6259,7 @@ function _x({
     /* @__PURE__ */ b(Cx, { message: S, onDismiss: () => E("") }),
     e && /* @__PURE__ */ b(kn, {}),
     /* @__PURE__ */ z(
-      Pr,
+      Or,
       {
         "aria-label": "Edge mode",
         title: r === "auto" ? "Connections: Auto" : r === "properties" ? "Connections: Properties" : "Connections: Nodes",
@@ -6287,7 +6287,7 @@ function _x({
         },
         children: [
           /* @__PURE__ */ b(
-            Ne,
+            $e,
             {
               label: o ? `Replace ${o.name}` : "Upload workflow interface",
               children: /* @__PURE__ */ b(
@@ -6383,7 +6383,7 @@ function _x({
               children: v ? "Loading interface..." : A
             }
           ),
-          !t && o && /* @__PURE__ */ b(Ne, { label: "Remove workflow interface", children: /* @__PURE__ */ b(
+          !t && o && /* @__PURE__ */ b($e, { label: "Remove workflow interface", children: /* @__PURE__ */ b(
             Se,
             {
               "aria-label": "Remove workflow interface",
@@ -6459,12 +6459,12 @@ const Sx = [
     callbacks: k,
     config: _,
     readOnly: P
-  } = Ve(), { nodeById: I, edgeById: q, parentIds: T } = bt(), V = _.colorMode === "dark", { background: B, border: ce, colorInactive: te, colorText: Y, colorActive: he } = nr(), le = V ? ce : "gray.300", N = `var(--chakra-colors-${B.replace(".", "-")})`, D = `var(--chakra-colors-${(V ? ce : "gray.300").replace(".", "-")})`, [W, $] = re(!1), [X, ge] = re(!0), ye = ue(null), H = Yv({
+  } = Ve(), { nodeById: I, edgeById: q, parentIds: T } = bt(), V = _.colorMode === "dark", { background: B, border: ce, colorInactive: te, colorText: Y, colorActive: pe } = nr(), le = V ? ce : "gray.300", N = `var(--chakra-colors-${B.replace(".", "-")})`, D = `var(--chakra-colors-${(V ? ce : "gray.300").replace(".", "-")})`, [W, $] = re(!1), [X, ye] = re(!0), fe = ue(null), H = Yv({
     edge: "bottom",
     enabled: !A,
-    bounds: ye,
-    inside: [ye]
-  }), J = Xe(
+    bounds: fe,
+    inside: [fe]
+  }), Z = Xe(
     (xe) => {
       const _e = e.current;
       if (!_e) return;
@@ -6483,21 +6483,21 @@ const Sx = [
       }
     },
     [e, _.minZoom, _.maxZoom]
-  ), G = _.renderSelectedNodeToolbar, ae = d.length > 0 && !!G, ee = Le(() => ae ? d.map((xe) => {
+  ), G = _.renderSelectedNodeToolbar, ae = d.length > 0 && !!G, ee = Ne(() => ae ? d.map((xe) => {
     var Ye;
     return { ...((Ye = I.get(xe)) == null ? void 0 : Ye.data) ?? { id: xe }, isParent: T.has(xe) };
   }) : [], [ae, d, I, T]), we = Xe(() => {
     var xe;
     f([]), (xe = k.onNodeDeselect) == null || xe.call(k);
-  }, [f, k]), pe = _.renderSelectedEdgeToolbar, He = !!h && !!pe, K = Le(() => {
+  }, [f, k]), ge = _.renderSelectedEdgeToolbar, He = !!h && !!ge, K = Ne(() => {
     var xe;
     return !He || !h ? null : ((xe = q.get(h)) == null ? void 0 : xe.data) ?? { id: h };
   }, [He, h, q]), de = Xe(() => {
     var xe;
     g(null), (xe = k.onEdgeDeselect) == null || xe.call(k);
-  }, [g, k]), Ce = _.selectionToolbar !== !1 && !P, je = Ce && !!h && !pe, Fe = Ce && !je && d.length > 0 && !G, Je = je || Fe, or = A || H || W || Je;
-  qe(() => {
-    d.length || h ? s(!1) : i && !P && (M(!0), ge(!1));
+  }, [g, k]), Ce = _.selectionToolbar !== !1 && !P, je = Ce && !!h && !ge, Fe = Ce && !je && d.length > 0 && !G, Je = je || Fe, or = A || H || W || Je;
+  Le(() => {
+    d.length || h ? s(!1) : i && !P && (M(!0), ye(!1));
   }, [
     i,
     d.length,
@@ -6531,7 +6531,7 @@ const Sx = [
         left: "50%",
         transform: "translateX(-50%)",
         zIndex: 101,
-        children: pe({
+        children: ge({
           edgeId: h,
           edgeData: K,
           onDeselect: de
@@ -6548,9 +6548,9 @@ const Sx = [
         zIndex: 100,
         w: "100%",
         children: Ke({
-          zoomIn: () => J("increase"),
-          zoomOut: () => J("decrease"),
-          resetZoom: () => J("reset"),
+          zoomIn: () => Z("increase"),
+          zoomOut: () => Z("decrease"),
+          resetZoom: () => Z("reset"),
           direction: a,
           isZoomMode: p,
           setIsZoomMode: m,
@@ -6596,7 +6596,7 @@ const Sx = [
         left: "50%",
         transform: "translateX(-50%)",
         zIndex: 101,
-        children: pe({
+        children: ge({
           edgeId: h,
           edgeData: K,
           onDeselect: de
@@ -6606,7 +6606,7 @@ const Sx = [
     /* @__PURE__ */ b(
       ke,
       {
-        ref: ye,
+        ref: fe,
         role: "toolbar",
         "aria-label": "Diagram controls",
         position: "absolute",
@@ -6670,7 +6670,7 @@ const Sx = [
                               display: je || Fe ? "none" : "contents"
                             },
                             children: [
-                              /* @__PURE__ */ b(Ne, { label: A ? "Unpin" : "Pin", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: A ? "Unpin" : "Pin", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Pin",
@@ -6698,7 +6698,7 @@ const Sx = [
                                   color: le
                                 }
                               ),
-                              /* @__PURE__ */ b(Ne, { label: "Zoom Out", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: "Zoom Out", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Zoom out",
@@ -6706,10 +6706,10 @@ const Sx = [
                                   size: "sm",
                                   variant: "ghost",
                                   color: Y,
-                                  onClick: () => J("decrease")
+                                  onClick: () => Z("decrease")
                                 }
                               ) }),
-                              /* @__PURE__ */ b(Ne, { label: "Zoom In", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: "Zoom In", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Zoom in",
@@ -6717,10 +6717,10 @@ const Sx = [
                                   size: "sm",
                                   variant: "ghost",
                                   color: Y,
-                                  onClick: () => J("increase")
+                                  onClick: () => Z("increase")
                                 }
                               ) }),
-                              /* @__PURE__ */ b(Ne, { label: "Reset Zoom", children: /* @__PURE__ */ b(
+                              /* @__PURE__ */ b($e, { label: "Reset Zoom", children: /* @__PURE__ */ b(
                                 Se,
                                 {
                                   "aria-label": "Reset zoom",
@@ -6728,7 +6728,7 @@ const Sx = [
                                   size: "sm",
                                   variant: "ghost",
                                   color: Y,
-                                  onClick: () => J("reset")
+                                  onClick: () => Z("reset")
                                 }
                               ) }),
                               !X && /* @__PURE__ */ z(Re, { children: [
@@ -6742,7 +6742,7 @@ const Sx = [
                                   }
                                 ),
                                 /* @__PURE__ */ b(
-                                  Ne,
+                                  $e,
                                   {
                                     label: p ? "Zoom Mode (z)" : "Pan Mode (z)",
                                     children: /* @__PURE__ */ b(
@@ -6774,7 +6774,7 @@ const Sx = [
                                   }
                                 ),
                                 /* @__PURE__ */ b(
-                                  Ne,
+                                  $e,
                                   {
                                     label: w ? "Multi-Select On (m)" : "Multi-Select Off (m)",
                                     children: /* @__PURE__ */ b(
@@ -6800,7 +6800,7 @@ const Sx = [
                                   }
                                 ),
                                 /* @__PURE__ */ b(
-                                  Ne,
+                                  $e,
                                   {
                                     label: x ? "Drag Mode On (d)" : "Drag Mode Off (d)",
                                     children: /* @__PURE__ */ b(
@@ -6827,7 +6827,7 @@ const Sx = [
                                     }
                                   ),
                                   /* @__PURE__ */ b(
-                                    Ne,
+                                    $e,
                                     {
                                       label: C ? "Draw Mode On" : "Draw Mode Off",
                                       children: /* @__PURE__ */ b(
@@ -6890,7 +6890,7 @@ const Sx = [
                                     }
                                   ),
                                   /* @__PURE__ */ b(
-                                    Ne,
+                                    $e,
                                     {
                                       label: E ? "Array Mode [ ]" : "Set Mode { }",
                                       children: /* @__PURE__ */ b(
@@ -6964,7 +6964,7 @@ const Sx = [
                                 }
                               ),
                               /* @__PURE__ */ b(
-                                Ne,
+                                $e,
                                 {
                                   label: X ? "Expand toolbar" : "Collapse toolbar",
                                   children: /* @__PURE__ */ b(
@@ -6981,7 +6981,7 @@ const Sx = [
                                       size: "sm",
                                       variant: "ghost",
                                       color: te,
-                                      onClick: () => ge(!X)
+                                      onClick: () => ye(!X)
                                     }
                                   )
                                 }
@@ -7008,7 +7008,7 @@ const Sx = [
                     cursor: "pointer",
                     onClick: () => $(!W),
                     children: /* @__PURE__ */ z(sr, { align: "center", h: "100%", children: [
-                      /* @__PURE__ */ b(Ne, { label: "Flow Direction", children: /* @__PURE__ */ b(
+                      /* @__PURE__ */ b($e, { label: "Flow Direction", children: /* @__PURE__ */ b(
                         Se,
                         {
                           "aria-label": "Direction",
@@ -7019,7 +7019,7 @@ const Sx = [
                         }
                       ) }),
                       /* @__PURE__ */ b(
-                        qr,
+                        $r,
                         {
                           fontSize: "xs",
                           color: V ? "whiteAlpha.600" : "blackAlpha.500",
@@ -7066,7 +7066,7 @@ const Sx = [
                               children: [
                                 /* @__PURE__ */ b(Te, { as: xe.icon, boxSize: 5, color: Y }),
                                 /* @__PURE__ */ b(
-                                  qr,
+                                  $r,
                                   {
                                     fontSize: "sm",
                                     color: Y,
@@ -7075,7 +7075,7 @@ const Sx = [
                                     children: xe.label
                                   }
                                 ),
-                                a === xe.value && /* @__PURE__ */ b(Te, { as: Rn, boxSize: 4, color: he })
+                                a === xe.value && /* @__PURE__ */ b(Te, { as: Rn, boxSize: 4, color: pe })
                               ]
                             },
                             xe.value
@@ -7106,7 +7106,7 @@ const Sx = [
                                   }
                                 ),
                                 /* @__PURE__ */ b(
-                                  qr,
+                                  $r,
                                   {
                                     fontSize: "sm",
                                     color: Y,
@@ -7115,7 +7115,7 @@ const Sx = [
                                     children: "Center"
                                   }
                                 ),
-                                a === "C" && /* @__PURE__ */ b(Te, { as: Rn, boxSize: 4, color: he })
+                                a === "C" && /* @__PURE__ */ b(Te, { as: Rn, boxSize: 4, color: pe })
                               ]
                             }
                           )
@@ -7239,7 +7239,7 @@ function Rx(e, t, r) {
     throw new Error("Form creation must target an object-array field.");
   const l = r[o.$type], d = o.$defaults ?? {};
   for (const [x, v] of Object.entries(d))
-    if (!Object.prototype.hasOwnProperty.call(l.properties, x) || Mr(
+    if (!Object.prototype.hasOwnProperty.call(l.properties, x) || qr(
       l.properties[x].type,
       v,
       !l.properties[x].optional
@@ -7575,12 +7575,12 @@ function qx({
   onComplete: o
 }) {
   const i = `flow-edge-reveal-${pt().replace(/:/g, "")}`, s = ue(null), [a, u] = re({ x: 0, y: 0, width: 1, height: 1 });
-  return qe(() => {
+  return Le(() => {
     const c = matchMedia("(prefers-reduced-motion: reduce)"), l = () => {
       c.matches && (o == null || o());
     };
     return l(), c.addEventListener("change", l), () => c.removeEventListener("change", l);
-  }, [o]), $r(() => {
+  }, [o]), Pr(() => {
     var l;
     const c = (l = s.current) == null ? void 0 : l.getBBox();
     c && u({
@@ -8313,7 +8313,7 @@ function Jx({
         height: 48,
         "data-flow-content-toggle": "",
         style: { pointerEvents: "auto" },
-        children: /* @__PURE__ */ b(Ne, { label: "Show icon", children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ b($e, { label: "Show icon", children: /* @__PURE__ */ b(
           Se,
           {
             "aria-label": "Show icon",
@@ -8497,10 +8497,10 @@ function o1({
     iconWidth: B,
     contentWidth: ce,
     contentHeight: te
-  } = Le(
+  } = Ne(
     () => Hb(A, q, T),
     [A, q, T]
-  ), Y = Le(() => {
+  ), Y = Ne(() => {
     const G = {
       srcDist: An,
       tgtDist: An,
@@ -8518,14 +8518,14 @@ function o1({
       f,
       h,
       0
-    ), we = f === void 0 && h === void 0 && (w === "downward" || w === "upward"), pe = g ?? {
+    ), we = f === void 0 && h === void 0 && (w === "downward" || w === "upward"), ge = g ?? {
       ...ee.sourcePoint,
       side: we ? w === "upward" ? "top" : "bottom" : w === "leftward" ? "left" : "right"
     }, He = p ?? {
       ...ee.targetPoint,
       side: we ? w === "upward" ? "bottom" : "top" : w === "leftward" ? "right" : "left"
     }, K = u.x === c.x && u.y === c.y, de = g || p ? Vx(
-      pe,
+      ge,
       He,
       { ...G, srcDist: 18, tgtDist: 18 },
       i
@@ -8609,7 +8609,7 @@ function o1({
     ce
   ]);
   if (!Y) return null;
-  const he = (w === "rightward" || w === "leftward") && !Object.prototype.hasOwnProperty.call(a ?? {}, i) && !(m && (f !== void 0 || h !== void 0 || g || p)), le = he ? `translate(${Y.label.x} ${Y.label.y - te / 2 - 2 * at})` : `translate(${Y.label.x} ${Y.label.y}) rotate(${Y.label.angle}) translate(${x || Object.prototype.hasOwnProperty.call(a ?? {}, i) ? 0 : Ub} 0)`, N = o != null && o.startsWith("Unverified:") ? "#b45309" : "#dc2626", D = o ? N : C, W = o ? /* @__PURE__ */ z(
+  const pe = (w === "rightward" || w === "leftward") && !Object.prototype.hasOwnProperty.call(a ?? {}, i) && !(m && (f !== void 0 || h !== void 0 || g || p)), le = pe ? `translate(${Y.label.x} ${Y.label.y - te / 2 - 2 * at})` : `translate(${Y.label.x} ${Y.label.y}) rotate(${Y.label.angle}) translate(${x || Object.prototype.hasOwnProperty.call(a ?? {}, i) ? 0 : Ub} 0)`, N = o != null && o.startsWith("Unverified:") ? "#b45309" : "#dc2626", D = o ? N : C, W = o ? /* @__PURE__ */ z(
     "g",
     {
       className: "flow-sdk-edge-validation",
@@ -8631,21 +8631,21 @@ function o1({
         )
       ]
     }
-  ) : null, $ = k && (n == null ? void 0 : n.edgeAnimationVariant) === "traveling", X = !$ && (M || k) ? t1 : void 0, ge = k && !$ ? `flow-sdk-edge-anim${_ ? " flow-sdk-edge-anim-rev" : ""}` : void 0;
-  let ye = null;
+  ) : null, $ = k && (n == null ? void 0 : n.edgeAnimationVariant) === "traveling", X = !$ && (M || k) ? t1 : void 0, ye = k && !$ ? `flow-sdk-edge-anim${_ ? " flow-sdk-edge-anim-rev" : ""}` : void 0;
+  let fe = null;
   const H = t ? {
     "--flow-edge-reveal-duration": `${t.durationMs ?? 600}ms`,
     "--flow-edge-reveal-state": t.paused ? "paused" : "running"
   } : void 0;
   if (V.length || q) {
     const G = ce, ae = te;
-    ye = /* @__PURE__ */ z(
+    fe = /* @__PURE__ */ z(
       "g",
       {
         className: `flow-sdk-edge-label${t ? " flow-sdk-edge-reveal-end" : ""}`,
         style: H,
         "data-label-transform": le,
-        "data-label-horizontal": he || void 0,
+        "data-label-horizontal": pe || void 0,
         "data-edge-id": e,
         "data-source-property": l,
         "data-target-property": d,
@@ -8719,7 +8719,7 @@ function o1({
       }
     );
   }
-  const J = /* @__PURE__ */ z(Re, { children: [
+  const Z = /* @__PURE__ */ z(Re, { children: [
     /* @__PURE__ */ b(
       "path",
       {
@@ -8729,7 +8729,7 @@ function o1({
         strokeWidth: on,
         strokeOpacity: $ ? 0.35 : void 0,
         strokeDasharray: X,
-        className: ge
+        className: ye
       }
     ),
     $ && /* @__PURE__ */ b(
@@ -8764,9 +8764,9 @@ function o1({
             width: on * 4,
             reversed: _,
             onComplete: () => r == null ? void 0 : r(e),
-            children: J
+            children: Z
           }
-        ) : J,
+        ) : Z,
         Y.arrow && /* @__PURE__ */ b(
           "path",
           {
@@ -8775,7 +8775,7 @@ function o1({
             fill: o ? N : S ?? D
           }
         ),
-        O && ye ? sn(ye, O) : ye,
+        O && fe ? sn(fe, O) : fe,
         O && W ? sn(W, O) : W,
         /* @__PURE__ */ b(
           "path",
@@ -9018,7 +9018,7 @@ function Jb() {
   return Ro = e, Ro;
 }
 var Po, wd;
-function Tr() {
+function Ir() {
   if (wd) return Po;
   wd = 1;
   var e = Jb(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
@@ -9028,7 +9028,7 @@ var Oo, xd;
 function jt() {
   if (xd) return Oo;
   xd = 1;
-  var e = Tr(), t = e.Symbol;
+  var e = Ir(), t = e.Symbol;
   return Oo = t, Oo;
 }
 var To, Cd;
@@ -9095,7 +9095,7 @@ var No, Ad;
 function m1() {
   if (Ad) return No;
   Ad = 1;
-  var e = Tr(), t = e["__core-js_shared__"];
+  var e = Ir(), t = e["__core-js_shared__"];
   return No = t, No;
 }
 var Lo, Rd;
@@ -9170,7 +9170,7 @@ var Bo, Md;
 function il() {
   if (Md) return Bo;
   Md = 1;
-  var e = vt(), t = Tr(), r = e(t, "Map");
+  var e = vt(), t = Ir(), r = e(t, "Map");
   return Bo = r, Bo;
 }
 var Vo, qd;
@@ -9497,7 +9497,7 @@ Zt.exports;
 var uf;
 function zt() {
   return uf || (uf = 1, (function(e, t) {
-    var r = Tr(), n = L1(), o = t && !t.nodeType && t, i = o && !0 && e && !e.nodeType && e, s = i && i.exports === o, a = s ? r.Buffer : void 0, u = a ? a.isBuffer : void 0, c = u || n;
+    var r = Ir(), n = L1(), o = t && !t.nodeType && t, i = o && !0 && e && !e.nodeType && e, s = i && i.exports === o, a = s ? r.Buffer : void 0, u = a ? a.isBuffer : void 0, c = u || n;
     e.exports = c;
   })(Zt, Zt.exports)), Zt.exports;
 }
@@ -9710,7 +9710,7 @@ Yt.exports;
 var Rf;
 function rm() {
   return Rf || (Rf = 1, (function(e, t) {
-    var r = Tr(), n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, i = o && o.exports === n, s = i ? r.Buffer : void 0, a = s ? s.allocUnsafe : void 0;
+    var r = Ir(), n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, i = o && o.exports === n, s = i ? r.Buffer : void 0, a = s ? s.allocUnsafe : void 0;
     function u(c, l) {
       if (l)
         return c.slice();
@@ -9849,28 +9849,28 @@ var Ui, Df;
 function H1() {
   if (Df) return Ui;
   Df = 1;
-  var e = vt(), t = Tr(), r = e(t, "DataView");
+  var e = vt(), t = Ir(), r = e(t, "DataView");
   return Ui = r, Ui;
 }
 var Hi, Bf;
 function K1() {
   if (Bf) return Hi;
   Bf = 1;
-  var e = vt(), t = Tr(), r = e(t, "Promise");
+  var e = vt(), t = Ir(), r = e(t, "Promise");
   return Hi = r, Hi;
 }
 var Ki, Vf;
 function cm() {
   if (Vf) return Ki;
   Vf = 1;
-  var e = vt(), t = Tr(), r = e(t, "Set");
+  var e = vt(), t = Ir(), r = e(t, "Set");
   return Ki = r, Ki;
 }
 var Zi, Wf;
 function Z1() {
   if (Wf) return Zi;
   Wf = 1;
-  var e = vt(), t = Tr(), r = e(t, "WeakMap");
+  var e = vt(), t = Ir(), r = e(t, "WeakMap");
   return Zi = r, Zi;
 }
 var Ji, Gf;
@@ -9911,7 +9911,7 @@ var Xi, Hf;
 function um() {
   if (Hf) return Xi;
   Hf = 1;
-  var e = Tr(), t = e.Uint8Array;
+  var e = Ir(), t = e.Uint8Array;
   return Xi = t, Xi;
 }
 var Qi, Kf;
@@ -10075,43 +10075,43 @@ var da, ah;
 function hm() {
   if (ah) return da;
   ah = 1;
-  var e = Zn(), t = sl(), r = Yn(), n = F1(), o = V1(), i = rm(), s = tm(), a = W1(), u = G1(), c = sm(), l = U1(), d = Ft(), f = J1(), h = eC(), g = fm(), p = cr(), m = zt(), w = tC(), y = Er(), x = oC(), v = rt(), C = wt(), S = 1, E = 2, O = 4, A = "[object Arguments]", M = "[object Array]", k = "[object Boolean]", _ = "[object Date]", P = "[object Error]", I = "[object Function]", q = "[object GeneratorFunction]", T = "[object Map]", V = "[object Number]", B = "[object Object]", ce = "[object RegExp]", te = "[object Set]", Y = "[object String]", he = "[object Symbol]", le = "[object WeakMap]", N = "[object ArrayBuffer]", D = "[object DataView]", W = "[object Float32Array]", $ = "[object Float64Array]", X = "[object Int8Array]", ge = "[object Int16Array]", ye = "[object Int32Array]", H = "[object Uint8Array]", J = "[object Uint8ClampedArray]", G = "[object Uint16Array]", ae = "[object Uint32Array]", ee = {};
-  ee[A] = ee[M] = ee[N] = ee[D] = ee[k] = ee[_] = ee[W] = ee[$] = ee[X] = ee[ge] = ee[ye] = ee[T] = ee[V] = ee[B] = ee[ce] = ee[te] = ee[Y] = ee[he] = ee[H] = ee[J] = ee[G] = ee[ae] = !0, ee[P] = ee[I] = ee[le] = !1;
-  function we(pe, He, K, de, Ce, je) {
+  var e = Zn(), t = sl(), r = Yn(), n = F1(), o = V1(), i = rm(), s = tm(), a = W1(), u = G1(), c = sm(), l = U1(), d = Ft(), f = J1(), h = eC(), g = fm(), p = cr(), m = zt(), w = tC(), y = Er(), x = oC(), v = rt(), C = wt(), S = 1, E = 2, O = 4, A = "[object Arguments]", M = "[object Array]", k = "[object Boolean]", _ = "[object Date]", P = "[object Error]", I = "[object Function]", q = "[object GeneratorFunction]", T = "[object Map]", V = "[object Number]", B = "[object Object]", ce = "[object RegExp]", te = "[object Set]", Y = "[object String]", pe = "[object Symbol]", le = "[object WeakMap]", N = "[object ArrayBuffer]", D = "[object DataView]", W = "[object Float32Array]", $ = "[object Float64Array]", X = "[object Int8Array]", ye = "[object Int16Array]", fe = "[object Int32Array]", H = "[object Uint8Array]", Z = "[object Uint8ClampedArray]", G = "[object Uint16Array]", ae = "[object Uint32Array]", ee = {};
+  ee[A] = ee[M] = ee[N] = ee[D] = ee[k] = ee[_] = ee[W] = ee[$] = ee[X] = ee[ye] = ee[fe] = ee[T] = ee[V] = ee[B] = ee[ce] = ee[te] = ee[Y] = ee[pe] = ee[H] = ee[Z] = ee[G] = ee[ae] = !0, ee[P] = ee[I] = ee[le] = !1;
+  function we(ge, He, K, de, Ce, je) {
     var Fe, Je = He & S, or = He & E, Ke = He & O;
-    if (K && (Fe = Ce ? K(pe, de, Ce, je) : K(pe)), Fe !== void 0)
+    if (K && (Fe = Ce ? K(ge, de, Ce, je) : K(ge)), Fe !== void 0)
       return Fe;
-    if (!y(pe))
-      return pe;
-    var xe = p(pe);
+    if (!y(ge))
+      return ge;
+    var xe = p(ge);
     if (xe) {
-      if (Fe = f(pe), !Je)
-        return s(pe, Fe);
+      if (Fe = f(ge), !Je)
+        return s(ge, Fe);
     } else {
-      var _e = d(pe), Ye = _e == I || _e == q;
-      if (m(pe))
-        return i(pe, Je);
+      var _e = d(ge), Ye = _e == I || _e == q;
+      if (m(ge))
+        return i(ge, Je);
       if (_e == B || _e == A || Ye && !Ce) {
-        if (Fe = or || Ye ? {} : g(pe), !Je)
-          return or ? u(pe, o(Fe, pe)) : a(pe, n(Fe, pe));
+        if (Fe = or || Ye ? {} : g(ge), !Je)
+          return or ? u(ge, o(Fe, ge)) : a(ge, n(Fe, ge));
       } else {
         if (!ee[_e])
-          return Ce ? pe : {};
-        Fe = h(pe, _e, Je);
+          return Ce ? ge : {};
+        Fe = h(ge, _e, Je);
       }
     }
     je || (je = new e());
-    var tr = je.get(pe);
+    var tr = je.get(ge);
     if (tr)
       return tr;
-    je.set(pe, Fe), x(pe) ? pe.forEach(function(hr) {
-      Fe.add(we(hr, He, K, hr, pe, je));
-    }) : w(pe) && pe.forEach(function(hr, Ee) {
-      Fe.set(Ee, we(hr, He, K, Ee, pe, je));
+    je.set(ge, Fe), x(ge) ? ge.forEach(function(hr) {
+      Fe.add(we(hr, He, K, hr, ge, je));
+    }) : w(ge) && ge.forEach(function(hr, Ee) {
+      Fe.set(Ee, we(hr, He, K, Ee, ge, je));
     });
-    var pr = Ke ? or ? l : c : or ? C : v, ir = xe ? void 0 : pr(pe);
-    return t(ir || pe, function(hr, Ee) {
-      ir && (Ee = hr, hr = pe[Ee]), r(Fe, Ee, we(hr, He, K, Ee, pe, je));
+    var pr = Ke ? or ? l : c : or ? C : v, ir = xe ? void 0 : pr(ge);
+    return t(ir || ge, function(hr, Ee) {
+      ir && (Ee = hr, hr = ge[Ee]), r(Fe, Ee, we(hr, He, K, Ee, ge, je));
     }), Fe;
   }
   return da = we, da;
@@ -11896,7 +11896,7 @@ function d_() {
   }, lc;
 }
 var dc, ag;
-function Or() {
+function Tr() {
   if (ag) return dc;
   ag = 1;
   var e;
@@ -12278,7 +12278,7 @@ var Dc, Ng;
 function q_() {
   if (Ng) return Dc;
   Ng = 1;
-  var e = Tr(), t = function() {
+  var e = Ir(), t = function() {
     return e.Date.now();
   };
   return Dc = t, Dc;
@@ -12573,7 +12573,7 @@ var au, ry;
 function X_() {
   if (ry) return au;
   ry = 1;
-  var e = er(), t = Or().Graph, r = Y_();
+  var e = er(), t = Tr().Graph, r = Y_();
   au = o;
   var n = e.constant(1);
   function o(c, l) {
@@ -12676,7 +12676,7 @@ var cu, ny;
 function wr() {
   if (ny) return cu;
   ny = 1;
-  var e = er(), t = Or().Graph;
+  var e = er(), t = Tr().Graph;
   cu = {
     addDummyNode: r,
     simplify: n,
@@ -12884,7 +12884,7 @@ var du, ay;
 function Km() {
   if (ay) return du;
   ay = 1;
-  var e = er(), t = Or().Graph, r = $n().slack;
+  var e = er(), t = Tr().Graph, r = $n().slack;
   du = n;
   function n(a) {
     var u = new t({ directed: !1 }), c = a.nodes()[0], l = a.nodeCount();
@@ -12919,7 +12919,7 @@ var fu, sy;
 function rS() {
   if (sy) return fu;
   sy = 1;
-  var e = er(), t = Km(), r = $n().slack, n = $n().longestPath, o = Or().alg.preorder, i = Or().alg.postorder, s = wr().simplify;
+  var e = er(), t = Km(), r = $n().slack, n = $n().longestPath, o = Tr().alg.preorder, i = Tr().alg.postorder, s = wr().simplify;
   fu = a, a.initLowLimValues = d, a.initCutValues = u, a.calcCutValue = l, a.leaveEdge = h, a.enterEdge = g, a.exchangeEdges = p;
   function a(x) {
     x = s(x), n(x);
@@ -13437,7 +13437,7 @@ var Su, vy;
 function hS() {
   if (vy) return Su;
   vy = 1;
-  var e = er(), t = Or().Graph;
+  var e = er(), t = Tr().Graph;
   Su = r;
   function r(o, i, s) {
     var a = n(o), u = new t({ compound: !0 }).setGraph({ root: a }).setDefaultNodeLabel(function(c) {
@@ -13484,7 +13484,7 @@ var ku, xy;
 function gS() {
   if (xy) return ku;
   xy = 1;
-  var e = er(), t = sS(), r = cS(), n = fS(), o = hS(), i = pS(), s = Or().Graph, a = wr();
+  var e = er(), t = sS(), r = cS(), n = fS(), o = hS(), i = pS(), s = Tr().Graph, a = wr();
   ku = u;
   function u(f) {
     var h = a.maxRank(f), g = c(f, e.range(1, h + 1), "inEdges"), p = c(f, e.range(h - 1, -1, -1), "outEdges"), m = t(f);
@@ -13523,7 +13523,7 @@ var Au, Cy;
 function yS() {
   if (Cy) return Au;
   Cy = 1;
-  var e = er(), t = Or().Graph, r = wr();
+  var e = er(), t = Tr().Graph, r = wr();
   Au = {
     positionX: g,
     findType1Conflicts: n,
@@ -13766,7 +13766,7 @@ var Pu, Sy;
 function mS() {
   if (Sy) return Pu;
   Sy = 1;
-  var e = er(), t = Q_(), r = eS(), n = tS(), o = wr().normalizeRanks, i = nS(), s = wr().removeEmptyRanks, a = oS(), u = iS(), c = aS(), l = gS(), d = bS(), f = wr(), h = Or().Graph;
+  var e = er(), t = Q_(), r = eS(), n = tS(), o = wr().normalizeRanks, i = nS(), s = wr().removeEmptyRanks, a = oS(), u = iS(), c = aS(), l = gS(), d = bS(), f = wr(), h = Tr().Graph;
   Pu = g;
   function g(N, D) {
     var W = D && D.debugTiming ? f.time : f.notime;
@@ -13860,17 +13860,17 @@ function mS() {
     return D.setGraph(e.merge(
       {},
       y,
-      he(W, w),
+      pe(W, w),
       e.pick(W, x)
     )), e.forEach(N.nodes(), function($) {
       var X = le(N.node($));
-      D.setNode($, e.defaults(he(X, v), C)), D.setParent($, N.parent($));
+      D.setNode($, e.defaults(pe(X, v), C)), D.setParent($, N.parent($));
     }), e.forEach(N.edges(), function($) {
       var X = le(N.edge($));
       D.setEdge($, e.merge(
         {},
         E,
-        he(X, S),
+        pe(X, S),
         e.pick(X, O)
       ));
     }), D;
@@ -13886,8 +13886,8 @@ function mS() {
     e.forEach(N.edges(), function(D) {
       var W = N.edge(D);
       if (W.width && W.height) {
-        var $ = N.node(D.v), X = N.node(D.w), ge = { rank: (X.rank - $.rank) / 2 + $.rank, e: D };
-        f.addDummyNode(N, "edge-proxy", ge, "_ep");
+        var $ = N.node(D.v), X = N.node(D.w), ye = { rank: (X.rank - $.rank) / 2 + $.rank, e: D };
+        f.addDummyNode(N, "edge-proxy", ye, "_ep");
       }
     });
   }
@@ -13905,17 +13905,17 @@ function mS() {
     });
   }
   function I(N) {
-    var D = Number.POSITIVE_INFINITY, W = 0, $ = Number.POSITIVE_INFINITY, X = 0, ge = N.graph(), ye = ge.marginx || 0, H = ge.marginy || 0;
-    function J(G) {
-      var ae = G.x, ee = G.y, we = G.width, pe = G.height;
-      D = Math.min(D, ae - we / 2), W = Math.max(W, ae + we / 2), $ = Math.min($, ee - pe / 2), X = Math.max(X, ee + pe / 2);
+    var D = Number.POSITIVE_INFINITY, W = 0, $ = Number.POSITIVE_INFINITY, X = 0, ye = N.graph(), fe = ye.marginx || 0, H = ye.marginy || 0;
+    function Z(G) {
+      var ae = G.x, ee = G.y, we = G.width, ge = G.height;
+      D = Math.min(D, ae - we / 2), W = Math.max(W, ae + we / 2), $ = Math.min($, ee - ge / 2), X = Math.max(X, ee + ge / 2);
     }
     e.forEach(N.nodes(), function(G) {
-      J(N.node(G));
+      Z(N.node(G));
     }), e.forEach(N.edges(), function(G) {
       var ae = N.edge(G);
-      e.has(ae, "x") && J(ae);
-    }), D -= ye, $ -= H, e.forEach(N.nodes(), function(G) {
+      e.has(ae, "x") && Z(ae);
+    }), D -= fe, $ -= H, e.forEach(N.nodes(), function(G) {
       var ae = N.node(G);
       ae.x -= D, ae.y -= $;
     }), e.forEach(N.edges(), function(G) {
@@ -13923,12 +13923,12 @@ function mS() {
       e.forEach(ae.points, function(ee) {
         ee.x -= D, ee.y -= $;
       }), e.has(ae, "x") && (ae.x -= D), e.has(ae, "y") && (ae.y -= $);
-    }), ge.width = W - D + ye, ge.height = X - $ + H;
+    }), ye.width = W - D + fe, ye.height = X - $ + H;
   }
   function q(N) {
     e.forEach(N.edges(), function(D) {
-      var W = N.edge(D), $ = N.node(D.v), X = N.node(D.w), ge, ye;
-      W.points ? (ge = W.points[0], ye = W.points[W.points.length - 1]) : (W.points = [], ge = X, ye = $), W.points.unshift(f.intersectRect($, ge)), W.points.push(f.intersectRect(X, ye));
+      var W = N.edge(D), $ = N.node(D.v), X = N.node(D.w), ye, fe;
+      W.points ? (ye = W.points[0], fe = W.points[W.points.length - 1]) : (W.points = [], ye = X, fe = $), W.points.unshift(f.intersectRect($, ye)), W.points.push(f.intersectRect(X, fe));
     });
   }
   function T(N) {
@@ -13954,8 +13954,8 @@ function mS() {
   function B(N) {
     e.forEach(N.nodes(), function(D) {
       if (N.children(D).length) {
-        var W = N.node(D), $ = N.node(W.borderTop), X = N.node(W.borderBottom), ge = N.node(e.last(W.borderLeft)), ye = N.node(e.last(W.borderRight));
-        W.width = Math.abs(ye.x - ge.x), W.height = Math.abs(X.y - $.y), W.x = ge.x + W.width / 2, W.y = $.y + W.height / 2;
+        var W = N.node(D), $ = N.node(W.borderTop), X = N.node(W.borderBottom), ye = N.node(e.last(W.borderLeft)), fe = N.node(e.last(W.borderRight));
+        W.width = Math.abs(fe.x - ye.x), W.height = Math.abs(X.y - $.y), W.x = ye.x + W.width / 2, W.y = $.y + W.height / 2;
       }
     }), e.forEach(N.nodes(), function(D) {
       N.node(D).dummy === "border" && N.removeNode(D);
@@ -13973,18 +13973,18 @@ function mS() {
     var D = f.buildLayerMatrix(N);
     e.forEach(D, function(W) {
       var $ = 0;
-      e.forEach(W, function(X, ge) {
-        var ye = N.node(X);
-        ye.order = ge + $, e.forEach(ye.selfEdges, function(H) {
+      e.forEach(W, function(X, ye) {
+        var fe = N.node(X);
+        fe.order = ye + $, e.forEach(fe.selfEdges, function(H) {
           f.addDummyNode(N, "selfedge", {
             width: H.label.width,
             height: H.label.height,
-            rank: ye.rank,
-            order: ge + ++$,
+            rank: fe.rank,
+            order: ye + ++$,
             e: H.e,
             label: H.label
           }, "_se");
-        }), delete ye.selfEdges;
+        }), delete fe.selfEdges;
       });
     });
   }
@@ -13992,18 +13992,18 @@ function mS() {
     e.forEach(N.nodes(), function(D) {
       var W = N.node(D);
       if (W.dummy === "selfedge") {
-        var $ = N.node(W.e.v), X = $.x + $.width / 2, ge = $.y, ye = W.x - X, H = $.height / 2;
+        var $ = N.node(W.e.v), X = $.x + $.width / 2, ye = $.y, fe = W.x - X, H = $.height / 2;
         N.setEdge(W.e, W.label), N.removeNode(D), W.label.points = [
-          { x: X + 2 * ye / 3, y: ge - H },
-          { x: X + 5 * ye / 6, y: ge - H },
-          { x: X + ye, y: ge },
-          { x: X + 5 * ye / 6, y: ge + H },
-          { x: X + 2 * ye / 3, y: ge + H }
+          { x: X + 2 * fe / 3, y: ye - H },
+          { x: X + 5 * fe / 6, y: ye - H },
+          { x: X + fe, y: ye },
+          { x: X + 5 * fe / 6, y: ye + H },
+          { x: X + 2 * fe / 3, y: ye + H }
         ], W.label.x = W.x, W.label.y = W.y;
       }
     });
   }
-  function he(N, D) {
+  function pe(N, D) {
     return e.mapValues(e.pick(N, D), Number);
   }
   function le(N) {
@@ -14018,7 +14018,7 @@ var Ou, Ey;
 function vS() {
   if (Ey) return Ou;
   Ey = 1;
-  var e = er(), t = wr(), r = Or().Graph;
+  var e = er(), t = wr(), r = Tr().Graph;
   Ou = {
     debugOrdering: n
   };
@@ -14044,7 +14044,7 @@ function wS() {
 var Iu, Ay;
 function xS() {
   return Ay || (Ay = 1, Iu = {
-    graphlib: Or(),
+    graphlib: Tr(),
     layout: mS(),
     debug: vS(),
     util: {
@@ -14259,7 +14259,7 @@ function kS({
   children: E
 }) {
   const O = ue(null), [A, M] = re([]), k = c ?? A, [_, P] = re();
-  return $r(() => {
+  return Pr(() => {
     const I = O.current;
     if (!I) return;
     const q = () => {
@@ -14273,15 +14273,15 @@ function kS({
     T.observe(I);
     const V = I.querySelector("[data-flow-node-surface]");
     return V && T.observe(V), () => T.disconnect();
-  }, [e, E, S]), $r(() => (i(e, O.current), () => {
+  }, [e, E, S]), Pr(() => (i(e, O.current), () => {
     i(e, null), S == null || S(e, void 0);
-  }), [e, i, S]), $r(() => {
+  }), [e, i, S]), Pr(() => {
     const I = O.current;
     if (!I) return;
     let q = "";
     const T = () => {
-      const te = ES(I), Y = y ? te : te.filter((le) => le.anchor), he = JSON.stringify(Y);
-      he !== q && (q = he, M(Y), C == null || C(e, Y));
+      const te = ES(I), Y = y ? te : te.filter((le) => le.anchor), pe = JSON.stringify(Y);
+      pe !== q && (q = pe, M(Y), C == null || C(e, Y));
     };
     if (T(), !y && !I.querySelector("[data-flow-port-side]")) return;
     const V = new ResizeObserver(T), B = () => {
@@ -14392,7 +14392,7 @@ function RS(e, t, r) {
   const [n, o] = re(() => ({
     nodes: /* @__PURE__ */ new Set(),
     edges: /* @__PURE__ */ new Set()
-  })), i = Le(() => {
+  })), i = Ne(() => {
     const a = new Set(e.map((h) => h.id)), u = t.filter((h) => a.has(h.source) && a.has(h.target)).map((h) => ({
       id: h.id,
       source: h.inverted ? h.target : h.source,
@@ -14416,7 +14416,7 @@ function RS(e, t, r) {
     }
     return { nodes: l, edges: d, ready: f };
   }, [e, t, r, n]);
-  $r(() => {
+  Pr(() => {
     o((a) => {
       const u = r ? i : { nodes: /* @__PURE__ */ new Set(), edges: /* @__PURE__ */ new Set() }, c = (l, d) => l.size === d.size && [...l].every((f) => d.has(f));
       return c(a.nodes, u.nodes) && c(a.edges, u.edges) ? a : { nodes: u.nodes, edges: u.edges };
@@ -14599,19 +14599,19 @@ function $S(e) {
     dragMode: w,
     multiSelect: y,
     isPerformanceMode: x
-  } = e, [v, C] = re(null), S = Le(
+  } = e, [v, C] = re(null), S = Ne(
     () => v ? (v.mode === "connections" ? od : Xl)(
       v.id,
       t,
       r
     ) : null,
     [v, t, r]
-  ), E = i === "auto" || i === "properties", O = Le(
+  ), E = i === "auto" || i === "properties", O = Ne(
     () => r.filter(
       (R) => Wu(R, i) && (!S || S.has(R.source) && S.has(R.target))
     ),
     [r, i, S]
-  ), A = Le(
+  ), A = Ne(
     () => e1(
       t,
       r,
@@ -14624,19 +14624,19 @@ function $S(e) {
   M.current = A;
   const k = ue(e);
   k.current = e;
-  const _ = ue(null), P = ue(null), I = ue(null), q = ue(null), T = Le(
+  const _ = ue(null), P = ue(null), I = ue(null), q = ue(null), T = Ne(
     () => new PS(h, d, f),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  qe(() => {
+  Le(() => {
     T.minZoom = d, T.maxZoom = f;
   }, [T, d, f]);
-  const V = ue(/* @__PURE__ */ new Map()), B = ue(/* @__PURE__ */ new Map()), ce = ue(/* @__PURE__ */ new Map()), te = ue(null), [Y, he] = re(
+  const V = ue(/* @__PURE__ */ new Map()), B = ue(/* @__PURE__ */ new Map()), ce = ue(/* @__PURE__ */ new Map()), te = ue(null), [Y, pe] = re(
     /* @__PURE__ */ new Map()
   ), le = Xe(
     (R, L) => {
-      he((F) => {
+      pe((F) => {
         if (JSON.stringify(F.get(R)) === JSON.stringify(L))
           return F;
         const U = new Map(F);
@@ -14653,49 +14653,49 @@ function $S(e) {
       const U = new Map(F);
       return L.length ? U.set(R, L) : U.delete(R), U;
     });
-  }, []), [X, ge] = re(
+  }, []), [X, ye] = re(
     () => /* @__PURE__ */ new Map()
-  ), ye = ue(X);
-  ye.current = X;
-  const H = ue(/* @__PURE__ */ new Map()), J = ue(!1), [G, ae] = re(0), ee = ue(), we = ue(), pe = ue(null), He = ue(), K = ue(!1), de = ue(null), Ce = ue(c), je = s, Fe = ue(je), [Je, or] = re(!0), Ke = ue(null);
+  ), fe = ue(X);
+  fe.current = X;
+  const H = ue(/* @__PURE__ */ new Map()), Z = ue(!1), [G, ae] = re(0), ee = ue(), we = ue(), ge = ue(null), He = ue(), K = ue(!1), de = ue(null), Ce = ue(c), je = s, Fe = ue(je), [Je, or] = re(!0), Ke = ue(null);
   Ke.current = S;
   const xe = ue(1);
   xe.current = (v == null ? void 0 : v.mode) === "connections" ? 1.25 : 1;
   const _e = ue(null), Ye = ue(t), tr = ue([]), pr = ue(!1), ir = () => {
-    pe.current !== null && cancelAnimationFrame(pe.current), pe.current = null, clearTimeout(He.current);
+    ge.current !== null && cancelAnimationFrame(ge.current), ge.current = null, clearTimeout(He.current);
   }, hr = () => {
-    tr.current.length && (pr.current = !0), !J.current && k.current.fitOnInit !== !1 && (K.current = !0), clearTimeout(we.current), we.current = setTimeout(() => {
-      J.current = !0, ae((R) => R + 1);
+    tr.current.length && (pr.current = !0), !Z.current && k.current.fitOnInit !== !1 && (K.current = !0), clearTimeout(we.current), we.current = setTimeout(() => {
+      Z.current = fe.current.size > 0, ae((R) => R + 1);
     }, IS);
   }, Ee = (R) => {
     ir();
-    const L = new Map(ye.current), F = performance.now(), U = () => {
-      ir(), ge(R), hr();
-    }, ie = (be) => {
-      const $e = Math.min(1, (be - F) / Oy);
-      if ($e >= 1) return U();
-      const Be = qS($e), ne = /* @__PURE__ */ new Map();
-      R.forEach((se, fe) => {
-        const me = L.get(fe);
-        ne.set(
-          fe,
+    const L = new Map(fe.current), F = performance.now(), U = () => {
+      ir(), ye(R), hr();
+    }, ne = (be) => {
+      const qe = Math.min(1, (be - F) / Oy);
+      if (qe >= 1) return U();
+      const Be = qS(qe), oe = /* @__PURE__ */ new Map();
+      R.forEach((se, he) => {
+        const me = L.get(he);
+        oe.set(
+          he,
           me ? { x: me.x + (se.x - me.x) * Be, y: me.y + (se.y - me.y) * Be } : se
         );
-      }), ge(ne), pe.current = requestAnimationFrame(ie);
+      }), ye(oe), ge.current = requestAnimationFrame(ne);
     };
-    pe.current = requestAnimationFrame(ie), He.current = setTimeout(U, Oy + 100);
+    ge.current = requestAnimationFrame(ne), He.current = setTimeout(U, Oy + 100);
   }, Ct = () => {
     const R = k.current, L = xe.current, F = M.current, U = F.nodes.map((be) => {
-      const $e = V.current.get(be.id) || Mu;
-      return { id: be.id, parent: be.parent, width: $e.w, height: $e.h };
+      const qe = V.current.get(be.id) || Mu;
+      return { id: be.id, parent: be.parent, width: qe.w, height: qe.h };
     });
-    let ie;
+    let ne;
     try {
-      const be = R.compactPropertyLayout, $e = R.edgeMode !== "nodes" && R.edgeMode !== "workflow", Be = F.edges.map((ne) => ({
-        ...ne,
-        connectorClearance: be ? $e && (ne.sourceProperty !== void 0 || ne.targetProperty !== void 0) ? Qx : Xx : 0
+      const be = R.compactPropertyLayout, qe = R.edgeMode !== "nodes" && R.edgeMode !== "workflow", Be = F.edges.map((oe) => ({
+        ...oe,
+        connectorClearance: be ? qe && (oe.sourceProperty !== void 0 || oe.targetProperty !== void 0) ? Qx : Xx : 0
       }));
-      ie = _S(U, Be, {
+      ne = _S(U, Be, {
         edgeLabelFontSize: R.edgeMode === "nodes" || R.edgeMode === "workflow" ? Gb : qn,
         rankDir: R.direction,
         compact: be,
@@ -14710,16 +14710,16 @@ function $S(e) {
       console.warn("[flow-sdk] layout failed", be);
       return;
     }
-    for (const [be, $e] of H.current)
-      ie.has(be) ? ie.set(be, $e) : R.nodes.some((Be) => Be.id === be) || H.current.delete(be);
-    J.current && !R.isPerformanceMode ? Ee(ie) : (ir(), ge(ie), hr());
+    for (const [be, qe] of H.current)
+      ne.has(be) ? ne.set(be, qe) : R.nodes.some((Be) => Be.id === be) || H.current.delete(be);
+    Z.current && !R.isPerformanceMode ? Ee(ne) : (ir(), ye(ne), hr());
   }, br = Xe(() => {
     clearTimeout(we.current), clearTimeout(ee.current), ee.current = setTimeout(
       Ct,
       k.current.layoutDebounce
     );
   }, []);
-  qe(() => {
+  Le(() => {
     const R = new Map(
       Ye.current.map((L) => [L.id, L])
     );
@@ -14728,7 +14728,7 @@ function $S(e) {
         var F;
         return ((F = R.get(L.id)) == null ? void 0 : F.collapsed) === !0 && !L.collapsed;
       }
-    ) && (tr.current = t.filter((L) => !R.has(L.id)).map((L) => L.id)), Ye.current = t, Ce.current !== c && ye.current.size > 0 && (J.current = !0, K.current = !1, clearTimeout(we.current)), Ce.current = c, Fe.current !== je && (K.current = !de.current), Fe.current = je, br();
+    ) && (tr.current = t.filter((L) => !R.has(L.id)).map((L) => L.id)), Ye.current = t, Ce.current !== c && fe.current.size > 0 && (Z.current = !0, K.current = !1, clearTimeout(we.current)), Ce.current = c, Fe.current !== je && (K.current = !de.current), Fe.current = je, br();
   }, [
     t,
     r,
@@ -14742,7 +14742,7 @@ function $S(e) {
     br,
     c,
     l
-  ]), qe(
+  ]), Le(
     () => () => {
       clearTimeout(ee.current), clearTimeout(we.current), ir();
     },
@@ -14751,45 +14751,45 @@ function $S(e) {
   const Bt = Xe(
     (R, L) => {
       var F, U;
-      if (!te.current && typeof ResizeObserver < "u" && (te.current = new ResizeObserver((ie) => {
+      if (!te.current && typeof ResizeObserver < "u" && (te.current = new ResizeObserver((ne) => {
         let be = !1;
-        for (const $e of ie) {
-          const Be = ce.current.get($e.target);
+        for (const qe of ne) {
+          const Be = ce.current.get(qe.target);
           if (!Be) continue;
-          const ne = $e.target, se = ne.offsetWidth, fe = ne.offsetHeight;
-          if (!se && !fe) continue;
+          const oe = qe.target, se = oe.offsetWidth, he = oe.offsetHeight;
+          if (!se && !he) continue;
           const me = V.current.get(Be);
-          me && me.w === se && me.h === fe || (V.current.set(Be, { w: se, h: fe }), be = !0);
+          me && me.w === se && me.h === he || (V.current.set(Be, { w: se, h: he }), be = !0);
         }
         be && br();
       })), L) {
         B.current.set(R, L), ce.current.set(L, R), (F = te.current) == null || F.observe(L);
-        const ie = L.offsetWidth, be = L.offsetHeight;
-        (ie || be) && V.current.set(R, { w: ie, h: be });
+        const ne = L.offsetWidth, be = L.offsetHeight;
+        (ne || be) && V.current.set(R, { w: ne, h: be });
       } else {
-        const ie = B.current.get(R);
-        ie && ((U = te.current) == null || U.unobserve(ie), ce.current.delete(ie)), B.current.delete(R), V.current.delete(R), W.current.has(R) && $(R, []);
+        const ne = B.current.get(R);
+        ne && ((U = te.current) == null || U.unobserve(ne), ce.current.delete(ne)), B.current.delete(R), V.current.delete(R), W.current.has(R) && $(R, []);
       }
       br();
     },
     [br, $]
   );
-  qe(() => () => {
+  Le(() => () => {
     var R;
     return (R = te.current) == null ? void 0 : R.disconnect();
   }, []);
-  const oe = Le(() => {
+  const ie = Ne(() => {
     const R = /* @__PURE__ */ new Map();
     for (const L of t) L.label && R.set(L.id, L.label);
     return R;
-  }, [t]), We = Le(
+  }, [t]), We = Ne(
     () => SS(
       A.nodes,
       X,
       V.current,
       (R) => g(R).padding,
       (R) => {
-        const L = oe.get(R);
+        const L = ie.get(R);
         if (!L) return;
         const F = g(R);
         return { w: Wn(
@@ -14798,17 +14798,17 @@ function $S(e) {
         ) + 2 * MS, h: 0 };
       }
     ),
-    [A.nodes, X, g, oe]
+    [A.nodes, X, g, ie]
   ), rr = ue(We);
   rr.current = We;
   const Ge = Xe((R) => {
     const L = rr.current.get(R);
     if (L) return jx(L);
-    const F = ye.current.get(R);
+    const F = fe.current.get(R);
     if (!F) return;
     const U = V.current.get(R) || Mu;
     return { x: F.x, y: F.y, w: U.w, h: U.h };
-  }, []), mr = Le(() => {
+  }, []), mr = Ne(() => {
     const R = /* @__PURE__ */ new Map();
     for (const L of t) {
       const F = Ge(L.id);
@@ -14833,25 +14833,25 @@ function $S(e) {
   ]);
   W.current = mr;
   const Q = (R, L) => {
-    var ie;
+    var ne;
     if (!E || L === void 0) return;
-    const F = (ie = mr.get(R)) == null ? void 0 : ie.find((be) => be.property === L), U = Ge(R);
+    const F = (ne = mr.get(R)) == null ? void 0 : ne.find((be) => be.property === L), U = Ge(R);
     return F && !F.anchor && U ? U.y - U.h / 2 + F.top + F.height / 2 : void 0;
   }, j = (R, L) => {
-    var ie, be;
+    var ne, be;
     if (L === void 0) return;
-    const F = (be = (ie = mr.get(R)) == null ? void 0 : ie.find(($e) => $e.property === L)) == null ? void 0 : be.anchor, U = Ge(R);
+    const F = (be = (ne = mr.get(R)) == null ? void 0 : ne.find((qe) => qe.property === L)) == null ? void 0 : be.anchor, U = Ge(R);
     return F && U ? {
       x: U.x - U.w / 2 + F.x,
       y: U.y - U.h / 2 + F.y,
       side: F.side
     } : void 0;
-  }, Z = (R, L) => {
+  }, J = (R, L) => {
     const F = Ge(R), U = Y.get(R);
     return F && U && !We.has(R) && Q(R, L) === void 0 ? nn(F, U) : F;
   }, Pe = () => {
     const R = [];
-    ye.current.forEach((L, F) => {
+    fe.current.forEach((L, F) => {
       if (rr.current.has(F)) return;
       const U = V.current.get(F) || Mu;
       R.push(kt({ x: L.x, y: L.y, w: U.w, h: U.h }));
@@ -14880,7 +14880,7 @@ function $S(e) {
       `translate(${R.x} ${R.y}) scale(${L})`
     );
   };
-  qe(() => {
+  Le(() => {
     Ie();
     let R = null, L;
     const F = T.onChange(() => {
@@ -14890,32 +14890,32 @@ function $S(e) {
         () => U.classList.remove("flow-sdk-busy"),
         150
       )), R === null && (R = requestAnimationFrame(() => {
-        var ie, be;
-        R = null, (be = (ie = k.current).onViewportChange) == null || be.call(ie, T.state);
+        var ne, be;
+        R = null, (be = (ne = k.current).onViewportChange) == null || be.call(ne, T.state);
       }));
     });
     return () => {
       F(), clearTimeout(L), R !== null && cancelAnimationFrame(R);
     };
-  }, []), $r(() => {
+  }, []), Pr(() => {
     const R = _.current;
     if (!R) return;
     const L = () => {
-      let U = R.clientWidth, ie = R.clientHeight;
-      ie || (ie = Math.max(
+      let U = R.clientWidth, ne = R.clientHeight;
+      ne || (ne = Math.max(
         0,
         window.innerHeight - R.getBoundingClientRect().top - 100
-      ), ie && (R.style.height = `${ie}px`)), U || (U = window.innerWidth, U && (R.style.width = `${U}px`)), T.size = { w: U, h: ie };
+      ), ne && (R.style.height = `${ne}px`)), U || (U = window.innerWidth, U && (R.style.width = `${U}px`)), T.size = { w: U, h: ne }, !Z.current && !fe.current.size && k.current.fitOnInit !== !1 && (T.set({ x: U / 2, y: ne / 2 }), Ie());
     };
     if (L(), typeof ResizeObserver > "u") return;
     const F = new ResizeObserver(L);
     return F.observe(R), () => F.disconnect();
-  }, [T]), qe(() => {
+  }, [T]), Pr(() => {
     if (pr.current) {
       pr.current = !1;
       const L = tr.current.flatMap((U) => {
-        const ie = Ge(U);
-        return ie ? [kt(ie)] : [];
+        const ne = Ge(U);
+        return ne ? [kt(ne)] : [];
       });
       tr.current = [];
       const F = go(L);
@@ -14927,12 +14927,12 @@ function $S(e) {
     if (!K.current) return;
     K.current = !1;
     const R = Pe();
-    R && T.fit(R, 50, k.current.animateViewport);
+    R && (T.fit(R, 50, Z.current && k.current.animateViewport), Z.current || Ie());
   }, [X]);
-  const Oe = Le(() => {
-    const R = (ne) => Xl(ne, k.current.nodes, k.current.edges), L = (ne, se = 50, fe = k.current.animateViewport, me = 1) => {
+  const Oe = Ne(() => {
+    const R = (oe) => Xl(oe, k.current.nodes, k.current.edges), L = (oe, se = 50, he = k.current.animateViewport, me = 1) => {
       const ur = go(
-        [...ne].flatMap((nt) => {
+        [...oe].flatMap((nt) => {
           const ot = Ge(nt);
           return ot ? [kt(ot)] : [];
         })
@@ -14940,116 +14940,116 @@ function $S(e) {
       ur && (K.current = !1, T.fit(
         ur,
         Number.isFinite(se) ? Math.max(0, se) : 50,
-        fe,
+        he,
         me
       ));
-    }, F = (ne, se, fe, me) => {
+    }, F = (oe, se, he, me) => {
       var nt;
-      if (!Ge(ne)) return;
-      const ur = se === "connections" ? ie(ne) : R(ne);
+      if (!Ge(oe)) return;
+      const ur = se === "connections" ? ne(oe) : R(oe);
       if (se === "connections" && xe.current === 1.25 && ((nt = Ke.current) == null ? void 0 : nt.size) === ur.size && [...ur].every((ot) => Ke.current.has(ot))) {
-        C({ id: ne, mode: se });
+        C({ id: oe, mode: se });
         return;
       }
       _e.current || (_e.current = {
         pan: { ...T.pan },
         zoom: T.zoom
-      }), Ke.current = ur, k.current.compactPropertyLayout && (K.current = !1, de.current = () => L(Ke.current ?? ur, fe, me)), C({ id: ne, mode: se }), k.current.compactPropertyLayout || L(ur, fe, me);
-    }, U = (ne) => {
-      de.current ? de.current = ne : ne();
-    }, ie = (ne) => od(ne, k.current.nodes, k.current.edges), be = ((ne) => {
-      if (ne === void 0) return T.zoom;
-      T.set(void 0, ne);
-    }), $e = ((ne) => {
-      if (ne === void 0) return T.pan;
-      T.set(ne);
-    }), Be = (ne, se) => {
+      }), Ke.current = ur, k.current.compactPropertyLayout && (K.current = !1, de.current = () => L(Ke.current ?? ur, he, me)), C({ id: oe, mode: se }), k.current.compactPropertyLayout || L(ur, he, me);
+    }, U = (oe) => {
+      de.current ? de.current = oe : oe();
+    }, ne = (oe) => od(oe, k.current.nodes, k.current.edges), be = ((oe) => {
+      if (oe === void 0) return T.zoom;
+      T.set(void 0, oe);
+    }), qe = ((oe) => {
+      if (oe === void 0) return T.pan;
+      T.set(oe);
+    }), Be = (oe, se) => {
       var me;
-      const fe = (me = _.current) == null ? void 0 : me.getBoundingClientRect();
-      return { x: ne - ((fe == null ? void 0 : fe.left) ?? 0), y: se - ((fe == null ? void 0 : fe.top) ?? 0) };
+      const he = (me = _.current) == null ? void 0 : me.getBoundingClientRect();
+      return { x: oe - ((he == null ? void 0 : he.left) ?? 0), y: se - ((he == null ? void 0 : he.top) ?? 0) };
     };
     return {
       zoom: be,
-      pan: $e,
+      pan: qe,
       setEdgesVisible: or,
-      focusNode: (ne, se, fe) => U(() => L(/* @__PURE__ */ new Set([ne]), se, fe, 0.6)),
-      focusBranch: (ne, se, fe) => U(() => L(R(ne), se, fe)),
-      focusConnections: (ne, se, fe) => U(() => L(ie(ne), se, fe)),
-      isolateConnections: (ne, se, fe) => F(ne, "connections", se, fe),
-      isolateBranch: (ne, se, fe) => F(ne, "branch", se, fe),
-      restoreView: (ne = k.current.animateViewport, se) => {
-        const fe = k.current.compactPropertyLayout && !!Ke.current;
+      focusNode: (oe, se, he) => U(() => L(/* @__PURE__ */ new Set([oe]), se, he, 0.6)),
+      focusBranch: (oe, se, he) => U(() => L(R(oe), se, he)),
+      focusConnections: (oe, se, he) => U(() => L(ne(oe), se, he)),
+      isolateConnections: (oe, se, he) => F(oe, "connections", se, he),
+      isolateBranch: (oe, se, he) => F(oe, "branch", se, he),
+      restoreView: (oe = k.current.animateViewport, se) => {
+        const he = k.current.compactPropertyLayout && !!Ke.current;
         Ke.current = null, C(null);
         const me = se ?? _e.current;
-        _e.current = null, fe ? de.current = () => {
-          me && T.transition(me, ne);
-        } : me && U(() => T.transition(me, ne));
+        _e.current = null, he ? de.current = () => {
+          me && T.transition(me, oe);
+        } : me && U(() => T.transition(me, oe));
       },
-      zoomAt: (ne, se) => T.zoomAt(ne, se),
-      fit: (ne = 0, se = k.current.animateViewport) => {
+      zoomAt: (oe, se) => T.zoomAt(oe, se),
+      fit: (oe = 0, se = k.current.animateViewport) => {
         U(() => {
-          const fe = Pe();
-          fe && T.fit(fe, ne, se);
+          const he = Pe();
+          he && T.fit(he, oe, se);
         });
       },
-      centerAndFit: (ne = 0, se = k.current.animateViewport) => {
+      centerAndFit: (oe = 0, se = k.current.animateViewport) => {
         U(() => {
-          const fe = Pe();
-          fe && T.fit(fe, ne, se);
+          const he = Pe();
+          he && T.fit(he, oe, se);
         });
       },
-      center: (ne = k.current.animateViewport) => {
+      center: (oe = k.current.animateViewport) => {
         const se = Pe();
-        se && T.center(se, ne);
+        se && T.center(se, oe);
       },
-      clientToModel: (ne, se) => T.renderedToModel(Be(ne, se)),
-      modelToClient: (ne) => {
+      clientToModel: (oe, se) => T.renderedToModel(Be(oe, se)),
+      modelToClient: (oe) => {
         var me;
-        const se = (me = _.current) == null ? void 0 : me.getBoundingClientRect(), fe = T.modelToRendered(ne);
-        return { x: fe.x + ((se == null ? void 0 : se.left) ?? 0), y: fe.y + ((se == null ? void 0 : se.top) ?? 0) };
+        const se = (me = _.current) == null ? void 0 : me.getBoundingClientRect(), he = T.modelToRendered(oe);
+        return { x: he.x + ((se == null ? void 0 : se.left) ?? 0), y: he.y + ((se == null ? void 0 : se.top) ?? 0) };
       },
-      getNodeBox: (ne) => Ge(ne),
-      setNodePosition: (ne, se, fe) => {
-        if (!ye.current.has(ne) || se && (!Number.isFinite(se.x) || !Number.isFinite(se.y)))
+      getNodeBox: (oe) => Ge(oe),
+      setNodePosition: (oe, se, he) => {
+        if (!fe.current.has(oe) || se && (!Number.isFinite(se.x) || !Number.isFinite(se.y)))
           return !1;
         if (ir(), !se)
-          return H.current.delete(ne), br(), !0;
-        const me = new Map(ye.current);
-        return me.set(ne, { ...se }), (fe == null ? void 0 : fe.persist) === !1 ? H.current.delete(ne) : H.current.set(ne, { ...se }), ye.current = me, ge(me), (fe == null ? void 0 : fe.persist) === !1 && br(), !0;
+          return H.current.delete(oe), br(), !0;
+        const me = new Map(fe.current);
+        return me.set(oe, { ...se }), (he == null ? void 0 : he.persist) === !1 ? H.current.delete(oe) : H.current.set(oe, { ...se }), fe.current = me, ye(me), (he == null ? void 0 : he.persist) === !1 && br(), !0;
       },
-      onViewportChange: (ne) => T.onChange(ne)
+      onViewportChange: (oe) => T.onChange(oe)
     };
   }, []);
-  qe(() => {
+  Le(() => {
     var R, L;
     return (L = (R = k.current).onInit) == null || L.call(R, Oe), () => T.cancelAnimation();
-  }, [Oe]), qe(() => {
+  }, [Oe]), Le(() => {
     var R, L;
     if (G > 0) {
       const F = de.current;
       de.current = null, F == null || F(), (L = (R = k.current).onLayoutComplete) == null || L.call(R, Oe);
     }
   }, [Oe, G]);
-  const ze = ue(null), Ue = ue(/* @__PURE__ */ new Map()), Qe = ue(!1), [Ze, Ir] = re(null), [Me, xr] = re(null), Ur = (R) => {
+  const ze = ue(null), Ue = ue(/* @__PURE__ */ new Map()), Qe = ue(!1), [Ze, Mr] = re(null), [Me, xr] = re(null), Ur = (R) => {
     const L = _.current.getBoundingClientRect();
     return { x: R.clientX - L.left, y: R.clientY - L.top };
   }, jr = (R, L) => {
     const F = k.current.nodes;
     for (let U = F.length - 1; U >= 0; U--) {
-      const ie = F[U].id;
-      if (!At(ie, k.current.edges, k.current.edgeMode) || Ke.current && !Ke.current.has(ie) || ie === L || rr.current.has(ie)) continue;
-      const be = Ge(ie);
-      if (be && Ql(R, kt(be))) return ie;
+      const ne = F[U].id;
+      if (!At(ne, k.current.edges, k.current.edgeMode) || Ke.current && !Ke.current.has(ne) || ne === L || rr.current.has(ne)) continue;
+      const be = Ge(ne);
+      if (be && Ql(R, kt(be))) return ne;
     }
-    for (const [U, ie] of rr.current)
-      if (At(U, k.current.edges, k.current.edgeMode) && !(Ke.current && !Ke.current.has(U)) && U !== L && Ql(R, ie))
+    for (const [U, ne] of rr.current)
+      if (At(U, k.current.edges, k.current.edgeMode) && !(Ke.current && !Ke.current.has(U)) && U !== L && Ql(R, ne))
         return U;
     return null;
   }, Hr = (R, L) => {
     if (k.current.edgeMode === "nodes" || k.current.edgeMode === "workflow")
       return null;
     const F = k.current.direction === "RL", U = Math.max(16, 6 / T.zoom);
-    let ie = null;
+    let ne = null;
     for (const be of [...k.current.nodes].reverse()) {
       if (!At(
         be.id,
@@ -15057,22 +15057,22 @@ function $S(e) {
         k.current.edgeMode
       ) || Ke.current && !Ke.current.has(be.id))
         continue;
-      const $e = Ge(be.id), Be = W.current.get(be.id);
-      if (!$e || !Be || rr.current.has(be.id)) continue;
-      const ne = $e.x + (L === "source" !== F ? 1 : -1) * $e.w / 2;
+      const qe = Ge(be.id), Be = W.current.get(be.id);
+      if (!qe || !Be || rr.current.has(be.id)) continue;
+      const oe = qe.x + (L === "source" !== F ? 1 : -1) * qe.w / 2;
       for (const se of Be) {
         if (se.role && se.role !== L) continue;
-        const fe = $e.y - $e.h / 2 + se.top, me = Math.hypot(
-          R.x - (se.anchor ? $e.x - $e.w / 2 + se.anchor.x : ne),
-          R.y - fe - se.height / 2
+        const he = qe.y - qe.h / 2 + se.top, me = Math.hypot(
+          R.x - (se.anchor ? qe.x - qe.w / 2 + se.anchor.x : oe),
+          R.y - he - se.height / 2
         );
-        if (!se.anchor && R.x >= $e.x - $e.w / 2 && R.x <= $e.x + $e.w / 2 && R.y >= fe && R.y <= fe + se.height) return { nodeId: be.id, property: se.property };
-        me <= U && (!ie || me < ie.distance) && (ie = { nodeId: be.id, property: se.property, distance: me });
+        if (!se.anchor && R.x >= qe.x - qe.w / 2 && R.x <= qe.x + qe.w / 2 && R.y >= he && R.y <= he + se.height) return { nodeId: be.id, property: se.property };
+        me <= U && (!ne || me < ne.distance) && (ne = { nodeId: be.id, property: se.property, distance: me });
       }
     }
-    return ie;
+    return ne;
   }, tv = (R) => {
-    var $e;
+    var qe;
     if (!R.currentTarget.contains(R.target) || R.button !== 0 || k.current.readOnly) return;
     ze.current || (Qe.current = !1);
     const L = R.target;
@@ -15090,25 +15090,25 @@ function $S(e) {
           distance: Be.distance,
           zoom: T.zoom,
           anchor: T.renderedToModel(Be.center)
-        }, xr(null), Ir(null), Qe.current = !0;
-        for (const ne of Ue.current.keys())
-          R.currentTarget.setPointerCapture(ne);
+        }, xr(null), Mr(null), Qe.current = !0;
+        for (const oe of Ue.current.keys())
+          R.currentTarget.setPointerCapture(oe);
         return;
       }
     }
     if (ze.current) return;
-    const ie = F.drawHandles && L.closest(".flow-sdk-handle"), be = F.drawHandles && L.closest(".flow-sdk-property-port");
-    if (F.drawMode || ie || be) {
-      const Be = T.renderedToModel(U), ne = F.drawMode ? Hr(Be, "source") : null, se = be || ie, fe = se ? ($e = se.closest("[data-node-id]")) == null ? void 0 : $e.dataset.nodeId : (ne == null ? void 0 : ne.nodeId) ?? jr(Be), me = be ? be.dataset.property : ne == null ? void 0 : ne.property;
-      if (fe) {
+    const ne = F.drawHandles && L.closest(".flow-sdk-handle"), be = F.drawHandles && L.closest(".flow-sdk-property-port");
+    if (F.drawMode || ne || be) {
+      const Be = T.renderedToModel(U), oe = F.drawMode ? Hr(Be, "source") : null, se = be || ne, he = se ? (qe = se.closest("[data-node-id]")) == null ? void 0 : qe.dataset.nodeId : (oe == null ? void 0 : oe.nodeId) ?? jr(Be), me = be ? be.dataset.property : oe == null ? void 0 : oe.property;
+      if (he) {
         ze.current = {
           kind: "draw",
           pointerId: R.pointerId,
-          source: fe,
+          source: he,
           sourceProperty: me,
           reverse: (be == null ? void 0 : be.dataset.portRole) === "target",
           startClient: { x: R.clientX, y: R.clientY }
-        }, Qe.current = !0, xr({ source: fe, sourceProperty: me, point: Be, target: null }), R.currentTarget.setPointerCapture(R.pointerId);
+        }, Qe.current = !0, xr({ source: he, sourceProperty: me, point: Be, target: null }), R.currentTarget.setPointerCapture(R.pointerId);
         return;
       }
     }
@@ -15138,25 +15138,25 @@ function $S(e) {
     if (Ue.current.has(R.pointerId) && Ue.current.set(R.pointerId, F), L.kind === "pinch") {
       const U = Ty(Ue.current);
       if (!U) return;
-      const ie = Math.max(
+      const ne = Math.max(
         T.minZoom,
         Math.min(T.maxZoom, L.zoom * U.distance / L.distance)
       );
       T.set(
         {
-          x: U.center.x - L.anchor.x * ie,
-          y: U.center.y - L.anchor.y * ie
+          x: U.center.x - L.anchor.x * ne,
+          y: U.center.y - L.anchor.y * ne
         },
-        ie
+        ne
       );
       return;
     }
     if (L.pointerId === R.pointerId)
       switch (L.kind) {
         case "pan": {
-          const U = F.x - L.start.x, ie = F.y - L.start.y;
-          if (!L.moved && Math.hypot(U, ie) <= Py) return;
-          L.moved = !0, Qe.current = !0, T.set({ x: L.pan0.x + U, y: L.pan0.y + ie });
+          const U = F.x - L.start.x, ne = F.y - L.start.y;
+          if (!L.moved && Math.hypot(U, ne) <= Py) return;
+          L.moved = !0, Qe.current = !0, T.set({ x: L.pan0.x + U, y: L.pan0.y + ne });
           break;
         }
         case "tap": {
@@ -15164,7 +15164,7 @@ function $S(e) {
           break;
         }
         case "box": {
-          Qe.current = !0, L.current = F, Ir({
+          Qe.current = !0, L.current = F, Mr({
             x1: Math.min(L.start.x, F.x),
             y1: Math.min(L.start.y, F.y),
             x2: Math.max(L.start.x, F.x),
@@ -15173,11 +15173,11 @@ function $S(e) {
           break;
         }
         case "draw": {
-          const U = T.renderedToModel(F), ie = Hr(U, L.reverse ? "source" : "target");
+          const U = T.renderedToModel(F), ne = Hr(U, L.reverse ? "source" : "target");
           xr(
-            L.reverse && ie ? {
-              source: ie.nodeId,
-              sourceProperty: ie.property,
+            L.reverse && ne ? {
+              source: ne.nodeId,
+              sourceProperty: ne.property,
               point: U,
               target: L.source,
               targetProperty: L.sourceProperty
@@ -15185,15 +15185,15 @@ function $S(e) {
               source: L.source,
               sourceProperty: L.sourceProperty,
               point: U,
-              target: (ie == null ? void 0 : ie.nodeId) ?? jr(U, L.source),
-              targetProperty: ie == null ? void 0 : ie.property
+              target: (ne == null ? void 0 : ne.nodeId) ?? jr(U, L.source),
+              targetProperty: ne == null ? void 0 : ne.property
             }
           );
           break;
         }
       }
   }, El = (R, L) => {
-    var ie, be, $e, Be, ne;
+    var ne, be, qe, Be, oe;
     Ue.current.delete(R.pointerId);
     const F = ze.current;
     if (!F) return;
@@ -15218,15 +15218,15 @@ function $S(e) {
     switch (L = L || !!U.readOnly, F.kind) {
       case "pan":
       case "tap":
-        !L && !F.moved && ((ie = U.onBackgroundTap) == null || ie.call(U));
+        !L && !F.moved && ((ne = U.onBackgroundTap) == null || ne.call(U));
         break;
       case "box": {
-        if (Ir(null), L) break;
-        const se = T.renderedToModel(F.start), fe = T.renderedToModel(F.current), me = {
-          x1: Math.min(se.x, fe.x),
-          y1: Math.min(se.y, fe.y),
-          x2: Math.max(se.x, fe.x),
-          y2: Math.max(se.y, fe.y)
+        if (Mr(null), L) break;
+        const se = T.renderedToModel(F.start), he = T.renderedToModel(F.current), me = {
+          x1: Math.min(se.x, he.x),
+          y1: Math.min(se.y, he.y),
+          x2: Math.max(se.x, he.x),
+          y2: Math.max(se.y, he.y)
         };
         if (me.x2 - me.x1 < 1 && me.y2 - me.y1 < 1) {
           (be = U.onBackgroundTap) == null || be.call(U);
@@ -15237,12 +15237,12 @@ function $S(e) {
           const ot = Ge(nt.id);
           ot && zx(kt(ot), me) && ur.push(nt.id);
         }
-        ur.length && (($e = U.onBoxSelect) == null || $e.call(U, ur));
+        ur.length && ((qe = U.onBoxSelect) == null || qe.call(U, ur));
         break;
       }
       case "draw": {
         if (xr(null), L) break;
-        const se = Ur(R), fe = T.renderedToModel(se), me = Hr(fe, F.reverse ? "source" : "target"), ur = (me == null ? void 0 : me.nodeId) ?? jr(fe);
+        const se = Ur(R), he = T.renderedToModel(se), me = Hr(he, F.reverse ? "source" : "target"), ur = (me == null ? void 0 : me.nodeId) ?? jr(he);
         if (ur === F.source && (F.sourceProperty === void 0 || (me == null ? void 0 : me.property) === void 0 || me.property === F.sourceProperty))
           break;
         ur ? (Be = U.onEdgeDraw) == null || Be.call(
@@ -15256,25 +15256,25 @@ function $S(e) {
         ) : Math.max(
           Math.abs(R.clientX - F.startClient.x),
           Math.abs(R.clientY - F.startClient.y)
-        ) > TS && ((ne = U.onDrawIntoSpace) == null || ne.call(U, F.source, fe, F.sourceProperty, F.reverse));
+        ) > TS && ((oe = U.onDrawIntoSpace) == null || oe.call(U, F.source, he, F.sourceProperty, F.reverse));
         break;
       }
     }
   }, tt = Xe(() => {
     var F;
     const R = ze.current, L = [...Ue.current.keys()];
-    R && R.kind !== "pinch" && L.push(R.pointerId), ze.current = null, Ue.current.clear(), xr(null), Ir(null);
+    R && R.kind !== "pinch" && L.push(R.pointerId), ze.current = null, Ue.current.clear(), xr(null), Mr(null);
     for (const U of L)
       (F = _.current) != null && F.hasPointerCapture(U) && _.current.releasePointerCapture(U);
   }, []);
-  qe(() => {
+  Le(() => {
     const R = (L) => {
       L.key === "Escape" && tt();
     };
     return window.addEventListener("keydown", R), window.addEventListener("blur", tt), () => {
       window.removeEventListener("keydown", R), window.removeEventListener("blur", tt), ze.current = null, Ue.current.clear();
     };
-  }, [tt]), qe(() => {
+  }, [tt]), Le(() => {
     tt();
   }, [
     m,
@@ -15286,7 +15286,7 @@ function $S(e) {
     e.readOnly,
     tt
   ]);
-  const ov = Le(() => {
+  const ov = Ne(() => {
     const R = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
     for (const F of O) {
       if (F.source !== F.target) continue;
@@ -15299,15 +15299,15 @@ function $S(e) {
     O,
     !!((Rl = e.edgeReveal) != null && Rl.revealNodes)
   );
-  $r(() => {
+  Pr(() => {
     _.current && uo && i1(_.current);
   });
-  const fo = Lx(O, Z, co), av = e.onEdgeSelect, sv = e.onContainerSelect, kl = Me ? Me.target && Z(Me.target, Me.targetProperty) || {
+  const fo = Lx(O, J, co), av = e.onEdgeSelect, sv = e.onContainerSelect, kl = Me ? Me.target && J(Me.target, Me.targetProperty) || {
     x: Me.point.x,
     y: Me.point.y,
     w: 1,
     h: 1
-  } : null, Al = Me ? Z(Me.source, Me.sourceProperty) : null, cv = [
+  } : null, Al = Me ? J(Me.source, Me.sourceProperty) : null, cv = [
     "flow-sdk-canvas",
     m ? "flow-sdk-draw" : "",
     x ? "flow-sdk-perf" : ""
@@ -15338,7 +15338,7 @@ function $S(e) {
               {
                 id: R,
                 rect: L,
-                label: oe.get(R),
+                label: ie.get(R),
                 labelLayer: uo,
                 style: g(R),
                 onSelect: sv,
@@ -15349,10 +15349,10 @@ function $S(e) {
             );
           }) }),
           /* @__PURE__ */ b("g", { className: "flow-sdk-edges", children: Je && O.map((R) => {
-            var U, ie, be;
+            var U, ne, be;
             if (!lo.ready.has(R.id) || S && (!S.has(R.source) || !S.has(R.target)))
               return null;
-            const L = Z(R.source, R.sourceProperty), F = Z(R.target, R.targetProperty);
+            const L = J(R.source, R.sourceProperty), F = J(R.target, R.targetProperty);
             return !L || !F ? null : /* @__PURE__ */ b(
               id,
               {
@@ -15375,7 +15375,7 @@ function $S(e) {
                 targetPort: j(R.target, R.targetProperty),
                 dir: co,
                 turn: ((U = fo.get(R.id)) == null ? void 0 : U.turn) ?? R.turn,
-                labelAtTarget: (ie = fo.get(R.id)) == null ? void 0 : ie.labelAtTarget,
+                labelAtTarget: (ne = fo.get(R.id)) == null ? void 0 : ne.labelAtTarget,
                 labelFraction: (be = fo.get(R.id)) == null ? void 0 : be.labelFraction,
                 color: R.color,
                 connectorColor: R.connectorColor,
@@ -15422,14 +15422,14 @@ function $S(e) {
           ) })
         ] }) }),
         /* @__PURE__ */ b("div", { ref: q, className: "flow-sdk-nodes", children: t.map((R) => {
-          var be, $e;
-          const L = X.get(R.id), F = We.get(R.id), U = (L == null ? void 0 : L.x) ?? (F ? (F.x1 + F.x2) / 2 : 0), ie = (L == null ? void 0 : L.y) ?? (F ? (F.y1 + F.y2) / 2 : 0);
+          var be, qe;
+          const L = X.get(R.id), F = We.get(R.id), U = (L == null ? void 0 : L.x) ?? (F ? (F.x1 + F.x2) / 2 : 0), ne = (L == null ? void 0 : L.y) ?? (F ? (F.y1 + F.y2) / 2 : 0);
           return /* @__PURE__ */ b(
             AS,
             {
               id: R.id,
               x: U,
-              y: ie,
+              y: ne,
               placed: !!L || !!F,
               hidden: !lo.shown.has(R.id) || !At(R.id, r, i) || !!S && !S.has(R.id),
               onMount: Bt,
@@ -15448,7 +15448,7 @@ function $S(e) {
               animationWidth: R.animationWidth,
               animationVariant: R.animationVariant,
               width: (be = V.current.get(R.id)) == null ? void 0 : be.w,
-              height: ($e = V.current.get(R.id)) == null ? void 0 : $e.h,
+              height: (qe = V.current.get(R.id)) == null ? void 0 : qe.h,
               propertyMode: E,
               resolvedRows: mr.get(R.id),
               reversePorts: n === "RL",
@@ -15614,7 +15614,7 @@ function FS({
   height: a
 }) {
   const { background: u, border: c, colorText: l } = nr(), { colorMode: d } = Ve(), f = ue(null), h = pt(), { data: g, schema: p, bindings: m } = Nr(Vr), w = i !== void 0 || !!(g && p && (m ? yn(m, e, p) : Nt(g, e, p)));
-  qe(() => {
+  Le(() => {
     var x, v, C, S, E;
     !t || !w || !n ? (x = f.current) == null || x.close() : (v = f.current) != null && v.open || ((C = f.current) == null || C.showModal(), (E = (S = f.current) == null ? void 0 : S.querySelector("[data-form-filter] input")) == null || E.focus());
   }, [t, w, n]);
@@ -15709,7 +15709,7 @@ const Iy = ({
   ...i
 }) => {
   const { background: s, border: a, colorText: u } = nr();
-  return /* @__PURE__ */ b(Ne, { label: t, children: /* @__PURE__ */ b(sr, { children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ b($e, { label: t, children: /* @__PURE__ */ b(sr, { children: /* @__PURE__ */ b(
     Te,
     {
       as: e,
@@ -15727,7 +15727,7 @@ const Iy = ({
   onOpenView: o,
   editOnMount: i = !1
 }) => {
-  var $, X, ge, ye, H, J;
+  var $, X, ye, fe, H, Z;
   const {
     selectedNodeIds: s,
     setSelectedNodeIds: a,
@@ -15753,7 +15753,7 @@ const Iy = ({
     }
   })(), ce = Xe(
     (G) => {
-      var ee, we, pe, He;
+      var ee, we, ge, He;
       if (A || g.readOnly) return;
       const ae = {
         shiftKey: G.shiftKey,
@@ -15763,7 +15763,7 @@ const Iy = ({
       };
       if (u && (c(null), (ee = h.onEdgeDeselect) == null || ee.call(h)), l) {
         const K = s.includes(P), de = K ? s.filter((Ce) => Ce !== P) : [...s, P];
-        a(de), K ? (we = h.onNodeDeselect) == null || we.call(h) : (pe = h.onNodeSelect) == null || pe.call(h, P, e, ae);
+        a(de), K ? (we = h.onNodeDeselect) == null || we.call(h) : (ge = h.onNodeSelect) == null || ge.call(h, P, e, ae);
       } else
         a([P]), (He = h.onNodeSelect) == null || He.call(h, P, e, ae);
     },
@@ -15784,7 +15784,7 @@ const Iy = ({
     A || g.readOnly || (G = h.onNodeDoubleClick) == null || G.call(h, P, e);
   }, [P, e, A, h, g]), Y = Xe(() => {
     S.current && clearTimeout(S.current), S.current = setTimeout(() => O(!0), 100);
-  }, []), he = Xe(() => {
+  }, []), pe = Xe(() => {
     S.current && clearTimeout(S.current), O(!1);
   }, []), le = !!(($ = e == null ? void 0 : e.config) != null && $.form), N = {
     tabIndex: le ? 0 : void 0,
@@ -15820,7 +15820,7 @@ const Iy = ({
       onClick: ce,
       onDoubleClick: te,
       onMouseEnter: Y,
-      onMouseLeave: he,
+      onMouseLeave: pe,
       cursor: "pointer",
       position: "relative",
       children: [
@@ -15836,7 +15836,7 @@ const Iy = ({
               height: "150px",
               pointerEvents: "auto",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he
+              onMouseLeave: pe
             }
           ),
           V ? /* @__PURE__ */ b(
@@ -15849,7 +15849,7 @@ const Iy = ({
               pointerEvents: "auto",
               transform: "translateX(-50%) scale3d(3, 3, 1)",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he,
+              onMouseLeave: pe,
               willChange: "transform",
               children: V({
                 nodeId: P,
@@ -15876,7 +15876,7 @@ const Iy = ({
               transform: "translateX(-50%) scale3d(3, 3, 1)",
               boxShadow: "lg",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he,
+              onMouseLeave: pe,
               willChange: "transform",
               children: /* @__PURE__ */ b(an, { px: 2, gap: 2, children: T.map((G, ae) => /* @__PURE__ */ z(ke, { display: "contents", children: [
                 ae > 0 && /* @__PURE__ */ b(
@@ -15921,7 +15921,7 @@ const Iy = ({
           onEditStart: () => M(!0),
           onEditEnd: () => M(!1)
         }),
-        I && !((ge = e == null ? void 0 : e.config) != null && ge.parentContainer) && ((ye = e == null ? void 0 : e.config) == null ? void 0 : ye.collapsed) !== void 0 && (() => {
+        I && !((ye = e == null ? void 0 : e.config) != null && ye.parentContainer) && ((fe = e == null ? void 0 : e.config) == null ? void 0 : fe.collapsed) !== void 0 && (() => {
           var ee;
           const G = m === "TB" || m === "BT", ae = r || m === "RL";
           return /* @__PURE__ */ b(
@@ -15941,8 +15941,8 @@ const Iy = ({
               "aria-label": e.config.collapsed ? "Expand" : "Collapse",
               disabled: g.readOnly,
               onClick: (we) => {
-                var pe;
-                we.stopPropagation(), (pe = h.onNodeCollapse) == null || pe.call(h, P, !e.config.collapsed);
+                var ge;
+                we.stopPropagation(), (ge = h.onNodeCollapse) == null || ge.call(h, P, !e.config.collapsed);
               },
               bgColor: ve(
                 ((ee = e == null ? void 0 : e.viewProps) == null ? void 0 : ee.bgColor) || p
@@ -15973,7 +15973,7 @@ const Iy = ({
       onClick: ce,
       onDoubleClick: te,
       onMouseEnter: Y,
-      onMouseLeave: he,
+      onMouseLeave: pe,
       cursor: "pointer",
       transition: "transform 0.1s ease",
       position: "relative",
@@ -15991,7 +15991,7 @@ const Iy = ({
               height: "150px",
               pointerEvents: "auto",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he
+              onMouseLeave: pe
             }
           ),
           V ? /* @__PURE__ */ b(
@@ -16004,7 +16004,7 @@ const Iy = ({
               pointerEvents: "auto",
               transform: "translateX(-50%) scale3d(3, 3, 1)",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he,
+              onMouseLeave: pe,
               willChange: "transform",
               children: V({
                 nodeId: P,
@@ -16031,7 +16031,7 @@ const Iy = ({
               transform: "translateX(-50%) scale3d(3, 3, 1)",
               boxShadow: "lg",
               onMouseEnter: () => O(!0),
-              onMouseLeave: he,
+              onMouseLeave: pe,
               willChange: "transform",
               children: /* @__PURE__ */ b(an, { px: 2, gap: 2, children: T.map((G, ae) => /* @__PURE__ */ z(ke, { display: "contents", children: [
                 ae > 0 && /* @__PURE__ */ b(
@@ -16068,9 +16068,9 @@ const Iy = ({
           )
         ] }),
         /* @__PURE__ */ z(ke, { position: "relative", display: "flex", h: "100%", w: "100%", children: [
-          I && !((H = e == null ? void 0 : e.config) != null && H.parentContainer) && ((J = e == null ? void 0 : e.config) == null ? void 0 : J.collapsed) !== void 0 && !n && (() => {
-            var we, pe, He;
-            const G = m === "TB" || m === "BT", ae = r || m === "RL", ee = (we = e == null ? void 0 : e.config) != null && we.labelBelow && w[P] !== "properties" ? ((((pe = e == null ? void 0 : e.viewProps) == null ? void 0 : pe.fontSize) || 1) * 100 + 100) / 2 : void 0;
+          I && !((H = e == null ? void 0 : e.config) != null && H.parentContainer) && ((Z = e == null ? void 0 : e.config) == null ? void 0 : Z.collapsed) !== void 0 && !n && (() => {
+            var we, ge, He;
+            const G = m === "TB" || m === "BT", ae = r || m === "RL", ee = (we = e == null ? void 0 : e.config) != null && we.labelBelow && w[P] !== "properties" ? ((((ge = e == null ? void 0 : e.viewProps) == null ? void 0 : ge.fontSize) || 1) * 100 + 100) / 2 : void 0;
             return /* @__PURE__ */ b(
               $u,
               {
@@ -16128,7 +16128,7 @@ const Iy = ({
 }, Cl = gt(DS);
 function Zm(e = !0) {
   const t = ue(null);
-  return qe(() => {
+  return Le(() => {
     if (!e || !t.current) return;
     const r = (i) => {
       i.stopPropagation();
@@ -16158,7 +16158,7 @@ const Nn = ({
   onEditEnd: u
 }) => {
   const { callbacks: c, config: l, readOnly: d } = Ve(), f = l.editable && !d, [h, g] = re(t), [p, m] = re(), w = ue(null), y = ue(!1), x = Zm(s);
-  qe(() => {
+  Le(() => {
     s && (y.current = !1, w.current && (w.current.focus(), w.current.select()));
   }, [s]);
   const v = () => {
@@ -16169,7 +16169,7 @@ const Nn = ({
     C && C !== t && ((S = c.onNodeLabelChange) == null || S.call(c, e, C)), u();
   };
   return !f || !s ? /* @__PURE__ */ b(
-    qr,
+    $r,
     {
       color: r,
       fontWeight: n,
@@ -16203,7 +16203,7 @@ const Nn = ({
       },
       children: [
         /* @__PURE__ */ b(
-          qr,
+          $r,
           {
             as: "span",
             "aria-hidden": "true",
@@ -16397,7 +16397,7 @@ const VS = ({
                   }
                 ),
                 typeof ((I = r.config) == null ? void 0 : I.subtitle) == "string" && r.config.subtitle !== "" && /* @__PURE__ */ b(
-                  qr,
+                  $r,
                   {
                     "data-flow-node-subtitle": "",
                     color: ve(
@@ -16489,7 +16489,7 @@ function Jm({
         top: "-24px",
         right: "-48px",
         "data-flow-content-toggle": "",
-        children: /* @__PURE__ */ b(Ne, { label: t, children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ b($e, { label: t, children: /* @__PURE__ */ b(
           Se,
           {
             "aria-label": t,
@@ -16517,10 +16517,10 @@ function WS({
   color: r
 }) {
   const { callbacks: n, config: o, readOnly: i } = Ve(), s = !!o.editable && !i, [a, u] = re(!1), [c, l] = re(t), [d, f] = re(), h = ue(null), g = ue(!1), p = Zm(a);
-  $r(() => {
+  Pr(() => {
     const y = h.current;
     !a || !y || (y.style.height = "auto", y.style.height = `${Math.max((d == null ? void 0 : d.height) ?? 0, y.scrollHeight)}px`);
-  }, [c, a, d]), qe(() => {
+  }, [c, a, d]), Le(() => {
     var y;
     s ? a && (g.current = !1, (y = h.current) == null || y.focus()) : u(!1);
   }, [a, s]);
@@ -16753,7 +16753,7 @@ function JS({
             onEditEnd: l
           }
         ),
-        a && (t || m) && /* @__PURE__ */ b(ke, { ml: "auto", pl: 6, flexShrink: 0, "data-flow-content-toggle": "", children: /* @__PURE__ */ b(Ne, { label: w, children: /* @__PURE__ */ b(
+        a && (t || m) && /* @__PURE__ */ b(ke, { ml: "auto", pl: 6, flexShrink: 0, "data-flow-content-toggle": "", children: /* @__PURE__ */ b($e, { label: w, children: /* @__PURE__ */ b(
           Se,
           {
             "aria-label": w,
@@ -16813,7 +16813,7 @@ function YS({
                 borderRightColor: s.hexborderColor,
                 borderRightWidth: S ? 0 : 1,
                 children: /* @__PURE__ */ b(
-                  qr,
+                  $r,
                   {
                     py: 5,
                     px: 10,
@@ -16839,7 +16839,7 @@ function YS({
                 w: Ym,
                 maxH: 200,
                 children: /* @__PURE__ */ b(
-                  qr,
+                  $r,
                   {
                     overflow: "hidden",
                     py: 3,
@@ -16942,8 +16942,8 @@ const Sl = (e) => {
       onExpand: () => f.restoreNodeView(e.data.id)
     }
   ) : /* @__PURE__ */ b(Cl, { ...e, data: { ...e.data, description: c }, children: ({ id: x, data: v, isActive: C, isEditing: S, onEditStart: E, onEditEnd: O }) => {
-    var B, ce, te, Y, he, le;
-    const A = GS(v, t, r), M = v.label ?? v.headerTitle, k = Object.entries(v.description || {}).length > 0, _ = ZS(v.description), P = (ce = (B = e.data) == null ? void 0 : B.config) == null ? void 0 : ce.icon, I = (Y = (te = e.data) == null ? void 0 : te.config) == null ? void 0 : Y.content, q = typeof I == "string" && !e.onShowIcon, T = ((he = v == null ? void 0 : v.viewProps) == null ? void 0 : he.borderRadius) ?? "53px", V = Mn(
+    var B, ce, te, Y, pe, le;
+    const A = GS(v, t, r), M = v.label ?? v.headerTitle, k = Object.entries(v.description || {}).length > 0, _ = ZS(v.description), P = (ce = (B = e.data) == null ? void 0 : B.config) == null ? void 0 : ce.icon, I = (Y = (te = e.data) == null ? void 0 : te.config) == null ? void 0 : Y.content, q = typeof I == "string" && !e.onShowIcon, T = ((pe = v == null ? void 0 : v.viewProps) == null ? void 0 : pe.borderRadius) ?? "53px", V = Mn(
       v == null ? void 0 : v.viewProps,
       A.hexborderColor,
       C,
@@ -17043,7 +17043,7 @@ const Xm = (e) => {
   const t = _l(), [r, n] = re(!1), o = t.getNodeViewMode(e.data.id) === "properties", i = (A) => {
     n(A), t.setNodeViewMode(e.data.id, A ? "properties" : "default");
   }, { callbacks: s, readOnly: a, selectedNodeIds: u } = Ve(), c = (p = (g = e.data) == null ? void 0 : g.config) == null ? void 0 : p.parentContainer, l = u.includes(e.data.id), d = ue(l);
-  qe(() => {
+  Le(() => {
     var A, M;
     d.current && !l && o && ((M = (A = e.data) == null ? void 0 : A.config) != null && M.labelBelow) && !c && !a && i(!1), d.current = l;
   }, [l, o, (w = (m = e.data) == null ? void 0 : m.config) == null ? void 0 : w.labelBelow, c, a]);
@@ -17179,17 +17179,17 @@ const QS = {
     setIsEdgeHandlesEnabled: P,
     isArrayNodeMode: I
   } = Ve(), q = ue(null), [T, V] = re(null), B = e.length > 200;
-  qe(() => {
+  Le(() => {
     C(B);
   }, [B, C]);
-  const { edgeSep: ce, rankSep: te, spacingFactor: Y } = Le(() => {
+  const { edgeSep: ce, rankSep: te, spacingFactor: Y } = Ne(() => {
     const Q = Nx(e.length), j = n < 1 ? 0.3 + 0.7 * n : 0.5 + 0.5 * n;
     return {
       edgeSep: Q.edgeSep * j,
       rankSep: Q.rankSep * j,
       spacingFactor: 1.3 + (n - 1) * (n < 1 ? 0.4 : 0.3)
     };
-  }, [e.length, n]), { bgColor: he } = jn(r), {
+  }, [e.length, n]), { bgColor: pe } = jn(r), {
     canvas: le,
     borderSecondary: N,
     colorText: D
@@ -17206,7 +17206,7 @@ const QS = {
       }
     },
     [r, W, N]
-  ), X = m.colorMode === "dark", ge = X ? ve("gray.500") : pn, ye = X ? he != null && he.includes("gray") ? "whitesmoke" : $(he) : ge, H = a ? $(a) : ge, J = Le(
+  ), X = m.colorMode === "dark", ye = X ? ve("gray.500") : pn, fe = X ? pe != null && pe.includes("gray") ? "whitesmoke" : $(pe) : ye, H = a ? $(a) : ye, Z = Ne(
     () => m.initialViewport || { pan: { x: 0, y: 0 }, zoom: 0.01 },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -17220,39 +17220,39 @@ const QS = {
       };
     },
     [h, r]
-  ), ee = Le(() => {
+  ), ee = Ne(() => {
     var j;
     const Q = /* @__PURE__ */ new Map();
-    for (const Z of e) (j = Z.data) != null && j.id && Q.set(Z.data.id, Z);
+    for (const J of e) (j = J.data) != null && j.id && Q.set(J.data.id, J);
     return Q;
-  }, [e]), we = Le(() => {
+  }, [e]), we = Ne(() => {
     var j;
     const Q = /* @__PURE__ */ new Map();
-    for (const Z of t) (j = Z.data) != null && j.id && Q.set(Z.data.id, Z);
+    for (const J of t) (j = J.data) != null && j.id && Q.set(J.data.id, J);
     return Q;
-  }, [t]), pe = Xe(
+  }, [t]), ge = Xe(
     (Q) => {
       var Ie;
-      const j = (Ie = ee.get(Q)) == null ? void 0 : Ie.data, Z = ae(j == null ? void 0 : j.viewProps), Pe = ve(Z.bgColor);
+      const j = (Ie = ee.get(Q)) == null ? void 0 : Ie.data, J = ae(j == null ? void 0 : j.viewProps), Pe = ve(J.bgColor);
       return {
         animated: !!(j != null && j.isNodeAnimated) && !B,
         animationVariant: j == null ? void 0 : j.nodeAnimationVariant,
-        animationColor: ve(Z.borderColor || r),
-        bgColor: Z.outline ? "transparent" : Pe,
-        bgOpacity: Z.bgOpacity,
-        borderColor: Z.borderColor ? ve(Z.borderColor) : Z.outline && Z.bgColor === "transparent" ? ve(r) : Pe,
+        animationColor: ve(J.borderColor || r),
+        bgColor: J.outline ? "transparent" : Pe,
+        bgOpacity: J.bgOpacity,
+        borderColor: J.borderColor ? ve(J.borderColor) : J.outline && J.bgColor === "transparent" ? ve(r) : Pe,
         borderWidth: fn(
-          Z.borderWidth,
+          J.borderWidth,
           it.borderWidth
         ),
-        borderStyle: Z.borderStyle ?? it.borderStyle,
-        borderRadius: Z.borderRadius ?? it.borderRadius,
-        textColor: Z.textColor ? ve(Z.textColor) : Z.outline || Z.bgColor === "transparent" ? ve(D) : Pe,
-        fontSize: Z.fontSize ?? it.fontSize,
-        labelPosition: Z.labelPosition ?? it.labelPosition,
+        borderStyle: J.borderStyle ?? it.borderStyle,
+        borderRadius: J.borderRadius ?? it.borderRadius,
+        textColor: J.textColor ? ve(J.textColor) : J.outline || J.bgColor === "transparent" ? ve(D) : Pe,
+        fontSize: J.fontSize ?? it.fontSize,
+        labelPosition: J.labelPosition ?? it.labelPosition,
         labelMargin: it.labelMargin,
-        labelBg: Ol($("dark"), Pe, Z.bgOpacity) ?? $("dark"),
-        padding: Z.padding ?? it.padding
+        labelBg: Ol($("dark"), Pe, J.bgOpacity) ?? $("dark"),
+        padding: J.padding ?? it.padding
       };
     },
     [
@@ -17263,11 +17263,11 @@ const QS = {
       B,
       $
     ]
-  ), He = Le(() => {
-    var Z, Pe;
+  ), He = Ne(() => {
+    var J, Pe;
     const Q = /* @__PURE__ */ new Map();
     for (const Ie of t) {
-      const Oe = (Z = Ie.data) == null ? void 0 : Z.source, ze = (Pe = Ie.data) == null ? void 0 : Pe.target;
+      const Oe = (J = Ie.data) == null ? void 0 : J.source, ze = (Pe = Ie.data) == null ? void 0 : Pe.target;
       if (!Oe || !ze || Oe === ze) continue;
       const Ue = Oe < ze ? `${Oe}|${ze}` : `${ze}|${Oe}`, Qe = Q.get(Ue);
       Qe ? Qe.push({ id: Ie.data.id, source: Oe }) : Q.set(Ue, [{ id: Ie.data.id, source: Oe }]);
@@ -17276,28 +17276,28 @@ const QS = {
     for (const [Ie, Oe] of Q) {
       if (Oe.length < 2) continue;
       const ze = Ie.split("|")[0], Ue = Math.min(20, 70 / Oe.length);
-      Oe.forEach(({ id: Qe, source: Ze }, Ir) => {
-        const Me = 50 + (Ir - (Oe.length - 1) / 2) * Ue;
+      Oe.forEach(({ id: Qe, source: Ze }, Mr) => {
+        const Me = 50 + (Mr - (Oe.length - 1) / 2) * Ue;
         j.set(Qe, (Ze === ze ? Me : 100 - Me) / 100);
       });
     }
     return j;
-  }, [t]), K = Le(() => {
+  }, [t]), K = Ne(() => {
     const Q = $("dark");
     return t.filter((j) => {
-      var Z;
-      return ((Z = j.data) == null ? void 0 : Z.id) && j.data.source && j.data.target;
+      var J;
+      return ((J = j.data) == null ? void 0 : J.id) && j.data.source && j.data.target;
     }).map(({ data: j }) => {
-      var Oe, ze, Ue, Qe, Ze, Ir;
-      let Z = Q;
+      var Oe, ze, Ue, Qe, Ze, Mr;
+      let J = Q;
       const Pe = (ze = (Oe = ee.get(j.source)) == null ? void 0 : Oe.data) == null ? void 0 : ze.parent, Ie = (Qe = (Ue = ee.get(j.target)) == null ? void 0 : Ue.data) == null ? void 0 : Qe.parent;
       if (Pe && Pe === Ie) {
-        const Me = ae((Ir = (Ze = ee.get(Pe)) == null ? void 0 : Ze.data) == null ? void 0 : Ir.viewProps), xr = Ol(
+        const Me = ae((Mr = (Ze = ee.get(Pe)) == null ? void 0 : Ze.data) == null ? void 0 : Mr.viewProps), xr = Ol(
           Q,
           ve(Me.bgColor),
           Me.bgOpacity
         );
-        xr && (Z = xr);
+        xr && (J = xr);
       }
       return {
         id: j.id,
@@ -17310,8 +17310,8 @@ const QS = {
         label: j.label,
         validationIssue: (l === "auto" || l === "properties") && (j.sourceProperty !== void 0 || j.targetProperty !== void 0) && f ? Tb(f, j) : void 0,
         color: a ? H : j.color ? ve(j.color) : H,
-        connectorColor: a ? H : j.color ? ve(j.color) : ye,
-        labelBg: Z,
+        connectorColor: a ? H : j.color ? ve(j.color) : fe,
+        labelBg: J,
         dashed: !!j.isEdgeDashed,
         animated: !!j.isEdgeAnimated,
         inverted: !!j.isInverted,
@@ -17321,7 +17321,7 @@ const QS = {
   }, [
     t,
     H,
-    ye,
+    fe,
     a,
     He,
     m.edgeType,
@@ -17330,26 +17330,26 @@ const QS = {
     ee,
     ae,
     $
-  ]), de = Le(() => {
+  ]), de = Ne(() => {
     var j;
     const Q = /* @__PURE__ */ new Set();
-    for (const Z of e)
-      (j = Z.data) != null && j.parent && Q.add(Z.data.parent);
+    for (const J of e)
+      (j = J.data) != null && j.parent && Q.add(J.data.parent);
     return Q;
-  }, [e]), Ce = Le(() => {
+  }, [e]), Ce = Ne(() => {
     var j;
     const Q = /* @__PURE__ */ new Map();
-    for (const Z of t)
-      (j = Z.data) != null && j.source && !Q.has(Z.data.source) && Q.set(Z.data.source, Z.data);
+    for (const J of t)
+      (j = J.data) != null && j.source && !Q.has(J.data.source) && Q.set(J.data.source, J.data);
     return Q;
-  }, [t]), je = Le(() => {
+  }, [t]), je = Ne(() => {
     const Q = { ...QS, ...m.customViews };
     return e.filter((j) => {
-      var Z;
-      return (Z = j.data) == null ? void 0 : Z.id;
+      var J;
+      return (J = j.data) == null ? void 0 : J.id;
     }).map((j) => {
       var ze, Ue, Qe, Ze;
-      const Z = de.has(j.data.id) && !j.data.parent, Pe = Z ? j.data.label ?? j.data.headerTitle ?? "Container" : void 0, Ie = Z ? Q.parentContainer : Q[j.data.type] || Q.text, Oe = Ce.get(j.data.id);
+      const J = de.has(j.data.id) && !j.data.parent, Pe = J ? j.data.label ?? j.data.headerTitle ?? "Container" : void 0, Ie = J ? Q.parentContainer : Q[j.data.type] || Q.text, Oe = Ce.get(j.data.id);
       return {
         id: j.data.id,
         collapsed: (ze = j.data.config) == null ? void 0 : ze.collapsed,
@@ -17370,13 +17370,13 @@ const QS = {
           {
             ...j,
             isInverted: Oe == null ? void 0 : Oe.isInverted,
-            isParent: Z,
+            isParent: J,
             key: `${j.data.id}-${r}`
           }
         )
       };
     });
-  }, [e, de, Ce, r, m.customViews]), Fe = Le(() => B ? 300 : e.length > 50 ? 150 : e.length > 20 ? 100 : 50, [e.length, B]), Je = ue(m);
+  }, [e, de, Ce, r, m.customViews]), Fe = Ne(() => B ? 300 : e.length > 50 ? 150 : e.length > 20 ? 100 : 50, [e.length, B]), Je = ue(m);
   Je.current = m;
   const or = ue(S);
   or.current = S;
@@ -17393,8 +17393,8 @@ const QS = {
   const pr = ue(we);
   pr.current = we;
   const ir = ue(/* @__PURE__ */ new Map());
-  qe(() => {
-    var Z, Pe;
+  Le(() => {
+    var J, Pe;
     const Q = new Map(
       [...we].filter(
         ([, Ie]) => ee.has(Ie.data.source) && ee.has(Ie.data.target)
@@ -17402,15 +17402,15 @@ const QS = {
     ), j = ir.current;
     ir.current = Q;
     for (const [Ie, Oe] of j)
-      Q.has(Ie) || (_e.current === Ie && (v(null), (Z = p.onEdgeDeselect) == null || Z.call(p)), (Pe = p.onEdgeRemove) == null || Pe.call(p, Ie, Oe.data));
-  }, [we, ee, p, v]), qe(() => {
+      Q.has(Ie) || (_e.current === Ie && (v(null), (J = p.onEdgeDeselect) == null || J.call(p)), (Pe = p.onEdgeRemove) == null || Pe.call(p, Ie, Oe.data));
+  }, [we, ee, p, v]), Le(() => {
     const Q = q.current;
     if (!T || !Q) return;
-    let j = null, Z = null, Pe = 0, Ie = 0, Oe = 0, ze = 0, Ue = 0;
+    let j = null, J = null, Pe = 0, Ie = 0, Oe = 0, ze = 0, Ue = 0;
     const Qe = (Ze) => {
       if (Je.current.readOnly) return;
-      Ze.preventDefault(), Ze.stopPropagation(), or.current || Ze.metaKey || Ze.ctrlKey ? (Oe += Ze.deltaY, ze = Ze.clientX, Ue = Ze.clientY, Z === null && (Z = requestAnimationFrame(() => {
-        Z = null;
+      Ze.preventDefault(), Ze.stopPropagation(), or.current || Ze.metaKey || Ze.ctrlKey ? (Oe += Ze.deltaY, ze = Ze.clientX, Ue = Ze.clientY, J === null && (J = requestAnimationFrame(() => {
+        J = null;
         const Me = Je.current, xr = T.zoom(), Ur = Oe;
         Oe = 0;
         let jr = xr - Ur * 0.05 / 100;
@@ -17433,16 +17433,16 @@ const QS = {
       })));
     };
     return Q.addEventListener("wheel", Qe, { passive: !1 }), () => {
-      Q.removeEventListener("wheel", Qe), j !== null && cancelAnimationFrame(j), Z !== null && cancelAnimationFrame(Z);
+      Q.removeEventListener("wheel", Qe), j !== null && cancelAnimationFrame(j), J !== null && cancelAnimationFrame(J);
     };
-  }, [T]), qe(() => {
+  }, [T]), Le(() => {
     if (m.disableKeyboardShortcuts) return;
     const Q = (j) => {
       var Pe, Ie, Oe, ze;
       if (Je.current.readOnly) return;
-      const Z = j.target;
-      if (!(Z.tagName === "INPUT" || Z.tagName === "TEXTAREA" || Z.isContentEditable)) {
-        if ((j.key === "z" || j.key === "Z") && E(!or.current), (j.key === "m" || j.key === "M") && A(!O), (j.key === "d" || j.key === "D") && k(!M), (j.key === "v" || j.key === "V") && !j.repeat && !j.metaKey && !j.ctrlKey && !j.altKey && Z.tagName !== "SELECT" && P(!_), (j.key === "Delete" || j.key === "Backspace") && _e.current) {
+      const J = j.target;
+      if (!(J.tagName === "INPUT" || J.tagName === "TEXTAREA" || J.isContentEditable)) {
+        if ((j.key === "z" || j.key === "Z") && E(!or.current), (j.key === "m" || j.key === "M") && A(!O), (j.key === "d" || j.key === "D") && k(!M), (j.key === "v" || j.key === "V") && !j.repeat && !j.metaKey && !j.ctrlKey && !j.altKey && J.tagName !== "SELECT" && P(!_), (j.key === "Delete" || j.key === "Backspace") && _e.current) {
           j.preventDefault();
           const Ue = _e.current;
           (Ie = p.onEdgeDelete) == null || Ie.call(
@@ -17492,8 +17492,8 @@ const QS = {
     [p]
   ), Ct = Xe(
     (Q) => {
-      var Z, Pe, Ie;
-      const j = ((Z = pr.current.get(Q)) == null ? void 0 : Z.data) ?? { id: Q };
+      var J, Pe, Ie;
+      const j = ((J = pr.current.get(Q)) == null ? void 0 : J.data) ?? { id: Q };
       if (_e.current === Q && Ye.current) {
         v(null), (Pe = p.onEdgeDeselect) == null || Pe.call(p);
         return;
@@ -17502,15 +17502,15 @@ const QS = {
     },
     [p, v, y]
   ), br = Xe(() => {
-    var Q, j, Z;
-    s(!0), (Q = p.onBackgroundClick) == null || Q.call(p), xe.current.length && (y([]), (j = p.onNodeDeselect) == null || j.call(p)), _e.current && (v(null), (Z = p.onEdgeDeselect) == null || Z.call(p));
+    var Q, j, J;
+    s(!0), (Q = p.onBackgroundClick) == null || Q.call(p), xe.current.length && (y([]), (j = p.onNodeDeselect) == null || j.call(p)), _e.current && (v(null), (J = p.onEdgeDeselect) == null || J.call(p));
   }, [p, y, v, s]), Bt = Xe(
     (Q) => {
       var Pe, Ie;
-      const j = xe.current, Z = Q.filter((Oe) => !j.includes(Oe));
-      if (Z.length) {
-        y([...j, ...Z]);
-        for (const Oe of Z)
+      const j = xe.current, J = Q.filter((Oe) => !j.includes(Oe));
+      if (J.length) {
+        y([...j, ...J]);
+        for (const Oe of J)
           (Ie = p.onNodeSelect) == null || Ie.call(
             p,
             Oe,
@@ -17519,32 +17519,32 @@ const QS = {
       }
     },
     [p, y]
-  ), oe = Xe(
+  ), ie = Xe(
     (Q, j) => {
-      var Z, Pe;
+      var J, Pe;
       y([Q]), (Pe = p.onNodeSelect) == null || Pe.call(
         p,
         Q,
-        ((Z = tr.current.get(Q)) == null ? void 0 : Z.data) ?? { id: Q },
+        ((J = tr.current.get(Q)) == null ? void 0 : J.data) ?? { id: Q },
         j
       );
     },
     [p, y]
   ), We = Xe(
-    (Q, j, Z) => {
+    (Q, j, J) => {
       var Pe;
-      return (Pe = p.onEdgeCreate) == null ? void 0 : Pe.call(p, Q, j, Z);
+      return (Pe = p.onEdgeCreate) == null ? void 0 : Pe.call(p, Q, j, J);
     },
     [p]
   ), rr = Xe(
-    (Q, j, Z, Pe = !1) => {
+    (Q, j, J, Pe = !1) => {
       var Ie, Oe;
       l === "properties" && ((Ie = p.onNodeCreateRequest) == null ? void 0 : Ie.call(p, {
         sourceNodeId: Q,
         position: j,
-        sourceProperty: Z,
+        sourceProperty: J,
         reverse: Pe
-      })) === !0 || Z !== void 0 || Pe || (Oe = p.onNodeCreate) == null || Oe.call(p, {
+      })) === !0 || J !== void 0 || Pe || (Oe = p.onNodeCreate) == null || Oe.call(p, {
         type: "text",
         sourceNodeId: Q,
         position: j,
@@ -17575,8 +17575,8 @@ const QS = {
               direction: G,
               nodeAlignment: c,
               onContainerCollapse: (Q) => {
-                var j, Z;
-                (j = p.onNodeCollapse) == null || j.call(p, Q, !0), (Z = p.onNodeViewToggle) == null || Z.call(p, Q);
+                var j, J;
+                (j = p.onNodeCollapse) == null || j.call(p, Q, !0), (J = p.onNodeViewToggle) == null || J.call(p, Q);
               },
               selectedNodeIds: w,
               edgeMode: l,
@@ -17593,11 +17593,11 @@ const QS = {
               isPerformanceMode: B,
               minZoom: m.minZoom ?? 0.01,
               maxZoom: m.maxZoom ?? 1.5,
-              initialViewport: J,
+              initialViewport: Z,
               fitOnInit: !m.initialViewport,
               readOnly: !!m.readOnly,
-              containerStyle: pe,
-              lineColor: a ? H : ye,
+              containerStyle: ge,
+              lineColor: a ? H : fe,
               drawMode: Ge,
               drawHandles: !m.readOnly && m.edgeHandles !== !1,
               dragMode: M,
@@ -17609,7 +17609,7 @@ const QS = {
               onBackgroundTap: br,
               onBoxSelect: Bt,
               onEdgeSelect: Ct,
-              onContainerSelect: oe,
+              onContainerSelect: ie,
               onEdgeDraw: We,
               onDrawIntoSpace: rr
             }
@@ -17631,13 +17631,13 @@ function wE({
   ...r
 }) {
   var u, c;
-  const [n, o] = re(null), i = Le(
+  const [n, o] = re(null), i = Ne(
     () => !!(n != null && n.json) && !!r.json && kx(n.json, r.json),
     [n == null ? void 0 : n.json, r.json]
   ), s = n === null || n.json !== r.json && !i, a = e || s;
-  return qe(() => {
+  return Le(() => {
     !e && i && (n == null ? void 0 : n.json) !== r.json && o(r);
-  }, [e, i, n == null ? void 0 : n.json, r.json]), qe(() => {
+  }, [e, i, n == null ? void 0 : n.json, r.json]), Le(() => {
     if (e || !s) return;
     let l;
     const d = requestAnimationFrame(() => {
@@ -17707,16 +17707,16 @@ function aE({
   children: l
 }) {
   iE();
-  const [d, f] = re(), [h, g] = re(!1), p = i.formSchema ?? d, m = Le(
+  const [d, f] = re(), [h, g] = re(!1), p = i.formSchema ?? d, m = Ne(
     () => t && r ? nx(t, r.state) : t,
     [t, r == null ? void 0 : r.state]
-  ), w = i.direction === "C", y = Le(() => {
+  ), w = i.direction === "C", y = Ne(() => {
     let k, _;
     return (P) => (_ = k && _ ? Ax(k, P, _) ?? Gl(P, { title: e, isCenter: w }) : Gl(P, { title: e, isCenter: w }), k = P, _);
-  }, [e, w]), x = Le(
+  }, [e, w]), x = Ne(
     () => m ? y(m) : null,
     [m, y]
-  ), v = Le(
+  ), v = Ne(
     () => r != null && r.structured && !h && p ? lx(
       r.state,
       r.bindings,
@@ -17732,12 +17732,12 @@ function aE({
       x,
       n
     ]
-  ), C = (v == null ? void 0 : v.schema) ?? p, S = (v == null ? void 0 : v.bindings) ?? (r == null ? void 0 : r.bindings), E = Le(() => [
+  ), C = (v == null ? void 0 : v.schema) ?? p, S = (v == null ? void 0 : v.bindings) ?? (r == null ? void 0 : r.bindings), E = Ne(() => [
     ...(x == null ? void 0 : x.nodes) ?? n ?? [],
     ...(v == null ? void 0 : v.nodes) ?? []
   ].map((_) => {
-    var ce, te, Y, he;
-    const P = t ? (ce = Ae(t, _.data.id)) == null ? void 0 : ce.$view : (te = _.data.config) == null ? void 0 : te.typeView, I = P && On.includes(P) ? P : void 0, q = I ? I === "icon-label" : (Y = _.data.config) == null ? void 0 : Y.labelBelow, T = I === "object" ? "objectView" : I === "text" ? "text" : q ? "arrayView" : _.data.type, V = C && (r ? yn(S, _.data.id, C) : t && Nt(t, _.data.id, C)), B = (((he = _.data.config) == null ? void 0 : he.ports) ?? []).map((le) => ({
+    var ce, te, Y, pe;
+    const P = t ? (ce = Ae(t, _.data.id)) == null ? void 0 : ce.$view : (te = _.data.config) == null ? void 0 : te.typeView, I = P && On.includes(P) ? P : void 0, q = I ? I === "icon-label" : (Y = _.data.config) == null ? void 0 : Y.labelBelow, T = I === "object" ? "objectView" : I === "text" ? "text" : q ? "arrayView" : _.data.type, V = C && (r ? yn(S, _.data.id, C) : t && Nt(t, _.data.id, C)), B = (((pe = _.data.config) == null ? void 0 : pe.ports) ?? []).map((le) => ({
       ...le
     }));
     if (v && V) {
@@ -17805,7 +17805,7 @@ function aE({
   ]), O = [
     ...(x == null ? void 0 : x.edges) ?? o ?? [],
     ...(v == null ? void 0 : v.edges) ?? []
-  ], A = Le(() => {
+  ], A = Ne(() => {
     const k = t && x ? Ox(
       t,
       x.edges,
@@ -17833,7 +17833,7 @@ function aE({
         g(_), (P = k.onAllNodesIconLabelChange) == null || P.call(k, _);
       }
     };
-  }, [t, x, s, p, v]), M = Le(() => {
+  }, [t, x, s, p, v]), M = Ne(() => {
     if (!r) return A;
     let k = r.state;
     const _ = (I) => {
@@ -17868,11 +17868,11 @@ function aE({
         }), !0) : ((B = A.onNodeCreateRequest) == null ? void 0 : B.call(A, I)) ?? !1;
       },
       onNodeDelete: (I, q) => {
-        var Y, he;
+        var Y, pe;
         if (!(v != null && v.nodes.some((le) => le.data.id === I)))
           return (Y = A.onNodeDelete) == null ? void 0 : Y.call(A, I, q);
         const T = v && [...v.slots.values()].find((le) => le.nodeId === I);
-        if (!T) return (he = A.onNodeDelete) == null ? void 0 : he.call(A, I, q);
+        if (!T) return (pe = A.onNodeDelete) == null ? void 0 : pe.call(A, I, q);
         const V = T.address.split("."), B = V.pop(), ce = V.join("."), te = Ae(k, ce);
         _(
           Array.isArray(te) ? {
@@ -17911,9 +17911,9 @@ function aE({
         ) || (te = A.onEdgeCreate) == null || te.call(A, I, q, T);
       },
       onEdgeDelete: (I, q) => {
-        var he;
+        var pe;
         const T = v == null ? void 0 : v.edges.find((le) => le.data.id === I);
-        if (!T) return (he = A.onEdgeDelete) == null ? void 0 : he.call(A, I, q);
+        if (!T) return (pe = A.onEdgeDelete) == null ? void 0 : pe.call(A, I, q);
         const V = v.slots.get(
           Ht(T.data.target, T.data.targetProperty.slice(7))
         ), B = V.address.split("."), ce = B.pop(), te = B.join("."), Y = Ae(k, te);
@@ -18251,8 +18251,8 @@ export {
   Se as ToolbarIconButton,
   Nw as ToolbarRangeInput,
   wx as ToolbarScrollContainer,
-  Pr as ToolbarSelect,
-  Ne as ToolbarTooltip,
+  Or as ToolbarSelect,
+  $e as ToolbarTooltip,
   Iy as TooltipIconButton,
   _x as WorkflowControls,
   Ab as addChild,
@@ -18273,7 +18273,7 @@ export {
   qu as createJsonStream,
   mx as downloadSvg,
   bx as exportSvg,
-  Mr as formValueError,
+  qr as formValueError,
   ve as getChakraColorHex,
   Xv as getColorVariant,
   Lu as getDarkerHexColor,