@java-memory-playground/java-memory-playground 0.2.2 → 0.2.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as x, jsxs as V, Fragment as Se } from "react/jsx-runtime";
+import { jsx as x, jsxs as H, Fragment as Se } from "react/jsx-runtime";
 import it, { useMemo as Ce, useState as ie, forwardRef as Rl, memo as xe, useContext as vt, createContext as mn, useCallback as ae, useRef as ne, useEffect as re, useLayoutEffect as uf } from "react";
 import "react-dom";
 function ve(e) {
@@ -230,11 +230,11 @@ function $f(e, t) {
   var n = t ? Pf : If, r = this._parents, o = this._groups;
   typeof e != "function" && (e = Df(e));
   for (var i = o.length, a = new Array(i), s = new Array(i), c = new Array(i), l = 0; l < i; ++l) {
-    var u = r[l], h = o[l], f = h.length, d = Rf(e.call(u, u && u.__data__, l, r)), p = d.length, w = s[l] = new Array(p), y = a[l] = new Array(p), m = c[l] = new Array(f);
-    n(u, h, w, y, m, d, t);
+    var u = r[l], h = o[l], f = h.length, d = Rf(e.call(u, u && u.__data__, l, r)), p = d.length, w = s[l] = new Array(p), m = a[l] = new Array(p), y = c[l] = new Array(f);
+    n(u, h, w, m, y, d, t);
     for (var S = 0, g = 0, b, C; S < p; ++S)
       if (b = w[S]) {
-        for (S >= g && (g = S + 1); !(C = y[g]) && ++g < p; ) ;
+        for (S >= g && (g = S + 1); !(C = m[g]) && ++g < p; ) ;
         b._next = C || null;
       }
   }
@@ -729,7 +729,7 @@ function qh() {
 function Ql() {
   var e = Kh, t = Yh, n = Zh, r = qh, o = {}, i = eo("start", "drag", "end"), a = 0, s, c, l, u, h = 0;
   function f(b) {
-    b.on("mousedown.drag", d).filter(r).on("touchstart.drag", y).on("touchmove.drag", m, Xh).on("touchend.drag touchcancel.drag", S).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    b.on("mousedown.drag", d).filter(r).on("touchstart.drag", m).on("touchmove.drag", y, Xh).on("touchend.drag touchcancel.drag", S).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   function d(b, C) {
     if (!(u || !e.call(this, b, C))) {
@@ -747,14 +747,14 @@ function Ql() {
   function w(b) {
     Re(b.view).on("mousemove.drag mouseup.drag", null), ql(b.view, l), on(b), o.mouse("end", b);
   }
-  function y(b, C) {
+  function m(b, C) {
     if (e.call(this, b, C)) {
       var v = b.changedTouches, E = t.call(this, b, C), N = v.length, k, P;
       for (k = 0; k < N; ++k)
         (P = g(this, E, b, C, v[k].identifier, v[k])) && (So(b), P("start", b, v[k]));
     }
   }
-  function m(b) {
+  function y(b) {
     var C = b.changedTouches, v = C.length, E, N;
     for (E = 0; E < v; ++E)
       (N = o[C[E].identifier]) && (on(b), N("drag", b, C[E]));
@@ -1274,7 +1274,7 @@ function oc(e, t, n, r) {
   return function(l, u) {
     var h = [], f = [];
     return l = e(l), u = e(u), i(l.translateX, l.translateY, u.translateX, u.translateY, h, f), a(l.rotate, u.rotate, h, f), s(l.skewX, u.skewX, h, f), c(l.scaleX, l.scaleY, u.scaleX, u.scaleY, h, f), l = u = null, function(d) {
-      for (var p = -1, w = f.length, y; ++p < w; ) h[(y = f[p]).i] = y.x(d);
+      for (var p = -1, w = f.length, m; ++p < w; ) h[(m = f[p]).i] = m.x(d);
       return h.join("");
     };
   };
@@ -1291,19 +1291,19 @@ function kp(e) {
 }
 const Dr = (function e(t, n, r) {
   function o(i, a) {
-    var s = i[0], c = i[1], l = i[2], u = a[0], h = a[1], f = a[2], d = u - s, p = h - c, w = d * d + p * p, y, m;
+    var s = i[0], c = i[1], l = i[2], u = a[0], h = a[1], f = a[2], d = u - s, p = h - c, w = d * d + p * p, m, y;
     if (w < Ep)
-      m = Math.log(f / l) / t, y = function(E) {
+      y = Math.log(f / l) / t, m = function(E) {
         return [
           s + E * d,
           c + E * p,
-          l * Math.exp(t * E * m)
+          l * Math.exp(t * E * y)
         ];
       };
     else {
       var S = Math.sqrt(w), g = (f * f - l * l + r * w) / (2 * l * n * S), b = (f * f - l * l - r * w) / (2 * f * n * S), C = Math.log(Math.sqrt(g * g + 1) - g), v = Math.log(Math.sqrt(b * b + 1) - b);
-      m = (v - C) / t, y = function(E) {
-        var N = E * m, k = Ca(C), P = l / (n * S) * (k * kp(t * N + C) - Cp(C));
+      y = (v - C) / t, m = function(E) {
+        var N = E * y, k = Ca(C), P = l / (n * S) * (k * kp(t * N + C) - Cp(C));
         return [
           s + P * d,
           c + P * p,
@@ -1311,7 +1311,7 @@ const Dr = (function e(t, n, r) {
         ];
       };
     }
-    return y.duration = m * 1e3 * t / Math.SQRT2, y;
+    return m.duration = y * 1e3 * t / Math.SQRT2, m;
   }
   return o.rho = function(i) {
     var a = Math.max(1e-3, +i), s = a * a, c = s * s;
@@ -1705,7 +1705,7 @@ function pg(e) {
   for (var r = this._groups, o = r.length, i = [], a = [], s = 0; s < o; ++s)
     for (var c = r[s], l = c.length, u, h = 0; h < l; ++h)
       if (u = c[h]) {
-        for (var f = e.call(u, u.__data__, h, c), d, p = et(u, n), w = 0, y = f.length; w < y; ++w)
+        for (var f = e.call(u, u.__data__, h, c), d, p = et(u, n), w = 0, m = f.length; w < m; ++w)
           (d = f[w]) && ro(d, t, n, w, f, p);
         i.push(f), a.push(u);
       }
@@ -1988,34 +1988,34 @@ function Fg(e, t, n) {
   );
 }
 function hc() {
-  var e = Hg, t = Vg, n = Fg, r = jg, o = Bg, i = [0, 1 / 0], a = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], s = 250, c = Dr, l = eo("start", "zoom", "end"), u, h, f, d = 500, p = 150, w = 0, y = 10;
-  function m(_) {
+  var e = Hg, t = Vg, n = Fg, r = jg, o = Bg, i = [0, 1 / 0], a = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], s = 250, c = Dr, l = eo("start", "zoom", "end"), u, h, f, d = 500, p = 150, w = 0, m = 10;
+  function y(_) {
     _.property("__zoom", Ta).on("wheel.zoom", N, { passive: !1 }).on("mousedown.zoom", k).on("dblclick.zoom", P).filter(o).on("touchstart.zoom", I).on("touchmove.zoom", L).on("touchend.zoom touchcancel.zoom", R).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  m.transform = function(_, M, A, T) {
+  y.transform = function(_, M, A, T) {
     var $ = _.selection ? _.selection() : _;
     $.property("__zoom", Ta), _ !== $ ? C(_, M, A, T) : $.interrupt().each(function() {
       v(this, arguments).event(T).start().zoom(null, typeof M == "function" ? M.apply(this, arguments) : M).end();
     });
-  }, m.scaleBy = function(_, M, A, T) {
-    m.scaleTo(_, function() {
+  }, y.scaleBy = function(_, M, A, T) {
+    y.scaleTo(_, function() {
       var $ = this.__zoom.k, O = typeof M == "function" ? M.apply(this, arguments) : M;
       return $ * O;
     }, A, T);
-  }, m.scaleTo = function(_, M, A, T) {
-    m.transform(_, function() {
-      var $ = t.apply(this, arguments), O = this.__zoom, j = A == null ? b($) : typeof A == "function" ? A.apply(this, arguments) : A, B = O.invert(j), H = typeof M == "function" ? M.apply(this, arguments) : M;
-      return n(g(S(O, H), j, B), $, a);
+  }, y.scaleTo = function(_, M, A, T) {
+    y.transform(_, function() {
+      var $ = t.apply(this, arguments), O = this.__zoom, j = A == null ? b($) : typeof A == "function" ? A.apply(this, arguments) : A, B = O.invert(j), V = typeof M == "function" ? M.apply(this, arguments) : M;
+      return n(g(S(O, V), j, B), $, a);
     }, A, T);
-  }, m.translateBy = function(_, M, A, T) {
-    m.transform(_, function() {
+  }, y.translateBy = function(_, M, A, T) {
+    y.transform(_, function() {
       return n(this.__zoom.translate(
         typeof M == "function" ? M.apply(this, arguments) : M,
         typeof A == "function" ? A.apply(this, arguments) : A
       ), t.apply(this, arguments), a);
     }, null, T);
-  }, m.translateTo = function(_, M, A, T, $) {
-    m.transform(_, function() {
+  }, y.translateTo = function(_, M, A, T, $) {
+    y.transform(_, function() {
       var O = t.apply(this, arguments), j = this.__zoom, B = T == null ? b(O) : typeof T == "function" ? T.apply(this, arguments) : T;
       return n(oo.translate(B[0], B[1]).scale(j.k).translate(
         typeof M == "function" ? -M.apply(this, arguments) : -M,
@@ -2039,12 +2039,12 @@ function hc() {
     }).on("interrupt.zoom end.zoom", function() {
       v(this, arguments).event(T).end();
     }).tween("zoom", function() {
-      var $ = this, O = arguments, j = v($, O).event(T), B = t.apply($, O), H = A == null ? b(B) : typeof A == "function" ? A.apply($, O) : A, X = Math.max(B[1][0] - B[0][0], B[1][1] - B[0][1]), U = $.__zoom, Z = typeof M == "function" ? M.apply($, O) : M, te = c(U.invert(H).concat(X / U.k), Z.invert(H).concat(X / Z.k));
+      var $ = this, O = arguments, j = v($, O).event(T), B = t.apply($, O), V = A == null ? b(B) : typeof A == "function" ? A.apply($, O) : A, X = Math.max(B[1][0] - B[0][0], B[1][1] - B[0][1]), U = $.__zoom, Z = typeof M == "function" ? M.apply($, O) : M, te = c(U.invert(V).concat(X / U.k), Z.invert(V).concat(X / Z.k));
       return function(z) {
         if (z === 1) z = Z;
         else {
           var D = te(z), F = X / D[2];
-          z = new yt(F, H[0] - D[0] * F, H[1] - D[1] * F);
+          z = new yt(F, V[0] - D[0] * F, V[1] - D[1] * F);
         }
         j.zoom(null, z);
       };
@@ -2076,7 +2076,7 @@ function hc() {
         this.that,
         new Lg(_, {
           sourceEvent: this.sourceEvent,
-          target: m,
+          target: y,
           transform: this.that.__zoom,
           dispatch: l
         }),
@@ -2100,9 +2100,9 @@ function hc() {
   }
   function k(_, ...M) {
     if (f || !e.apply(this, arguments)) return;
-    var A = _.currentTarget, T = v(this, M, !0).event(_), $ = Re(_.view).on("mousemove.zoom", H, !0).on("mouseup.zoom", X, !0), O = Ye(_, A), j = _.clientX, B = _.clientY;
+    var A = _.currentTarget, T = v(this, M, !0).event(_), $ = Re(_.view).on("mousemove.zoom", V, !0).on("mouseup.zoom", X, !0), O = Ye(_, A), j = _.clientX, B = _.clientY;
     Zl(_.view), ko(_), T.mouse = [O, this.__zoom.invert(O)], Or(this), T.start();
-    function H(U) {
+    function V(U) {
       if (Cn(U), !T.moved) {
         var Z = U.clientX - j, te = U.clientY - B;
         T.moved = Z * Z + te * te > w;
@@ -2116,30 +2116,30 @@ function hc() {
   function P(_, ...M) {
     if (e.apply(this, arguments)) {
       var A = this.__zoom, T = Ye(_.changedTouches ? _.changedTouches[0] : _, this), $ = A.invert(T), O = A.k * (_.shiftKey ? 0.5 : 2), j = n(g(S(A, O), T, $), t.apply(this, M), a);
-      Cn(_), s > 0 ? Re(this).transition().duration(s).call(C, j, T, _) : Re(this).call(m.transform, j, T, _);
+      Cn(_), s > 0 ? Re(this).transition().duration(s).call(C, j, T, _) : Re(this).call(y.transform, j, T, _);
     }
   }
   function I(_, ...M) {
     if (e.apply(this, arguments)) {
-      var A = _.touches, T = A.length, $ = v(this, M, _.changedTouches.length === T).event(_), O, j, B, H;
+      var A = _.touches, T = A.length, $ = v(this, M, _.changedTouches.length === T).event(_), O, j, B, V;
       for (ko(_), j = 0; j < T; ++j)
-        B = A[j], H = Ye(B, this), H = [H, this.__zoom.invert(H), B.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== H[2] && ($.touch1 = H, $.taps = 0) : ($.touch0 = H, O = !0, $.taps = 1 + !!u);
-      u && (u = clearTimeout(u)), O && ($.taps < 2 && (h = H[0], u = setTimeout(function() {
+        B = A[j], V = Ye(B, this), V = [V, this.__zoom.invert(V), B.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== V[2] && ($.touch1 = V, $.taps = 0) : ($.touch0 = V, O = !0, $.taps = 1 + !!u);
+      u && (u = clearTimeout(u)), O && ($.taps < 2 && (h = V[0], u = setTimeout(function() {
         u = null;
       }, d)), Or(this), $.start());
     }
   }
   function L(_, ...M) {
     if (this.__zooming) {
-      var A = v(this, M).event(_), T = _.changedTouches, $ = T.length, O, j, B, H;
+      var A = v(this, M).event(_), T = _.changedTouches, $ = T.length, O, j, B, V;
       for (Cn(_), O = 0; O < $; ++O)
         j = T[O], B = Ye(j, this), A.touch0 && A.touch0[2] === j.identifier ? A.touch0[0] = B : A.touch1 && A.touch1[2] === j.identifier && (A.touch1[0] = B);
       if (j = A.that.__zoom, A.touch1) {
         var X = A.touch0[0], U = A.touch0[1], Z = A.touch1[0], te = A.touch1[1], z = (z = Z[0] - X[0]) * z + (z = Z[1] - X[1]) * z, D = (D = te[0] - U[0]) * D + (D = te[1] - U[1]) * D;
-        j = S(j, Math.sqrt(z / D)), B = [(X[0] + Z[0]) / 2, (X[1] + Z[1]) / 2], H = [(U[0] + te[0]) / 2, (U[1] + te[1]) / 2];
-      } else if (A.touch0) B = A.touch0[0], H = A.touch0[1];
+        j = S(j, Math.sqrt(z / D)), B = [(X[0] + Z[0]) / 2, (X[1] + Z[1]) / 2], V = [(U[0] + te[0]) / 2, (U[1] + te[1]) / 2];
+      } else if (A.touch0) B = A.touch0[0], V = A.touch0[1];
       else return;
-      A.zoom("touch", n(g(j, B, H), A.extent, a));
+      A.zoom("touch", n(g(j, B, V), A.extent, a));
     }
   }
   function R(_, ...M) {
@@ -2150,38 +2150,38 @@ function hc() {
       }, d), O = 0; O < $; ++O)
         j = T[O], A.touch0 && A.touch0[2] === j.identifier ? delete A.touch0 : A.touch1 && A.touch1[2] === j.identifier && delete A.touch1;
       if (A.touch1 && !A.touch0 && (A.touch0 = A.touch1, delete A.touch1), A.touch0) A.touch0[1] = this.__zoom.invert(A.touch0[0]);
-      else if (A.end(), A.taps === 2 && (j = Ye(j, this), Math.hypot(h[0] - j[0], h[1] - j[1]) < y)) {
+      else if (A.end(), A.taps === 2 && (j = Ye(j, this), Math.hypot(h[0] - j[0], h[1] - j[1]) < m)) {
         var B = Re(this).on("dblclick.zoom");
         B && B.apply(this, arguments);
       }
     }
   }
-  return m.wheelDelta = function(_) {
-    return arguments.length ? (r = typeof _ == "function" ? _ : gr(+_), m) : r;
-  }, m.filter = function(_) {
-    return arguments.length ? (e = typeof _ == "function" ? _ : gr(!!_), m) : e;
-  }, m.touchable = function(_) {
-    return arguments.length ? (o = typeof _ == "function" ? _ : gr(!!_), m) : o;
-  }, m.extent = function(_) {
-    return arguments.length ? (t = typeof _ == "function" ? _ : gr([[+_[0][0], +_[0][1]], [+_[1][0], +_[1][1]]]), m) : t;
-  }, m.scaleExtent = function(_) {
-    return arguments.length ? (i[0] = +_[0], i[1] = +_[1], m) : [i[0], i[1]];
-  }, m.translateExtent = function(_) {
-    return arguments.length ? (a[0][0] = +_[0][0], a[1][0] = +_[1][0], a[0][1] = +_[0][1], a[1][1] = +_[1][1], m) : [[a[0][0], a[0][1]], [a[1][0], a[1][1]]];
-  }, m.constrain = function(_) {
-    return arguments.length ? (n = _, m) : n;
-  }, m.duration = function(_) {
-    return arguments.length ? (s = +_, m) : s;
-  }, m.interpolate = function(_) {
-    return arguments.length ? (c = _, m) : c;
-  }, m.on = function() {
+  return y.wheelDelta = function(_) {
+    return arguments.length ? (r = typeof _ == "function" ? _ : gr(+_), y) : r;
+  }, y.filter = function(_) {
+    return arguments.length ? (e = typeof _ == "function" ? _ : gr(!!_), y) : e;
+  }, y.touchable = function(_) {
+    return arguments.length ? (o = typeof _ == "function" ? _ : gr(!!_), y) : o;
+  }, y.extent = function(_) {
+    return arguments.length ? (t = typeof _ == "function" ? _ : gr([[+_[0][0], +_[0][1]], [+_[1][0], +_[1][1]]]), y) : t;
+  }, y.scaleExtent = function(_) {
+    return arguments.length ? (i[0] = +_[0], i[1] = +_[1], y) : [i[0], i[1]];
+  }, y.translateExtent = function(_) {
+    return arguments.length ? (a[0][0] = +_[0][0], a[1][0] = +_[1][0], a[0][1] = +_[0][1], a[1][1] = +_[1][1], y) : [[a[0][0], a[0][1]], [a[1][0], a[1][1]]];
+  }, y.constrain = function(_) {
+    return arguments.length ? (n = _, y) : n;
+  }, y.duration = function(_) {
+    return arguments.length ? (s = +_, y) : s;
+  }, y.interpolate = function(_) {
+    return arguments.length ? (c = _, y) : c;
+  }, y.on = function() {
     var _ = l.on.apply(l, arguments);
-    return _ === l ? m : _;
-  }, m.clickDistance = function(_) {
-    return arguments.length ? (w = (_ = +_) * _, m) : Math.sqrt(w);
-  }, m.tapDistance = function(_) {
-    return arguments.length ? (y = +_, m) : y;
-  }, m;
+    return _ === l ? y : _;
+  }, y.clickDistance = function(_) {
+    return arguments.length ? (w = (_ = +_) * _, y) : Math.sqrt(w);
+  }, y.tapDistance = function(_) {
+    return arguments.length ? (m = +_, y) : m;
+  }, y;
 }
 const je = {
   error001: (e = "react") => `Seems like you have not used ${e === "svelte" ? "SvelteFlowProvider" : "ReactFlowProvider"} as an ancestor. Help: https://${e}flow.dev/error#001`,
@@ -2300,7 +2300,7 @@ const bc = (e) => !!e && typeof e == "object" && "id" in e && "source" in e && "
     const { measured: d, selectable: p = !0, hidden: w = !1 } = f;
     if (a && !p || w)
       continue;
-    const y = d.width ?? f.width ?? f.initialWidth ?? 0, m = d.height ?? f.height ?? f.initialHeight ?? 0, { x: S, y: g } = f.internals.positionAbsolute, b = Sc(s, c, l, u, S, g, y, m), C = y * m, v = i && b > 0;
+    const m = d.width ?? f.width ?? f.initialWidth ?? 0, y = d.height ?? f.height ?? f.initialHeight ?? 0, { x: S, y: g } = f.internals.positionAbsolute, b = Sc(s, c, l, u, S, g, m, y), C = m * y, v = i && b > 0;
     (!f.internals.handleBounds || v || b >= C || f.dragging) && h.push(f);
   }
   return h;
@@ -2486,15 +2486,15 @@ function qg(e, t, n, r, o, i) {
   };
 }
 const Li = (e, t, n, r, o, i) => {
-  const a = Zg(i, t, n), s = (t - a.x) / e.width, c = (n - a.y) / e.height, l = Math.min(s, c), u = dn(l, r, o), h = e.x + e.width / 2, f = e.y + e.height / 2, d = t / 2 - h * u, p = n / 2 - f * u, w = qg(e, d, p, u, t, n), y = {
+  const a = Zg(i, t, n), s = (t - a.x) / e.width, c = (n - a.y) / e.height, l = Math.min(s, c), u = dn(l, r, o), h = e.x + e.width / 2, f = e.y + e.height / 2, d = t / 2 - h * u, p = n / 2 - f * u, w = qg(e, d, p, u, t, n), m = {
     left: Math.min(w.left - a.left, 0),
     top: Math.min(w.top - a.top, 0),
     right: Math.min(w.right - a.right, 0),
     bottom: Math.min(w.bottom - a.bottom, 0)
   };
   return {
-    x: d - y.left + y.right,
-    y: p - y.top + y.bottom,
+    x: d - m.left + m.right,
+    y: p - m.top + m.bottom,
     zoom: u
   };
 }, Xn = () => typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0;
@@ -2676,21 +2676,21 @@ function sm({ source: e, sourcePosition: t = Y.Bottom, target: n, targetPosition
     sourcePosition: t,
     target: u
   }), f = h.x !== 0 ? "x" : "y", d = h[f];
-  let p = [], w, y;
-  const m = { x: 0, y: 0 }, S = { x: 0, y: 0 }, [, , g, b] = Dc({
+  let p = [], w, m;
+  const y = { x: 0, y: 0 }, S = { x: 0, y: 0 }, [, , g, b] = Dc({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
     targetY: n.y
   });
   if (s[f] * c[f] === -1) {
-    f === "x" ? (w = o.x ?? l.x + (u.x - l.x) * a, y = o.y ?? (l.y + u.y) / 2) : (w = o.x ?? (l.x + u.x) / 2, y = o.y ?? l.y + (u.y - l.y) * a);
+    f === "x" ? (w = o.x ?? l.x + (u.x - l.x) * a, m = o.y ?? (l.y + u.y) / 2) : (w = o.x ?? (l.x + u.x) / 2, m = o.y ?? l.y + (u.y - l.y) * a);
     const N = [
       { x: w, y: l.y },
       { x: w, y: u.y }
     ], k = [
-      { x: l.x, y },
-      { x: u.x, y }
+      { x: l.x, y: m },
+      { x: u.x, y: m }
     ];
     s[f] === d ? p = f === "x" ? N : k : p = f === "x" ? k : N;
   } else {
@@ -2699,17 +2699,17 @@ function sm({ source: e, sourcePosition: t = Y.Bottom, target: n, targetPosition
       const _ = Math.abs(e[f] - n[f]);
       if (_ <= i) {
         const M = Math.min(i - 1, i - _);
-        s[f] === d ? m[f] = (l[f] > e[f] ? -1 : 1) * M : S[f] = (u[f] > n[f] ? -1 : 1) * M;
+        s[f] === d ? y[f] = (l[f] > e[f] ? -1 : 1) * M : S[f] = (u[f] > n[f] ? -1 : 1) * M;
       }
     }
     if (t !== r) {
       const _ = f === "x" ? "y" : "x", M = s[f] === c[_], A = l[_] > u[_], T = l[_] < u[_];
       (s[f] === 1 && (!M && A || M && T) || s[f] !== 1 && (!M && T || M && A)) && (p = f === "x" ? N : k);
     }
-    const P = { x: l.x + m.x, y: l.y + m.y }, I = { x: u.x + S.x, y: u.y + S.y }, L = Math.max(Math.abs(P.x - p[0].x), Math.abs(I.x - p[0].x)), R = Math.max(Math.abs(P.y - p[0].y), Math.abs(I.y - p[0].y));
-    L >= R ? (w = (P.x + I.x) / 2, y = p[0].y) : (w = p[0].x, y = (P.y + I.y) / 2);
+    const P = { x: l.x + y.x, y: l.y + y.y }, I = { x: u.x + S.x, y: u.y + S.y }, L = Math.max(Math.abs(P.x - p[0].x), Math.abs(I.x - p[0].x)), R = Math.max(Math.abs(P.y - p[0].y), Math.abs(I.y - p[0].y));
+    L >= R ? (w = (P.x + I.x) / 2, m = p[0].y) : (w = p[0].x, m = (P.y + I.y) / 2);
   }
-  const C = { x: l.x + m.x, y: l.y + m.y }, v = { x: u.x + S.x, y: u.y + S.y };
+  const C = { x: l.x + y.x, y: l.y + y.y }, v = { x: u.x + S.x, y: u.y + S.y };
   return [[
     e,
     // we only want to add the gapped source/target if they are different from the first/last point to avoid duplicates which can cause issues with the bends
@@ -2717,7 +2717,7 @@ function sm({ source: e, sourcePosition: t = Y.Bottom, target: n, targetPosition
     ...p,
     ...v.x !== p[p.length - 1].x || v.y !== p[p.length - 1].y ? [v] : [],
     n
-  ], w, y, g, b];
+  ], w, m, g, b];
 }
 function lm(e, t, n, r) {
   const o = Math.min(La(e, t) / 2, La(t, n) / 2, r), { x: i, y: a } = t;
@@ -2740,10 +2740,10 @@ function Xr({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r,
     offset: l,
     stepPosition: u
   });
-  let y = `M${h[0].x} ${h[0].y}`;
-  for (let m = 1; m < h.length - 1; m++)
-    y += lm(h[m - 1], h[m], h[m + 1], a);
-  return y += `L${h[h.length - 1].x} ${h[h.length - 1].y}`, [y, f, d, p, w];
+  let m = `M${h[0].x} ${h[0].y}`;
+  for (let y = 1; y < h.length - 1; y++)
+    m += lm(h[y - 1], h[y], h[y + 1], a);
+  return m += `L${h[h.length - 1].x} ${h[h.length - 1].y}`, [m, f, d, p, w];
 }
 function Ha(e) {
   return e && !!(e.internals.handleBounds || e.handles?.length) && !!(e.measured.width || e.width || e.initialWidth);
@@ -2908,12 +2908,12 @@ function Fi(e, t, n, r, o) {
     return;
   }
   gm(e, n), o && !u.parentId && u.internals.rootParentIndex === void 0 && c === "auto" && (u.internals.rootParentIndex = ++o.i, u.internals.z = u.internals.z + o.i * dm), o && u.internals.rootParentIndex !== void 0 && (o.i = u.internals.rootParentIndex);
-  const h = i && !Bi(c) ? Pc : 0, { x: f, y: d, z: p } = mm(e, u, a, s, h, c), { positionAbsolute: w } = e.internals, y = f !== w.x || d !== w.y;
-  (y || p !== e.internals.z) && t.set(e.id, {
+  const h = i && !Bi(c) ? Pc : 0, { x: f, y: d, z: p } = mm(e, u, a, s, h, c), { positionAbsolute: w } = e.internals, m = f !== w.x || d !== w.y;
+  (m || p !== e.internals.z) && t.set(e.id, {
     ...e,
     internals: {
       ...e.internals,
-      positionAbsolute: y ? { x: f, y: d } : w,
+      positionAbsolute: m ? { x: f, y: d } : w,
       z: p
     }
   });
@@ -2943,13 +2943,13 @@ function Wi(e, t, n, r = [0, 0]) {
     i.set(a.parentId, { expandedRect: l, parent: s });
   }
   return i.size > 0 && i.forEach(({ expandedRect: a, parent: s }, c) => {
-    const l = s.internals.positionAbsolute, u = ct(s), h = s.origin ?? r, f = a.x < l.x ? Math.round(Math.abs(l.x - a.x)) : 0, d = a.y < l.y ? Math.round(Math.abs(l.y - a.y)) : 0, p = Math.max(u.width, Math.round(a.width)), w = Math.max(u.height, Math.round(a.height)), y = (p - u.width) * h[0], m = (w - u.height) * h[1];
-    (f > 0 || d > 0 || y || m) && (o.push({
+    const l = s.internals.positionAbsolute, u = ct(s), h = s.origin ?? r, f = a.x < l.x ? Math.round(Math.abs(l.x - a.x)) : 0, d = a.y < l.y ? Math.round(Math.abs(l.y - a.y)) : 0, p = Math.max(u.width, Math.round(a.width)), w = Math.max(u.height, Math.round(a.height)), m = (p - u.width) * h[0], y = (w - u.height) * h[1];
+    (f > 0 || d > 0 || m || y) && (o.push({
       id: c,
       type: "position",
       position: {
-        x: s.position.x - f + y,
-        y: s.position.y - d + m
+        x: s.position.x - f + m,
+        y: s.position.y - d + y
       }
     }), n.get(c)?.forEach((S) => {
       e.some((g) => g.id === S.id) || o.push({
@@ -2965,8 +2965,8 @@ function Wi(e, t, n, r = [0, 0]) {
       type: "dimensions",
       setAttributes: !0,
       dimensions: {
-        width: p + (f ? h[0] * f - y : 0),
-        height: w + (d ? h[1] * d - m : 0)
+        width: p + (f ? h[0] * f - m : 0),
+        height: w + (d ? h[1] * d - y : 0)
       }
     });
   }), o;
@@ -2991,8 +2991,8 @@ function ym(e, t, n, r, o, i, a) {
       }), c = !0;
       continue;
     }
-    const w = Hi(d.nodeElement), y = p.measured.width !== w.width || p.measured.height !== w.height;
-    if (!!(w.width && w.height && (y || !p.internals.handleBounds || d.force))) {
+    const w = Hi(d.nodeElement), m = p.measured.width !== w.width || p.measured.height !== w.height;
+    if (!!(w.width && w.height && (m || !p.internals.handleBounds || d.force))) {
       const S = d.nodeElement.getBoundingClientRect(), g = Ut(p.extent) ? p.extent : i;
       let { positionAbsolute: b } = p.internals;
       if (p.parentId && p.extent === "parent") {
@@ -3011,7 +3011,7 @@ function ym(e, t, n, r, o, i, a) {
           }
         }
       };
-      t.set(p.id, C), p.parentId && Fi(C, t, n, { nodeOrigin: o, zIndexMode: a }), c = !0, y && (l.push({
+      t.set(p.id, C), p.parentId && Fi(C, t, n, { nodeOrigin: o, zIndexMode: a }), c = !0, m && (l.push({
         id: p.id,
         type: "dimensions",
         dimensions: w
@@ -3140,10 +3140,10 @@ function xm({ dragItems: e, snapGrid: t, x: n, y: r }) {
 }
 function vm({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, onDragStop: o }) {
   let i = { x: null, y: null }, a = 0, s = /* @__PURE__ */ new Map(), c = !1, l = { x: 0, y: 0 }, u = null, h = !1, f = null, d = !1, p = !1, w = null;
-  function y({ noDragClassName: S, handleSelector: g, domNode: b, isSelectable: C, nodeId: v, nodeClickDistance: E = 0 }) {
+  function m({ noDragClassName: S, handleSelector: g, domNode: b, isSelectable: C, nodeId: v, nodeClickDistance: E = 0 }) {
     f = Re(b);
     function N({ x: L, y: R }) {
-      const { nodeLookup: _, nodeExtent: M, snapGrid: A, snapToGrid: T, nodeOrigin: $, onNodeDrag: O, onSelectionDrag: j, onError: B, updateNodePositions: H } = t();
+      const { nodeLookup: _, nodeExtent: M, snapGrid: A, snapToGrid: T, nodeOrigin: $, onNodeDrag: O, onSelectionDrag: j, onError: B, updateNodePositions: V } = t();
       i = { x: L, y: R };
       let X = !1;
       const U = s.size > 1, Z = U && M ? ii(rr(s)) : null, te = U && T ? xm({
@@ -3178,7 +3178,7 @@ function vm({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
         });
         X = X || D.position.x !== J.x || D.position.y !== J.y, D.position = J, D.internals.positionAbsolute = K;
       }
-      if (p = p || X, !!X && (H(s, !0), w && (r || O || !v && j))) {
+      if (p = p || X, !!X && (V(s, !0), w && (r || O || !v && j))) {
         const [z, D] = No({
           nodeId: v,
           dragItems: s,
@@ -3199,8 +3199,8 @@ function vm({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
       (A !== 0 || T !== 0) && (i.x = (i.x ?? 0) - A / L[2], i.y = (i.y ?? 0) - T / L[2], await R({ x: A, y: T }) && N(i)), a = requestAnimationFrame(k);
     }
     function P(L) {
-      const { nodeLookup: R, multiSelectionActive: _, nodesDraggable: M, transform: A, snapGrid: T, snapToGrid: $, selectNodesOnDrag: O, onNodeDragStart: j, onSelectionDragStart: B, unselectNodesAndEdges: H } = t();
-      h = !0, (!O || !C) && !_ && v && (R.get(v)?.selected || H()), C && O && v && e?.(v);
+      const { nodeLookup: R, multiSelectionActive: _, nodesDraggable: M, transform: A, snapGrid: T, snapToGrid: $, selectNodesOnDrag: O, onNodeDragStart: j, onSelectionDragStart: B, unselectNodesAndEdges: V } = t();
+      h = !0, (!O || !C) && !_ && v && (R.get(v)?.selected || V()), C && O && v && e?.(v);
       const X = Pn(L.sourceEvent, { transform: A, snapGrid: T, snapToGrid: $, containerBounds: u });
       if (i = X, s = wm(R, M, X, v), s.size > 0 && (n || j || !v && B)) {
         const [U, Z] = No({
@@ -3219,8 +3219,8 @@ function vm({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
       if (w = L.sourceEvent, (L.sourceEvent.type === "touchmove" && L.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       v && !$.has(v)) && (d = !0), !d) {
         if (!c && R && h && (c = !0, k()), !h) {
-          const j = Je(L.sourceEvent, u), B = j.x - l.x, H = j.y - l.y;
-          Math.sqrt(B * B + H * H) > T && P(L);
+          const j = Je(L.sourceEvent, u), B = j.x - l.x, V = j.y - l.y;
+          Math.sqrt(B * B + V * V) > T && P(L);
         }
         (i.x !== O.xSnapped || i.y !== O.ySnapped) && s && h && (l = Je(L.sourceEvent, u), N(O));
       }
@@ -3247,12 +3247,12 @@ function vm({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
     });
     f.call(I);
   }
-  function m() {
+  function y() {
     f?.on(".drag", null);
   }
   return {
-    update: y,
-    destroy: m
+    update: m,
+    destroy: y
   };
 }
 function _m(e, t, n) {
@@ -3302,7 +3302,7 @@ function Cm(e, t) {
   return t ? n = !0 : e && !t && (n = !1), n;
 }
 const Vc = () => !0;
-function km(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o, edgeUpdaterType: i, isTarget: a, domNode: s, nodeLookup: c, lib: l, autoPanOnConnect: u, flowId: h, panBy: f, cancelConnection: d, onConnectStart: p, onConnect: w, onConnectEnd: y, isValidConnection: m = Vc, onReconnectEnd: S, updateConnection: g, getTransform: b, getFromHandle: C, autoPanSpeed: v, dragThreshold: E = 1, handleDomNode: N }) {
+function km(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o, edgeUpdaterType: i, isTarget: a, domNode: s, nodeLookup: c, lib: l, autoPanOnConnect: u, flowId: h, panBy: f, cancelConnection: d, onConnectStart: p, onConnect: w, onConnectEnd: m, isValidConnection: y = Vc, onReconnectEnd: S, updateConnection: g, getTransform: b, getFromHandle: C, autoPanSpeed: v, dragThreshold: E = 1, handleDomNode: N }) {
   const k = Nc(e.target);
   let P = 0, I;
   const { x: L, y: R } = Je(e), _ = Hc(i, N), M = s?.getBoundingClientRect();
@@ -3312,7 +3312,7 @@ function km(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
   const T = Lc(o, _, r, c, t);
   if (!T)
     return;
-  let $ = Je(e, M), O = !1, j = null, B = !1, H = null;
+  let $ = Je(e, M), O = !1, j = null, B = !1, V = null;
   function X() {
     if (!u || !M)
       return;
@@ -3361,13 +3361,13 @@ function km(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
       fromNodeId: o,
       fromHandleId: r,
       fromType: a ? "target" : "source",
-      isValidConnection: m,
+      isValidConnection: y,
       doc: k,
       lib: l,
       flowId: h,
       nodeLookup: c
     });
-    H = Q.handleDomNode, j = Q.connection, B = Cm(!!I, Q.isValid);
+    V = Q.handleDomNode, j = Q.connection, B = Cm(!!I, Q.isValid);
     const ee = c.get(o), le = ee ? Xt(ee, U, Y.Left, !0) : z.from, he = {
       ...z,
       from: le,
@@ -3383,40 +3383,40 @@ function km(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
   function q(J) {
     if (!("touches" in J && J.touches.length > 0)) {
       if (A) {
-        (I || H) && j && B && w?.(j);
+        (I || V) && j && B && w?.(j);
         const { inProgress: K, ...Q } = z, ee = {
           ...Q,
           toPosition: z.toHandle ? z.toPosition : null
         };
-        y?.(J, ee), i && S?.(J, ee);
+        m?.(J, ee), i && S?.(J, ee);
       }
-      d(), cancelAnimationFrame(P), O = !1, B = !1, j = null, H = null, k.removeEventListener("mousemove", F), k.removeEventListener("mouseup", q), k.removeEventListener("touchmove", F), k.removeEventListener("touchend", q);
+      d(), cancelAnimationFrame(P), O = !1, B = !1, j = null, V = null, k.removeEventListener("mousemove", F), k.removeEventListener("mouseup", q), k.removeEventListener("touchmove", F), k.removeEventListener("touchend", q);
     }
   }
   k.addEventListener("mousemove", F), k.addEventListener("mouseup", q), k.addEventListener("touchmove", F), k.addEventListener("touchend", q);
 }
 function jc(e, { handle: t, connectionMode: n, fromNodeId: r, fromHandleId: o, fromType: i, doc: a, lib: s, flowId: c, isValidConnection: l = Vc, nodeLookup: u }) {
-  const h = i === "target", f = t ? a.querySelector(`.${s}-flow__handle[data-id="${c}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: d, y: p } = Je(e), w = a.elementFromPoint(d, p), y = w?.classList.contains(`${s}-flow__handle`) ? w : f, m = {
-    handleDomNode: y,
+  const h = i === "target", f = t ? a.querySelector(`.${s}-flow__handle[data-id="${c}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: d, y: p } = Je(e), w = a.elementFromPoint(d, p), m = w?.classList.contains(`${s}-flow__handle`) ? w : f, y = {
+    handleDomNode: m,
     isValid: !1,
     connection: null,
     toHandle: null
   };
-  if (y) {
-    const S = Hc(void 0, y), g = y.getAttribute("data-nodeid"), b = y.getAttribute("data-handleid"), C = y.classList.contains("connectable"), v = y.classList.contains("connectableend");
+  if (m) {
+    const S = Hc(void 0, m), g = m.getAttribute("data-nodeid"), b = m.getAttribute("data-handleid"), C = m.classList.contains("connectable"), v = m.classList.contains("connectableend");
     if (!g || !S)
-      return m;
+      return y;
     const E = {
       source: h ? g : r,
       sourceHandle: h ? b : o,
       target: h ? r : g,
       targetHandle: h ? o : b
     };
-    m.connection = E;
+    y.connection = E;
     const k = C && v && (n === un.Strict ? h && S === "source" || !h && S === "target" : g !== r || b !== o);
-    m.isValid = k && l(E), m.toHandle = Lc(g, S, b, u, n, !0);
+    y.isValid = k && l(E), y.toHandle = Lc(g, S, b, u, n, !0);
   }
-  return m;
+  return y;
 }
 const li = {
   onPointerDown: km,
@@ -3432,12 +3432,12 @@ function Nm({ domNode: e, panZoom: t, getTransform: n, getViewScale: r }) {
       t.scaleTo(E);
     };
     let w = [0, 0];
-    const y = (g) => {
+    const m = (g) => {
       (g.sourceEvent.type === "mousedown" || g.sourceEvent.type === "touchstart") && (w = [
         g.sourceEvent.clientX ?? g.sourceEvent.touches[0].clientX,
         g.sourceEvent.clientY ?? g.sourceEvent.touches[0].clientY
       ]);
-    }, m = (g) => {
+    }, y = (g) => {
       const b = n();
       if (g.sourceEvent.type !== "mousemove" && g.sourceEvent.type !== "touchmove" || !t)
         return;
@@ -3458,7 +3458,7 @@ function Nm({ domNode: e, panZoom: t, getTransform: n, getViewScale: r }) {
         y: N.y,
         zoom: b[2]
       }, k, s);
-    }, S = hc().on("start", y).on("zoom", h ? m : null).on("zoom.wheel", f ? p : null);
+    }, S = hc().on("start", m).on("zoom", h ? y : null).on("zoom.wheel", f ? p : null);
     o.call(S, {});
   }
   function a() {
@@ -3489,8 +3489,8 @@ function Mm({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: r,
     u.preventDefault(), u.stopImmediatePropagation();
     const h = n.property("__zoom").k || 1;
     if (u.ctrlKey && a) {
-      const y = Ye(u), m = Fc(u), S = h * Math.pow(2, m);
-      r.scaleTo(n, S, y, u);
+      const m = Ye(u), y = Fc(u), S = h * Math.pow(2, y);
+      r.scaleTo(n, S, m, u);
       return;
     }
     const f = u.deltaMode === 1 ? 20 : 1;
@@ -3588,14 +3588,14 @@ function Om({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
     [0, 0],
     [u.width, u.height]
   ], r);
-  const w = p.on("wheel.zoom"), y = p.on("dblclick.zoom");
+  const w = p.on("wheel.zoom"), m = p.on("dblclick.zoom");
   d.wheelDelta(Fc);
-  async function m(R, _) {
+  async function y(R, _) {
     return p ? new Promise((M) => {
       d?.interpolate(_?.interpolate === "linear" ? In : Dr).transform(Mo(p, _?.duration, _?.ease, () => M(!0)), R);
     }) : !1;
   }
-  function S({ noWheelClassName: R, noPanClassName: _, onPaneContextMenu: M, userSelectionActive: A, panOnScroll: T, panOnDrag: $, panOnScrollMode: O, panOnScrollSpeed: j, preventScrolling: B, zoomOnPinch: H, zoomOnScroll: X, zoomOnDoubleClick: U, zoomActivationKeyPressed: Z, lib: te, onTransformChange: z, connectionInProgress: D, paneClickDistance: F, selectionOnDrag: q }) {
+  function S({ noWheelClassName: R, noPanClassName: _, onPaneContextMenu: M, userSelectionActive: A, panOnScroll: T, panOnDrag: $, panOnScrollMode: O, panOnScrollSpeed: j, preventScrolling: B, zoomOnPinch: V, zoomOnScroll: X, zoomOnDoubleClick: U, zoomActivationKeyPressed: Z, lib: te, onTransformChange: z, connectionInProgress: D, paneClickDistance: F, selectionOnDrag: q }) {
     A && !l.isZoomingOrPanning && g();
     const J = T && !Z && !A;
     d.clickDistance(q ? 1 / 0 : !Qe(F) || F < 0 ? 0 : F);
@@ -3606,7 +3606,7 @@ function Om({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
       d3Zoom: d,
       panOnScrollMode: O,
       panOnScrollSpeed: j,
-      zoomOnPinch: H,
+      zoomOnPinch: V,
       onPanZoomStart: a,
       onPanZoom: i,
       onPanZoomEnd: s
@@ -3645,25 +3645,25 @@ function Om({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
       zoomOnScroll: X,
       panOnScroll: T,
       zoomOnDoubleClick: U,
-      zoomOnPinch: H,
+      zoomOnPinch: V,
       userSelectionActive: A,
       noPanClassName: _,
       noWheelClassName: R,
       lib: te,
       connectionInProgress: D
     });
-    d.filter(he), U ? p.on("dblclick.zoom", y) : p.on("dblclick.zoom", null);
+    d.filter(he), U ? p.on("dblclick.zoom", m) : p.on("dblclick.zoom", null);
   }
   function g() {
     d.on("zoom", null);
   }
   async function b(R, _, M) {
     const A = Ao(R), T = d?.constrain()(A, _, M);
-    return T && await m(T), T;
+    return T && await y(T), T;
   }
   async function C(R, _) {
     const M = Ao(R);
-    return await m(M, _), M;
+    return await y(M, _), M;
   }
   function v(R) {
     if (p) {
@@ -3740,10 +3740,10 @@ function Ga(e, t) {
 }
 function Rm(e, t, n, r, o, i, a, s) {
   let { affectsX: c, affectsY: l } = t;
-  const { isHorizontal: u, isVertical: h } = t, f = u && h, { xSnapped: d, ySnapped: p } = n, { minWidth: w, maxWidth: y, minHeight: m, maxHeight: S } = r, { x: g, y: b, width: C, height: v, aspectRatio: E } = e;
+  const { isHorizontal: u, isVertical: h } = t, f = u && h, { xSnapped: d, ySnapped: p } = n, { minWidth: w, maxWidth: m, minHeight: y, maxHeight: S } = r, { x: g, y: b, width: C, height: v, aspectRatio: E } = e;
   let N = Math.floor(u ? d - e.pointerX : 0), k = Math.floor(h ? p - e.pointerY : 0);
   const P = C + (c ? -N : N), I = v + (l ? -k : k), L = -i[0] * C, R = -i[1] * v;
-  let _ = yr(P, w, y), M = yr(I, m, S);
+  let _ = yr(P, w, m), M = yr(I, y, S);
   if (a) {
     let $ = 0, O = 0;
     c && N < 0 ? $ = Et(g + N + L, a[0][0]) : !c && N > 0 && ($ = Ct(g + P + L, a[1][0])), l && k < 0 ? O = Et(b + k + R, a[0][1]) : !l && k > 0 && (O = Ct(b + I + R, a[1][1])), _ = Math.max(_, $), M = Math.max(M, O);
@@ -3754,7 +3754,7 @@ function Rm(e, t, n, r, o, i, a, s) {
   }
   if (o) {
     if (u) {
-      const $ = yr(P / E, m, S) * E;
+      const $ = yr(P / E, y, S) * E;
       if (_ = Math.max(_, $), a) {
         let O = 0;
         !c && !l || c && !l && f ? O = Ct(b + R + P / E, a[1][1]) * E : O = Et(b + R + (c ? N : -N) / E, a[0][1]) * E, _ = Math.max(_, O);
@@ -3765,7 +3765,7 @@ function Rm(e, t, n, r, o, i, a, s) {
       }
     }
     if (h) {
-      const $ = yr(I * E, w, y) / E;
+      const $ = yr(I * E, w, m) / E;
       if (M = Math.max(M, $), a) {
         let O = 0;
         !c && !l || l && !c && f ? O = Ct(g + I * E + L, a[1][0]) / E : O = Et(g + (l ? k : -k) * E + L, a[0][0]) / E, M = Math.max(M, O);
@@ -3811,8 +3811,8 @@ function Vm({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
     resizeDirection: void 0,
     keepAspectRatio: !1
   };
-  function s({ controlPosition: l, boundaries: u, keepAspectRatio: h, resizeDirection: f, onResizeStart: d, onResize: p, onResizeEnd: w, shouldResize: y }) {
-    let m = { ...Wc }, S = { ...Lm };
+  function s({ controlPosition: l, boundaries: u, keepAspectRatio: h, resizeDirection: f, onResizeStart: d, onResize: p, onResizeEnd: w, shouldResize: m }) {
+    let y = { ...Wc }, S = { ...Lm };
     a = {
       boundaries: u,
       resizeDirection: f,
@@ -3831,16 +3831,16 @@ function Vm({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
         snapToGrid: M,
         containerBounds: b
       });
-      m = {
+      y = {
         width: g.measured.width ?? 0,
         height: g.measured.height ?? 0,
         x: g.position.x ?? 0,
         y: g.position.y ?? 0
       }, S = {
-        ...m,
+        ...y,
         pointerX: $,
         pointerY: O,
-        aspectRatio: m.width / m.height
+        aspectRatio: y.width / y.height
       }, v = void 0, E = Ut(g.extent) ? g.extent : void 0, g.parentId && (g.extent === "parent" || g.expandParent) && (v = L.get(g.parentId)), v && g.extent === "parent" && (E = [
         [0, 0],
         [v.measured.width, v.measured.height]
@@ -3851,13 +3851,13 @@ function Vm({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
           position: { ...B.position },
           extent: B.extent
         }), B.extent === "parent" || B.expandParent)) {
-          const H = Hm(B, g, B.origin ?? A);
+          const V = Hm(B, g, B.origin ?? A);
           N ? N = [
-            [Math.min(H[0][0], N[0][0]), Math.min(H[0][1], N[0][1])],
-            [Math.max(H[1][0], N[1][0]), Math.max(H[1][1], N[1][1])]
-          ] : N = H;
+            [Math.min(V[0][0], N[0][0]), Math.min(V[0][1], N[0][1])],
+            [Math.max(V[1][0], N[1][0]), Math.max(V[1][1], N[1][1])]
+          ] : N = V;
         }
-      d?.(I, { ...m });
+      d?.(I, { ...y });
     }).on("drag", (I) => {
       const { transform: L, snapGrid: R, snapToGrid: _, nodeOrigin: M } = n(), A = Pn(I.sourceEvent, {
         transform: L,
@@ -3867,10 +3867,10 @@ function Vm({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
       }), T = [];
       if (!g)
         return;
-      const { x: $, y: O, width: j, height: B } = m, H = {}, X = g.origin ?? M, { width: U, height: Z, x: te, y: z } = Rm(S, a.controlDirection, A, a.boundaries, a.keepAspectRatio, X, E, N), D = U !== j, F = Z !== B, q = te !== $ && D, J = z !== O && F;
+      const { x: $, y: O, width: j, height: B } = y, V = {}, X = g.origin ?? M, { width: U, height: Z, x: te, y: z } = Rm(S, a.controlDirection, A, a.boundaries, a.keepAspectRatio, X, E, N), D = U !== j, F = Z !== B, q = te !== $ && D, J = z !== O && F;
       if (!q && !J && !D && !F)
         return;
-      if ((q || J || X[0] === 1 || X[1] === 1) && (H.x = q ? te : m.x, H.y = J ? z : m.y, m.x = H.x, m.y = H.y, C.length > 0)) {
+      if ((q || J || X[0] === 1 || X[1] === 1) && (V.x = q ? te : y.x, V.y = J ? z : y.y, y.x = V.x, y.y = V.y, C.length > 0)) {
         const le = te - $, he = z - O;
         for (const de of C)
           de.position = {
@@ -3878,23 +3878,23 @@ function Vm({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
             y: de.position.y - he + X[1] * (Z - B)
           }, T.push(de);
       }
-      if ((D || F) && (H.width = D && (!a.resizeDirection || a.resizeDirection === "horizontal") ? U : m.width, H.height = F && (!a.resizeDirection || a.resizeDirection === "vertical") ? Z : m.height, m.width = H.width, m.height = H.height), v && g.expandParent) {
-        const le = X[0] * (H.width ?? 0);
-        H.x && H.x < le && (m.x = le, S.x = S.x - (H.x - le));
-        const he = X[1] * (H.height ?? 0);
-        H.y && H.y < he && (m.y = he, S.y = S.y - (H.y - he));
+      if ((D || F) && (V.width = D && (!a.resizeDirection || a.resizeDirection === "horizontal") ? U : y.width, V.height = F && (!a.resizeDirection || a.resizeDirection === "vertical") ? Z : y.height, y.width = V.width, y.height = V.height), v && g.expandParent) {
+        const le = X[0] * (V.width ?? 0);
+        V.x && V.x < le && (y.x = le, S.x = S.x - (V.x - le));
+        const he = X[1] * (V.height ?? 0);
+        V.y && V.y < he && (y.y = he, S.y = S.y - (V.y - he));
       }
       const K = $m({
-        width: m.width,
+        width: y.width,
         prevWidth: j,
-        height: m.height,
+        height: y.height,
         prevHeight: B,
         affectsX: a.controlDirection.affectsX,
         affectsY: a.controlDirection.affectsY
-      }), Q = { ...m, direction: K };
-      y?.(I, Q) !== !1 && (k = !0, p?.(I, Q), r(H, T));
+      }), Q = { ...y, direction: K };
+      m?.(I, Q) !== !1 && (k = !0, p?.(I, Q), r(V, T));
     }).on("end", (I) => {
-      k && (w?.(I, { ...m }), o?.({ ...m }), k = !1);
+      k && (w?.(I, { ...y }), o?.({ ...y }), k = !1);
     });
     i.call(P);
   }
@@ -3920,16 +3920,16 @@ function jm() {
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, i = e.useLayoutEffect, a = e.useDebugValue;
   function s(h, f) {
-    var d = f(), p = r({ inst: { value: d, getSnapshot: f } }), w = p[0].inst, y = p[1];
+    var d = f(), p = r({ inst: { value: d, getSnapshot: f } }), w = p[0].inst, m = p[1];
     return i(
       function() {
-        w.value = d, w.getSnapshot = f, c(w) && y({ inst: w });
+        w.value = d, w.getSnapshot = f, c(w) && m({ inst: w });
       },
       [h, d, f]
     ), o(
       function() {
-        return c(w) && y({ inst: w }), h(function() {
-          c(w) && y({ inst: w });
+        return c(w) && m({ inst: w }), h(function() {
+          c(w) && m({ inst: w });
         });
       },
       [h]
@@ -3964,24 +3964,24 @@ function Bm() {
       ));
       var w = p();
       if (!h) {
-        var y = p();
-        i(w, y) || (console.error(
+        var m = p();
+        i(w, m) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), h = !0);
       }
-      y = a({
+      m = a({
         inst: { value: w, getSnapshot: p }
       });
-      var m = y[0].inst, S = y[1];
+      var y = m[0].inst, S = m[1];
       return c(
         function() {
-          m.value = w, m.getSnapshot = p, n(m) && S({ inst: m });
+          y.value = w, y.getSnapshot = p, n(y) && S({ inst: y });
         },
         [d, w, p]
       ), s(
         function() {
-          return n(m) && S({ inst: m }), d(function() {
-            n(m) && S({ inst: m });
+          return n(y) && S({ inst: y }), d(function() {
+            n(y) && S({ inst: y });
           });
         },
         [d]
@@ -4026,7 +4026,7 @@ function Fm() {
     } else w = p.current;
     p = s(
       function() {
-        function m(v) {
+        function y(v) {
           if (!S) {
             if (S = !0, g = v, v = f(v), d !== void 0 && w.hasValue) {
               var E = w.value;
@@ -4042,22 +4042,22 @@ function Fm() {
         var S = !1, g, b, C = h === void 0 ? null : h;
         return [
           function() {
-            return m(u());
+            return y(u());
           },
           C === null ? void 0 : function() {
-            return m(C());
+            return y(C());
           }
         ];
       },
       [u, h, f, d]
     );
-    var y = o(l, p[0], p[1]);
+    var m = o(l, p[0], p[1]);
     return a(
       function() {
-        w.hasValue = !0, w.value = y;
+        w.hasValue = !0, w.value = m;
       },
-      [y]
-    ), c(y), y;
+      [m]
+    ), c(m), m;
   }, To;
 }
 var Io = {};
@@ -4077,7 +4077,7 @@ function Wm() {
       } else w = p.current;
       p = s(
         function() {
-          function m(v) {
+          function y(v) {
             if (!S) {
               if (S = !0, g = v, v = f(v), d !== void 0 && w.hasValue) {
                 var E = w.value;
@@ -4094,22 +4094,22 @@ function Wm() {
           var S = !1, g, b, C = h === void 0 ? null : h;
           return [
             function() {
-              return m(u());
+              return y(u());
             },
             C === null ? void 0 : function() {
-              return m(C());
+              return y(C());
             }
           ];
         },
         [u, h, f, d]
       );
-      var y = o(l, p[0], p[1]);
+      var m = o(l, p[0], p[1]);
       return a(
         function() {
-          w.hasValue = !0, w.value = y;
+          w.hasValue = !0, w.value = m;
         },
-        [y]
-      ), c(y), y;
+        [m]
+      ), c(m), m;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), Io;
 }
@@ -4208,7 +4208,7 @@ function i0({ rfId: e }) {
 }
 function a0({ rfId: e, disableKeyboardA11y: t }) {
   const n = se(o0);
-  return V(Se, { children: [x("div", { id: `${Yc}-${e}`, style: es, children: t ? n["node.a11yDescription.default"] : n["node.a11yDescription.keyboardDisabled"] }), x("div", { id: `${Zc}-${e}`, style: es, children: n["edge.a11yDescription.default"] }), !t && x(i0, { rfId: e })] });
+  return H(Se, { children: [x("div", { id: `${Yc}-${e}`, style: es, children: t ? n["node.a11yDescription.default"] : n["node.a11yDescription.keyboardDisabled"] }), x("div", { id: `${Zc}-${e}`, style: es, children: n["edge.a11yDescription.default"] }), !t && x(i0, { rfId: e })] });
 }
 const jt = Rl(({ position: e = "top-left", children: t, className: n, style: r, ...o }, i) => {
   const a = `${e}`.split("-");
@@ -4380,8 +4380,8 @@ function Kn(e = null, t = { target: is, actInsideInputWithModifier: !0 }) {
           return !1;
         const w = ss(d.code, s);
         if (i.current.add(d[w]), as(a, i.current, !1)) {
-          const y = d.composedPath?.()?.[0] || d.target, m = y?.nodeName === "BUTTON" || y?.nodeName === "A";
-          t.preventDefault !== !1 && (o.current || !m) && d.preventDefault(), r(!0);
+          const m = d.composedPath?.()?.[0] || d.target, y = m?.nodeName === "BUTTON" || m?.nodeName === "A";
+          t.preventDefault !== !1 && (o.current || !y) && d.preventDefault(), r(!0);
         }
       }, h = (d) => {
         const p = ss(d.code, s);
@@ -4584,17 +4584,17 @@ function S0({ children: e }) {
   const t = ge(), n = ae((s) => {
     const { nodes: c = [], setNodes: l, hasDefaultNodes: u, onNodesChange: h, nodeLookup: f, fitViewQueued: d, onNodesChangeMiddlewareMap: p } = t.getState();
     let w = c;
-    for (const m of s)
-      w = typeof m == "function" ? m(w) : m;
-    let y = ls({
+    for (const y of s)
+      w = typeof y == "function" ? y(w) : y;
+    let m = ls({
       items: w,
       lookup: f
     });
-    for (const m of p.values())
-      y = m(y);
-    u && l(w), y.length > 0 ? h?.(y) : d && window.requestAnimationFrame(() => {
-      const { fitViewQueued: m, nodes: S, setNodes: g } = t.getState();
-      m && g(S);
+    for (const y of p.values())
+      m = y(m);
+    u && l(w), m.length > 0 ? h?.(m) : d && window.requestAnimationFrame(() => {
+      const { fitViewQueued: y, nodes: S, setNodes: g } = t.getState();
+      y && g(S);
     });
   }, []), r = ds(n), o = ae((s) => {
     const { edges: c = [], setEdges: l, hasDefaultEdges: u, onEdgesChange: h, edgeLookup: f } = t.getState();
@@ -4622,26 +4622,26 @@ function _t() {
     }, s = (h) => {
       n.edgeQueue.push(h);
     }, c = (h) => {
-      const { nodeLookup: f, nodeOrigin: d } = t.getState(), p = us(h) ? h : f.get(h.id), w = p.parentId ? kc(p.position, p.measured, p.parentId, f, d) : p.position, y = {
+      const { nodeLookup: f, nodeOrigin: d } = t.getState(), p = us(h) ? h : f.get(h.id), w = p.parentId ? kc(p.position, p.measured, p.parentId, f, d) : p.position, m = {
         ...p,
         position: w,
         width: p.measured?.width ?? p.width,
         height: p.measured?.height ?? p.height
       };
-      return Un(y);
+      return Un(m);
     }, l = (h, f, d = { replace: !1 }) => {
       a((p) => p.map((w) => {
         if (w.id === h) {
-          const y = typeof f == "function" ? f(w) : f;
-          return d.replace && us(y) ? y : { ...w, ...y };
+          const m = typeof f == "function" ? f(w) : f;
+          return d.replace && us(m) ? m : { ...w, ...m };
         }
         return w;
       }));
     }, u = (h, f, d = { replace: !1 }) => {
       s((p) => p.map((w) => {
         if (w.id === h) {
-          const y = typeof f == "function" ? f(w) : f;
-          return d.replace && v0(y) ? y : { ...w, ...y };
+          const m = typeof f == "function" ? f(w) : f;
+          return d.replace && v0(m) ? m : { ...w, ...m };
         }
         return w;
       }));
@@ -4666,19 +4666,19 @@ function _t() {
         n.edgeQueue.push((d) => [...d, ...f]);
       },
       toObject: () => {
-        const { nodes: h = [], edges: f = [], transform: d } = t.getState(), [p, w, y] = d;
+        const { nodes: h = [], edges: f = [], transform: d } = t.getState(), [p, w, m] = d;
         return {
-          nodes: h.map((m) => ({ ...m })),
-          edges: f.map((m) => ({ ...m })),
+          nodes: h.map((y) => ({ ...y })),
+          edges: f.map((y) => ({ ...y })),
           viewport: {
             x: p,
             y: w,
-            zoom: y
+            zoom: m
           }
         };
       },
       deleteElements: async ({ nodes: h = [], edges: f = [] }) => {
-        const { nodes: d, edges: p, onNodesDelete: w, onEdgesDelete: y, triggerNodeChanges: m, triggerEdgeChanges: S, onDelete: g, onBeforeDelete: b } = t.getState(), { nodes: C, edges: v } = await Yg({
+        const { nodes: d, edges: p, onNodesDelete: w, onEdgesDelete: m, triggerNodeChanges: y, triggerEdgeChanges: S, onDelete: g, onBeforeDelete: b } = t.getState(), { nodes: C, edges: v } = await Yg({
           nodesToRemove: h,
           edgesToRemove: f,
           nodes: d,
@@ -4687,11 +4687,11 @@ function _t() {
         }), E = v.length > 0, N = C.length > 0;
         if (E) {
           const k = v.map(cs);
-          y?.(v), S(k);
+          m?.(v), S(k);
         }
         if (N) {
           const k = C.map(cs);
-          w?.(C), m(k);
+          w?.(C), y(k);
         }
         return (N || E) && g?.({ nodes: C, edges: v }), { deletedNodes: C, deletedEdges: v };
       },
@@ -4701,12 +4701,12 @@ function _t() {
        * considered fully intersecting.
        */
       getIntersectingNodes: (h, f = !0, d) => {
-        const p = Ia(h), w = p ? h : c(h), y = d !== void 0;
-        return w ? (d || t.getState().nodes).filter((m) => {
-          const S = t.getState().nodeLookup.get(m.id);
-          if (S && !p && (m.id === h.id || !S.internals.positionAbsolute))
+        const p = Ia(h), w = p ? h : c(h), m = d !== void 0;
+        return w ? (d || t.getState().nodes).filter((y) => {
+          const S = t.getState().nodeLookup.get(y.id);
+          if (S && !p && (y.id === h.id || !S.internals.positionAbsolute))
             return !1;
-          const g = Un(y ? m : S), b = Ur(g, w);
+          const g = Un(m ? y : S), b = Ur(g, w);
           return f && b > 0 || b >= g.width * g.height || b >= w.width * w.height;
         }) : [];
       },
@@ -4714,8 +4714,8 @@ function _t() {
         const w = Ia(h) ? h : c(h);
         if (!w)
           return !1;
-        const y = Ur(w, f);
-        return d && y > 0 || y >= f.width * f.height || y >= w.width * w.height;
+        const m = Ur(w, f);
+        return d && m > 0 || m >= f.width * f.height || m >= w.width * w.height;
       },
       updateNode: l,
       updateNodeData: (h, f, d = { replace: !1 }) => {
@@ -4790,12 +4790,12 @@ const co = {
   lib: e.lib,
   connectionInProgress: e.connection.inProgress
 });
-function T0({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: o = 0.5, panOnScrollMode: i = Vt.Free, zoomOnDoubleClick: a = !0, panOnDrag: s = !0, defaultViewport: c, translateExtent: l, minZoom: u, maxZoom: h, zoomActivationKeyCode: f, preventScrolling: d = !0, children: p, noWheelClassName: w, noPanClassName: y, onViewportChange: m, isControlledViewport: S, paneClickDistance: g, selectionOnDrag: b }) {
+function T0({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: o = 0.5, panOnScrollMode: i = Vt.Free, zoomOnDoubleClick: a = !0, panOnDrag: s = !0, defaultViewport: c, translateExtent: l, minZoom: u, maxZoom: h, zoomActivationKeyCode: f, preventScrolling: d = !0, children: p, noWheelClassName: w, noPanClassName: m, onViewportChange: y, isControlledViewport: S, paneClickDistance: g, selectionOnDrag: b }) {
   const C = ge(), v = ne(null), { userSelectionActive: E, lib: N, connectionInProgress: k } = se(M0, pe), P = Kn(f), I = ne();
   A0(v);
   const L = ae((R) => {
-    m?.({ x: R[0], y: R[1], zoom: R[2] }), S || C.setState({ transform: R });
-  }, [m, S]);
+    y?.({ x: R[0], y: R[1], zoom: R[2] }), S || C.setState({ transform: R });
+  }, [y, S]);
   return re(() => {
     if (v.current) {
       I.current = Om({
@@ -4839,7 +4839,7 @@ function T0({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
       panOnDrag: s,
       zoomActivationKeyPressed: P,
       preventScrolling: d,
-      noPanClassName: y,
+      noPanClassName: m,
       userSelectionActive: E,
       noWheelClassName: w,
       lib: N,
@@ -4859,7 +4859,7 @@ function T0({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
     s,
     P,
     d,
-    y,
+    m,
     E,
     w,
     N,
@@ -4891,12 +4891,12 @@ const Po = (e, t) => (n) => {
   autoPanSpeed: e.autoPanSpeed
 });
 function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full, panOnDrag: r, autoPanOnSelection: o, paneClickDistance: i, selectionOnDrag: a, onSelectionStart: s, onSelectionEnd: c, onPaneClick: l, onPaneContextMenu: u, onPaneScroll: h, onPaneMouseEnter: f, onPaneMouseMove: d, onPaneMouseLeave: p, children: w }) {
-  const y = ne(0), m = ge(), { userSelectionActive: S, elementsSelectable: g, dragging: b, panBy: C, autoPanSpeed: v } = se(I0, pe), E = g && (e || S), N = ne(null), k = ne(), P = ne(/* @__PURE__ */ new Set()), I = ne(/* @__PURE__ */ new Set()), L = ne(!1), R = ne(!1), _ = ne({ x: 0, y: 0 }), M = ne(!1), A = (D) => {
-    if (R.current || L.current || m.getState().connection.inProgress) {
+  const m = ne(0), y = ge(), { userSelectionActive: S, elementsSelectable: g, dragging: b, panBy: C, autoPanSpeed: v } = se(I0, pe), E = g && (e || S), N = ne(null), k = ne(), P = ne(/* @__PURE__ */ new Set()), I = ne(/* @__PURE__ */ new Set()), L = ne(!1), R = ne(!1), _ = ne({ x: 0, y: 0 }), M = ne(!1), A = (D) => {
+    if (R.current || L.current || y.getState().connection.inProgress) {
       R.current = !1, L.current = !1;
       return;
     }
-    l?.(D), m.getState().resetSelectedElements(), m.setState({ nodesSelectionActive: !1 });
+    l?.(D), y.getState().resetSelectedElements(), y.setState({ nodesSelectionActive: !1 });
   }, T = (D) => {
     if (Array.isArray(r) && r?.includes(2)) {
       D.preventDefault();
@@ -4906,7 +4906,7 @@ function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full
   }, $ = h ? (D) => h(D) : void 0, O = (D) => {
     R.current && (D.stopPropagation(), R.current = !1);
   }, j = (D) => {
-    const { domNode: F, transform: q } = m.getState();
+    const { domNode: F, transform: q } = y.getState();
     if (k.current = F?.getBoundingClientRect(), !k.current)
       return;
     const J = D.target === N.current;
@@ -4914,7 +4914,7 @@ function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full
       return;
     D.target?.setPointerCapture?.(D.pointerId), R.current = !1;
     const { x: ee, y: le } = Je(D.nativeEvent, k.current), he = ir({ x: ee, y: le }, q);
-    m.setState({
+    y.setState({
       userSelectionRect: {
         width: 0,
         height: 0,
@@ -4926,10 +4926,10 @@ function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full
     }), J || (D.stopPropagation(), D.preventDefault());
   };
   function B(D, F) {
-    const { userSelectionRect: q } = m.getState();
+    const { userSelectionRect: q } = y.getState();
     if (!q)
       return;
-    const { transform: J, nodeLookup: K, edgeLookup: Q, connectionLookup: ee, triggerNodeChanges: le, triggerEdgeChanges: he, defaultEdgeOptions: de } = m.getState(), Be = { x: q.startX, y: q.startY }, { x: Me, y: Fe } = fn(Be, J), We = {
+    const { transform: J, nodeLookup: K, edgeLookup: Q, connectionLookup: ee, triggerNodeChanges: le, triggerEdgeChanges: he, defaultEdgeOptions: de } = y.getState(), Be = { x: q.startX, y: q.startY }, { x: Me, y: Fe } = fn(Be, J), We = {
       startX: Be.x,
       startY: Be.y,
       x: D < Me ? D : Me,
@@ -4955,31 +4955,31 @@ function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full
       const Ie = rn(Q, I.current);
       he(Ie);
     }
-    m.setState({
+    y.setState({
       userSelectionRect: We,
       userSelectionActive: !0,
       nodesSelectionActive: !1
     });
   }
-  function H() {
+  function V() {
     if (!o || !k.current)
       return;
     const [D, F] = Ri(_.current, k.current, v);
     C({ x: D, y: F }).then((q) => {
       if (!R.current || !q) {
-        y.current = requestAnimationFrame(H);
+        m.current = requestAnimationFrame(V);
         return;
       }
       const { x: J, y: K } = _.current;
-      B(J, K), y.current = requestAnimationFrame(H);
+      B(J, K), m.current = requestAnimationFrame(V);
     });
   }
   const X = () => {
-    cancelAnimationFrame(y.current), y.current = 0, M.current = !1;
+    cancelAnimationFrame(m.current), m.current = 0, M.current = !1;
   };
   re(() => () => X(), []);
   const U = (D) => {
-    const { userSelectionRect: F, transform: q, resetSelectedElements: J } = m.getState();
+    const { userSelectionRect: F, transform: q, resetSelectedElements: J } = y.getState();
     if (!k.current || !F)
       return;
     const { x: K, y: Q } = Je(D.nativeEvent, k.current);
@@ -4991,22 +4991,22 @@ function P0({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Wn.Full
         return;
       J(), s?.(D);
     }
-    R.current = !0, M.current || (H(), M.current = !0), B(K, Q);
+    R.current = !0, M.current || (V(), M.current = !0), B(K, Q);
   }, Z = (D) => {
     if (!E) {
-      D.target === N.current && m.getState().connection.inProgress && (L.current = !0);
+      D.target === N.current && y.getState().connection.inProgress && (L.current = !0);
       return;
     }
-    D.button === 0 && (D.target?.releasePointerCapture?.(D.pointerId), !S && D.target === N.current && m.getState().userSelectionRect && A?.(D), m.setState({
+    D.button === 0 && (D.target?.releasePointerCapture?.(D.pointerId), !S && D.target === N.current && y.getState().userSelectionRect && A?.(D), y.setState({
       userSelectionActive: !1,
       userSelectionRect: null
-    }), R.current && (c?.(D), m.setState({
+    }), R.current && (c?.(D), y.setState({
       nodesSelectionActive: P.current.size > 0
     })), X());
   }, te = (D) => {
     D.target?.releasePointerCapture?.(D.pointerId), X();
   }, z = r === !0 || Array.isArray(r) && r.includes(0);
-  return V("div", { className: ve(["react-flow__pane", { draggable: z, dragging: b, selection: e }]), onClick: E ? void 0 : Po(A, N), onContextMenu: Po(T, N), onWheel: Po($, N), onPointerEnter: E ? void 0 : f, onPointerMove: E ? U : d, onPointerUp: Z, onPointerCancel: E ? te : void 0, onPointerDownCapture: E ? j : void 0, onClickCapture: E ? O : void 0, onPointerLeave: p, ref: N, style: co, children: [w, x(D0, {})] });
+  return H("div", { className: ve(["react-flow__pane", { draggable: z, dragging: b, selection: e }]), onClick: E ? void 0 : Po(A, N), onContextMenu: Po(T, N), onWheel: Po($, N), onPointerEnter: E ? void 0 : f, onPointerMove: E ? U : d, onPointerUp: Z, onPointerCancel: E ? te : void 0, onPointerDownCapture: E ? j : void 0, onClickCapture: E ? O : void 0, onPointerLeave: p, ref: N, style: co, children: [w, x(D0, {})] });
 }
 function ci({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
   const { addSelectedNodes: o, unselectNodesAndEdges: i, multiSelectionActive: a, nodeLookup: s, onError: c } = t.getState(), l = s.get(e);
@@ -5053,24 +5053,24 @@ const O0 = (e) => (t) => t.selected && (t.draggable || e && typeof t.draggable >
 function au() {
   const e = ge();
   return ae((n) => {
-    const { nodeExtent: r, snapToGrid: o, snapGrid: i, nodesDraggable: a, onError: s, updateNodePositions: c, nodeLookup: l, nodeOrigin: u } = e.getState(), h = /* @__PURE__ */ new Map(), f = O0(a), d = o ? i[0] : 5, p = o ? i[1] : 5, w = n.direction.x * d * n.factor, y = n.direction.y * p * n.factor;
-    for (const [, m] of l) {
-      if (!f(m))
+    const { nodeExtent: r, snapToGrid: o, snapGrid: i, nodesDraggable: a, onError: s, updateNodePositions: c, nodeLookup: l, nodeOrigin: u } = e.getState(), h = /* @__PURE__ */ new Map(), f = O0(a), d = o ? i[0] : 5, p = o ? i[1] : 5, w = n.direction.x * d * n.factor, m = n.direction.y * p * n.factor;
+    for (const [, y] of l) {
+      if (!f(y))
         continue;
       let S = {
-        x: m.internals.positionAbsolute.x + w,
-        y: m.internals.positionAbsolute.y + y
+        x: y.internals.positionAbsolute.x + w,
+        y: y.internals.positionAbsolute.y + m
       };
       o && (S = or(S, i));
       const { position: g, positionAbsolute: b } = xc({
-        nodeId: m.id,
+        nodeId: y.id,
         nextPosition: S,
         nodeLookup: l,
         nodeExtent: r,
         nodeOrigin: u,
         onError: s
       });
-      m.position = g, m.internals.positionAbsolute = b, h.set(m.id, m);
+      y.position = g, y.internals.positionAbsolute = b, h.set(y.id, y);
     }
     c(h);
   }, []);
@@ -5116,24 +5116,24 @@ const V0 = {
   };
 };
 function B0({ type: e = "source", position: t = Y.Top, isValidConnection: n, isConnectable: r = !0, isConnectableStart: o = !0, isConnectableEnd: i = !0, id: a, onConnect: s, children: c, className: l, onMouseDown: u, onTouchStart: h, ...f }, d) {
-  const p = a || null, w = e === "target", y = ge(), m = su(), { connectOnClick: S, noPanClassName: g, rfId: b } = H0(), { connectingFrom: C, connectingTo: v, clickConnecting: E, isPossibleEndHandle: N, connectionInProcess: k, clickConnectionInProcess: P, valid: I } = se(j0(m, p, e), pe);
-  m || y.getState().onError?.("010", je.error010());
+  const p = a || null, w = e === "target", m = ge(), y = su(), { connectOnClick: S, noPanClassName: g, rfId: b } = H0(), { connectingFrom: C, connectingTo: v, clickConnecting: E, isPossibleEndHandle: N, connectionInProcess: k, clickConnectionInProcess: P, valid: I } = se(j0(y, p, e), pe);
+  y || m.getState().onError?.("010", je.error010());
   const L = (M) => {
-    const { defaultEdgeOptions: A, onConnect: T, hasDefaultEdges: $ } = y.getState(), O = {
+    const { defaultEdgeOptions: A, onConnect: T, hasDefaultEdges: $ } = m.getState(), O = {
       ...A,
       ...M
     };
     if ($) {
-      const { edges: j, setEdges: B, onError: H } = y.getState();
-      B(tu(O, j, { onError: H }));
+      const { edges: j, setEdges: B, onError: V } = m.getState();
+      B(tu(O, j, { onError: V }));
     }
     T?.(O), s?.(O);
   }, R = (M) => {
-    if (!m)
+    if (!y)
       return;
     const A = Mc(M.nativeEvent);
     if (o && (A && M.button === 0 || !A)) {
-      const T = y.getState();
+      const T = m.getState();
       li.onPointerDown(M.nativeEvent, {
         handleDomNode: M.currentTarget,
         autoPanOnConnect: T.autoPanOnConnect,
@@ -5144,33 +5144,33 @@ function B0({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
         lib: T.lib,
         isTarget: w,
         handleId: p,
-        nodeId: m,
+        nodeId: y,
         flowId: T.rfId,
         panBy: T.panBy,
         cancelConnection: T.cancelConnection,
         onConnectStart: T.onConnectStart,
-        onConnectEnd: (...$) => y.getState().onConnectEnd?.(...$),
+        onConnectEnd: (...$) => m.getState().onConnectEnd?.(...$),
         updateConnection: T.updateConnection,
         onConnect: L,
-        isValidConnection: n || ((...$) => y.getState().isValidConnection?.(...$) ?? !0),
-        getTransform: () => y.getState().transform,
-        getFromHandle: () => y.getState().connection.fromHandle,
+        isValidConnection: n || ((...$) => m.getState().isValidConnection?.(...$) ?? !0),
+        getTransform: () => m.getState().transform,
+        getFromHandle: () => m.getState().connection.fromHandle,
         autoPanSpeed: T.autoPanSpeed,
         dragThreshold: T.connectionDragThreshold
       });
     }
     A ? u?.(M) : h?.(M);
   }, _ = (M) => {
-    const { onClickConnectStart: A, onClickConnectEnd: T, connectionClickStartHandle: $, connectionMode: O, isValidConnection: j, lib: B, rfId: H, nodeLookup: X, connection: U } = y.getState();
-    if (!m || !$ && !o)
+    const { onClickConnectStart: A, onClickConnectEnd: T, connectionClickStartHandle: $, connectionMode: O, isValidConnection: j, lib: B, rfId: V, nodeLookup: X, connection: U } = m.getState();
+    if (!y || !$ && !o)
       return;
     if (!$) {
-      A?.(M.nativeEvent, { nodeId: m, handleId: p, handleType: e }), y.setState({ connectionClickStartHandle: { nodeId: m, type: e, id: p } });
+      A?.(M.nativeEvent, { nodeId: y, handleId: p, handleType: e }), m.setState({ connectionClickStartHandle: { nodeId: y, type: e, id: p } });
       return;
     }
     const Z = Nc(M.target), te = n || j, { connection: z, isValid: D } = li.isValid(M.nativeEvent, {
       handle: {
-        nodeId: m,
+        nodeId: y,
         id: p,
         type: e
       },
@@ -5179,16 +5179,16 @@ function B0({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
       fromHandleId: $.id || null,
       fromType: $.type,
       isValidConnection: te,
-      flowId: H,
+      flowId: V,
       doc: Z,
       lib: B,
       nodeLookup: X
     });
     D && z && L(z);
     const F = structuredClone(U);
-    delete F.inProgress, F.toPosition = F.toHandle ? F.toHandle.position : null, T?.(M, F), y.setState({ connectionClickStartHandle: null });
+    delete F.inProgress, F.toPosition = F.toHandle ? F.toHandle.position : null, T?.(M, F), m.setState({ connectionClickStartHandle: null });
   };
-  return x("div", { "data-handleid": p, "data-nodeid": m, "data-handlepos": t, "data-id": `${b}-${m}-${p}-${e}`, className: ve([
+  return x("div", { "data-handleid": p, "data-nodeid": y, "data-handlepos": t, "data-id": `${b}-${y}-${p}-${e}`, className: ve([
     "react-flow__handle",
     `react-flow__handle-${t}`,
     "nodrag",
@@ -5214,16 +5214,16 @@ function B0({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
 }
 const wt = xe(nu(B0));
 function F0({ data: e, isConnectable: t, sourcePosition: n = Y.Bottom }) {
-  return V(Se, { children: [e?.label, x(wt, { type: "source", position: n, isConnectable: t })] });
+  return H(Se, { children: [e?.label, x(wt, { type: "source", position: n, isConnectable: t })] });
 }
 function W0({ data: e, isConnectable: t, targetPosition: n = Y.Top, sourcePosition: r = Y.Bottom }) {
-  return V(Se, { children: [x(wt, { type: "target", position: n, isConnectable: t }), e?.label, x(wt, { type: "source", position: r, isConnectable: t })] });
+  return H(Se, { children: [x(wt, { type: "target", position: n, isConnectable: t }), e?.label, x(wt, { type: "source", position: r, isConnectable: t })] });
 }
 function G0() {
   return null;
 }
 function U0({ data: e, isConnectable: t, targetPosition: n = Y.Top }) {
-  return V(Se, { children: [x(wt, { type: "target", position: n, isConnectable: t }), e?.label] });
+  return H(Se, { children: [x(wt, { type: "target", position: n, isConnectable: t }), e?.label] });
 }
 const Kr = {
   ArrowUp: { x: 0, y: -1 },
@@ -5286,9 +5286,9 @@ function Y0({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   } }) });
 }
 const ps = typeof window < "u" ? window : void 0, Z0 = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
-function cu({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: a, paneClickDistance: s, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: u, selectionMode: h, onSelectionStart: f, onSelectionEnd: d, multiSelectionKeyCode: p, panActivationKeyCode: w, zoomActivationKeyCode: y, elementsSelectable: m, zoomOnScroll: S, zoomOnPinch: g, panOnScroll: b, panOnScrollSpeed: C, panOnScrollMode: v, zoomOnDoubleClick: E, panOnDrag: N, autoPanOnSelection: k, defaultViewport: P, translateExtent: I, minZoom: L, maxZoom: R, preventScrolling: _, onSelectionContextMenu: M, noWheelClassName: A, noPanClassName: T, disableKeyboardA11y: $, onViewportChange: O, isControlledViewport: j }) {
-  const { nodesSelectionActive: B, userSelectionActive: H } = se(Z0, pe), X = Kn(l, { target: ps }), U = Kn(w, { target: ps }), Z = U || N, te = U || b, z = u && Z !== !0, D = X || H || z;
-  return N0({ deleteKeyCode: c, multiSelectionKeyCode: p }), x(T0, { onPaneContextMenu: i, elementsSelectable: m, zoomOnScroll: S, zoomOnPinch: g, panOnScroll: te, panOnScrollSpeed: C, panOnScrollMode: v, zoomOnDoubleClick: E, panOnDrag: !X && Z, defaultViewport: P, translateExtent: I, minZoom: L, maxZoom: R, zoomActivationKeyCode: y, preventScrolling: _, noWheelClassName: A, noPanClassName: T, onViewportChange: O, isControlledViewport: j, paneClickDistance: s, selectionOnDrag: z, children: V(P0, { onSelectionStart: f, onSelectionEnd: d, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: a, panOnDrag: Z, autoPanOnSelection: k, isSelecting: !!D, selectionMode: h, selectionKeyPressed: X, paneClickDistance: s, selectionOnDrag: z, children: [e, B && x(Y0, { onSelectionContextMenu: M, noPanClassName: T, disableKeyboardA11y: $ })] }) });
+function cu({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: a, paneClickDistance: s, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: u, selectionMode: h, onSelectionStart: f, onSelectionEnd: d, multiSelectionKeyCode: p, panActivationKeyCode: w, zoomActivationKeyCode: m, elementsSelectable: y, zoomOnScroll: S, zoomOnPinch: g, panOnScroll: b, panOnScrollSpeed: C, panOnScrollMode: v, zoomOnDoubleClick: E, panOnDrag: N, autoPanOnSelection: k, defaultViewport: P, translateExtent: I, minZoom: L, maxZoom: R, preventScrolling: _, onSelectionContextMenu: M, noWheelClassName: A, noPanClassName: T, disableKeyboardA11y: $, onViewportChange: O, isControlledViewport: j }) {
+  const { nodesSelectionActive: B, userSelectionActive: V } = se(Z0, pe), X = Kn(l, { target: ps }), U = Kn(w, { target: ps }), Z = U || N, te = U || b, z = u && Z !== !0, D = X || V || z;
+  return N0({ deleteKeyCode: c, multiSelectionKeyCode: p }), x(T0, { onPaneContextMenu: i, elementsSelectable: y, zoomOnScroll: S, zoomOnPinch: g, panOnScroll: te, panOnScrollSpeed: C, panOnScrollMode: v, zoomOnDoubleClick: E, panOnDrag: !X && Z, defaultViewport: P, translateExtent: I, minZoom: L, maxZoom: R, zoomActivationKeyCode: m, preventScrolling: _, noWheelClassName: A, noPanClassName: T, onViewportChange: O, isControlledViewport: j, paneClickDistance: s, selectionOnDrag: z, children: H(P0, { onSelectionStart: f, onSelectionEnd: d, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: a, panOnDrag: Z, autoPanOnSelection: k, isSelecting: !!D, selectionMode: h, selectionKeyPressed: X, paneClickDistance: s, selectionOnDrag: z, children: [e, B && x(Y0, { onSelectionContextMenu: M, noPanClassName: T, disableKeyboardA11y: $ })] }) });
 }
 cu.displayName = "FlowRenderer";
 const q0 = xe(cu), Q0 = (e) => (t) => e ? $i(t.nodeLookup, { x: 0, y: 0, width: t.width, height: t.height }, t.transform, !0).map((n) => n.id) : Array.from(t.nodeLookup.keys());
@@ -5325,7 +5325,7 @@ function ny({ node: e, nodeType: t, hasDimensions: n, resizeObserver: r }) {
     }
   }, [e.id, t, e.sourcePosition, e.targetPosition]), i;
 }
-function ry({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: o, onContextMenu: i, onDoubleClick: a, nodesDraggable: s, elementsSelectable: c, nodesConnectable: l, nodesFocusable: u, resizeObserver: h, noDragClassName: f, noPanClassName: d, disableKeyboardA11y: p, rfId: w, nodeTypes: y, nodeClickDistance: m, onError: S }) {
+function ry({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: o, onContextMenu: i, onDoubleClick: a, nodesDraggable: s, elementsSelectable: c, nodesConnectable: l, nodesFocusable: u, resizeObserver: h, noDragClassName: f, noPanClassName: d, disableKeyboardA11y: p, rfId: w, nodeTypes: m, nodeClickDistance: y, onError: S }) {
   const { node: g, internals: b, isParent: C } = se((D) => {
     const F = D.nodeLookup.get(e), q = D.parentLookup.has(e);
     return {
@@ -5334,8 +5334,8 @@ function ry({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
       isParent: q
     };
   }, pe);
-  let v = g.type || "default", E = y?.[v] || hs[v];
-  E === void 0 && (S?.("003", je.error003(v)), v = "default", E = y?.default || hs.default);
+  let v = g.type || "default", E = m?.[v] || hs[v];
+  E === void 0 && (S?.("003", je.error003(v)), v = "default", E = m?.default || hs.default);
   const N = !!(g.draggable || s && typeof g.draggable > "u"), k = !!(g.selectable || c && typeof g.selectable > "u"), P = !!(g.connectable || l && typeof g.connectable > "u"), I = !!(g.focusable || u && typeof g.focusable > "u"), L = ge(), R = Cc(g), _ = ny({ node: g, nodeType: v, hasDimensions: R, resizeObserver: h }), M = iu({
     nodeRef: _,
     disabled: g.hidden || !N,
@@ -5343,11 +5343,11 @@ function ry({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
     handleSelector: g.dragHandle,
     nodeId: e,
     isSelectable: k,
-    nodeClickDistance: m
+    nodeClickDistance: y
   }), A = au();
   if (g.hidden)
     return null;
-  const T = ct(g), $ = X0(g), O = k || N || t || n || r || o, j = n ? (D) => n(D, { ...b.userNode }) : void 0, B = r ? (D) => r(D, { ...b.userNode }) : void 0, H = o ? (D) => o(D, { ...b.userNode }) : void 0, X = i ? (D) => i(D, { ...b.userNode }) : void 0, U = a ? (D) => a(D, { ...b.userNode }) : void 0, Z = (D) => {
+  const T = ct(g), $ = X0(g), O = k || N || t || n || r || o, j = n ? (D) => n(D, { ...b.userNode }) : void 0, B = r ? (D) => r(D, { ...b.userNode }) : void 0, V = o ? (D) => o(D, { ...b.userNode }) : void 0, X = i ? (D) => i(D, { ...b.userNode }) : void 0, U = a ? (D) => a(D, { ...b.userNode }) : void 0, Z = (D) => {
     const { selectNodesOnDrag: F, nodeDragThreshold: q } = L.getState();
     k && (!F || !N || q > 0) && ci({
       id: e,
@@ -5411,7 +5411,7 @@ function ry({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
     visibility: R ? "visible" : "hidden",
     ...g.style,
     ...$
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: j, onMouseMove: B, onMouseLeave: H, onContextMenu: X, onClick: Z, onDoubleClick: U, onKeyDown: I ? te : void 0, tabIndex: I ? 0 : void 0, onFocus: I ? z : void 0, role: g.ariaRole ?? (I ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": p ? void 0 : `${Yc}-${w}`, "aria-label": g.ariaLabel, ...g.domAttributes, children: x($0, { value: e, children: x(E, { id: e, data: g.data, type: v, positionAbsoluteX: b.positionAbsolute.x, positionAbsoluteY: b.positionAbsolute.y, selected: g.selected ?? !1, selectable: k, draggable: N, deletable: g.deletable ?? !0, isConnectable: P, sourcePosition: g.sourcePosition, targetPosition: g.targetPosition, dragging: M, dragHandle: g.dragHandle, zIndex: b.z, parentId: g.parentId, ...T }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: j, onMouseMove: B, onMouseLeave: V, onContextMenu: X, onClick: Z, onDoubleClick: U, onKeyDown: I ? te : void 0, tabIndex: I ? 0 : void 0, onFocus: I ? z : void 0, role: g.ariaRole ?? (I ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": p ? void 0 : `${Yc}-${w}`, "aria-label": g.ariaLabel, ...g.domAttributes, children: x($0, { value: e, children: x(E, { id: e, data: g.data, type: v, positionAbsoluteX: b.positionAbsolute.x, positionAbsoluteY: b.positionAbsolute.y, selected: g.selected ?? !1, selectable: k, draggable: N, deletable: g.deletable ?? !0, isConnectable: P, sourcePosition: g.sourcePosition, targetPosition: g.targetPosition, dragging: M, dragHandle: g.dragHandle, zIndex: b.z, parentId: g.parentId, ...T }) }) });
 }
 var oy = xe(ry);
 const iy = (e) => ({
@@ -5518,12 +5518,12 @@ function fu({ x: e, y: t, label: n, labelStyle: r, labelShowBg: o = !0, labelBgS
         height: w.height
       });
     }
-  }, [n]), n ? V("g", { transform: `translate(${e - h.width / 2} ${t - h.height / 2})`, className: d, visibility: h.width ? "visible" : "hidden", ...u, children: [o && x("rect", { width: h.width + 2 * a[0], x: -a[0], y: -a[1], height: h.height + 2 * a[1], className: "react-flow__edge-textbg", style: i, rx: s, ry: s }), x("text", { className: "react-flow__edge-text", y: h.height / 2, dy: "0.3em", ref: p, style: r, children: n }), c] }) : null;
+  }, [n]), n ? H("g", { transform: `translate(${e - h.width / 2} ${t - h.height / 2})`, className: d, visibility: h.width ? "visible" : "hidden", ...u, children: [o && x("rect", { width: h.width + 2 * a[0], x: -a[0], y: -a[1], height: h.height + 2 * a[1], className: "react-flow__edge-textbg", style: i, rx: s, ry: s }), x("text", { className: "react-flow__edge-text", y: h.height / 2, dy: "0.3em", ref: p, style: r, children: n }), c] }) : null;
 }
 fu.displayName = "EdgeText";
 const hy = xe(fu);
 function ar({ path: e, labelX: t, labelY: n, label: r, labelStyle: o, labelShowBg: i, labelBgStyle: a, labelBgPadding: s, labelBgBorderRadius: c, interactionWidth: l = 20, ...u }) {
-  return V(Se, { children: [x("path", { ...u, d: e, fill: "none", className: ve(["react-flow__edge-path", u.className]) }), l ? x("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: l, className: "react-flow__edge-interaction" }) : null, r && Qe(t) && Qe(n) ? x(hy, { x: t, y: n, label: r, labelStyle: o, labelShowBg: i, labelBgStyle: a, labelBgPadding: s, labelBgBorderRadius: c }) : null] });
+  return H(Se, { children: [x("path", { ...u, d: e, fill: "none", className: ve(["react-flow__edge-path", u.className]) }), l ? x("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: l, className: "react-flow__edge-interaction" }) : null, r && Qe(t) && Qe(n) ? x(hy, { x: t, y: n, label: r, labelStyle: o, labelShowBg: i, labelBgStyle: a, labelBgPadding: s, labelBgBorderRadius: c }) : null] });
 }
 function ms({ pos: e, x1: t, y1: n, x2: r, y2: o }) {
   return e === Y.Left || e === Y.Right ? [0.5 * (t + r), n] : [t, 0.5 * (n + o)];
@@ -5560,7 +5560,7 @@ function hu({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r,
   ];
 }
 function pu(e) {
-  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: a, targetPosition: s, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: y, interactionWidth: m }) => {
+  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: a, targetPosition: s, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: m, interactionWidth: y }) => {
     const [S, g, b] = hu({
       sourceX: n,
       sourceY: r,
@@ -5569,14 +5569,14 @@ function pu(e) {
       targetY: i,
       targetPosition: s
     }), C = e.isInternal ? void 0 : t;
-    return x(ar, { id: C, path: S, labelX: g, labelY: b, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: y, interactionWidth: m });
+    return x(ar, { id: C, path: S, labelX: g, labelY: b, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: m, interactionWidth: y });
   });
 }
 const py = pu({ isInternal: !1 }), gu = pu({ isInternal: !0 });
 py.displayName = "SimpleBezierEdge";
 gu.displayName = "SimpleBezierEdgeInternal";
 function mu(e) {
-  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, sourcePosition: d = Y.Bottom, targetPosition: p = Y.Top, markerEnd: w, markerStart: y, pathOptions: m, interactionWidth: S }) => {
+  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, sourcePosition: d = Y.Bottom, targetPosition: p = Y.Top, markerEnd: w, markerStart: m, pathOptions: y, interactionWidth: S }) => {
     const [g, b, C] = Xr({
       sourceX: n,
       sourceY: r,
@@ -5584,11 +5584,11 @@ function mu(e) {
       targetX: o,
       targetY: i,
       targetPosition: p,
-      borderRadius: m?.borderRadius,
-      offset: m?.offset,
-      stepPosition: m?.stepPosition
+      borderRadius: y?.borderRadius,
+      offset: y?.offset,
+      stepPosition: y?.stepPosition
     }), v = e.isInternal ? void 0 : t;
-    return x(ar, { id: v, path: g, labelX: b, labelY: C, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, markerEnd: w, markerStart: y, interactionWidth: S });
+    return x(ar, { id: v, path: g, labelX: b, labelY: C, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, markerEnd: w, markerStart: m, interactionWidth: S });
   });
 }
 const yu = mu({ isInternal: !1 }), bu = mu({ isInternal: !0 });
@@ -5605,15 +5605,15 @@ gy.displayName = "StepEdge";
 xu.displayName = "StepEdgeInternal";
 function vu(e) {
   return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: p, interactionWidth: w }) => {
-    const [y, m, S] = Ic({ sourceX: n, sourceY: r, targetX: o, targetY: i }), g = e.isInternal ? void 0 : t;
-    return x(ar, { id: g, path: y, labelX: m, labelY: S, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: p, interactionWidth: w });
+    const [m, y, S] = Ic({ sourceX: n, sourceY: r, targetX: o, targetY: i }), g = e.isInternal ? void 0 : t;
+    return x(ar, { id: g, path: m, labelX: y, labelY: S, label: a, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: p, interactionWidth: w });
   });
 }
 const my = vu({ isInternal: !1 }), _u = vu({ isInternal: !0 });
 my.displayName = "StraightEdge";
 _u.displayName = "StraightEdgeInternal";
 function Su(e) {
-  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: a = Y.Bottom, targetPosition: s = Y.Top, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: y, pathOptions: m, interactionWidth: S }) => {
+  return xe(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: a = Y.Bottom, targetPosition: s = Y.Top, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: m, pathOptions: y, interactionWidth: S }) => {
     const [g, b, C] = zc({
       sourceX: n,
       sourceY: r,
@@ -5621,9 +5621,9 @@ function Su(e) {
       targetX: o,
       targetY: i,
       targetPosition: s,
-      curvature: m?.curvature
+      curvature: y?.curvature
     }), v = e.isInternal ? void 0 : t;
-    return x(ar, { id: v, path: g, labelX: b, labelY: C, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: y, interactionWidth: S });
+    return x(ar, { id: v, path: g, labelX: b, labelY: C, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: p, markerEnd: w, markerStart: m, interactionWidth: S });
   });
 }
 const yy = Su({ isInternal: !1 }), Eu = Su({ isInternal: !0 });
@@ -5651,10 +5651,10 @@ function xy({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
   const p = ge(), w = (b, C) => {
     if (b.button !== 0)
       return;
-    const { autoPanOnConnect: v, domNode: E, connectionMode: N, connectionRadius: k, lib: P, onConnectStart: I, cancelConnection: L, nodeLookup: R, rfId: _, panBy: M, updateConnection: A } = p.getState(), T = C.type === "target", $ = (B, H) => {
-      f(!1), h?.(B, n, C.type, H);
-    }, O = (B) => l?.(n, B), j = (B, H) => {
-      f(!0), u?.(b, n, C.type), I?.(B, H);
+    const { autoPanOnConnect: v, domNode: E, connectionMode: N, connectionRadius: k, lib: P, onConnectStart: I, cancelConnection: L, nodeLookup: R, rfId: _, panBy: M, updateConnection: A } = p.getState(), T = C.type === "target", $ = (B, V) => {
+      f(!1), h?.(B, n, C.type, V);
+    }, O = (B) => l?.(n, B), j = (B, V) => {
+      f(!0), u?.(b, n, C.type), I?.(B, V);
     };
     li.onPointerDown(b.nativeEvent, {
       autoPanOnConnect: v,
@@ -5681,16 +5681,16 @@ function xy({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
       dragThreshold: p.getState().connectionDragThreshold,
       handleDomNode: b.currentTarget
     });
-  }, y = (b) => w(b, { nodeId: n.target, id: n.targetHandle ?? null, type: "target" }), m = (b) => w(b, { nodeId: n.source, id: n.sourceHandle ?? null, type: "source" }), S = () => d(!0), g = () => d(!1);
-  return V(Se, { children: [(e === !0 || e === "source") && x(xs, { position: s, centerX: r, centerY: o, radius: t, onMouseDown: y, onMouseEnter: S, onMouseOut: g, type: "source" }), (e === !0 || e === "target") && x(xs, { position: c, centerX: i, centerY: a, radius: t, onMouseDown: m, onMouseEnter: S, onMouseOut: g, type: "target" })] });
+  }, m = (b) => w(b, { nodeId: n.target, id: n.targetHandle ?? null, type: "target" }), y = (b) => w(b, { nodeId: n.source, id: n.sourceHandle ?? null, type: "source" }), S = () => d(!0), g = () => d(!1);
+  return H(Se, { children: [(e === !0 || e === "source") && x(xs, { position: s, centerX: r, centerY: o, radius: t, onMouseDown: m, onMouseEnter: S, onMouseOut: g, type: "source" }), (e === !0 || e === "target") && x(xs, { position: c, centerX: i, centerY: a, radius: t, onMouseDown: y, onMouseEnter: S, onMouseOut: g, type: "target" })] });
 }
-function vy({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: o, onDoubleClick: i, onContextMenu: a, onMouseEnter: s, onMouseMove: c, onMouseLeave: l, reconnectRadius: u, onReconnect: h, onReconnectStart: f, onReconnectEnd: d, rfId: p, edgeTypes: w, noPanClassName: y, onError: m, disableKeyboardA11y: S }) {
+function vy({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: o, onDoubleClick: i, onContextMenu: a, onMouseEnter: s, onMouseMove: c, onMouseLeave: l, reconnectRadius: u, onReconnect: h, onReconnectStart: f, onReconnectEnd: d, rfId: p, edgeTypes: w, noPanClassName: m, onError: y, disableKeyboardA11y: S }) {
   let g = se((K) => K.edgeLookup.get(e));
   const b = se((K) => K.defaultEdgeOptions);
   g = b ? { ...b, ...g } : g;
   let C = g.type || "default", v = w?.[C] || ys[C];
-  v === void 0 && (m?.("011", je.error011(C)), C = "default", v = w?.default || ys.default);
-  const E = !!(g.focusable || t && typeof g.focusable > "u"), N = typeof h < "u" && (g.reconnectable || n && typeof g.reconnectable > "u"), k = !!(g.selectable || r && typeof g.selectable > "u"), P = ne(null), [I, L] = ie(!1), [R, _] = ie(!1), M = ge(), { zIndex: A = g.zIndex, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: H } = se(ae((K) => {
+  v === void 0 && (y?.("011", je.error011(C)), C = "default", v = w?.default || ys.default);
+  const E = !!(g.focusable || t && typeof g.focusable > "u"), N = typeof h < "u" && (g.reconnectable || n && typeof g.reconnectable > "u"), k = !!(g.selectable || r && typeof g.selectable > "u"), P = ne(null), [I, L] = ie(!1), [R, _] = ie(!1), M = ge(), { zIndex: A = g.zIndex, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: V } = se(ae((K) => {
     const Q = K.nodeLookup.get(g.source), ee = K.nodeLookup.get(g.target);
     if (!Q || !ee)
       return bs;
@@ -5701,7 +5701,7 @@ function vy({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       sourceHandle: g.sourceHandle || null,
       targetHandle: g.targetHandle || null,
       connectionMode: K.connectionMode,
-      onError: m
+      onError: y
     }), he = tm({
       selected: g.selected,
       zIndex: g.zIndex,
@@ -5736,11 +5736,11 @@ function vy({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       K.key === "Escape" ? (P.current?.blur(), Q({ edges: [g] })) : ee([e]);
     }
   };
-  return x("svg", { style: { zIndex: A }, children: V("g", { className: ve([
+  return x("svg", { style: { zIndex: A }, children: H("g", { className: ve([
     "react-flow__edge",
     `react-flow__edge-${C}`,
     g.className,
-    y,
+    m,
     {
       selected: g.selected,
       animated: g.animated,
@@ -5748,7 +5748,7 @@ function vy({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       updating: I,
       selectable: k
     }
-  ]), onClick: Z, onDoubleClick: te, onContextMenu: z, onMouseEnter: D, onMouseMove: F, onMouseLeave: q, onKeyDown: E ? J : void 0, tabIndex: E ? 0 : void 0, role: g.ariaRole ?? (E ? "group" : "img"), "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": g.ariaLabel === null ? void 0 : g.ariaLabel || `Edge from ${g.source} to ${g.target}`, "aria-describedby": E ? `${Zc}-${p}` : void 0, ref: P, ...g.domAttributes, children: [!R && x(v, { id: e, source: g.source, target: g.target, type: g.type, selected: g.selected, animated: g.animated, selectable: k, deletable: g.deletable ?? !0, label: g.label, labelStyle: g.labelStyle, labelShowBg: g.labelShowBg, labelBgStyle: g.labelBgStyle, labelBgPadding: g.labelBgPadding, labelBgBorderRadius: g.labelBgBorderRadius, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: H, data: g.data, style: g.style, sourceHandleId: g.sourceHandle, targetHandleId: g.targetHandle, markerStart: X, markerEnd: U, pathOptions: "pathOptions" in g ? g.pathOptions : void 0, interactionWidth: g.interactionWidth }), N && x(xy, { edge: g, isReconnectable: N, reconnectRadius: u, onReconnect: h, onReconnectStart: f, onReconnectEnd: d, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: H, setUpdateHover: L, setReconnecting: _ })] }) });
+  ]), onClick: Z, onDoubleClick: te, onContextMenu: z, onMouseEnter: D, onMouseMove: F, onMouseLeave: q, onKeyDown: E ? J : void 0, tabIndex: E ? 0 : void 0, role: g.ariaRole ?? (E ? "group" : "img"), "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": g.ariaLabel === null ? void 0 : g.ariaLabel || `Edge from ${g.source} to ${g.target}`, "aria-describedby": E ? `${Zc}-${p}` : void 0, ref: P, ...g.domAttributes, children: [!R && x(v, { id: e, source: g.source, target: g.target, type: g.type, selected: g.selected, animated: g.animated, selectable: k, deletable: g.deletable ?? !0, label: g.label, labelStyle: g.labelStyle, labelShowBg: g.labelShowBg, labelBgStyle: g.labelBgStyle, labelBgPadding: g.labelBgPadding, labelBgBorderRadius: g.labelBgBorderRadius, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: V, data: g.data, style: g.style, sourceHandleId: g.sourceHandle, targetHandleId: g.targetHandle, markerStart: X, markerEnd: U, pathOptions: "pathOptions" in g ? g.pathOptions : void 0, interactionWidth: g.interactionWidth }), N && x(xy, { edge: g, isReconnectable: N, reconnectRadius: u, onReconnect: h, onReconnectStart: f, onReconnectEnd: d, sourceX: T, sourceY: $, targetX: O, targetY: j, sourcePosition: B, targetPosition: V, setUpdateHover: L, setReconnecting: _ })] }) });
 }
 var _y = xe(vy);
 const Sy = (e) => ({
@@ -5759,8 +5759,8 @@ const Sy = (e) => ({
   onError: e.onError
 });
 function Cu({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: r, noPanClassName: o, onReconnect: i, onEdgeContextMenu: a, onEdgeMouseEnter: s, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: u, reconnectRadius: h, onEdgeDoubleClick: f, onReconnectStart: d, onReconnectEnd: p, disableKeyboardA11y: w }) {
-  const { edgesFocusable: y, edgesReconnectable: m, elementsSelectable: S, onError: g } = se(Sy, pe), b = sy(t);
-  return V("div", { className: "react-flow__edges", children: [x(fy, { defaultColor: e, rfId: n }), b.map((C) => x(_y, { id: C, edgesFocusable: y, edgesReconnectable: m, elementsSelectable: S, noPanClassName: o, onReconnect: i, onContextMenu: a, onMouseEnter: s, onMouseMove: c, onMouseLeave: l, onClick: u, reconnectRadius: h, onDoubleClick: f, onReconnectStart: d, onReconnectEnd: p, rfId: n, onError: g, edgeTypes: r, disableKeyboardA11y: w }, C))] });
+  const { edgesFocusable: m, edgesReconnectable: y, elementsSelectable: S, onError: g } = se(Sy, pe), b = sy(t);
+  return H("div", { className: "react-flow__edges", children: [x(fy, { defaultColor: e, rfId: n }), b.map((C) => x(_y, { id: C, edgesFocusable: m, edgesReconnectable: y, elementsSelectable: S, noPanClassName: o, onReconnect: i, onContextMenu: a, onMouseEnter: s, onMouseMove: c, onMouseLeave: l, onClick: u, reconnectRadius: h, onDoubleClick: f, onReconnectStart: d, onReconnectEnd: p, rfId: n, onError: g, edgeTypes: r, disableKeyboardA11y: w }, C))] });
 }
 Cu.displayName = "EdgeRenderer";
 const Ey = xe(Cu), vs = (e) => `translate(${e[0]}px,${e[1]}px) scale(${e[2]})`;
@@ -5870,13 +5870,13 @@ function Oy() {
     }
   }, []);
 }
-function Nu({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: o, onNodeDoubleClick: i, onEdgeDoubleClick: a, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: h, onSelectionStart: f, onSelectionEnd: d, connectionLineType: p, connectionLineStyle: w, connectionLineComponent: y, connectionLineContainerStyle: m, selectionKeyCode: S, selectionOnDrag: g, selectionMode: b, multiSelectionKeyCode: C, panActivationKeyCode: v, zoomActivationKeyCode: E, deleteKeyCode: N, onlyRenderVisibleElements: k, elementsSelectable: P, defaultViewport: I, translateExtent: L, minZoom: R, maxZoom: _, preventScrolling: M, defaultMarkerColor: A, zoomOnScroll: T, zoomOnPinch: $, panOnScroll: O, panOnScrollSpeed: j, panOnScrollMode: B, zoomOnDoubleClick: H, panOnDrag: X, autoPanOnSelection: U, onPaneClick: Z, onPaneMouseEnter: te, onPaneMouseMove: z, onPaneMouseLeave: D, onPaneScroll: F, onPaneContextMenu: q, paneClickDistance: J, nodeClickDistance: K, onEdgeContextMenu: Q, onEdgeMouseEnter: ee, onEdgeMouseMove: le, onEdgeMouseLeave: he, reconnectRadius: de, onReconnect: Be, onReconnectStart: Me, onReconnectEnd: Fe, noDragClassName: We, noWheelClassName: Dt, noPanClassName: ut, disableKeyboardA11y: dt, nodeExtent: Ie, rfId: Ge, viewport: Ue, onViewportChange: ft, nodesDraggable: _n }) {
-  return _s(e), _s(t), Oy(), ky(n), Ay(Ue), x(q0, { onPaneClick: Z, onPaneMouseEnter: te, onPaneMouseMove: z, onPaneMouseLeave: D, onPaneContextMenu: q, onPaneScroll: F, paneClickDistance: J, deleteKeyCode: N, selectionKeyCode: S, selectionOnDrag: g, selectionMode: b, onSelectionStart: f, onSelectionEnd: d, multiSelectionKeyCode: C, panActivationKeyCode: v, zoomActivationKeyCode: E, elementsSelectable: P, zoomOnScroll: T, zoomOnPinch: $, zoomOnDoubleClick: H, panOnScroll: O, panOnScrollSpeed: j, panOnScrollMode: B, panOnDrag: X, autoPanOnSelection: U, defaultViewport: I, translateExtent: L, minZoom: R, maxZoom: _, onSelectionContextMenu: h, preventScrolling: M, noDragClassName: We, noWheelClassName: Dt, noPanClassName: ut, disableKeyboardA11y: dt, onViewportChange: ft, isControlledViewport: !!Ue, children: V(Cy, { children: [x(Ey, { edgeTypes: t, onEdgeClick: o, onEdgeDoubleClick: a, onReconnect: Be, onReconnectStart: Me, onReconnectEnd: Fe, onlyRenderVisibleElements: k, onEdgeContextMenu: Q, onEdgeMouseEnter: ee, onEdgeMouseMove: le, onEdgeMouseLeave: he, reconnectRadius: de, defaultMarkerColor: A, noPanClassName: ut, disableKeyboardA11y: dt, rfId: Ge }), x(Iy, { style: w, type: p, component: y, containerStyle: m }), x("div", { className: "react-flow__edgelabel-renderer" }), x(ay, { nodeTypes: e, onNodeClick: r, onNodeDoubleClick: i, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, nodeClickDistance: K, onlyRenderVisibleElements: k, noPanClassName: ut, noDragClassName: We, disableKeyboardA11y: dt, nodeExtent: Ie, rfId: Ge, nodesDraggable: _n }), x("div", { className: "react-flow__viewport-portal" })] }) });
+function Nu({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: o, onNodeDoubleClick: i, onEdgeDoubleClick: a, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: h, onSelectionStart: f, onSelectionEnd: d, connectionLineType: p, connectionLineStyle: w, connectionLineComponent: m, connectionLineContainerStyle: y, selectionKeyCode: S, selectionOnDrag: g, selectionMode: b, multiSelectionKeyCode: C, panActivationKeyCode: v, zoomActivationKeyCode: E, deleteKeyCode: N, onlyRenderVisibleElements: k, elementsSelectable: P, defaultViewport: I, translateExtent: L, minZoom: R, maxZoom: _, preventScrolling: M, defaultMarkerColor: A, zoomOnScroll: T, zoomOnPinch: $, panOnScroll: O, panOnScrollSpeed: j, panOnScrollMode: B, zoomOnDoubleClick: V, panOnDrag: X, autoPanOnSelection: U, onPaneClick: Z, onPaneMouseEnter: te, onPaneMouseMove: z, onPaneMouseLeave: D, onPaneScroll: F, onPaneContextMenu: q, paneClickDistance: J, nodeClickDistance: K, onEdgeContextMenu: Q, onEdgeMouseEnter: ee, onEdgeMouseMove: le, onEdgeMouseLeave: he, reconnectRadius: de, onReconnect: Be, onReconnectStart: Me, onReconnectEnd: Fe, noDragClassName: We, noWheelClassName: Dt, noPanClassName: ut, disableKeyboardA11y: dt, nodeExtent: Ie, rfId: Ge, viewport: Ue, onViewportChange: ft, nodesDraggable: _n }) {
+  return _s(e), _s(t), Oy(), ky(n), Ay(Ue), x(q0, { onPaneClick: Z, onPaneMouseEnter: te, onPaneMouseMove: z, onPaneMouseLeave: D, onPaneContextMenu: q, onPaneScroll: F, paneClickDistance: J, deleteKeyCode: N, selectionKeyCode: S, selectionOnDrag: g, selectionMode: b, onSelectionStart: f, onSelectionEnd: d, multiSelectionKeyCode: C, panActivationKeyCode: v, zoomActivationKeyCode: E, elementsSelectable: P, zoomOnScroll: T, zoomOnPinch: $, zoomOnDoubleClick: V, panOnScroll: O, panOnScrollSpeed: j, panOnScrollMode: B, panOnDrag: X, autoPanOnSelection: U, defaultViewport: I, translateExtent: L, minZoom: R, maxZoom: _, onSelectionContextMenu: h, preventScrolling: M, noDragClassName: We, noWheelClassName: Dt, noPanClassName: ut, disableKeyboardA11y: dt, onViewportChange: ft, isControlledViewport: !!Ue, children: H(Cy, { children: [x(Ey, { edgeTypes: t, onEdgeClick: o, onEdgeDoubleClick: a, onReconnect: Be, onReconnectStart: Me, onReconnectEnd: Fe, onlyRenderVisibleElements: k, onEdgeContextMenu: Q, onEdgeMouseEnter: ee, onEdgeMouseMove: le, onEdgeMouseLeave: he, reconnectRadius: de, defaultMarkerColor: A, noPanClassName: ut, disableKeyboardA11y: dt, rfId: Ge }), x(Iy, { style: w, type: p, component: m, containerStyle: y }), x("div", { className: "react-flow__edgelabel-renderer" }), x(ay, { nodeTypes: e, onNodeClick: r, onNodeDoubleClick: i, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, nodeClickDistance: K, onlyRenderVisibleElements: k, noPanClassName: ut, noDragClassName: We, disableKeyboardA11y: dt, nodeExtent: Ie, rfId: Ge, nodesDraggable: _n }), x("div", { className: "react-flow__viewport-portal" })] }) });
 }
 Nu.displayName = "GraphView";
 const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: o, height: i, fitView: a, fitViewOptions: s, minZoom: c = 0.5, maxZoom: l = 2, nodeOrigin: u, nodeExtent: h, zIndexMode: f = "basic" } = {}) => {
-  const d = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), m = r ?? t ?? [], S = n ?? e ?? [], g = u ?? [0, 0], b = h ?? Fn;
-  $c(w, y, m);
+  const d = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), y = r ?? t ?? [], S = n ?? e ?? [], g = u ?? [0, 0], b = h ?? Fn;
+  $c(w, m, y);
   const { nodesInitialized: C } = si(S, d, p, {
     nodeOrigin: g,
     nodeExtent: b,
@@ -5898,8 +5898,8 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
     nodesInitialized: C,
     nodeLookup: d,
     parentLookup: p,
-    edges: m,
-    edgeLookup: y,
+    edges: y,
+    edgeLookup: m,
     connectionLookup: w,
     onNodesChange: null,
     onEdgesChange: null,
@@ -5956,12 +5956,12 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
   };
 }, Ly = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: o, height: i, fitView: a, fitViewOptions: s, minZoom: c, maxZoom: l, nodeOrigin: u, nodeExtent: h, zIndexMode: f }) => Jm((d, p) => {
   async function w() {
-    const { nodeLookup: y, panZoom: m, fitViewOptions: S, fitViewResolver: g, width: b, height: C, minZoom: v, maxZoom: E } = p();
-    m && (await Kg({
-      nodes: y,
+    const { nodeLookup: m, panZoom: y, fitViewOptions: S, fitViewResolver: g, width: b, height: C, minZoom: v, maxZoom: E } = p();
+    y && (await Kg({
+      nodes: m,
       width: b,
       height: C,
-      panZoom: m,
+      panZoom: y,
       minZoom: v,
       maxZoom: E
     }, S), g?.resolve(!0), d({ fitViewResolver: null }));
@@ -5982,8 +5982,8 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
       defaultEdges: r,
       zIndexMode: f
     }),
-    setNodes: (y) => {
-      const { nodeLookup: m, parentLookup: S, nodeOrigin: g, elevateNodesOnSelect: b, fitViewQueued: C, zIndexMode: v, nodesSelectionActive: E } = p(), { nodesInitialized: N, hasSelectedNodes: k } = si(y, m, S, {
+    setNodes: (m) => {
+      const { nodeLookup: y, parentLookup: S, nodeOrigin: g, elevateNodesOnSelect: b, fitViewQueued: C, zIndexMode: v, nodesSelectionActive: E } = p(), { nodesInitialized: N, hasSelectedNodes: k } = si(m, y, S, {
         nodeOrigin: g,
         nodeExtent: h,
         elevateNodesOnSelect: b,
@@ -5991,25 +5991,25 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
         zIndexMode: v
       }), P = E && k;
       C && N ? (w(), d({
-        nodes: y,
+        nodes: m,
         nodesInitialized: N,
         fitViewQueued: !1,
         fitViewOptions: void 0,
         nodesSelectionActive: P
-      })) : d({ nodes: y, nodesInitialized: N, nodesSelectionActive: P });
+      })) : d({ nodes: m, nodesInitialized: N, nodesSelectionActive: P });
     },
-    setEdges: (y) => {
-      const { connectionLookup: m, edgeLookup: S } = p();
-      $c(m, S, y), d({ edges: y });
+    setEdges: (m) => {
+      const { connectionLookup: y, edgeLookup: S } = p();
+      $c(y, S, m), d({ edges: m });
     },
-    setDefaultNodesAndEdges: (y, m) => {
-      if (y) {
+    setDefaultNodesAndEdges: (m, y) => {
+      if (m) {
         const { setNodes: S } = p();
-        S(y), d({ hasDefaultNodes: !0 });
+        S(m), d({ hasDefaultNodes: !0 });
       }
-      if (m) {
+      if (y) {
         const { setEdges: S } = p();
-        S(m), d({ hasDefaultEdges: !0 });
+        S(y), d({ hasDefaultEdges: !0 });
       }
     },
     /*
@@ -6017,15 +6017,15 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
      * changes its dimensions, this function is called to measure the
      * new dimensions and update the nodes.
      */
-    updateNodeInternals: (y) => {
-      const { triggerNodeChanges: m, nodeLookup: S, parentLookup: g, domNode: b, nodeOrigin: C, nodeExtent: v, debug: E, fitViewQueued: N, zIndexMode: k } = p(), { changes: P, updatedInternals: I } = ym(y, S, g, b, C, v, k);
-      I && (hm(S, g, { nodeOrigin: C, nodeExtent: v, zIndexMode: k }), N ? (w(), d({ fitViewQueued: !1, fitViewOptions: void 0 })) : d({}), P?.length > 0 && (E && console.log("React Flow: trigger node changes", P), m?.(P)));
+    updateNodeInternals: (m) => {
+      const { triggerNodeChanges: y, nodeLookup: S, parentLookup: g, domNode: b, nodeOrigin: C, nodeExtent: v, debug: E, fitViewQueued: N, zIndexMode: k } = p(), { changes: P, updatedInternals: I } = ym(m, S, g, b, C, v, k);
+      I && (hm(S, g, { nodeOrigin: C, nodeExtent: v, zIndexMode: k }), N ? (w(), d({ fitViewQueued: !1, fitViewOptions: void 0 })) : d({}), P?.length > 0 && (E && console.log("React Flow: trigger node changes", P), y?.(P)));
     },
-    updateNodePositions: (y, m = !1) => {
+    updateNodePositions: (m, y = !1) => {
       const S = [];
       let g = [];
       const { nodeLookup: b, triggerNodeChanges: C, connection: v, updateConnection: E, onNodesChangeMiddlewareMap: N } = p();
-      for (const [k, P] of y) {
+      for (const [k, P] of m) {
         const I = b.get(k), L = !!(I?.expandParent && I?.parentId && P?.position), R = {
           id: k,
           type: "position",
@@ -6033,7 +6033,7 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
             x: Math.max(0, P.position.x),
             y: Math.max(0, P.position.y)
           } : P.position,
-          dragging: m
+          dragging: y
         };
         if (I && v.inProgress && v.fromNode.id === I.id) {
           const _ = Xt(I, v.fromHandle, Y.Left, !0);
@@ -6057,46 +6057,46 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
         g = k(g);
       C(g);
     },
-    triggerNodeChanges: (y) => {
-      const { onNodesChange: m, setNodes: S, nodes: g, hasDefaultNodes: b, debug: C } = p();
-      if (y?.length) {
+    triggerNodeChanges: (m) => {
+      const { onNodesChange: y, setNodes: S, nodes: g, hasDefaultNodes: b, debug: C } = p();
+      if (m?.length) {
         if (b) {
-          const v = Jc(y, g);
+          const v = Jc(m, g);
           S(v);
         }
-        C && console.log("React Flow: trigger node changes", y), m?.(y);
+        C && console.log("React Flow: trigger node changes", m), y?.(m);
       }
     },
-    triggerEdgeChanges: (y) => {
-      const { onEdgesChange: m, setEdges: S, edges: g, hasDefaultEdges: b, debug: C } = p();
-      if (y?.length) {
+    triggerEdgeChanges: (m) => {
+      const { onEdgesChange: y, setEdges: S, edges: g, hasDefaultEdges: b, debug: C } = p();
+      if (m?.length) {
         if (b) {
-          const v = eu(y, g);
+          const v = eu(m, g);
           S(v);
         }
-        C && console.log("React Flow: trigger edge changes", y), m?.(y);
+        C && console.log("React Flow: trigger edge changes", m), y?.(m);
       }
     },
-    addSelectedNodes: (y) => {
-      const { multiSelectionActive: m, edgeLookup: S, nodeLookup: g, triggerNodeChanges: b, triggerEdgeChanges: C } = p();
-      if (m) {
-        const v = y.map((E) => Pt(E, !0));
+    addSelectedNodes: (m) => {
+      const { multiSelectionActive: y, edgeLookup: S, nodeLookup: g, triggerNodeChanges: b, triggerEdgeChanges: C } = p();
+      if (y) {
+        const v = m.map((E) => Pt(E, !0));
         b(v);
         return;
       }
-      b(rn(g, /* @__PURE__ */ new Set([...y]), !0)), C(rn(S));
+      b(rn(g, /* @__PURE__ */ new Set([...m]), !0)), C(rn(S));
     },
-    addSelectedEdges: (y) => {
-      const { multiSelectionActive: m, edgeLookup: S, nodeLookup: g, triggerNodeChanges: b, triggerEdgeChanges: C } = p();
-      if (m) {
-        const v = y.map((E) => Pt(E, !0));
+    addSelectedEdges: (m) => {
+      const { multiSelectionActive: y, edgeLookup: S, nodeLookup: g, triggerNodeChanges: b, triggerEdgeChanges: C } = p();
+      if (y) {
+        const v = m.map((E) => Pt(E, !0));
         C(v);
         return;
       }
-      C(rn(S, /* @__PURE__ */ new Set([...y]))), b(rn(g, /* @__PURE__ */ new Set(), !0));
+      C(rn(S, /* @__PURE__ */ new Set([...m]))), b(rn(g, /* @__PURE__ */ new Set(), !0));
     },
-    unselectNodesAndEdges: ({ nodes: y, edges: m } = {}) => {
-      const { edges: S, nodes: g, nodeLookup: b, triggerNodeChanges: C, triggerEdgeChanges: v } = p(), E = y || g, N = m || S, k = [];
+    unselectNodesAndEdges: ({ nodes: m, edges: y } = {}) => {
+      const { edges: S, nodes: g, nodeLookup: b, triggerNodeChanges: C, triggerEdgeChanges: v } = p(), E = m || g, N = y || S, k = [];
       for (const I of E) {
         if (!I.selected)
           continue;
@@ -6108,46 +6108,46 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
         I.selected && P.push(Pt(I.id, !1));
       C(k), v(P);
     },
-    setMinZoom: (y) => {
-      const { panZoom: m, maxZoom: S } = p();
-      m?.setScaleExtent([y, S]), d({ minZoom: y });
+    setMinZoom: (m) => {
+      const { panZoom: y, maxZoom: S } = p();
+      y?.setScaleExtent([m, S]), d({ minZoom: m });
     },
-    setMaxZoom: (y) => {
-      const { panZoom: m, minZoom: S } = p();
-      m?.setScaleExtent([S, y]), d({ maxZoom: y });
+    setMaxZoom: (m) => {
+      const { panZoom: y, minZoom: S } = p();
+      y?.setScaleExtent([S, m]), d({ maxZoom: m });
     },
-    setTranslateExtent: (y) => {
-      p().panZoom?.setTranslateExtent(y), d({ translateExtent: y });
+    setTranslateExtent: (m) => {
+      p().panZoom?.setTranslateExtent(m), d({ translateExtent: m });
     },
     resetSelectedElements: () => {
-      const { edges: y, nodes: m, triggerNodeChanges: S, triggerEdgeChanges: g, elementsSelectable: b } = p();
+      const { edges: m, nodes: y, triggerNodeChanges: S, triggerEdgeChanges: g, elementsSelectable: b } = p();
       if (!b)
         return;
-      const C = m.reduce((E, N) => N.selected ? [...E, Pt(N.id, !1)] : E, []), v = y.reduce((E, N) => N.selected ? [...E, Pt(N.id, !1)] : E, []);
+      const C = y.reduce((E, N) => N.selected ? [...E, Pt(N.id, !1)] : E, []), v = m.reduce((E, N) => N.selected ? [...E, Pt(N.id, !1)] : E, []);
       S(C), g(v);
     },
-    setNodeExtent: (y) => {
-      const { nodes: m, nodeLookup: S, parentLookup: g, nodeOrigin: b, elevateNodesOnSelect: C, nodeExtent: v, zIndexMode: E } = p();
-      y[0][0] === v[0][0] && y[0][1] === v[0][1] && y[1][0] === v[1][0] && y[1][1] === v[1][1] || (si(m, S, g, {
+    setNodeExtent: (m) => {
+      const { nodes: y, nodeLookup: S, parentLookup: g, nodeOrigin: b, elevateNodesOnSelect: C, nodeExtent: v, zIndexMode: E } = p();
+      m[0][0] === v[0][0] && m[0][1] === v[0][1] && m[1][0] === v[1][0] && m[1][1] === v[1][1] || (si(y, S, g, {
         nodeOrigin: b,
-        nodeExtent: y,
+        nodeExtent: m,
         elevateNodesOnSelect: C,
         checkEquality: !1,
         zIndexMode: E
-      }), d({ nodeExtent: y }));
+      }), d({ nodeExtent: m }));
     },
-    panBy: (y) => {
-      const { transform: m, width: S, height: g, panZoom: b, translateExtent: C } = p();
-      return bm({ delta: y, panZoom: b, transform: m, translateExtent: C, width: S, height: g });
+    panBy: (m) => {
+      const { transform: y, width: S, height: g, panZoom: b, translateExtent: C } = p();
+      return bm({ delta: m, panZoom: b, transform: y, translateExtent: C, width: S, height: g });
     },
-    setCenter: async (y, m, S) => {
+    setCenter: async (m, y, S) => {
       const { width: g, height: b, maxZoom: C, panZoom: v } = p();
       if (!v)
         return !1;
       const E = typeof S?.zoom < "u" ? S.zoom : C;
       return await v.setViewport({
-        x: g / 2 - y * E,
-        y: b / 2 - m * E,
+        x: g / 2 - m * E,
+        y: b / 2 - y * E,
         zoom: E
       }, { duration: S?.duration, ease: S?.ease, interpolate: S?.interpolate }), !0;
     },
@@ -6156,8 +6156,8 @@ const $y = xe(Nu), Ry = Ec("React Flow", "https://reactflow.dev/"), Ss = ({ node
         connection: { ...mc }
       });
     },
-    updateConnection: (y) => {
-      d({ connection: y });
+    updateConnection: (m) => {
+      d({ connection: m });
     },
     reset: () => d({ ...Ss() })
   };
@@ -6190,11 +6190,11 @@ const Vy = {
   position: "relative",
   zIndex: 0
 };
-function jy({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i, edgeTypes: a, onNodeClick: s, onEdgeClick: c, onInit: l, onMove: u, onMoveStart: h, onMoveEnd: f, onConnect: d, onConnectStart: p, onConnectEnd: w, onClickConnectStart: y, onClickConnectEnd: m, onNodeMouseEnter: S, onNodeMouseMove: g, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: v, onNodeDragStart: E, onNodeDrag: N, onNodeDragStop: k, onNodesDelete: P, onEdgesDelete: I, onDelete: L, onSelectionChange: R, onSelectionDragStart: _, onSelectionDrag: M, onSelectionDragStop: A, onSelectionContextMenu: T, onSelectionStart: $, onSelectionEnd: O, onBeforeDelete: j, connectionMode: B, connectionLineType: H = Nt.Bezier, connectionLineStyle: X, connectionLineComponent: U, connectionLineContainerStyle: Z, deleteKeyCode: te = "Backspace", selectionKeyCode: z = "Shift", selectionOnDrag: D = !1, selectionMode: F = Wn.Full, panActivationKeyCode: q = "Space", multiSelectionKeyCode: J = Xn() ? "Meta" : "Control", zoomActivationKeyCode: K = Xn() ? "Meta" : "Control", snapToGrid: Q, snapGrid: ee, onlyRenderVisibleElements: le = !1, selectNodesOnDrag: he, nodesDraggable: de, autoPanOnNodeFocus: Be, nodesConnectable: Me, nodesFocusable: Fe, nodeOrigin: We = qc, edgesFocusable: Dt, edgesReconnectable: ut, elementsSelectable: dt = !0, defaultViewport: Ie = h0, minZoom: Ge = 0.5, maxZoom: Ue = 2, translateExtent: ft = Fn, preventScrolling: _n = !0, nodeExtent: Zt, defaultMarkerColor: go = "#b1b1b7", zoomOnScroll: lr = !0, zoomOnPinch: cr = !0, panOnScroll: Sn = !1, panOnScrollSpeed: mo = 0.5, panOnScrollMode: yo = Vt.Free, zoomOnDoubleClick: W = !0, panOnDrag: G = !0, onPaneClick: oe, onPaneMouseEnter: fe, onPaneMouseMove: we, onPaneMouseLeave: be, onPaneScroll: ke, onPaneContextMenu: _e, paneClickDistance: me = 1, nodeClickDistance: Xe = 0, children: Pe, onReconnect: bo, onReconnectStart: wo, onReconnectEnd: Ke, onEdgeContextMenu: tt, onEdgeDoubleClick: qt, onEdgeMouseEnter: ur, onEdgeMouseMove: xo, onEdgeMouseLeave: vo, reconnectRadius: ht = 10, onNodesChange: St, onEdgesChange: Id, noDragClassName: Pd = "nodrag", noWheelClassName: Od = "nowheel", noPanClassName: aa = "nopan", fitView: sa, fitViewOptions: la, connectOnClick: $d, attributionPosition: Rd, proOptions: Ld, defaultEdgeOptions: Hd, elevateNodesOnSelect: Vd = !0, elevateEdgesOnSelect: jd = !1, disableKeyboardA11y: ca = !1, autoPanOnConnect: Bd, autoPanOnNodeDrag: Fd, autoPanOnSelection: Wd = !0, autoPanSpeed: Gd, connectionRadius: Ud, isValidConnection: Xd, onError: Kd, style: Yd, id: ua, nodeDragThreshold: Zd, connectionDragThreshold: qd, viewport: Qd, onViewportChange: Jd, width: ef, height: tf, colorMode: nf = "light", debug: rf, onScroll: da, ariaLabelConfig: of, zIndexMode: fa = "basic", ...af }, sf) {
+function jy({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i, edgeTypes: a, onNodeClick: s, onEdgeClick: c, onInit: l, onMove: u, onMoveStart: h, onMoveEnd: f, onConnect: d, onConnectStart: p, onConnectEnd: w, onClickConnectStart: m, onClickConnectEnd: y, onNodeMouseEnter: S, onNodeMouseMove: g, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: v, onNodeDragStart: E, onNodeDrag: N, onNodeDragStop: k, onNodesDelete: P, onEdgesDelete: I, onDelete: L, onSelectionChange: R, onSelectionDragStart: _, onSelectionDrag: M, onSelectionDragStop: A, onSelectionContextMenu: T, onSelectionStart: $, onSelectionEnd: O, onBeforeDelete: j, connectionMode: B, connectionLineType: V = Nt.Bezier, connectionLineStyle: X, connectionLineComponent: U, connectionLineContainerStyle: Z, deleteKeyCode: te = "Backspace", selectionKeyCode: z = "Shift", selectionOnDrag: D = !1, selectionMode: F = Wn.Full, panActivationKeyCode: q = "Space", multiSelectionKeyCode: J = Xn() ? "Meta" : "Control", zoomActivationKeyCode: K = Xn() ? "Meta" : "Control", snapToGrid: Q, snapGrid: ee, onlyRenderVisibleElements: le = !1, selectNodesOnDrag: he, nodesDraggable: de, autoPanOnNodeFocus: Be, nodesConnectable: Me, nodesFocusable: Fe, nodeOrigin: We = qc, edgesFocusable: Dt, edgesReconnectable: ut, elementsSelectable: dt = !0, defaultViewport: Ie = h0, minZoom: Ge = 0.5, maxZoom: Ue = 2, translateExtent: ft = Fn, preventScrolling: _n = !0, nodeExtent: Zt, defaultMarkerColor: go = "#b1b1b7", zoomOnScroll: lr = !0, zoomOnPinch: cr = !0, panOnScroll: Sn = !1, panOnScrollSpeed: mo = 0.5, panOnScrollMode: yo = Vt.Free, zoomOnDoubleClick: W = !0, panOnDrag: G = !0, onPaneClick: oe, onPaneMouseEnter: fe, onPaneMouseMove: we, onPaneMouseLeave: be, onPaneScroll: ke, onPaneContextMenu: _e, paneClickDistance: me = 1, nodeClickDistance: Xe = 0, children: Pe, onReconnect: bo, onReconnectStart: wo, onReconnectEnd: Ke, onEdgeContextMenu: tt, onEdgeDoubleClick: qt, onEdgeMouseEnter: ur, onEdgeMouseMove: xo, onEdgeMouseLeave: vo, reconnectRadius: ht = 10, onNodesChange: St, onEdgesChange: Id, noDragClassName: Pd = "nodrag", noWheelClassName: Od = "nowheel", noPanClassName: aa = "nopan", fitView: sa, fitViewOptions: la, connectOnClick: $d, attributionPosition: Rd, proOptions: Ld, defaultEdgeOptions: Hd, elevateNodesOnSelect: Vd = !0, elevateEdgesOnSelect: jd = !1, disableKeyboardA11y: ca = !1, autoPanOnConnect: Bd, autoPanOnNodeDrag: Fd, autoPanOnSelection: Wd = !0, autoPanSpeed: Gd, connectionRadius: Ud, isValidConnection: Xd, onError: Kd, style: Yd, id: ua, nodeDragThreshold: Zd, connectionDragThreshold: qd, viewport: Qd, onViewportChange: Jd, width: ef, height: tf, colorMode: nf = "light", debug: rf, onScroll: da, ariaLabelConfig: of, zIndexMode: fa = "basic", ...af }, sf) {
   const _o = ua || "1", lf = y0(nf), cf = ae((ha) => {
     ha.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" }), da?.(ha);
   }, [da]);
-  return x("div", { "data-testid": "rf__wrapper", ...af, onScroll: cf, style: { ...Yd, ...Vy }, ref: sf, className: ve(["react-flow", o, lf]), id: ua, role: "application", children: V(Hy, { nodes: e, edges: t, width: ef, height: tf, fitView: sa, fitViewOptions: la, minZoom: Ge, maxZoom: Ue, nodeOrigin: We, nodeExtent: Zt, zIndexMode: fa, children: [x(m0, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: d, onConnectStart: p, onConnectEnd: w, onClickConnectStart: y, onClickConnectEnd: m, nodesDraggable: de, autoPanOnNodeFocus: Be, nodesConnectable: Me, nodesFocusable: Fe, edgesFocusable: Dt, edgesReconnectable: ut, elementsSelectable: dt, elevateNodesOnSelect: Vd, elevateEdgesOnSelect: jd, minZoom: Ge, maxZoom: Ue, nodeExtent: Zt, onNodesChange: St, onEdgesChange: Id, snapToGrid: Q, snapGrid: ee, connectionMode: B, translateExtent: ft, connectOnClick: $d, defaultEdgeOptions: Hd, fitView: sa, fitViewOptions: la, onNodesDelete: P, onEdgesDelete: I, onDelete: L, onNodeDragStart: E, onNodeDrag: N, onNodeDragStop: k, onSelectionDrag: M, onSelectionDragStart: _, onSelectionDragStop: A, onMove: u, onMoveStart: h, onMoveEnd: f, noPanClassName: aa, nodeOrigin: We, rfId: _o, autoPanOnConnect: Bd, autoPanOnNodeDrag: Fd, autoPanSpeed: Gd, onError: Kd, connectionRadius: Ud, isValidConnection: Xd, selectNodesOnDrag: he, nodeDragThreshold: Zd, connectionDragThreshold: qd, onBeforeDelete: j, debug: rf, ariaLabelConfig: of, zIndexMode: fa }), x($y, { onInit: l, onNodeClick: s, onEdgeClick: c, onNodeMouseEnter: S, onNodeMouseMove: g, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: v, nodeTypes: i, edgeTypes: a, connectionLineType: H, connectionLineStyle: X, connectionLineComponent: U, connectionLineContainerStyle: Z, selectionKeyCode: z, selectionOnDrag: D, selectionMode: F, deleteKeyCode: te, multiSelectionKeyCode: J, panActivationKeyCode: q, zoomActivationKeyCode: K, onlyRenderVisibleElements: le, defaultViewport: Ie, translateExtent: ft, minZoom: Ge, maxZoom: Ue, preventScrolling: _n, zoomOnScroll: lr, zoomOnPinch: cr, zoomOnDoubleClick: W, panOnScroll: Sn, panOnScrollSpeed: mo, panOnScrollMode: yo, panOnDrag: G, autoPanOnSelection: Wd, onPaneClick: oe, onPaneMouseEnter: fe, onPaneMouseMove: we, onPaneMouseLeave: be, onPaneScroll: ke, onPaneContextMenu: _e, paneClickDistance: me, nodeClickDistance: Xe, onSelectionContextMenu: T, onSelectionStart: $, onSelectionEnd: O, onReconnect: bo, onReconnectStart: wo, onReconnectEnd: Ke, onEdgeContextMenu: tt, onEdgeDoubleClick: qt, onEdgeMouseEnter: ur, onEdgeMouseMove: xo, onEdgeMouseLeave: vo, reconnectRadius: ht, defaultMarkerColor: go, noDragClassName: Pd, noWheelClassName: Od, noPanClassName: aa, rfId: _o, disableKeyboardA11y: ca, nodeExtent: Zt, viewport: Qd, onViewportChange: Jd, nodesDraggable: de }), x(f0, { onSelectionChange: R }), Pe, x(s0, { proOptions: Ld, position: Rd }), x(a0, { rfId: _o, disableKeyboardA11y: ca })] }) });
+  return x("div", { "data-testid": "rf__wrapper", ...af, onScroll: cf, style: { ...Yd, ...Vy }, ref: sf, className: ve(["react-flow", o, lf]), id: ua, role: "application", children: H(Hy, { nodes: e, edges: t, width: ef, height: tf, fitView: sa, fitViewOptions: la, minZoom: Ge, maxZoom: Ue, nodeOrigin: We, nodeExtent: Zt, zIndexMode: fa, children: [x(m0, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: d, onConnectStart: p, onConnectEnd: w, onClickConnectStart: m, onClickConnectEnd: y, nodesDraggable: de, autoPanOnNodeFocus: Be, nodesConnectable: Me, nodesFocusable: Fe, edgesFocusable: Dt, edgesReconnectable: ut, elementsSelectable: dt, elevateNodesOnSelect: Vd, elevateEdgesOnSelect: jd, minZoom: Ge, maxZoom: Ue, nodeExtent: Zt, onNodesChange: St, onEdgesChange: Id, snapToGrid: Q, snapGrid: ee, connectionMode: B, translateExtent: ft, connectOnClick: $d, defaultEdgeOptions: Hd, fitView: sa, fitViewOptions: la, onNodesDelete: P, onEdgesDelete: I, onDelete: L, onNodeDragStart: E, onNodeDrag: N, onNodeDragStop: k, onSelectionDrag: M, onSelectionDragStart: _, onSelectionDragStop: A, onMove: u, onMoveStart: h, onMoveEnd: f, noPanClassName: aa, nodeOrigin: We, rfId: _o, autoPanOnConnect: Bd, autoPanOnNodeDrag: Fd, autoPanSpeed: Gd, onError: Kd, connectionRadius: Ud, isValidConnection: Xd, selectNodesOnDrag: he, nodeDragThreshold: Zd, connectionDragThreshold: qd, onBeforeDelete: j, debug: rf, ariaLabelConfig: of, zIndexMode: fa }), x($y, { onInit: l, onNodeClick: s, onEdgeClick: c, onNodeMouseEnter: S, onNodeMouseMove: g, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: v, nodeTypes: i, edgeTypes: a, connectionLineType: V, connectionLineStyle: X, connectionLineComponent: U, connectionLineContainerStyle: Z, selectionKeyCode: z, selectionOnDrag: D, selectionMode: F, deleteKeyCode: te, multiSelectionKeyCode: J, panActivationKeyCode: q, zoomActivationKeyCode: K, onlyRenderVisibleElements: le, defaultViewport: Ie, translateExtent: ft, minZoom: Ge, maxZoom: Ue, preventScrolling: _n, zoomOnScroll: lr, zoomOnPinch: cr, zoomOnDoubleClick: W, panOnScroll: Sn, panOnScrollSpeed: mo, panOnScrollMode: yo, panOnDrag: G, autoPanOnSelection: Wd, onPaneClick: oe, onPaneMouseEnter: fe, onPaneMouseMove: we, onPaneMouseLeave: be, onPaneScroll: ke, onPaneContextMenu: _e, paneClickDistance: me, nodeClickDistance: Xe, onSelectionContextMenu: T, onSelectionStart: $, onSelectionEnd: O, onReconnect: bo, onReconnectStart: wo, onReconnectEnd: Ke, onEdgeContextMenu: tt, onEdgeDoubleClick: qt, onEdgeMouseEnter: ur, onEdgeMouseMove: xo, onEdgeMouseLeave: vo, reconnectRadius: ht, defaultMarkerColor: go, noDragClassName: Pd, noWheelClassName: Od, noPanClassName: aa, rfId: _o, disableKeyboardA11y: ca, nodeExtent: Zt, viewport: Qd, onViewportChange: Jd, nodesDraggable: de }), x(f0, { onSelectionChange: R }), Pe, x(s0, { proOptions: Ld, position: Rd }), x(a0, { rfId: _o, disableKeyboardA11y: ca })] }) });
 }
 var By = nu(jy);
 const Fy = (e) => e.nodes;
@@ -6235,11 +6235,11 @@ function zu({
   className: l,
   patternClassName: u
 }) {
-  const h = ne(null), { transform: f, patternId: d } = se(Ky, pe), p = r || Xy[t], w = t === Mt.Dots, y = t === Mt.Cross, m = Array.isArray(n) ? n : [n, n], S = [m[0] * f[2] || 1, m[1] * f[2] || 1], g = p * f[2], b = Array.isArray(i) ? i : [i, i], C = y ? [g, g] : S, v = [
+  const h = ne(null), { transform: f, patternId: d } = se(Ky, pe), p = r || Xy[t], w = t === Mt.Dots, m = t === Mt.Cross, y = Array.isArray(n) ? n : [n, n], S = [y[0] * f[2] || 1, y[1] * f[2] || 1], g = p * f[2], b = Array.isArray(i) ? i : [i, i], C = m ? [g, g] : S, v = [
     b[0] * f[2] || 1 + C[0] / 2,
     b[1] * f[2] || 1 + C[1] / 2
   ], E = `${d}${e || ""}`;
-  return V("svg", { className: ve(["react-flow__background", l]), style: {
+  return H("svg", { className: ve(["react-flow__background", l]), style: {
     ...c,
     ...co,
     "--xy-background-color-props": s,
@@ -6273,7 +6273,7 @@ const tb = (e) => ({
   ariaLabelConfig: e.ariaLabelConfig
 });
 function Du({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: r = !0, fitViewOptions: o, onZoomIn: i, onZoomOut: a, onFitView: s, onInteractiveChange: c, className: l, children: u, position: h = "bottom-left", orientation: f = "vertical", "aria-label": d }) {
-  const p = ge(), { isInteractive: w, minZoomReached: y, maxZoomReached: m, ariaLabelConfig: S } = se(tb, pe), { zoomIn: g, zoomOut: b, fitView: C } = _t(), v = () => {
+  const p = ge(), { isInteractive: w, minZoomReached: m, maxZoomReached: y, ariaLabelConfig: S } = se(tb, pe), { zoomIn: g, zoomOut: b, fitView: C } = _t(), v = () => {
     g(), i?.();
   }, E = () => {
     b(), a?.();
@@ -6286,17 +6286,17 @@ function Du({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
       elementsSelectable: !w
     }), c?.(!w);
   };
-  return V(jt, { className: ve(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: h, style: e, "data-testid": "rf__controls", "aria-label": d ?? S["controls.ariaLabel"], children: [t && V(Se, { children: [x(vr, { onClick: v, className: "react-flow__controls-zoomin", title: S["controls.zoomIn.ariaLabel"], "aria-label": S["controls.zoomIn.ariaLabel"], disabled: m, children: x(Zy, {}) }), x(vr, { onClick: E, className: "react-flow__controls-zoomout", title: S["controls.zoomOut.ariaLabel"], "aria-label": S["controls.zoomOut.ariaLabel"], disabled: y, children: x(qy, {}) })] }), n && x(vr, { className: "react-flow__controls-fitview", onClick: N, title: S["controls.fitView.ariaLabel"], "aria-label": S["controls.fitView.ariaLabel"], children: x(Qy, {}) }), r && x(vr, { className: "react-flow__controls-interactive", onClick: k, title: S["controls.interactive.ariaLabel"], "aria-label": S["controls.interactive.ariaLabel"], children: w ? x(eb, {}) : x(Jy, {}) }), u] });
+  return H(jt, { className: ve(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: h, style: e, "data-testid": "rf__controls", "aria-label": d ?? S["controls.ariaLabel"], children: [t && H(Se, { children: [x(vr, { onClick: v, className: "react-flow__controls-zoomin", title: S["controls.zoomIn.ariaLabel"], "aria-label": S["controls.zoomIn.ariaLabel"], disabled: y, children: x(Zy, {}) }), x(vr, { onClick: E, className: "react-flow__controls-zoomout", title: S["controls.zoomOut.ariaLabel"], "aria-label": S["controls.zoomOut.ariaLabel"], disabled: m, children: x(qy, {}) })] }), n && x(vr, { className: "react-flow__controls-fitview", onClick: N, title: S["controls.fitView.ariaLabel"], "aria-label": S["controls.fitView.ariaLabel"], children: x(Qy, {}) }), r && x(vr, { className: "react-flow__controls-interactive", onClick: k, title: S["controls.interactive.ariaLabel"], "aria-label": S["controls.interactive.ariaLabel"], children: w ? x(eb, {}) : x(Jy, {}) }), u] });
 }
 Du.displayName = "Controls";
 const nb = xe(Du);
 function rb({ id: e, x: t, y: n, width: r, height: o, style: i, color: a, strokeColor: s, strokeWidth: c, className: l, borderRadius: u, shapeRendering: h, selected: f, onClick: d }) {
-  const { background: p, backgroundColor: w } = i || {}, y = a || p || w;
+  const { background: p, backgroundColor: w } = i || {}, m = a || p || w;
   return x("rect", { className: ve(["react-flow__minimap-node", { selected: f }, l]), x: t, y: n, rx: u, ry: u, width: r, height: o, style: {
-    fill: y,
+    fill: m,
     stroke: s,
     strokeWidth: c
-  }, shapeRendering: h, onClick: d ? (m) => d(m, e) : void 0 });
+  }, shapeRendering: h, onClick: d ? (y) => d(y, e) : void 0 });
 }
 const ob = xe(rb), ib = (e) => e.nodes.map((t) => t.id), Oo = (e) => e instanceof Function ? e : () => e;
 function ab({
@@ -6329,10 +6329,10 @@ function sb({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
     const w = p.nodeLookup.get(e);
     if (!w)
       return { node: void 0, x: 0, y: 0, width: 0, height: 0 };
-    const y = w.internals.userNode, { x: m, y: S } = w.internals.positionAbsolute, { width: g, height: b } = ct(y);
+    const m = w.internals.userNode, { x: y, y: S } = w.internals.positionAbsolute, { width: g, height: b } = ct(m);
     return {
-      node: y,
-      x: m,
+      node: m,
+      x: y,
       y: S,
       width: g,
       height: b
@@ -6381,13 +6381,13 @@ function Iu({
   onClick: d,
   onNodeClick: p,
   pannable: w = !1,
-  zoomable: y = !1,
-  ariaLabel: m,
+  zoomable: m = !1,
+  ariaLabel: y,
   inversePan: S,
   zoomStep: g = 1,
   offsetScale: b = 5
 }) {
-  const C = ge(), v = ne(null), { boundingRect: E, viewBB: N, rfId: k, panZoom: P, translateExtent: I, flowWidth: L, flowHeight: R, ariaLabelConfig: _ } = se(hb, pb), M = e?.width ?? ub, A = e?.height ?? db, T = E.width / M, $ = E.height / A, O = Math.max(T, $), j = O * M, B = O * A, H = b * O, X = E.x - (j - E.width) / 2 - H, U = E.y - (B - E.height) / 2 - H, Z = j + H * 2, te = B + H * 2, z = `${gb}-${k}`, D = ne(0), F = ne();
+  const C = ge(), v = ne(null), { boundingRect: E, viewBB: N, rfId: k, panZoom: P, translateExtent: I, flowWidth: L, flowHeight: R, ariaLabelConfig: _ } = se(hb, pb), M = e?.width ?? ub, A = e?.height ?? db, T = E.width / M, $ = E.height / A, O = Math.max(T, $), j = O * M, B = O * A, V = b * O, X = E.x - (j - E.width) / 2 - V, U = E.y - (B - E.height) / 2 - V, Z = j + V * 2, te = B + V * 2, z = `${gb}-${k}`, D = ne(0), F = ne();
   D.current = O, re(() => {
     if (v.current && P)
       return F.current = Nm({
@@ -6406,16 +6406,16 @@ function Iu({
       inversePan: S,
       pannable: w,
       zoomStep: g,
-      zoomable: y
+      zoomable: m
     });
-  }, [w, y, S, g, I, L, R]);
+  }, [w, m, S, g, I, L, R]);
   const q = d ? (Q) => {
     const [ee, le] = F.current?.pointer(Q) || [0, 0];
     d(Q, { x: ee, y: le });
   } : void 0, J = p ? ae((Q, ee) => {
     const le = C.getState().nodeLookup.get(ee).internals.userNode;
     p(Q, le);
-  }, []) : void 0, K = m ?? _["minimap.ariaLabel"];
+  }, []) : void 0, K = y ?? _["minimap.ariaLabel"];
   return x(jt, { position: f, style: {
     ...e,
     "--xy-minimap-background-color-props": typeof c == "string" ? c : void 0,
@@ -6425,7 +6425,7 @@ function Iu({
     "--xy-minimap-node-background-color-props": typeof r == "string" ? r : void 0,
     "--xy-minimap-node-stroke-color-props": typeof n == "string" ? n : void 0,
     "--xy-minimap-node-stroke-width-props": typeof a == "number" ? a : void 0
-  }, className: ve(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: V("svg", { width: M, height: A, viewBox: `${X} ${U} ${Z} ${te}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": z, ref: v, onClick: q, children: [K && x("title", { id: z, children: K }), x(cb, { onClick: J, nodeColor: r, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: o, nodeStrokeWidth: a, nodeComponent: s }), x("path", { className: "react-flow__minimap-mask", d: `M${X - H},${U - H}h${Z + H * 2}v${te + H * 2}h${-Z - H * 2}z
+  }, className: ve(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: H("svg", { width: M, height: A, viewBox: `${X} ${U} ${Z} ${te}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": z, ref: v, onClick: q, children: [K && x("title", { id: z, children: K }), x(cb, { onClick: J, nodeColor: r, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: o, nodeStrokeWidth: a, nodeComponent: s }), x("path", { className: "react-flow__minimap-mask", d: `M${X - V},${U - V}h${Z + V * 2}v${te + V * 2}h${-Z - V * 2}z
         M${N.x},${N.y}h${N.width}v${N.height}h${-N.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 Iu.displayName = "MiniMap";
@@ -6434,7 +6434,7 @@ const mb = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, yb =
   [hn.Line]: "right",
   [hn.Handle]: "bottom-right"
 };
-function bb({ nodeId: e, position: t, variant: n = hn.Handle, className: r, style: o = void 0, children: i, color: a, minWidth: s = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: u = Number.MAX_VALUE, keepAspectRatio: h = !1, resizeDirection: f, autoScale: d = !0, shouldResize: p, onResizeStart: w, onResize: y, onResizeEnd: m }) {
+function bb({ nodeId: e, position: t, variant: n = hn.Handle, className: r, style: o = void 0, children: i, color: a, minWidth: s = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: u = Number.MAX_VALUE, keepAspectRatio: h = !1, resizeDirection: f, autoScale: d = !0, shouldResize: p, onResizeStart: w, onResize: m, onResizeEnd: y }) {
   const S = su(), g = typeof e == "string" ? e : S, b = ge(), C = ne(null), v = n === hn.Handle, E = se(ae(mb(v && d), [v, d]), pe), N = ne(null), k = t ?? yb[n];
   re(() => {
     if (!(!C.current || !g))
@@ -6455,19 +6455,19 @@ function bb({ nodeId: e, position: t, variant: n = hn.Handle, className: r, styl
         onChange: (I, L) => {
           const { triggerNodeChanges: R, nodeLookup: _, parentLookup: M, nodeOrigin: A } = b.getState(), T = [], $ = { x: I.x, y: I.y }, O = _.get(g);
           if (O && O.expandParent && O.parentId) {
-            const j = O.origin ?? A, B = I.width ?? O.measured.width ?? 0, H = I.height ?? O.measured.height ?? 0, X = {
+            const j = O.origin ?? A, B = I.width ?? O.measured.width ?? 0, V = I.height ?? O.measured.height ?? 0, X = {
               id: O.id,
               parentId: O.parentId,
               rect: {
                 width: B,
-                height: H,
+                height: V,
                 ...kc({
                   x: I.x ?? O.position.x,
                   y: I.y ?? O.position.y
-                }, { width: B, height: H }, O.parentId, _, j)
+                }, { width: B, height: V }, O.parentId, _, j)
               }
             }, U = Wi([X], _, M, A);
-            T.push(...U), $.x = I.x ? Math.max(j[0] * B, I.x) : void 0, $.y = I.y ? Math.max(j[1] * H, I.y) : void 0;
+            T.push(...U), $.x = I.x ? Math.max(j[0] * B, I.x) : void 0, $.y = I.y ? Math.max(j[1] * V, I.y) : void 0;
           }
           if ($.x !== void 0 && $.y !== void 0) {
             const j = {
@@ -6522,8 +6522,8 @@ function bb({ nodeId: e, position: t, variant: n = hn.Handle, className: r, styl
         keepAspectRatio: h,
         resizeDirection: f,
         onResizeStart: w,
-        onResize: y,
-        onResizeEnd: m,
+        onResize: m,
+        onResizeEnd: y,
         shouldResize: p
       }), () => {
         N.current?.destroy();
@@ -6536,8 +6536,8 @@ function bb({ nodeId: e, position: t, variant: n = hn.Handle, className: r, styl
     u,
     h,
     w,
-    y,
     m,
+    y,
     p
   ]);
   const P = k.split("-");
@@ -6636,18 +6636,18 @@ function Ru(e, t, n) {
   function d() {
     u && clearTimeout(u);
   }
-  function p(y) {
-    var m = y || {}, S = m.upcomingOnly, g = S === void 0 ? !1 : S;
+  function p(m) {
+    var y = m || {}, S = y.upcomingOnly, g = S === void 0 ? !1 : S;
     d(), h = !g;
   }
   function w() {
-    for (var y = arguments.length, m = new Array(y), S = 0; S < y; S++)
-      m[S] = arguments[S];
+    for (var m = arguments.length, y = new Array(m), S = 0; S < m; S++)
+      y[S] = arguments[S];
     var g = this, b = Date.now() - f;
     if (h)
       return;
     function C() {
-      f = Date.now(), t.apply(g, m);
+      f = Date.now(), t.apply(g, y);
     }
     function v() {
       u = void 0;
@@ -6768,11 +6768,11 @@ const ui = (e) => (t) => {
 }, Cb = (e, t) => (n, r, o) => {
   let i = {
     storage: Lu(() => window.localStorage),
-    partialize: (y) => y,
+    partialize: (m) => m,
     version: 0,
-    merge: (y, m) => ({
-      ...m,
-      ...y
+    merge: (m, y) => ({
+      ...y,
+      ...m
     }),
     ...t
   }, a = !1, s = 0;
@@ -6780,38 +6780,38 @@ const ui = (e) => (t) => {
   let u = i.storage;
   if (!u)
     return e(
-      (...y) => {
+      (...m) => {
         console.warn(
           `[zustand persist middleware] Unable to update item '${i.name}', the given storage is currently unavailable.`
-        ), n(...y);
+        ), n(...m);
       },
       r,
       o
     );
   const h = () => {
-    const y = i.partialize({ ...r() });
+    const m = i.partialize({ ...r() });
     return u.setItem(i.name, {
-      state: y,
+      state: m,
       version: i.version
     });
   }, f = o.setState;
-  o.setState = (y, m) => (f(y, m), h());
+  o.setState = (m, y) => (f(m, y), h());
   const d = e(
-    (...y) => (n(...y), h()),
+    (...m) => (n(...m), h()),
     r,
     o
   );
   o.getInitialState = () => d;
   let p;
   const w = () => {
-    var y, m;
+    var m, y;
     if (!u) return;
     const S = ++s;
     a = !1, c.forEach((b) => {
       var C;
       return b((C = r()) != null ? C : d);
     });
-    const g = ((m = i.onRehydrateStorage) == null ? void 0 : m.call(i, (y = r()) != null ? y : d)) || void 0;
+    const g = ((y = i.onRehydrateStorage) == null ? void 0 : y.call(i, (m = r()) != null ? m : d)) || void 0;
     return ui(u.getItem.bind(u))(i.name).then((b) => {
       if (b)
         if (typeof b.version == "number" && b.version !== i.version) {
@@ -6845,11 +6845,11 @@ const ui = (e) => (t) => {
     });
   };
   return o.persist = {
-    setOptions: (y) => {
+    setOptions: (m) => {
       i = {
         ...i,
-        ...y
-      }, y.storage && (u = y.storage);
+        ...m
+      }, m.storage && (u = m.storage);
     },
     clearStorage: () => {
       u?.removeItem(i.name);
@@ -6857,11 +6857,11 @@ const ui = (e) => (t) => {
     getOptions: () => i,
     rehydrate: () => w(),
     hasHydrated: () => a,
-    onHydrate: (y) => (c.add(y), () => {
-      c.delete(y);
+    onHydrate: (m) => (c.add(m), () => {
+      c.delete(m);
     }),
-    onFinishHydration: (y) => (l.add(y), () => {
-      l.delete(y);
+    onFinishHydration: (m) => (l.add(m), () => {
+      l.delete(m);
     })
   }, i.skipHydration || w(), p || d;
 }, kb = Cb, sr = [
@@ -7855,15 +7855,15 @@ var Lo = class {
   return r.strstart += r.lookahead, r.block_start = r.strstart, r.insert = r.lookahead, r.lookahead = 0, r.match_length = r.prev_length = ue - 1, r.match_available = 0, e.next_in = a, e.input = s, e.avail_in = i, r.wrap = o, 0;
 }, Sr = 16209, Ew = 16191;
 function Cw(e, t) {
-  let n, r, o, i, a, s, c, l, u, h, f, d, p, w, y, m, S, g, b, C, v, E, N, k;
+  let n, r, o, i, a, s, c, l, u, h, f, d, p, w, m, y, S, g, b, C, v, E, N, k;
   const P = e.state;
-  n = e.next_in, N = e.input, r = n + (e.avail_in - 5), o = e.next_out, k = e.output, i = o - (t - e.avail_out), a = o + (e.avail_out - 257), s = P.dmax, c = P.wsize, l = P.whave, u = P.wnext, h = P.window, f = P.hold, d = P.bits, p = P.lencode, w = P.distcode, y = (1 << P.lenbits) - 1, m = (1 << P.distbits) - 1;
+  n = e.next_in, N = e.input, r = n + (e.avail_in - 5), o = e.next_out, k = e.output, i = o - (t - e.avail_out), a = o + (e.avail_out - 257), s = P.dmax, c = P.wsize, l = P.whave, u = P.wnext, h = P.window, f = P.hold, d = P.bits, p = P.lencode, w = P.distcode, m = (1 << P.lenbits) - 1, y = (1 << P.distbits) - 1;
   e: do {
-    d < 15 && (f += N[n++] << d, d += 8, f += N[n++] << d, d += 8), S = p[f & y];
+    d < 15 && (f += N[n++] << d, d += 8, f += N[n++] << d, d += 8), S = p[f & m];
     t: for (; ; ) {
       if (g = S >>> 24, f >>>= g, d -= g, g = S >>> 16 & 255, g === 0) k[o++] = S & 65535;
       else if (g & 16) {
-        b = S & 65535, g &= 15, g && (d < g && (f += N[n++] << d, d += 8), b += f & (1 << g) - 1, f >>>= g, d -= g), d < 15 && (f += N[n++] << d, d += 8, f += N[n++] << d, d += 8), S = w[f & m];
+        b = S & 65535, g &= 15, g && (d < g && (f += N[n++] << d, d += 8), b += f & (1 << g) - 1, f >>>= g, d -= g), d < 15 && (f += N[n++] << d, d += 8, f += N[n++] << d, d += 8), S = w[f & y];
         n: for (; ; ) {
           if (g = S >>> 24, f >>>= g, d -= g, g = S >>> 16 & 255, g & 16) {
             if (C = S & 65535, g &= 15, d < g && (f += N[n++] << d, d += 8, d < g && (f += N[n++] << d, d += 8)), C += f & (1 << g) - 1, C > s) {
@@ -8070,7 +8070,7 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
   64
 ]), Ln = (e, t, n, r, o, i, a, s) => {
   const c = s.bits;
-  let l = 0, u = 0, h = 0, f = 0, d = 0, p = 0, w = 0, y = 0, m = 0, S = 0, g, b, C, v, E, N = null, k;
+  let l = 0, u = 0, h = 0, f = 0, d = 0, p = 0, w = 0, m = 0, y = 0, S = 0, g, b, C, v, E, N = null, k;
   const P = /* @__PURE__ */ new Uint16Array(16), I = /* @__PURE__ */ new Uint16Array(16);
   let L = null, R, _, M;
   for (l = 0; l <= Er; l++) P[l] = 0;
@@ -8079,12 +8079,12 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
   if (d > f && (d = f), f === 0)
     return o[i++] = 20971520, o[i++] = 20971520, s.bits = 1, 0;
   for (h = 1; h < f && P[h] === 0; h++) ;
-  for (d < h && (d = h), y = 1, l = 1; l <= Er; l++)
-    if (y <<= 1, y -= P[l], y < 0) return -1;
-  if (y > 0 && (e === Fs || f !== 1)) return -1;
+  for (d < h && (d = h), m = 1, l = 1; l <= Er; l++)
+    if (m <<= 1, m -= P[l], m < 0) return -1;
+  if (m > 0 && (e === Fs || f !== 1)) return -1;
   for (I[1] = 0, l = 1; l < Er; l++) I[l + 1] = I[l] + P[l];
   for (u = 0; u < r; u++) t[n + u] !== 0 && (a[I[t[n + u]]++] = u);
-  if (e === Fs ? (N = L = a, k = 20) : e === Bo ? (N = kw, L = Nw, k = 257) : (N = Aw, L = Mw, k = 0), S = 0, u = 0, l = h, E = i, p = d, w = 0, C = -1, m = 1 << d, v = m - 1, e === Bo && m > js || e === Ws && m > Bs) return 1;
+  if (e === Fs ? (N = L = a, k = 20) : e === Bo ? (N = kw, L = Nw, k = 257) : (N = Aw, L = Mw, k = 0), S = 0, u = 0, l = h, E = i, p = d, w = 0, C = -1, y = 1 << d, v = y - 1, e === Bo && y > js || e === Ws && y > Bs) return 1;
   for (; ; ) {
     R = l - w, a[u] + 1 < k ? (_ = 0, M = a[u]) : a[u] >= k ? (_ = L[a[u] - k], M = N[a[u] - k]) : (_ = 96, M = 0), g = 1 << l - w, b = 1 << p, h = b;
     do
@@ -8096,9 +8096,9 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
       l = t[n + a[u]];
     }
     if (l > d && (S & v) !== C) {
-      for (w === 0 && (w = d), E += h, p = l - w, y = 1 << p; p + w < f && (y -= P[p + w], !(y <= 0)); )
-        p++, y <<= 1;
-      if (m += 1 << p, e === Bo && m > js || e === Ws && m > Bs) return 1;
+      for (w === 0 && (w = d), E += h, p = l - w, m = 1 << p; p + w < f && (m -= P[p + w], !(m <= 0)); )
+        p++, m <<= 1;
+      if (y += 1 << p, e === Bo && y > js || e === Ws && y > Bs) return 1;
       C = S & v, o[C] = d << 24 | p << 16 | E - i | 0;
     }
   }
@@ -8147,7 +8147,7 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
   const i = e.state;
   return i.window === null && (i.window = new Uint8Array(1 << i.wbits)), i.wsize === 0 && (i.wsize = 1 << i.wbits, i.wnext = 0, i.whave = 0), r >= i.wsize ? (i.window.set(t.subarray(n - i.wsize, n), 0), i.wnext = 0, i.whave = i.wsize) : (o = i.wsize - i.wnext, o > r && (o = r), i.window.set(t.subarray(n - r, n - r + o), i.wnext), r -= o, r ? (i.window.set(t.subarray(n - r, n), 0), i.wnext = r, i.whave = i.wsize) : (i.wnext += o, i.wnext === i.wsize && (i.wnext = 0), i.whave < i.wsize && (i.whave += o))), 0;
 }, Ko = (e, t) => {
-  let n, r, o, i, a, s, c, l, u, h, f, d, p, w, y = 0, m, S, g, b, C, v, E, N;
+  let n, r, o, i, a, s, c, l, u, h, f, d, p, w, m = 0, y, S, g, b, C, v, E, N;
   const k = /* @__PURE__ */ new Uint8Array(4);
   let P, I;
   const L = new Uint8Array([
@@ -8359,35 +8359,35 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
       n.have = 0, n.mode = ol;
     case ol:
       for (; n.have < n.nlen + n.ndist; ) {
-        for (; y = n.lencode[l & (1 << n.lenbits) - 1], m = y >>> 24, S = y >>> 16 & 255, g = y & 65535, !(m <= u); ) {
+        for (; m = n.lencode[l & (1 << n.lenbits) - 1], y = m >>> 24, S = m >>> 16 & 255, g = m & 65535, !(y <= u); ) {
           if (s === 0) break e;
           s--, l += r[i++] << u, u += 8;
         }
         if (g < 16)
-          l >>>= m, u -= m, n.lens[n.have++] = g;
+          l >>>= y, u -= y, n.lens[n.have++] = g;
         else {
           if (g === 16) {
-            for (I = m + 2; u < I; ) {
+            for (I = y + 2; u < I; ) {
               if (s === 0) break e;
               s--, l += r[i++] << u, u += 8;
             }
-            if (l >>>= m, u -= m, n.have === 0) {
+            if (l >>>= y, u -= y, n.have === 0) {
               e.msg = "invalid bit length repeat", n.mode = ye;
               break;
             }
             E = n.lens[n.have - 1], d = 3 + (l & 3), l >>>= 2, u -= 2;
           } else if (g === 17) {
-            for (I = m + 3; u < I; ) {
+            for (I = y + 3; u < I; ) {
               if (s === 0) break e;
               s--, l += r[i++] << u, u += 8;
             }
-            l >>>= m, u -= m, E = 0, d = 3 + (l & 7), l >>>= 3, u -= 3;
+            l >>>= y, u -= y, E = 0, d = 3 + (l & 7), l >>>= 3, u -= 3;
           } else {
-            for (I = m + 7; u < I; ) {
+            for (I = y + 7; u < I; ) {
               if (s === 0) break e;
               s--, l += r[i++] << u, u += 8;
             }
-            l >>>= m, u -= m, E = 0, d = 11 + (l & 127), l >>>= 7, u -= 7;
+            l >>>= y, u -= y, E = 0, d = 11 + (l & 127), l >>>= 7, u -= 7;
           }
           if (n.have + d > n.nlen + n.ndist) {
             e.msg = "invalid bit length repeat", n.mode = ye;
@@ -8417,18 +8417,18 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
         e.next_out = a, e.avail_out = c, e.next_in = i, e.avail_in = s, n.hold = l, n.bits = u, Cw(e, f), a = e.next_out, o = e.output, c = e.avail_out, i = e.next_in, r = e.input, s = e.avail_in, l = n.hold, u = n.bits, n.mode === gt && (n.back = -1);
         break;
       }
-      for (n.back = 0; y = n.lencode[l & (1 << n.lenbits) - 1], m = y >>> 24, S = y >>> 16 & 255, g = y & 65535, !(m <= u); ) {
+      for (n.back = 0; m = n.lencode[l & (1 << n.lenbits) - 1], y = m >>> 24, S = m >>> 16 & 255, g = m & 65535, !(y <= u); ) {
         if (s === 0) break e;
         s--, l += r[i++] << u, u += 8;
       }
       if (S && (S & 240) === 0) {
-        for (b = m, C = S, v = g; y = n.lencode[v + ((l & (1 << b + C) - 1) >> b)], m = y >>> 24, S = y >>> 16 & 255, g = y & 65535, !(b + m <= u); ) {
+        for (b = y, C = S, v = g; m = n.lencode[v + ((l & (1 << b + C) - 1) >> b)], y = m >>> 24, S = m >>> 16 & 255, g = m & 65535, !(b + y <= u); ) {
           if (s === 0) break e;
           s--, l += r[i++] << u, u += 8;
         }
         l >>>= b, u -= b, n.back += b;
       }
-      if (l >>>= m, u -= m, n.back += m, n.length = g, S === 0) {
+      if (l >>>= y, u -= y, n.back += y, n.length = g, S === 0) {
         n.mode = cl;
         break;
       }
@@ -8451,18 +8451,18 @@ var Er = 15, js = 852, Bs = 592, Fs = 0, Bo = 1, Ws = 2, kw = new Uint16Array([
       }
       n.was = n.length, n.mode = al;
     case al:
-      for (; y = n.distcode[l & (1 << n.distbits) - 1], m = y >>> 24, S = y >>> 16 & 255, g = y & 65535, !(m <= u); ) {
+      for (; m = n.distcode[l & (1 << n.distbits) - 1], y = m >>> 24, S = m >>> 16 & 255, g = m & 65535, !(y <= u); ) {
         if (s === 0) break e;
         s--, l += r[i++] << u, u += 8;
       }
       if ((S & 240) === 0) {
-        for (b = m, C = S, v = g; y = n.distcode[v + ((l & (1 << b + C) - 1) >> b)], m = y >>> 24, S = y >>> 16 & 255, g = y & 65535, !(b + m <= u); ) {
+        for (b = y, C = S, v = g; m = n.distcode[v + ((l & (1 << b + C) - 1) >> b)], y = m >>> 24, S = m >>> 16 & 255, g = m & 65535, !(b + y <= u); ) {
           if (s === 0) break e;
           s--, l += r[i++] << u, u += 8;
         }
         l >>>= b, u -= b, n.back += b;
       }
-      if (l >>>= m, u -= m, n.back += m, S & 64) {
+      if (l >>>= y, u -= y, n.back += y, S & 64) {
         e.msg = "invalid distance code", n.mode = ye;
         break;
       }
@@ -9526,7 +9526,7 @@ function Si({
         zIndex: 1e3
       },
       onClick: i,
-      children: /* @__PURE__ */ V(
+      children: /* @__PURE__ */ H(
         "div",
         {
           style: {
@@ -9552,10 +9552,10 @@ function Si({
                 children: e
               }
             ),
-            /* @__PURE__ */ V("form", { onSubmit: (l) => {
+            /* @__PURE__ */ H("form", { onSubmit: (l) => {
               l.preventDefault(), a.trim() && o(a.trim());
             }, children: [
-              /* @__PURE__ */ V("div", { style: { marginBottom: "16px" }, children: [
+              /* @__PURE__ */ H("div", { style: { marginBottom: "16px" }, children: [
                 /* @__PURE__ */ x(
                   "label",
                   {
@@ -9588,7 +9588,7 @@ function Si({
                   }
                 )
               ] }),
-              /* @__PURE__ */ V(
+              /* @__PURE__ */ H(
                 "div",
                 {
                   style: {
@@ -9864,7 +9864,7 @@ ${r}${r ? `
     const u = lx(l);
     a(u.problems), !(Object.keys(u.klasses).length === 0 && l.trim()) && (s.current = u.klasses, t(u.klasses));
   };
-  return /* @__PURE__ */ V("div", { children: [
+  return /* @__PURE__ */ H("div", { children: [
     /* @__PURE__ */ x(
       "p",
       {
@@ -9940,7 +9940,7 @@ function ux({
         zIndex: 1e3
       },
       onClick: i,
-      children: /* @__PURE__ */ V(
+      children: /* @__PURE__ */ H(
         "div",
         {
           role: "dialog",
@@ -9972,7 +9972,7 @@ function ux({
               }
             ),
             /* @__PURE__ */ x("div", { style: { fontSize: "14px", color: "var(--jmp-text-muted)", lineHeight: 1.6 }, children: a }),
-            /* @__PURE__ */ V(
+            /* @__PURE__ */ H(
               "div",
               {
                 style: {
@@ -10078,7 +10078,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
     applyKlasses: r,
     setRoute: o,
     t: i
-  } = Ne(yn(px)), [a, s] = ie(e), [c, l] = ie(t), [u, h] = ie(null), [f, d] = ie(null), [p, w] = ie(""), [y, m] = ie("String"), [S, g] = ie(!1), [b, C] = ie(!1), [v, E] = ie(!1), [N, k] = ie("source"), [P, I] = ie(null), L = [
+  } = Ne(yn(px)), [a, s] = ie(e), [c, l] = ie(t), [u, h] = ie(null), [f, d] = ie(null), [p, w] = ie(""), [m, y] = ie("String"), [S, g] = ie(!1), [b, C] = ie(!1), [v, E] = ie(!1), [N, k] = ie("source"), [P, I] = ie(null), L = [
     ...Ui,
     "Array",
     ...Object.keys(a)
@@ -10121,7 +10121,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
       return delete F[z], F;
     });
   }, []), j = ae((z) => {
-    h(z), w(""), m("String");
+    h(z), w(""), y("String");
   }, []), B = ae(() => {
     u && p.trim() && (s((z) => ({
       ...z,
@@ -10129,12 +10129,12 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         ...z[u],
         attributes: {
           ...z[u].attributes,
-          [p.trim()]: y
+          [p.trim()]: m
         }
       }
-    })), h(null), w(""), m("String"));
-  }, [u, p, y]), H = ae(() => {
-    h(null), w(""), m("String");
+    })), h(null), w(""), y("String"));
+  }, [u, p, m]), V = ae(() => {
+    h(null), w(""), y("String");
   }, []), X = ae(
     (z, D) => {
       window.confirm(
@@ -10150,7 +10150,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
     []
   ), U = ae(
     (z, D, F) => {
-      d({ klassName: z, attrName: D, currentDataType: F }), m(F);
+      d({ klassName: z, attrName: D, currentDataType: F }), y(F);
     },
     []
   ), Z = ae(() => {
@@ -10160,19 +10160,19 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         ...z[f.klassName],
         attributes: {
           ...z[f.klassName].attributes,
-          [f.attrName]: y
+          [f.attrName]: m
         }
       }
-    })), d(null), m("String"));
-  }, [f, y]), te = ae(() => {
-    d(null), m("String");
+    })), d(null), y("String"));
+  }, [f, m]), te = ae(() => {
+    d(null), y("String");
   }, []);
-  return /* @__PURE__ */ V("div", { style: {
+  return /* @__PURE__ */ H("div", { style: {
     padding: "24px",
     maxWidth: "1200px",
     margin: "0 auto"
   }, children: [
-    /* @__PURE__ */ V("div", { style: {
+    /* @__PURE__ */ H("div", { style: {
       backgroundColor: "var(--jmp-surface)",
       borderRadius: "8px",
       padding: "24px",
@@ -10185,7 +10185,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         fontSize: "24px",
         fontWeight: "600"
       }, children: i.configuration }),
-      /* @__PURE__ */ V("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+      /* @__PURE__ */ H("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
         /* @__PURE__ */ x(
           "button",
           {
@@ -10228,7 +10228,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         }, children: "✓ Changes saved successfully" })
       ] })
     ] }),
-    /* @__PURE__ */ V("div", { style: {
+    /* @__PURE__ */ H("div", { style: {
       backgroundColor: "var(--jmp-surface)",
       borderRadius: "8px",
       padding: "24px",
@@ -10241,8 +10241,8 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         fontSize: "18px",
         fontWeight: "600"
       }, children: i.options }),
-      /* @__PURE__ */ V("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginBottom: "12px" }, children: [
-        /* @__PURE__ */ V("span", { style: { fontSize: "14px", color: "var(--jmp-text-muted)" }, children: [
+      /* @__PURE__ */ H("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginBottom: "12px" }, children: [
+        /* @__PURE__ */ H("span", { style: { fontSize: "14px", color: "var(--jmp-text-muted)" }, children: [
           i.presets,
           ":"
         ] }),
@@ -10252,12 +10252,12 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ["everything", i.presetEverything]
         ].map(([z, D]) => /* @__PURE__ */ x("button", { onClick: () => l({ ...ex[z] }), children: D }, z))
       ] }),
-      /* @__PURE__ */ V("div", { style: {
+      /* @__PURE__ */ H("div", { style: {
         display: "grid",
         gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
         gap: "12px"
       }, children: [
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10280,7 +10280,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.disableGarbageCollector
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10303,7 +10303,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.hideSidebar
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10326,7 +10326,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.hideCallMethod
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10349,7 +10349,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.hideDeclareGlobalVariable
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10372,7 +10372,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.hideNewArray
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10395,7 +10395,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.createNewOnEdgeDrop
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10418,7 +10418,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.inlineStrings
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10441,7 +10441,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           ),
           i.optionLabels.hideStepChanges
         ] }),
-        /* @__PURE__ */ V("label", { style: {
+        /* @__PURE__ */ H("label", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -10466,13 +10466,13 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ V("div", { style: {
+    /* @__PURE__ */ H("div", { style: {
       backgroundColor: "var(--jmp-surface)",
       borderRadius: "8px",
       padding: "24px",
       border: "1px solid var(--jmp-border)"
     }, children: [
-      /* @__PURE__ */ V(
+      /* @__PURE__ */ H(
         "div",
         {
           style: {
@@ -10482,7 +10482,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
             marginBottom: "16px"
           },
           children: [
-            /* @__PURE__ */ V("div", { style: { display: "flex", alignItems: "center", gap: "16px" }, children: [
+            /* @__PURE__ */ H("div", { style: { display: "flex", alignItems: "center", gap: "16px" }, children: [
               /* @__PURE__ */ x("h2", { style: {
                 margin: "0",
                 color: "var(--jmp-text)",
@@ -10537,7 +10537,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         display: N === "list" ? "flex" : "none",
         flexDirection: "column",
         gap: "16px"
-      }, children: Object.entries(a).map(([z, D]) => /* @__PURE__ */ V(
+      }, children: Object.entries(a).map(([z, D]) => /* @__PURE__ */ H(
         "div",
         {
           style: {
@@ -10547,7 +10547,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
             backgroundColor: "var(--jmp-surface-sunken)"
           },
           children: [
-            /* @__PURE__ */ V(
+            /* @__PURE__ */ H(
               "div",
               {
                 style: {
@@ -10565,7 +10565,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                     fontWeight: "600",
                     color: "var(--jmp-text)"
                   }, children: z }),
-                  /* @__PURE__ */ V("div", { style: { display: "flex", gap: "8px" }, children: [
+                  /* @__PURE__ */ H("div", { style: { display: "flex", gap: "8px" }, children: [
                     /* @__PURE__ */ x(
                       "button",
                       {
@@ -10611,7 +10611,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
               padding: "16px",
               margin: 0,
               fontSize: "14px"
-            }, children: "No attributes defined" }) : /* @__PURE__ */ V(
+            }, children: "No attributes defined" }) : /* @__PURE__ */ H(
               "table",
               {
                 style: {
@@ -10623,7 +10623,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                   border: "1px solid var(--jmp-border)"
                 },
                 children: [
-                  /* @__PURE__ */ x("thead", { children: /* @__PURE__ */ V("tr", { style: {
+                  /* @__PURE__ */ x("thead", { children: /* @__PURE__ */ H("tr", { style: {
                     backgroundColor: "var(--jmp-surface-sunken)",
                     borderBottom: "1px solid var(--jmp-border)"
                   }, children: [
@@ -10650,7 +10650,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                     }, children: "Actions" })
                   ] }) }),
                   /* @__PURE__ */ x("tbody", { children: Object.entries(D.attributes).map(
-                    ([F, q]) => /* @__PURE__ */ V(
+                    ([F, q]) => /* @__PURE__ */ H(
                       "tr",
                       {
                         style: {
@@ -10667,7 +10667,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                             color: "var(--jmp-text-muted)",
                             fontSize: "14px"
                           }, children: q }),
-                          /* @__PURE__ */ V(
+                          /* @__PURE__ */ H(
                             "td",
                             {
                               style: {
@@ -10745,8 +10745,8 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           justifyContent: "center",
           zIndex: 1e3
         },
-        onClick: H,
-        children: /* @__PURE__ */ V(
+        onClick: V,
+        children: /* @__PURE__ */ H(
           "div",
           {
             style: {
@@ -10759,7 +10759,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
             },
             onClick: (z) => z.stopPropagation(),
             children: [
-              /* @__PURE__ */ V("h3", { style: {
+              /* @__PURE__ */ H("h3", { style: {
                 margin: "0 0 16px 0",
                 fontSize: "18px",
                 fontWeight: "600",
@@ -10768,7 +10768,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                 "Add Attribute to ",
                 u
               ] }),
-              /* @__PURE__ */ V("div", { style: { marginBottom: "16px" }, children: [
+              /* @__PURE__ */ H("div", { style: { marginBottom: "16px" }, children: [
                 /* @__PURE__ */ x("label", { style: {
                   display: "block",
                   marginBottom: "6px",
@@ -10795,7 +10795,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                   }
                 )
               ] }),
-              /* @__PURE__ */ V("div", { style: { marginBottom: "20px" }, children: [
+              /* @__PURE__ */ H("div", { style: { marginBottom: "20px" }, children: [
                 /* @__PURE__ */ x("label", { style: {
                   display: "block",
                   marginBottom: "6px",
@@ -10806,8 +10806,8 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                 /* @__PURE__ */ x(
                   "select",
                   {
-                    value: y,
-                    onChange: (z) => m(z.target.value),
+                    value: m,
+                    onChange: (z) => y(z.target.value),
                     style: {
                       width: "100%",
                       padding: "8px 12px",
@@ -10822,7 +10822,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                   }
                 )
               ] }),
-              /* @__PURE__ */ V(
+              /* @__PURE__ */ H(
                 "div",
                 {
                   style: {
@@ -10834,7 +10834,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                     /* @__PURE__ */ x(
                       "button",
                       {
-                        onClick: H,
+                        onClick: V,
                         style: {
                           backgroundColor: "var(--jmp-surface)",
                           color: "var(--jmp-text-muted)",
@@ -10889,7 +10889,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
           zIndex: 1e3
         },
         onClick: te,
-        children: /* @__PURE__ */ V(
+        children: /* @__PURE__ */ H(
           "div",
           {
             style: {
@@ -10902,7 +10902,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
             },
             onClick: (z) => z.stopPropagation(),
             children: [
-              /* @__PURE__ */ V("h3", { style: {
+              /* @__PURE__ */ H("h3", { style: {
                 margin: "0 0 16px 0",
                 fontSize: "18px",
                 fontWeight: "600",
@@ -10911,7 +10911,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                 "Edit Attribute: ",
                 f.attrName
               ] }),
-              /* @__PURE__ */ V("div", { style: { marginBottom: "20px" }, children: [
+              /* @__PURE__ */ H("div", { style: { marginBottom: "20px" }, children: [
                 /* @__PURE__ */ x("label", { style: {
                   display: "block",
                   marginBottom: "6px",
@@ -10922,8 +10922,8 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                 /* @__PURE__ */ x(
                   "select",
                   {
-                    value: y,
-                    onChange: (z) => m(z.target.value),
+                    value: m,
+                    onChange: (z) => y(z.target.value),
                     style: {
                       width: "100%",
                       padding: "8px 12px",
@@ -10938,7 +10938,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                   }
                 )
               ] }),
-              /* @__PURE__ */ V(
+              /* @__PURE__ */ H(
                 "div",
                 {
                   style: {
@@ -10989,7 +10989,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
         )
       }
     ),
-    P && /* @__PURE__ */ V(
+    P && /* @__PURE__ */ H(
       ux,
       {
         title: i.applyClassesTitle,
@@ -11009,7 +11009,7 @@ const dx = /* @__PURE__ */ new Set([...Ui, "Array"]), Nr = "\0", Sl = (e, t, n)
                 ({ klass: F, field: q, count: J }) => i.applyClassesDropped(F, q, J)
               )
             ], D = z.slice(0, gx);
-            return /* @__PURE__ */ V(
+            return /* @__PURE__ */ H(
               "ul",
               {
                 style: {
@@ -11652,7 +11652,7 @@ function zd({
   const { nodes: r, edges: o, setNodes: i, setEdges: a } = Ne(yn(Cv)), s = o.find(
     (h) => h.source === e && h.sourceHandle === t
   ), c = s ? r.find((h) => h.id === s.target) : void 0, l = c?.type === "object" && c.data.klass === He ? c.data.literal ?? "" : "";
-  return /* @__PURE__ */ V("span", { className: "inline-string", children: [
+  return /* @__PURE__ */ H("span", { className: "inline-string", children: [
     /* @__PURE__ */ x("span", { className: "inline-string__quote", children: '"' }),
     n ? /* @__PURE__ */ x("span", { className: "inline-string__value", children: l }) : /* @__PURE__ */ x(
       "input",
@@ -11663,18 +11663,18 @@ function zd({
           const f = h.target.value;
           if (c) {
             i(
-              (y) => y.map(
-                (m) => m.id === c.id && m.type === "object" ? { ...m, data: { ...m.data, literal: f } } : m
+              (m) => m.map(
+                (y) => y.id === c.id && y.type === "object" ? { ...y, data: { ...y.data, literal: f } } : y
               )
             );
             return;
           }
-          const d = r.find((y) => y.id === e), p = {
+          const d = r.find((m) => m.id === e), p = {
             x: (d?.position.x ?? 0) + 220,
             y: (d?.position.y ?? 0) + 40
-          }, w = vi(16, new Set(r.map((y) => y.id)));
+          }, w = vi(16, new Set(r.map((m) => m.id)));
           i(
-            (y) => y.concat({
+            (m) => m.concat({
               id: w,
               type: "object",
               position: p,
@@ -11686,7 +11686,7 @@ function zd({
               }
             })
           ), a(
-            (y) => y.concat({
+            (m) => m.concat({
               id: `${e}+${t}`,
               source: e,
               sourceHandle: t,
@@ -11728,14 +11728,14 @@ function kv({
       } : h)
     );
   };
-  return t.dataType === He && n ? /* @__PURE__ */ V("div", { className: "object-node__attribute", children: [
+  return t.dataType === He && n ? /* @__PURE__ */ H("div", { className: "object-node__attribute", children: [
     /* @__PURE__ */ x("div", { className: "object-node__attribute-name", children: e }),
     /* @__PURE__ */ x("div", { className: "object-node__attribute-equals", children: "=" }),
     /* @__PURE__ */ x(zd, { nodeId: i, handleId: e, readOnly: r })
-  ] }) : xt.includes(t.dataType) ? /* @__PURE__ */ V("div", { className: "object-node__attribute", children: [
+  ] }) : xt.includes(t.dataType) ? /* @__PURE__ */ H("div", { className: "object-node__attribute", children: [
     /* @__PURE__ */ x("div", { className: "object-node__attribute-name", children: e }),
     /* @__PURE__ */ x("div", { className: "object-node__attribute-equals", children: "=" }),
-    r ? /* @__PURE__ */ x("span", { className: "object-node__attribute-value", children: t.value }) : /* @__PURE__ */ V(Se, { children: [
+    r ? /* @__PURE__ */ x("span", { className: "object-node__attribute-value", children: t.value }) : /* @__PURE__ */ H(Se, { children: [
       t.dataType === "boolean" && /* @__PURE__ */ x(
         "input",
         {
@@ -11755,7 +11755,7 @@ function kv({
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ V("div", { className: "object-node__attribute", children: [
+  ] }) : /* @__PURE__ */ H("div", { className: "object-node__attribute", children: [
     /* @__PURE__ */ x("div", { className: "object-node__attribute-name", children: e }),
     /* @__PURE__ */ x("div", { className: "object-node__attribute-equals", children: "=" }),
     /* @__PURE__ */ x(
@@ -11776,8 +11776,8 @@ function Av({ id: e, data: t }) {
   const { disableGarbageCollector: n, inlineStrings: r } = Ne(
     yn(Nv)
   ), o = Mu(), i = Tu(), a = !n && !ea(e, o, i) && !gd(e, o, i), s = i.filter((l) => l.source == e), c = t.klass === "Array" && t.arrayElementType ? `:${t.arrayElementType}[]` : `:${t.klass}`;
-  return t.klass === He ? /* @__PURE__ */ V(Se, { children: [
-    /* @__PURE__ */ V("div", { className: `object-node__header ${a ? "gc" : ""}`, children: [
+  return t.klass === He ? /* @__PURE__ */ H(Se, { children: [
+    /* @__PURE__ */ H("div", { className: `object-node__header ${a ? "gc" : ""}`, children: [
       /* @__PURE__ */ x(
         wt,
         {
@@ -11790,13 +11790,13 @@ function Av({ id: e, data: t }) {
       /* @__PURE__ */ x("div", { className: "object-node__name", children: c }),
       /* @__PURE__ */ x("div", { className: "node-header-spacer" })
     ] }),
-    /* @__PURE__ */ x("div", { className: `object-node__body ${a ? "gc" : ""}`, children: /* @__PURE__ */ V("div", { className: "object-node__attribute object-node__attribute--literal", children: [
+    /* @__PURE__ */ x("div", { className: `object-node__body ${a ? "gc" : ""}`, children: /* @__PURE__ */ H("div", { className: "object-node__attribute object-node__attribute--literal", children: [
       /* @__PURE__ */ x("span", { className: "inline-string__quote", children: '"' }),
       /* @__PURE__ */ x("span", { className: "inline-string__value", children: t.literal ?? "" }),
       /* @__PURE__ */ x("span", { className: "inline-string__quote", children: '"' })
     ] }) })
-  ] }) : /* @__PURE__ */ V(Se, { children: [
-    /* @__PURE__ */ V("div", { className: `object-node__header ${a ? "gc" : ""}`, children: [
+  ] }) : /* @__PURE__ */ H(Se, { children: [
+    /* @__PURE__ */ H("div", { className: `object-node__header ${a ? "gc" : ""}`, children: [
       /* @__PURE__ */ x(
         wt,
         {
@@ -11825,8 +11825,8 @@ function Av({ id: e, data: t }) {
   ] });
 }
 function Mv({ id: e, data: t }) {
-  return /* @__PURE__ */ V("div", { id: e, className: "variable-node", children: [
-    /* @__PURE__ */ V("div", { className: "variable-node__name", children: [
+  return /* @__PURE__ */ H("div", { id: e, className: "variable-node", children: [
+    /* @__PURE__ */ H("div", { className: "variable-node__name", children: [
       t.name,
       " ="
     ] }),
@@ -11918,9 +11918,9 @@ const Pv = ({
     },
     [n]
   );
-  return /* @__PURE__ */ V(Se, { children: [
+  return /* @__PURE__ */ H(Se, { children: [
     o && /* @__PURE__ */ x(Iv, { type: a }),
-    /* @__PURE__ */ V("aside", { className: "sidebar", children: [
+    /* @__PURE__ */ H("aside", { className: "sidebar", children: [
       Object.entries(e).map(([l]) => /* @__PURE__ */ x(
         "div",
         {
@@ -11994,72 +11994,77 @@ function $v({ editable: e = !0 }) {
     t: f
   } = Ne(yn(Ov)), d = t.length === 1;
   if (d && !e && !c) return null;
-  const p = t[n];
-  return /* @__PURE__ */ V("div", { className: "step-bar", children: [
-    /* @__PURE__ */ x(
-      "button",
-      {
-        className: "button-icon",
-        onClick: () => r(n - 1),
-        disabled: n === 0,
-        title: f.previousStep,
-        "aria-label": f.previousStep,
-        children: "◀"
-      }
-    ),
-    /* @__PURE__ */ V("span", { className: "step-bar__count", children: [
-      n + 1,
-      " / ",
-      t.length
+  const p = t[n], w = e ? void 0 : p?.label;
+  return /* @__PURE__ */ H("div", { className: "step-bar", children: [
+    (c || w) && /* @__PURE__ */ H("div", { className: "step-bar__intro", children: [
+      c && /* @__PURE__ */ x("div", { className: "step-bar__header", children: f.yourTurn }),
+      w && /* @__PURE__ */ x("span", { className: "step-bar__label-text", children: w })
     ] }),
-    /* @__PURE__ */ x(
-      "button",
-      {
-        className: "button-icon",
-        onClick: () => r(n + 1),
-        disabled: n === t.length - 1,
-        title: f.nextStep,
-        "aria-label": f.nextStep,
-        children: "▶"
-      }
-    ),
-    e ? /* @__PURE__ */ V(Se, { children: [
-      /* @__PURE__ */ V("label", { className: "step-bar__exercise", title: f.exerciseStepHint, children: [
-        /* @__PURE__ */ x(
-          "input",
-          {
-            type: "checkbox",
-            checked: p?.exercise ?? !1,
-            onChange: (w) => s(n, w.target.checked)
-          }
-        ),
-        f.exerciseStep
-      ] }),
+    /* @__PURE__ */ H("div", { className: "step-bar__controls", children: [
       /* @__PURE__ */ x(
-        "input",
+        "button",
         {
-          className: "step-bar__label",
-          value: p?.label ?? "",
-          placeholder: f.stepLabelPlaceholder,
-          "aria-label": f.stepLabel,
-          onChange: (w) => a(n, w.target.value)
+          className: "button-icon",
+          onClick: () => r(n - 1),
+          disabled: n === 0,
+          title: f.previousStep,
+          "aria-label": f.previousStep,
+          children: "◀"
         }
       ),
-      /* @__PURE__ */ x("button", { onClick: o, title: f.addStepHint, children: f.addStep }),
+      /* @__PURE__ */ H("span", { className: "step-bar__count", children: [
+        n + 1,
+        " / ",
+        t.length
+      ] }),
       /* @__PURE__ */ x(
         "button",
         {
-          onClick: () => i(n),
-          disabled: d,
-          title: f.deleteStep,
-          children: f.deleteStep
+          className: "button-icon",
+          onClick: () => r(n + 1),
+          disabled: n === t.length - 1,
+          title: f.nextStep,
+          "aria-label": f.nextStep,
+          children: "▶"
         }
-      )
-    ] }) : p?.label && /* @__PURE__ */ x("span", { className: "step-bar__label-text", children: p.label }),
-    c && /* @__PURE__ */ V(Se, { children: [
-      /* @__PURE__ */ x("span", { className: "step-bar__your-turn", children: f.yourTurn }),
-      /* @__PURE__ */ x("button", { onClick: u, children: f.checkAnswer }),
-      /* @__PURE__ */ x("button", { onClick: h, children: f.showSolution })
+      ),
+      e && /* @__PURE__ */ H(Se, { children: [
+        /* @__PURE__ */ H("label", { className: "step-bar__exercise", title: f.exerciseStepHint, children: [
+          /* @__PURE__ */ x(
+            "input",
+            {
+              type: "checkbox",
+              checked: p?.exercise ?? !1,
+              onChange: (m) => s(n, m.target.checked)
+            }
+          ),
+          f.exerciseStep
+        ] }),
+        /* @__PURE__ */ x(
+          "input",
+          {
+            className: "step-bar__label",
+            value: p?.label ?? "",
+            placeholder: f.stepLabelPlaceholder,
+            "aria-label": f.stepLabel,
+            onChange: (m) => a(n, m.target.value)
+          }
+        ),
+        /* @__PURE__ */ x("button", { onClick: o, title: f.addStepHint, children: f.addStep }),
+        /* @__PURE__ */ x(
+          "button",
+          {
+            onClick: () => i(n),
+            disabled: d,
+            title: f.deleteStep,
+            children: f.deleteStep
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ H(Se, { children: [
+        /* @__PURE__ */ x("button", { onClick: u, children: f.checkAnswer }),
+        /* @__PURE__ */ x("button", { onClick: h, children: f.showSolution })
+      ] })
     ] }),
     l && /* @__PURE__ */ x(
       "span",
@@ -12139,14 +12144,14 @@ function Hv({
       (u) => u.filter((h) => !(h.source == o && h.sourceHandle == e))
     );
   };
-  return t.dataType === He && i ? /* @__PURE__ */ V("div", { className: "method-call-node__variable", children: [
+  return t.dataType === He && i ? /* @__PURE__ */ H("div", { className: "method-call-node__variable", children: [
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-name", children: e }),
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-equals", children: "=" }),
     /* @__PURE__ */ x(zd, { nodeId: o, handleId: e, readOnly: n })
-  ] }) : xt.includes(t.dataType) ? /* @__PURE__ */ V("div", { className: "method-call-node__variable", children: [
+  ] }) : xt.includes(t.dataType) ? /* @__PURE__ */ H("div", { className: "method-call-node__variable", children: [
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-name", children: e }),
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-equals", children: "=" }),
-    n ? /* @__PURE__ */ x("span", { className: "method-call-node__variable-value", children: t.value }) : /* @__PURE__ */ V(Se, { children: [
+    n ? /* @__PURE__ */ x("span", { className: "method-call-node__variable-value", children: t.value }) : /* @__PURE__ */ H(Se, { children: [
       t.dataType === "boolean" && /* @__PURE__ */ x(
         "input",
         {
@@ -12166,7 +12171,7 @@ function Hv({
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ V("div", { className: "method-call-node__variable", children: [
+  ] }) : /* @__PURE__ */ H("div", { className: "method-call-node__variable", children: [
     /* @__PURE__ */ x("button", { onClick: l, className: "method-call-node__delete nodrag", children: "X" }),
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-name", children: e }),
     /* @__PURE__ */ x("div", { className: "method-call-node__variable-equals", children: "=" }),
@@ -12196,9 +12201,9 @@ function Vv({
   }, f = () => {
     n && n(e);
   };
-  return /* @__PURE__ */ V(Se, { children: [
-    /* @__PURE__ */ V("div", { className: "method-call-node__header", children: [
-      /* @__PURE__ */ V("div", { className: "method-call-node__name", children: [
+  return /* @__PURE__ */ H(Se, { children: [
+    /* @__PURE__ */ H("div", { className: "method-call-node__header", children: [
+      /* @__PURE__ */ H("div", { className: "method-call-node__name", children: [
         t.index,
         ": ",
         t.name,
@@ -12206,7 +12211,7 @@ function Vv({
       ] }),
       /* @__PURE__ */ x("div", { className: "node-header-spacer" })
     ] }),
-    /* @__PURE__ */ V("div", { className: "method-call-node__body", children: [
+    /* @__PURE__ */ H("div", { className: "method-call-node__body", children: [
       Object.entries(t.localVariables).map(([d, p]) => /* @__PURE__ */ x(
         Hv,
         {
@@ -12220,7 +12225,7 @@ function Vv({
         },
         `${e}+${d}`
       )),
-      /* @__PURE__ */ V("div", { className: "method-call-node__buttons", children: [
+      /* @__PURE__ */ H("div", { className: "method-call-node__buttons", children: [
         /* @__PURE__ */ x(
           "button",
           {
@@ -12283,7 +12288,7 @@ const Bv = ({
       zIndex: 1e3
     },
     onClick: t,
-    children: /* @__PURE__ */ V(
+    children: /* @__PURE__ */ H(
       "div",
       {
         style: {
@@ -12309,12 +12314,12 @@ const Bv = ({
               children: "Create New Array"
             }
           ),
-          /* @__PURE__ */ V("form", { onSubmit: (o) => {
+          /* @__PURE__ */ H("form", { onSubmit: (o) => {
             o.preventDefault();
             const i = new FormData(o.currentTarget), a = i.get("name"), s = parseInt(i.get("length"), 10), c = i.get("elementType");
             a && !isNaN(s) && s > 0 && c && e(a, s, c);
           }, children: [
-            /* @__PURE__ */ V("div", { style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ H("div", { style: { marginBottom: "16px" }, children: [
               /* @__PURE__ */ x(
                 "label",
                 {
@@ -12346,7 +12351,7 @@ const Bv = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ V("div", { style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ H("div", { style: { marginBottom: "16px" }, children: [
               /* @__PURE__ */ x(
                 "label",
                 {
@@ -12379,7 +12384,7 @@ const Bv = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ V("div", { style: { marginBottom: "20px" }, children: [
+            /* @__PURE__ */ H("div", { style: { marginBottom: "20px" }, children: [
               /* @__PURE__ */ x(
                 "label",
                 {
@@ -12412,7 +12417,7 @@ const Bv = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ V(
+            /* @__PURE__ */ H(
               "div",
               {
                 style: {
@@ -12517,14 +12522,14 @@ const Bv = ({
     steps: d,
     currentStep: p,
     goToStep: w,
-    gcPrediction: y,
-    gcResult: m,
+    gcPrediction: m,
+    gcResult: y,
     startGcPrediction: S,
     toggleGcPrediction: g,
     cancelGcPrediction: b,
     collectGarbage: C,
     t: v
-  } = Ne(yn(Wv)), { screenToFlowPosition: E, getViewport: N, setViewport: k, fitView: P } = _t(), I = ra(), L = ne(null), R = ne(null), [_, M] = ie(!1), { undo: A, redo: T, canUndo: $, canRedo: O } = xd(), j = o.map((W) => W.id), [B, H] = ie(!1), [X, U] = ie(null), [Z, te] = ie(!1), [z, D] = ie(null), [F, q] = ie(!1), [J, K] = ie(null), { previousMethodCall: Q, lastMethodCall: ee } = Ce(() => {
+  } = Ne(yn(Wv)), { screenToFlowPosition: E, getViewport: N, setViewport: k, fitView: P } = _t(), I = ra(), L = ne(null), R = ne(null), [_, M] = ie(!1), { undo: A, redo: T, canUndo: $, canRedo: O } = xd(), j = o.map((W) => W.id), [B, V] = ie(!1), [X, U] = ie(null), [Z, te] = ie(!1), [z, D] = ie(null), [F, q] = ie(!1), [J, K] = ie(null), { previousMethodCall: Q, lastMethodCall: ee } = Ce(() => {
     const W = o.filter(Ni);
     if (W.length === 0)
       return { previousMethodCall: void 0, lastMethodCall: void 0 };
@@ -12552,7 +12557,7 @@ const Bv = ({
       W = vi(16);
     return j.push(W), W;
   }, Be = (W) => {
-    U(() => W), H(!0);
+    U(() => W), V(!0);
   }, Me = (W, G, oe, fe) => {
     D({ title: W, label: G, placeholder: fe, onConfirm: oe }), te(!0);
   }, Fe = () => [...Ui, ...Object.keys(e)], We = ae((W) => {
@@ -12891,15 +12896,15 @@ const Bv = ({
       visibleEdges: i.filter((G) => !W.has(G.target))
     };
   }, [o, i, t.inlineStrings]);
-  return /* @__PURE__ */ V("div", { className: "memory-view", children: [
-    /* @__PURE__ */ V(
+  return /* @__PURE__ */ H("div", { className: "memory-view", children: [
+    /* @__PURE__ */ H(
       By,
       {
         ref: R,
         className: `memory${t.hideSidebar ? "" : " with-palette"}${_ ? " jmp-print" : ""}`,
         nodes: mo.map((W) => {
           const G = [lr.get(W.id) ?? ""];
-          return cr && (Sn.added.has(W.id) ? G.push("step-added") : Sn.changed.has(W.id) && G.push("step-changed")), y?.includes(W.id) && G.push("gc-predicted"), {
+          return cr && (Sn.added.has(W.id) ? G.push("step-added") : Sn.changed.has(W.id) && G.push("step-changed")), m?.includes(W.id) && G.push("gc-predicted"), {
             ...W,
             className: G.filter(Boolean).join(" "),
             deletable: W.type === "variable" ? !0 : t.disableGarbageCollector
@@ -12940,7 +12945,7 @@ const Bv = ({
           }
         },
         onNodeClick: (W, G) => {
-          y !== null && G.type === "object" && g(G.id);
+          m !== null && G.type === "object" && g(G.id);
         },
         onConnect: le,
         onConnectStart: he,
@@ -12965,7 +12970,7 @@ const Bv = ({
               onNodeDrop: go
             }
           ) }),
-          /* @__PURE__ */ x(jt, { position: "top-right", children: /* @__PURE__ */ V("div", { className: "button-group", children: [
+          /* @__PURE__ */ x(jt, { position: "top-right", children: /* @__PURE__ */ H("div", { className: "button-group", children: [
             /* @__PURE__ */ x(
               "button",
               {
@@ -13015,20 +13020,20 @@ const Bv = ({
               }
             )
           ] }) }),
-          (!t.hideSteps || !t.disableGarbageCollector) && /* @__PURE__ */ x(jt, { position: "bottom-center", children: /* @__PURE__ */ V("div", { className: "bottom-bar", children: [
+          (!t.hideSteps || !t.disableGarbageCollector) && /* @__PURE__ */ x(jt, { position: "bottom-center", children: /* @__PURE__ */ H("div", { className: "bottom-bar", children: [
             !t.hideSteps && /* @__PURE__ */ x($v, { editable: h === "edit" }),
-            !t.disableGarbageCollector && /* @__PURE__ */ V("div", { className: "button-group gc-panel", children: [
-              m && /* @__PURE__ */ x("span", { className: "gc-result", children: v.gcScore(
-                m.found,
-                m.missed,
-                m.wrong
+            !t.disableGarbageCollector && /* @__PURE__ */ H("div", { className: "button-group gc-panel", children: [
+              y && /* @__PURE__ */ x("span", { className: "gc-result", children: v.gcScore(
+                y.found,
+                y.missed,
+                y.wrong
               ) }),
-              t.gcPrediction && y === null && /* @__PURE__ */ x("button", { className: "button-gc", onClick: S, children: v.predictGarbage }),
-              y !== null && /* @__PURE__ */ V(Se, { children: [
-                /* @__PURE__ */ x("span", { className: "gc-hint", children: v.predictGarbageHint(y.length) }),
+              t.gcPrediction && m === null && /* @__PURE__ */ x("button", { className: "button-gc", onClick: S, children: v.predictGarbage }),
+              m !== null && /* @__PURE__ */ H(Se, { children: [
+                /* @__PURE__ */ x("span", { className: "gc-hint", children: v.predictGarbageHint(m.length) }),
                 /* @__PURE__ */ x("button", { onClick: b, children: v.cancel })
               ] }),
-              (!t.gcPrediction || y !== null) && /* @__PURE__ */ x("button", { className: "button-gc", onClick: C, children: y !== null ? v.checkAndCollect : v.runGarbageCollector })
+              (!t.gcPrediction || m !== null) && /* @__PURE__ */ x("button", { className: "button-gc", onClick: C, children: m !== null ? v.checkAndCollect : v.runGarbageCollector })
             ] })
           ] }) }),
           /* @__PURE__ */ x(nb, {}),
@@ -13040,10 +13045,10 @@ const Bv = ({
       Bv,
       {
         onConfirm: (W, G, oe) => {
-          X(W, G, oe), H(!1), U(null);
+          X(W, G, oe), V(!1), U(null);
         },
         onCancel: () => {
-          H(!1), U(null);
+          V(!1), U(null);
         },
         availableTypes: Fe()
       }
@@ -13104,15 +13109,15 @@ function Kv({
     loadMemory: d,
     getMemory: p,
     setDefaultLanguage: w
-  } = Ne(yn(Xv)), y = ra(), m = ne(!1), S = ne(null), g = ne(a);
+  } = Ne(yn(Xv)), m = ra(), y = ne(!1), S = ne(null), g = ne(a);
   g.current = a, re(
-    () => y.subscribe((E, N) => {
-      if (m.current || E.steps === N.steps && E.klasses === N.klasses && E.options === N.options)
+    () => m.subscribe((E, N) => {
+      if (y.current || E.steps === N.steps && E.klasses === N.klasses && E.options === N.options)
         return;
       const k = p(), P = JSON.stringify(k);
       P !== S.current && (S.current = P, g.current?.(k));
     }),
-    [y, p]
+    [m, p]
   );
   const b = Ce(
     () => typeof e == "string" ? e : JSON.stringify(e ?? null),
@@ -13124,13 +13129,13 @@ function Kv({
     const E = Hu(e);
     if (!E && !t) return;
     const N = E ?? p();
-    m.current = !0;
+    y.current = !0;
     try {
       d(
         t ? { ...N, options: { ...N.options, ...t } } : N
       ), S.current = JSON.stringify(p());
     } finally {
-      m.current = !1;
+      y.current = !1;
     }
   }, [b, C, d]), re(() => {
     o !== void 0 && f(o);
@@ -13140,7 +13145,7 @@ function Kv({
     v.current !== u && (v.current = u, s?.(u));
   }, [u, s]), re(() => {
     l !== 0 && i?.(p());
-  }, [l, i]), /* @__PURE__ */ x("div", { className: "java-memory-playground", children: /* @__PURE__ */ V(Tv, { children: [
+  }, [l, i]), /* @__PURE__ */ x("div", { className: "java-memory-playground", children: /* @__PURE__ */ H(Tv, { children: [
     /* @__PURE__ */ x(xx, { keyBindings: r }),
     c === "view" && /* @__PURE__ */ x(Uv, {}),
     c === "config" && // The configuration is a form, not a canvas: it is as tall as its