hyperbook 0.113.2 → 0.113.3

package/dist/assets/directive-bitflow/{EditorElement-CE3Yr86b.js → EditorElement-BNwEKIvk.js}

@@ -1,5 +1,5 @@
-import { r as Qs, o as Qn, a as P, j as m, s as Gr, B as Ur, b as ke, g as Tn, x as Js, w as Et, n as el, E as Yt, t as Qr, y as tl, c as nl, d as ol, e as ut, f as rl, h as Cn, i as Po, k as il } from "./dom-uYx_3K1r.js";
-import { O as al, T as Jn, G as sl, d as ll, P as je, C as cn, M as oe, I as Jr, y as cl, x as dl, e as ei, f as ul, F as Ft, r as ti, $ as fl, l as hl } from "./bitLoaders-CxvZkGrY.js";
+import { r as Qs, o as Qn, a as P, j as m, s as Gr, W as Ur, b as ke, g as Tn, F as Js, k as Et, n as el, E as Yt, t as Qr, y as tl, c as nl, d as ol, e as ut, f as rl, h as Cn, i as Po, l as il } from "./dom-B6NPWBb1.js";
+import { O as al, T as Jn, G as sl, d as ll, P as je, C as cn, M as oe, I as Jr, y as cl, x as dl, e as ei, f as ul, F as Ft, r as ti, $ as fl, l as hl } from "./bitLoaders-7qanePQL.js";
 Qs();
 const gl = ".react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}", _e = {
   en: {
@@ -1414,17 +1414,17 @@ function si(e) {
     return t.matches(e);
   };
 }
-var Xl = Array.prototype.find;
-function Wl(e) {
+var Wl = Array.prototype.find;
+function Xl(e) {
   return function() {
-    return Xl.call(this.children, e);
+    return Wl.call(this.children, e);
   };
 }
 function Kl() {
   return this.firstElementChild;
 }
 function ql(e) {
-  return this.select(e == null ? Kl : Wl(typeof e == "function" ? e : si(e)));
+  return this.select(e == null ? Kl : Xl(typeof e == "function" ? e : si(e)));
 }
 var Gl = Array.prototype.filter;
 function Ul() {
@@ -1741,14 +1741,14 @@ function Zc(e) {
     this.innerHTML = t ?? "";
   };
 }
-function Xc(e) {
+function Wc(e) {
   return arguments.length ? this.each(e == null ? Yc : (typeof e == "function" ? Zc : Fc)(e)) : this.node().innerHTML;
 }
-function Wc() {
+function Xc() {
   this.nextSibling && this.parentNode.appendChild(this);
 }
 function Kc() {
-  return this.each(Wc);
+  return this.each(Xc);
 }
 function qc() {
   this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
@@ -1899,7 +1899,7 @@ ce.prototype = Mt.prototype = {
   property: Oc,
   classed: Tc,
   text: Vc,
-  html: Xc,
+  html: Wc,
   raise: Kc,
   lower: Gc,
   append: Uc,
@@ -2253,7 +2253,7 @@ var vt = 0.7, Ut = 1 / vt, nt = "\\s*([+-]?\\d+)\\s*", wt = "\\s*([+-]?(?:\\d*\\
   yellow: 16776960,
   yellowgreen: 10145074
 };
-oo(Pt, Xe, {
+oo(Pt, We, {
   copy(e) {
     return Object.assign(new this.constructor(), this, e);
   },
@@ -2280,7 +2280,7 @@ function Id() {
 function Ho() {
   return this.rgb().formatRgb();
 }
-function Xe(e) {
+function We(e) {
   var t, n;
   return e = (e + "").trim().toLowerCase(), (t = Sd.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? Vo(t) : n === 3 ? new se(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? jt(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? jt(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = kd.exec(e)) ? new se(t[1], t[2], t[3], 1) : (t = _d.exec(e)) ? new se(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Cd.exec(e)) ? jt(t[1], t[2], t[3], t[4]) : (t = Nd.exec(e)) ? jt(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = Ed.exec(e)) ? Zo(t[1], t[2] / 100, t[3] / 100, 1) : (t = Md.exec(e)) ? Zo(t[1], t[2] / 100, t[3] / 100, t[4]) : $o.hasOwnProperty(e) ? Vo($o[e]) : e === "transparent" ? new se(NaN, NaN, NaN, 0) : null;
 }
@@ -2291,7 +2291,7 @@ function jt(e, t, n, o) {
   return o <= 0 && (e = t = n = NaN), new se(e, t, n, o);
 }
 function zd(e) {
-  return e instanceof Pt || (e = Xe(e)), e ? (e = e.rgb(), new se(e.r, e.g, e.b, e.opacity)) : new se();
+  return e instanceof Pt || (e = We(e)), e ? (e = e.rgb(), new se(e.r, e.g, e.b, e.opacity)) : new se();
 }
 function Hn(e, t, n, o) {
   return arguments.length === 1 ? zd(e) : new se(e, t, n, o ?? 1);
@@ -2346,7 +2346,7 @@ function Zo(e, t, n, o) {
 }
 function wi(e) {
   if (e instanceof fe) return new fe(e.h, e.s, e.l, e.opacity);
-  if (e instanceof Pt || (e = Xe(e)), !e) return new fe();
+  if (e instanceof Pt || (e = We(e)), !e) return new fe();
   if (e instanceof fe) return e;
   e = e.rgb();
   var t = e.r / 255, n = e.g / 255, o = e.b / 255, r = Math.min(t, n, o), i = Math.max(t, n, o), a = NaN, s = i - r, l = (i + r) / 2;
@@ -2375,17 +2375,17 @@ oo(fe, Dd, vi(Pt, {
     );
   },
   clamp() {
-    return new fe(Xo(this.h), Rt(this.s), Rt(this.l), Qt(this.opacity));
+    return new fe(Wo(this.h), Rt(this.s), Rt(this.l), Qt(this.opacity));
   },
   displayable() {
     return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
   },
   formatHsl() {
     const e = Qt(this.opacity);
-    return `${e === 1 ? "hsl(" : "hsla("}${Xo(this.h)}, ${Rt(this.s) * 100}%, ${Rt(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
+    return `${e === 1 ? "hsl(" : "hsla("}${Wo(this.h)}, ${Rt(this.s) * 100}%, ${Rt(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
   }
 }));
-function Xo(e) {
+function Wo(e) {
   return e = (e || 0) % 360, e < 0 ? e + 360 : e;
 }
 function Rt(e) {
@@ -2487,9 +2487,9 @@ function Si(e, t) {
 }
 function mt(e, t) {
   var n = typeof t, o;
-  return t == null || n === "boolean" ? ro(t) : (n === "number" ? xe : n === "string" ? (o = Xe(t)) ? (t = o, Jt) : Si : t instanceof Xe ? Jt : t instanceof Date ? Bd : Td(t) ? Ld : Array.isArray(t) ? $d : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? Hd : xe)(e, t);
+  return t == null || n === "boolean" ? ro(t) : (n === "number" ? xe : n === "string" ? (o = We(t)) ? (t = o, Jt) : Si : t instanceof We ? Jt : t instanceof Date ? Bd : Td(t) ? Ld : Array.isArray(t) ? $d : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? Hd : xe)(e, t);
 }
-var Wo = 180 / Math.PI, ki = {
+var Xo = 180 / Math.PI, ki = {
   translateX: 0,
   translateY: 0,
   rotate: 0,
@@ -2502,8 +2502,8 @@ function _i(e, t, n, o, r, i) {
   return (a = Math.sqrt(e * e + t * t)) && (e /= a, t /= a), (l = e * n + t * o) && (n -= e * l, o -= t * l), (s = Math.sqrt(n * n + o * o)) && (n /= s, o /= s, l /= s), e * o < t * n && (e = -e, t = -t, l = -l, a = -a), {
     translateX: r,
     translateY: i,
-    rotate: Math.atan2(t, e) * Wo,
-    skewX: Math.atan(l) * Wo,
+    rotate: Math.atan2(t, e) * Xo,
+    skewX: Math.atan(l) * Xo,
     scaleX: a,
     scaleY: s
   };
@@ -2546,7 +2546,7 @@ function Ci(e, t, n, o) {
     };
   };
 }
-var Xd = Ci(Fd, "px, ", "px)", "deg)"), Wd = Ci(Zd, ", ", ")", ")"), Kd = 1e-12;
+var Wd = Ci(Fd, "px, ", "px)", "deg)"), Xd = Ci(Zd, ", ", ")", ")"), Kd = 1e-12;
 function Ko(e) {
   return ((e = Math.exp(e)) + 1 / e) / 2;
 }
@@ -2556,7 +2556,7 @@ function qd(e) {
 function Gd(e) {
   return ((e = Math.exp(2 * e)) - 1) / (e + 1);
 }
-const Xt = (function e(t, n, o) {
+const Wt = (function e(t, n, o) {
   function r(i, a) {
     var s = i[0], l = i[1], c = i[2], d = a[0], f = a[1], u = a[2], h = d - s, g = f - l, x = h * h + g * g, w, v;
     if (x < Kd)
@@ -2585,14 +2585,14 @@ const Xt = (function e(t, n, o) {
     return e(a, s, l);
   }, r;
 })(Math.SQRT2, 2, 4);
-var rt = 0, gt = 0, ft = 0, Ni = 1e3, en, pt, tn = 0, We = 0, fn = 0, xt = typeof performance == "object" && performance.now ? performance : Date, Ei = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
+var rt = 0, gt = 0, ft = 0, Ni = 1e3, en, pt, tn = 0, Xe = 0, fn = 0, xt = typeof performance == "object" && performance.now ? performance : Date, Ei = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
   setTimeout(e, 17);
 };
 function io() {
-  return We || (Ei(Ud), We = xt.now() + fn);
+  return Xe || (Ei(Ud), Xe = xt.now() + fn);
 }
 function Ud() {
-  We = 0;
+  Xe = 0;
 }
 function nn() {
   this._call = this._time = this._next = null;
@@ -2614,15 +2614,15 @@ function Mi(e, t, n) {
 function Qd() {
   io(), ++rt;
   for (var e = en, t; e; )
-    (t = We - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
+    (t = Xe - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
   --rt;
 }
 function qo() {
-  We = (tn = xt.now()) + fn, rt = gt = 0;
+  Xe = (tn = xt.now()) + fn, rt = gt = 0;
   try {
     Qd();
   } finally {
-    rt = 0, eu(), We = 0;
+    rt = 0, eu(), Xe = 0;
   }
 }
 function Jd() {
@@ -2637,7 +2637,7 @@ function eu() {
 function Yn(e) {
   if (!rt) {
     gt && (gt = clearTimeout(gt));
-    var t = e - We;
+    var t = e - Xe;
     t > 24 ? (e < 1 / 0 && (gt = setTimeout(qo, e - xt.now() - fn)), ft && (ft = clearInterval(ft))) : (ft || (tn = xt.now(), ft = setInterval(Jd, Ni)), rt = 1, Ei(qo));
   }
 }
@@ -2647,7 +2647,7 @@ function Go(e, t, n) {
     o.stop(), e(r + t);
   }, t, n), o;
 }
-var tu = dn("start", "end", "cancel", "interrupt"), nu = [], Pi = 0, Uo = 1, Fn = 2, Wt = 3, Qo = 4, Zn = 5, Kt = 6;
+var tu = dn("start", "end", "cancel", "interrupt"), nu = [], Pi = 0, Uo = 1, Fn = 2, Xt = 3, Qo = 4, Zn = 5, Kt = 6;
 function hn(e, t, n, o, r, i) {
   var a = e.__transition;
   if (!a) e.__transition = {};
@@ -2675,7 +2675,7 @@ function ao(e, t) {
 }
 function Ce(e, t) {
   var n = me(e, t);
-  if (n.state > Wt) throw new Error("too late; already running");
+  if (n.state > Xt) throw new Error("too late; already running");
   return n;
 }
 function me(e, t) {
@@ -2694,13 +2694,13 @@ function ou(e, t, n) {
     if (n.state !== Uo) return l();
     for (d in o)
       if (h = o[d], h.name === n.name) {
-        if (h.state === Wt) return Go(a);
+        if (h.state === Xt) return Go(a);
         h.state === Qo ? (h.state = Kt, h.timer.stop(), h.on.call("interrupt", e, e.__data__, h.index, h.group), delete o[d]) : +d < t && (h.state = Kt, h.timer.stop(), h.on.call("cancel", e, e.__data__, h.index, h.group), delete o[d]);
       }
     if (Go(function() {
-      n.state === Wt && (n.state = Qo, n.timer.restart(s, n.delay, n.time), s(c));
+      n.state === Xt && (n.state = Qo, n.timer.restart(s, n.delay, n.time), s(c));
     }), n.state = Fn, n.on.call("start", e, e.__data__, n.index, n.group), n.state === Fn) {
-      for (n.state = Wt, r = new Array(u = n.tween.length), d = 0, f = -1; d < u; ++d)
+      for (n.state = Xt, r = new Array(u = n.tween.length), d = 0, f = -1; d < u; ++d)
         (h = n.tween[d].value.call(e, e.__data__, n.index, n.group)) && (r[++f] = h);
       r.length = f + 1;
     }
@@ -2788,7 +2788,7 @@ function so(e, t, n) {
 }
 function Ii(e, t) {
   var n;
-  return (typeof t == "number" ? xe : t instanceof Xe ? Jt : (n = Xe(t)) ? (t = n, Jt) : Si)(e, t);
+  return (typeof t == "number" ? xe : t instanceof We ? Jt : (n = We(t)) ? (t = n, Jt) : Si)(e, t);
 }
 function lu(e) {
   return function() {
@@ -2829,7 +2829,7 @@ function hu(e, t, n) {
   };
 }
 function gu(e, t) {
-  var n = un(e), o = n === "transform" ? Wd : Ii;
+  var n = un(e), o = n === "transform" ? Xd : Ii;
   return this.attrTween(e, typeof t == "function" ? (n.local ? hu : fu)(n, o, so(this, "attr." + e, t)) : t == null ? (n.local ? cu : lu)(n) : (n.local ? uu : du)(n, o, t));
 }
 function pu(e, t) {
@@ -3016,19 +3016,19 @@ function Fu(e, t) {
   };
 }
 function Zu(e, t, n) {
-  var o = (e += "") == "transform" ? Xd : Ii;
+  var o = (e += "") == "transform" ? Wd : Ii;
   return t == null ? this.styleTween(e, Hu(e, o)).on("end.style." + e, zi(e)) : typeof t == "function" ? this.styleTween(e, Yu(e, o, so(this, "style." + e, t))).each(Fu(this._id, e)) : this.styleTween(e, Vu(e, o, t), n).on("end.style." + e, null);
 }
-function Xu(e, t, n) {
+function Wu(e, t, n) {
   return function(o) {
     this.style.setProperty(e, t.call(this, o), n);
   };
 }
-function Wu(e, t, n) {
+function Xu(e, t, n) {
   var o, r;
   function i() {
     var a = t.apply(this, arguments);
-    return a !== r && (o = (r = a) && Xu(e, a, n)), o;
+    return a !== r && (o = (r = a) && Wu(e, a, n)), o;
   }
   return i._value = t, i;
 }
@@ -3037,7 +3037,7 @@ function Ku(e, t, n) {
   if (arguments.length < 2) return (o = this.tween(o)) && o._value;
   if (t == null) return this.tween(o, null);
   if (typeof t != "function") throw new Error();
-  return this.tween(o, Wu(e, t, n ?? ""));
+  return this.tween(o, Xu(e, t, n ?? ""));
 }
 function qu(e) {
   return function() {
@@ -3255,7 +3255,7 @@ function gf(e, t, n) {
   );
 }
 function Oi() {
-  var e = df, t = uf, n = gf, o = ff, r = hf, i = [0, 1 / 0], a = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], s = 250, l = Xt, c = dn("start", "zoom", "end"), d, f, u, h = 500, g = 150, x = 0, w = 10;
+  var e = df, t = uf, n = gf, o = ff, r = hf, i = [0, 1 / 0], a = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], s = 250, l = Wt, c = dn("start", "zoom", "end"), d, f, u, h = 500, g = 150, x = 0, w = 10;
   function v(y) {
     y.property("__zoom", Jo).on("wheel.zoom", z, { passive: !1 }).on("mousedown.zoom", D).on("dblclick.zoom", H).filter(r).on("touchstart.zoom", R).on("touchmove.zoom", A).on("touchend.zoom touchcancel.zoom", _).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
@@ -3306,11 +3306,11 @@ function Oi() {
     }).on("interrupt.zoom end.zoom", function() {
       S(this, arguments).event(I).end();
     }).tween("zoom", function() {
-      var j = this, O = arguments, T = S(j, O).event(I), B = t.apply(j, O), $ = N == null ? b(B) : typeof N == "function" ? N.apply(j, O) : N, X = Math.max(B[1][0] - B[0][0], B[1][1] - B[0][1]), F = j.__zoom, W = typeof M == "function" ? M.apply(j, O) : M, q = l(F.invert($).concat(X / F.k), W.invert($).concat(X / W.k));
+      var j = this, O = arguments, T = S(j, O).event(I), B = t.apply(j, O), $ = N == null ? b(B) : typeof N == "function" ? N.apply(j, O) : N, W = Math.max(B[1][0] - B[0][0], B[1][1] - B[0][1]), F = j.__zoom, X = typeof M == "function" ? M.apply(j, O) : M, q = l(F.invert($).concat(W / F.k), X.invert($).concat(W / X.k));
       return function(K) {
-        if (K === 1) K = W;
+        if (K === 1) K = X;
         else {
-          var L = q(K), Y = X / L[2];
+          var L = q(K), Y = W / L[2];
           K = new Pe(Y, $[0] - L[0] * Y, $[1] - L[1] * Y);
         }
         T.zoom(null, K);
@@ -3367,16 +3367,16 @@ function Oi() {
   }
   function D(y, ...M) {
     if (u || !e.apply(this, arguments)) return;
-    var N = y.currentTarget, I = S(this, M, !0).event(y), j = le(y.view).on("mousemove.zoom", $, !0).on("mouseup.zoom", X, !0), O = ue(y, N), T = y.clientX, B = y.clientY;
+    var N = y.currentTarget, I = S(this, M, !0).event(y), j = le(y.view).on("mousemove.zoom", $, !0).on("mouseup.zoom", W, !0), O = ue(y, N), T = y.clientX, B = y.clientY;
     mi(y.view), In(y), I.mouse = [O, this.__zoom.invert(O)], qt(this), I.start();
     function $(F) {
       if (ht(F), !I.moved) {
-        var W = F.clientX - T, q = F.clientY - B;
-        I.moved = W * W + q * q > x;
+        var X = F.clientX - T, q = F.clientY - B;
+        I.moved = X * X + q * q > x;
       }
       I.event(F).zoom("mouse", n(p(I.that.__zoom, I.mouse[0] = ue(F, N), I.mouse[1]), I.extent, a));
     }
-    function X(F) {
+    function W(F) {
       j.on("mousemove.zoom mouseup.zoom", null), yi(F.view, I.moved), ht(F), I.event(F).end();
     }
   }
@@ -3402,8 +3402,8 @@ function Oi() {
       for (ht(y), O = 0; O < j; ++O)
         T = I[O], B = ue(T, this), N.touch0 && N.touch0[2] === T.identifier ? N.touch0[0] = B : N.touch1 && N.touch1[2] === T.identifier && (N.touch1[0] = B);
       if (T = N.that.__zoom, N.touch1) {
-        var X = N.touch0[0], F = N.touch0[1], W = N.touch1[0], q = N.touch1[1], K = (K = W[0] - X[0]) * K + (K = W[1] - X[1]) * K, L = (L = q[0] - F[0]) * L + (L = q[1] - F[1]) * L;
-        T = k(T, Math.sqrt(K / L)), B = [(X[0] + W[0]) / 2, (X[1] + W[1]) / 2], $ = [(F[0] + q[0]) / 2, (F[1] + q[1]) / 2];
+        var W = N.touch0[0], F = N.touch0[1], X = N.touch1[0], q = N.touch1[1], K = (K = X[0] - W[0]) * K + (K = X[1] - W[1]) * K, L = (L = q[0] - F[0]) * L + (L = q[1] - F[1]) * L;
+        T = k(T, Math.sqrt(K / L)), B = [(W[0] + X[0]) / 2, (W[1] + X[1]) / 2], $ = [(F[0] + q[0]) / 2, (F[1] + q[1]) / 2];
       } else if (N.touch0) B = N.touch0[0], $ = N.touch0[1];
       else return;
       N.zoom("touch", n(p(T, B, $), N.extent, a));
@@ -3658,7 +3658,7 @@ const tr = (e, t, n) => e < t ? at(Math.abs(e - t), 1, t) / t : e > n ? -at(Math
   y: Math.min(e.y, t.y),
   x2: Math.max(e.x2, t.x2),
   y2: Math.max(e.y2, t.y2)
-}), Xn = ({ x: e, y: t, width: n, height: o }) => ({
+}), Wn = ({ x: e, y: t, width: n, height: o }) => ({
   x: e,
   y: t,
   x2: e + n,
@@ -3684,7 +3684,7 @@ const tr = (e, t, n) => e < t ? at(Math.abs(e - t), 1, t) / t : e > n ? -at(Math
     x2: n + (e.measured?.width ?? e.width ?? e.initialWidth ?? 0),
     y2: o + (e.measured?.height ?? e.height ?? e.initialHeight ?? 0)
   };
-}, Vi = (e, t) => mn(pn(Xn(e), Xn(t))), Yi = (e, t, n, o, r, i, a, s) => {
+}, Vi = (e, t) => mn(pn(Wn(e), Wn(t))), Yi = (e, t, n, o, r, i, a, s) => {
   const l = Math.max(0, Math.min(e + n, r + a) - Math.max(e, r)), c = Math.max(0, Math.min(t + o, i + s) - Math.max(t, i));
   return Math.ceil(l * c);
 }, an = (e, t) => Yi(e.x, e.y, e.width, e.height, t.x, t.y, t.width, t.height), nr = (e) => he(e.width) && he(e.height) && he(e.x) && he(e.y), he = (e) => !isNaN(e) && isFinite(e), Fi = (e, t) => (n, o) => {
@@ -3768,7 +3768,7 @@ function ye(e) {
 function Zi(e) {
   return (e.measured?.width ?? e.width ?? e.initialWidth) !== void 0 && (e.measured?.height ?? e.height ?? e.initialHeight) !== void 0;
 }
-function Xi(e, t = { width: 0, height: 0 }, n, o, r) {
+function Wi(e, t = { width: 0, height: 0 }, n, o, r) {
   const i = { ...e }, a = o.get(n);
   if (a) {
     const s = a.origin || r;
@@ -3804,7 +3804,7 @@ function yt(e, { snapGrid: t = [0, 0], snapToGrid: n = !1, transform: o, contain
 const ho = (e) => ({
   width: e.offsetWidth,
   height: e.offsetHeight
-}), Wi = (e) => e?.getRootNode?.() || window?.document, Cf = ["INPUT", "SELECT", "TEXTAREA"];
+}), Xi = (e) => e?.getRootNode?.() || window?.document, Cf = ["INPUT", "SELECT", "TEXTAREA"];
 function Ki(e) {
   const t = e.composedPath?.()?.[0] || e.target;
   return t?.nodeType !== 1 ? !1 : Cf.includes(t.nodeName) || t.hasAttribute("contenteditable") || !!t.closest(".nokey");
@@ -3988,7 +3988,7 @@ function Df(e, t, n, o) {
   const s = e.x < n.x ? 1 : -1, l = e.y < n.y ? -1 : 1;
   return `L ${i},${a + r * l}Q ${i},${a} ${i + r * s},${a}`;
 }
-function Wn({ sourceX: e, sourceY: t, sourcePosition: n = Z.Bottom, targetX: o, targetY: r, targetPosition: i = Z.Top, borderRadius: a = 5, centerX: s, centerY: l, offset: c = 20, stepPosition: d = 0.5 }) {
+function Xn({ sourceX: e, sourceY: t, sourcePosition: n = Z.Bottom, targetX: o, targetY: r, targetPosition: i = Z.Top, borderRadius: a = 5, centerX: s, centerY: l, offset: c = 20, stepPosition: d = 0.5 }) {
   const [f, u, h, g, x] = Af({
     source: { x: e, y: t },
     sourcePosition: n,
@@ -4396,15 +4396,15 @@ function Zf({ dragItems: e, snapGrid: t, x: n, y: o }) {
     y: a.y - i.y
   };
 }
-function Xf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, onDragStop: r }) {
+function Wf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, onDragStop: r }) {
   let i = { x: null, y: null }, a = 0, s = /* @__PURE__ */ new Map(), l = !1, c = { x: 0, y: 0 }, d = null, f = !1, u = null, h = !1, g = !1, x = null;
   function w({ noDragClassName: k, handleSelector: p, domNode: b, isSelectable: E, nodeId: S, nodeClickDistance: C = 0 }) {
     u = le(b);
     function z({ x: A, y: _ }) {
       const { nodeLookup: y, nodeExtent: M, snapGrid: N, snapToGrid: I, nodeOrigin: j, onNodeDrag: O, onSelectionDrag: T, onError: B, updateNodePositions: $ } = t();
       i = { x: A, y: _ };
-      let X = !1;
-      const F = s.size > 1, W = F && M ? Xn(zt(s)) : null, q = F && I ? Zf({
+      let W = !1;
+      const F = s.size > 1, X = F && M ? Wn(zt(s)) : null, q = F && I ? Zf({
         dragItems: s,
         snapGrid: N,
         x: A,
@@ -4419,8 +4419,8 @@ function Xf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
           y: Math.round(Y.y + q.y)
         } : At(Y, N));
         let G = null;
-        if (F && M && !L.extent && W) {
-          const { positionAbsolute: U } = L.internals, J = U.x - W.x + M[0][0], te = U.x + L.measured.width - W.x2 + M[1][0], ae = U.y - W.y + M[0][1], be = U.y + L.measured.height - W.y2 + M[1][1];
+        if (F && M && !L.extent && X) {
+          const { positionAbsolute: U } = L.internals, J = U.x - X.x + M[0][0], te = U.x + L.measured.width - X.x2 + M[1][0], ae = U.y - X.y + M[0][1], be = U.y + L.measured.height - X.y2 + M[1][1];
           G = [
             [J, ae],
             [te, be]
@@ -4434,9 +4434,9 @@ function Xf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
           nodeOrigin: j,
           onError: B
         });
-        X = X || L.position.x !== Q.x || L.position.y !== Q.y, L.position = Q, L.internals.positionAbsolute = V;
+        W = W || L.position.x !== Q.x || L.position.y !== Q.y, L.position = Q, L.internals.positionAbsolute = V;
       }
-      if (g = g || X, !!X && ($(s, !0), x && (o || O || !S && T))) {
+      if (g = g || W, !!W && ($(s, !0), x && (o || O || !S && T))) {
         const [K, L] = zn({
           nodeId: S,
           dragItems: s,
@@ -4459,14 +4459,14 @@ function Xf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
     function H(A) {
       const { nodeLookup: _, multiSelectionActive: y, nodesDraggable: M, transform: N, snapGrid: I, snapToGrid: j, selectNodesOnDrag: O, onNodeDragStart: T, onSelectionDragStart: B, unselectNodesAndEdges: $ } = t();
       f = !0, (!O || !E) && !y && S && (_.get(S)?.selected || $()), E && O && S && e?.(S);
-      const X = yt(A.sourceEvent, { transform: N, snapGrid: I, snapToGrid: j, containerBounds: d });
-      if (i = X, s = Ff(_, M, X, S), s.size > 0 && (n || T || !S && B)) {
-        const [F, W] = zn({
+      const W = yt(A.sourceEvent, { transform: N, snapGrid: I, snapToGrid: j, containerBounds: d });
+      if (i = W, s = Ff(_, M, W, S), s.size > 0 && (n || T || !S && B)) {
+        const [F, X] = zn({
           nodeId: S,
           dragItems: s,
           nodeLookup: _
         });
-        n?.(A.sourceEvent, s, F, W), T?.(A.sourceEvent, F, W), S || B?.(A.sourceEvent, W);
+        n?.(A.sourceEvent, s, F, X), T?.(A.sourceEvent, F, X), S || B?.(A.sourceEvent, X);
       }
     }
     const R = bi().clickDistance(C).on("start", (A) => {
@@ -4513,7 +4513,7 @@ function Xf({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
     destroy: v
   };
 }
-function Wf(e, t, n) {
+function Xf(e, t, n) {
   const o = [], r = {
     x: e.x - n,
     y: e.y - n,
@@ -4527,7 +4527,7 @@ function Wf(e, t, n) {
 const Kf = 250;
 function qf(e, t, n, o) {
   let r = [], i = 1 / 0;
-  const a = Wf(e, n, t + Kf);
+  const a = Xf(e, n, t + Kf);
   for (const s of a) {
     const l = [...s.internals.handleBounds?.source ?? [], ...s.internals.handleBounds?.target ?? []];
     for (const c of l) {
@@ -4561,7 +4561,7 @@ function Gf(e, t) {
 }
 const aa = () => !0;
 function Uf(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: a, domNode: s, nodeLookup: l, lib: c, autoPanOnConnect: d, flowId: f, panBy: u, cancelConnection: h, onConnectStart: g, onConnect: x, onConnectEnd: w, isValidConnection: v = aa, onReconnectEnd: k, updateConnection: p, getTransform: b, getFromHandle: E, autoPanSpeed: S, dragThreshold: C = 1, handleDomNode: z }) {
-  const D = Wi(e.target);
+  const D = Xi(e.target);
   let H = 0, R;
   const { x: A, y: _ } = ge(e), y = ia(i, z), M = s?.getBoundingClientRect();
   let N = !1;
@@ -4571,25 +4571,25 @@ function Uf(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
   if (!I)
     return;
   let j = ge(e, M), O = !1, T = null, B = !1, $ = null;
-  function X() {
+  function W() {
     if (!d || !M)
       return;
     const [G, Q] = uo(j, M, S);
-    u({ x: G, y: Q }), H = requestAnimationFrame(X);
+    u({ x: G, y: Q }), H = requestAnimationFrame(W);
   }
   const F = {
     ...I,
     nodeId: r,
     type: y,
     position: I.position
-  }, W = l.get(r);
+  }, X = l.get(r);
   let q = {
     inProgress: !0,
     isValid: null,
-    from: Ge(W, F, Z.Left, !0),
+    from: Ge(X, F, Z.Left, !0),
     fromHandle: F,
     fromPosition: F.position,
-    fromNode: W,
+    fromNode: X,
     to: j,
     toHandle: null,
     toPosition: er[F.position],
@@ -4612,7 +4612,7 @@ function Uf(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
       return;
     }
     const Q = b();
-    j = ge(G, M), R = qf(Dt(j, Q, !1, [1, 1]), n, l, F), O || (X(), O = !0);
+    j = ge(G, M), R = qf(Dt(j, Q, !1, [1, 1]), n, l, F), O || (W(), O = !0);
     const V = sa(G, {
       handle: R,
       connectionMode: t,
@@ -4850,12 +4850,12 @@ function ah({ domNode: e, minZoom: t, maxZoom: n, translateExtent: o, viewport:
   u.wheelDelta(ca);
   async function w(A, _) {
     return h ? new Promise((y) => {
-      u?.interpolate(_?.interpolate === "linear" ? mt : Xt).transform(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
+      u?.interpolate(_?.interpolate === "linear" ? mt : Wt).transform(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
     }) : !1;
   }
-  function v({ noWheelClassName: A, noPanClassName: _, onPaneContextMenu: y, userSelectionActive: M, panOnScroll: N, panOnDrag: I, panOnScrollMode: j, panOnScrollSpeed: O, preventScrolling: T, zoomOnPinch: B, zoomOnScroll: $, zoomOnDoubleClick: X, panActivationKeyPressed: F = !1, zoomActivationKeyPressed: W, lib: q, onTransformChange: K, connectionInProgress: L, paneClickDistance: Y, selectionOnDrag: G }) {
+  function v({ noWheelClassName: A, noPanClassName: _, onPaneContextMenu: y, userSelectionActive: M, panOnScroll: N, panOnDrag: I, panOnScrollMode: j, panOnScrollSpeed: O, preventScrolling: T, zoomOnPinch: B, zoomOnScroll: $, zoomOnDoubleClick: W, panActivationKeyPressed: F = !1, zoomActivationKeyPressed: X, lib: q, onTransformChange: K, connectionInProgress: L, paneClickDistance: Y, selectionOnDrag: G }) {
     M && !c.isZoomingOrPanning && k();
-    const Q = N && !W && !M;
+    const Q = N && !X && !M;
     u.clickDistance(G ? 1 / 0 : !he(Y) || Y < 0 ? 0 : Y);
     const V = Q ? eh({
       zoomPanValues: c,
@@ -4899,11 +4899,11 @@ function ah({ domNode: e, minZoom: t, maxZoom: n, translateExtent: o, viewport:
     u.on("end", te);
     const ae = ih({
       panActivationKeyPressed: F,
-      zoomActivationKeyPressed: W,
+      zoomActivationKeyPressed: X,
       panOnDrag: I,
       zoomOnScroll: $,
       panOnScroll: N,
-      zoomOnDoubleClick: X,
+      zoomOnDoubleClick: W,
       zoomOnPinch: B,
       userSelectionActive: M,
       noPanClassName: _,
@@ -4911,7 +4911,7 @@ function ah({ domNode: e, minZoom: t, maxZoom: n, translateExtent: o, viewport:
       lib: q,
       connectionInProgress: L
     });
-    u.filter(ae), X ? h.on("dblclick.zoom", x) : h.on("dblclick.zoom", null);
+    u.filter(ae), W ? h.on("dblclick.zoom", x) : h.on("dblclick.zoom", null);
   }
   function k() {
     u.on("zoom", null);
@@ -4936,12 +4936,12 @@ function ah({ domNode: e, minZoom: t, maxZoom: n, translateExtent: o, viewport:
   }
   async function C(A, _) {
     return h ? new Promise((y) => {
-      u?.interpolate(_?.interpolate === "linear" ? mt : Xt).scaleTo(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
+      u?.interpolate(_?.interpolate === "linear" ? mt : Wt).scaleTo(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
     }) : !1;
   }
   async function z(A, _) {
     return h ? new Promise((y) => {
-      u?.interpolate(_?.interpolate === "linear" ? mt : Xt).scaleBy(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
+      u?.interpolate(_?.interpolate === "linear" ? mt : Wt).scaleBy(Dn(h, _?.duration, _?.ease, () => y(!0)), A);
     }) : !1;
   }
   function D(A) {
@@ -5126,21 +5126,21 @@ function uh({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
       }), I = [];
       if (!p)
         return;
-      const { x: j, y: O, width: T, height: B } = v, $ = {}, X = p.origin ?? M, { width: F, height: W, x: q, y: K } = lh(k, a.controlDirection, N, a.boundaries, a.keepAspectRatio, X, C, z), L = F !== T, Y = W !== B, G = q !== j && L, Q = K !== O && Y;
+      const { x: j, y: O, width: T, height: B } = v, $ = {}, W = p.origin ?? M, { width: F, height: X, x: q, y: K } = lh(k, a.controlDirection, N, a.boundaries, a.keepAspectRatio, W, C, z), L = F !== T, Y = X !== B, G = q !== j && L, Q = K !== O && Y;
       if (!G && !Q && !L && !Y)
         return;
-      if ((G || Q || X[0] === 1 || X[1] === 1) && ($.x = G ? q : v.x, $.y = Q ? K : v.y, v.x = $.x, v.y = $.y, E.length > 0)) {
+      if ((G || Q || W[0] === 1 || W[1] === 1) && ($.x = G ? q : v.x, $.y = Q ? K : v.y, v.x = $.x, v.y = $.y, E.length > 0)) {
         const J = q - j, te = K - O;
         for (const ae of E)
           ae.position = {
-            x: ae.position.x - J + X[0] * (F - T),
-            y: ae.position.y - te + X[1] * (W - B)
+            x: ae.position.x - J + W[0] * (F - T),
+            y: ae.position.y - te + W[1] * (X - B)
           }, I.push(ae);
       }
-      if ((L || Y) && ($.width = L && (!a.resizeDirection || a.resizeDirection === "horizontal") ? F : v.width, $.height = Y && (!a.resizeDirection || a.resizeDirection === "vertical") ? W : v.height, v.width = $.width, v.height = $.height), S && p.expandParent) {
-        const J = X[0] * ($.width ?? 0);
+      if ((L || Y) && ($.width = L && (!a.resizeDirection || a.resizeDirection === "horizontal") ? F : v.width, $.height = Y && (!a.resizeDirection || a.resizeDirection === "vertical") ? X : v.height, v.width = $.width, v.height = $.height), S && p.expandParent) {
+        const J = W[0] * ($.width ?? 0);
         $.x && $.x < J && (v.x = J, k.x = k.x - ($.x - J));
-        const te = X[1] * ($.height ?? 0);
+        const te = W[1] * ($.height ?? 0);
         $.y && $.y < te && (v.y = te, k.y = k.y - ($.y - te));
       }
       const V = sh({
@@ -5699,11 +5699,11 @@ function Ar(e) {
     type: "remove"
   };
 }
-const Xh = Fi();
-function Wh(e, t, n = {}) {
+const Wh = Fi();
+function Xh(e, t, n = {}) {
   return If(e, t, {
     ...n,
-    onError: n.onError ?? Xh
+    onError: n.onError ?? Wh
   });
 }
 const Dr = (e) => pf(e), Kh = (e) => $i(e);
@@ -5773,7 +5773,7 @@ function vo() {
     }, s = (f) => {
       n.edgeQueue.push(f);
     }, l = (f) => {
-      const { nodeLookup: u, nodeOrigin: h } = t.getState(), g = Dr(f) ? f : u.get(f.id), x = g.parentId ? Xi(g.position, g.measured, g.parentId, u, h) : g.position, w = {
+      const { nodeLookup: u, nodeOrigin: h } = t.getState(), g = Dr(f) ? f : u.get(f.id), x = g.parentId ? Wi(g.position, g.measured, g.parentId, u, h) : g.position, w = {
         ...g,
         position: x,
         width: g.measured?.width ?? g.width,
@@ -6129,10 +6129,10 @@ function sg({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = kt.Full
       B(Q, V), w.current = requestAnimationFrame($);
     });
   }
-  const X = () => {
+  const W = () => {
     cancelAnimationFrame(w.current), w.current = 0, M.current = !1;
   };
-  P.useEffect(() => () => X(), []);
+  P.useEffect(() => () => W(), []);
   const F = (L) => {
     const { userSelectionRect: Y, transform: G, resetSelectedElements: Q } = v.getState();
     if (!D.current || !Y)
@@ -6147,7 +6147,7 @@ function sg({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = kt.Full
       Q(), s?.(L);
     }
     _.current = !0, M.current || ($(), M.current = !0), B(V, U);
-  }, W = (L) => {
+  }, X = (L) => {
     if (!C) {
       L.target === z.current && v.getState().connection.inProgress && (A.current = !0);
       return;
@@ -6157,11 +6157,11 @@ function sg({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = kt.Full
       userSelectionRect: null
     }), _.current && (l?.(L), v.setState({
       nodesSelectionActive: H.current.size > 0
-    })), X());
+    })), W());
   }, q = (L) => {
-    L.target?.releasePointerCapture?.(L.pointerId), X();
+    L.target?.releasePointerCapture?.(L.pointerId), W();
   }, K = o === !0 || Array.isArray(o) && o.includes(0);
-  return m.jsxs("div", { className: ie(["react-flow__pane", { draggable: K, dragging: b, selection: e }]), onClick: C ? void 0 : Rn(N, z), onContextMenu: Rn(I, z), onWheel: Rn(j, z), onPointerEnter: C ? void 0 : u, onPointerMove: C ? F : h, onPointerUp: W, onPointerCancel: C ? q : void 0, onPointerDownCapture: C ? T : void 0, onClickCapture: C ? O : void 0, onPointerLeave: g, ref: z, style: wn, children: [x, m.jsx(ig, {})] });
+  return m.jsxs("div", { className: ie(["react-flow__pane", { draggable: K, dragging: b, selection: e }]), onClick: C ? void 0 : Rn(N, z), onContextMenu: Rn(I, z), onWheel: Rn(j, z), onPointerEnter: C ? void 0 : u, onPointerMove: C ? F : h, onPointerUp: X, onPointerCancel: C ? q : void 0, onPointerDownCapture: C ? T : void 0, onClickCapture: C ? O : void 0, onPointerLeave: g, ref: z, style: wn, children: [x, m.jsx(ig, {})] });
 }
 function Un({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
   const { addSelectedNodes: r, unselectNodesAndEdges: i, multiSelectionActive: a, nodeLookup: s, onError: l } = t.getState(), c = s.get(e);
@@ -6175,7 +6175,7 @@ function xa({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
   const s = ne(), [l, c] = P.useState(!1), d = P.useRef();
   return P.useEffect(() => {
     if (!t)
-      return d.current = Xf({
+      return d.current = Wf({
         getStoreItems: () => s.getState(),
         onNodeMouseDown: (f) => {
           Un({
@@ -6280,7 +6280,7 @@ function pg({ type: e = "source", position: t = Z.Top, isValidConnection: n, isC
     };
     if (j) {
       const { edges: T, setEdges: B, onError: $ } = w.getState();
-      B(Wh(O, T, { onError: $ }));
+      B(Xh(O, T, { onError: $ }));
     }
     I?.(O), s?.(O);
   }, _ = (M) => {
@@ -6316,14 +6316,14 @@ function pg({ type: e = "source", position: t = Z.Top, isValidConnection: n, isC
     }
     N ? d?.(M) : f?.(M);
   }, y = (M) => {
-    const { onClickConnectStart: N, onClickConnectEnd: I, connectionClickStartHandle: j, connectionMode: O, isValidConnection: T, lib: B, rfId: $, nodeLookup: X, connection: F } = w.getState();
+    const { onClickConnectStart: N, onClickConnectEnd: I, connectionClickStartHandle: j, connectionMode: O, isValidConnection: T, lib: B, rfId: $, nodeLookup: W, connection: F } = w.getState();
     if (!v || !j && !r)
       return;
     if (!j) {
       N?.(M.nativeEvent, { nodeId: v, handleId: g, handleType: e }), w.setState({ connectionClickStartHandle: { nodeId: v, type: e, id: g } });
       return;
     }
-    const W = Wi(M.target), q = n || T, { connection: K, isValid: L } = Gn.isValid(M.nativeEvent, {
+    const X = Xi(M.target), q = n || T, { connection: K, isValid: L } = Gn.isValid(M.nativeEvent, {
       handle: {
         nodeId: v,
         id: g,
@@ -6335,9 +6335,9 @@ function pg({ type: e = "source", position: t = Z.Top, isValidConnection: n, isC
       fromType: j.type,
       isValidConnection: q,
       flowId: $,
-      doc: W,
+      doc: X,
       lib: B,
-      nodeLookup: X
+      nodeLookup: W
     });
     L && K && A(K);
     const Y = structuredClone(F);
@@ -6442,8 +6442,8 @@ function Sg({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
 }
 const Lr = typeof window < "u" ? window : void 0, kg = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
 function Ca({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: a, paneClickDistance: s, deleteKeyCode: l, selectionKeyCode: c, selectionOnDrag: d, selectionMode: f, onSelectionStart: u, onSelectionEnd: h, multiSelectionKeyCode: g, panActivationKeyCode: x, zoomActivationKeyCode: w, elementsSelectable: v, zoomOnScroll: k, zoomOnPinch: p, panOnScroll: b, panOnScrollSpeed: E, panOnScrollMode: S, zoomOnDoubleClick: C, panOnDrag: z, autoPanOnSelection: D, defaultViewport: H, translateExtent: R, minZoom: A, maxZoom: _, preventScrolling: y, onSelectionContextMenu: M, noWheelClassName: N, noPanClassName: I, disableKeyboardA11y: j, onViewportChange: O, isControlledViewport: T }) {
-  const { nodesSelectionActive: B, userSelectionActive: $ } = ee(kg, re), X = Nt(c, { target: Lr }), F = Nt(x, { target: Lr }), W = F || z, q = F || b, K = d && W !== !0, L = X || $ || K;
-  return eg({ deleteKeyCode: l, multiSelectionKeyCode: g }), m.jsx(og, { onPaneContextMenu: i, elementsSelectable: v, zoomOnScroll: k, zoomOnPinch: p, panOnScroll: q, panActivationKeyPressed: F, panOnScrollSpeed: E, panOnScrollMode: S, zoomOnDoubleClick: C, panOnDrag: !X && W, defaultViewport: H, translateExtent: R, minZoom: A, maxZoom: _, zoomActivationKeyCode: w, preventScrolling: y, noWheelClassName: N, noPanClassName: I, onViewportChange: O, isControlledViewport: T, paneClickDistance: s, selectionOnDrag: K, children: m.jsxs(sg, { onSelectionStart: u, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: a, panOnDrag: W, autoPanOnSelection: D, isSelecting: !!L, selectionMode: f, selectionKeyPressed: X, paneClickDistance: s, selectionOnDrag: K, children: [e, B && m.jsx(Sg, { onSelectionContextMenu: M, noPanClassName: I, disableKeyboardA11y: j })] }) });
+  const { nodesSelectionActive: B, userSelectionActive: $ } = ee(kg, re), W = Nt(c, { target: Lr }), F = Nt(x, { target: Lr }), X = F || z, q = F || b, K = d && X !== !0, L = W || $ || K;
+  return eg({ deleteKeyCode: l, multiSelectionKeyCode: g }), m.jsx(og, { onPaneContextMenu: i, elementsSelectable: v, zoomOnScroll: k, zoomOnPinch: p, panOnScroll: q, panActivationKeyPressed: F, panOnScrollSpeed: E, panOnScrollMode: S, zoomOnDoubleClick: C, panOnDrag: !W && X, defaultViewport: H, translateExtent: R, minZoom: A, maxZoom: _, zoomActivationKeyCode: w, preventScrolling: y, noWheelClassName: N, noPanClassName: I, onViewportChange: O, isControlledViewport: T, paneClickDistance: s, selectionOnDrag: K, children: m.jsxs(sg, { onSelectionStart: u, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: a, panOnDrag: X, autoPanOnSelection: D, isSelecting: !!L, selectionMode: f, selectionKeyPressed: W, paneClickDistance: s, selectionOnDrag: K, children: [e, B && m.jsx(Sg, { onSelectionContextMenu: M, noPanClassName: I, disableKeyboardA11y: j })] }) });
 }
 Ca.displayName = "FlowRenderer";
 const _g = P.memo(Ca), Cg = (e) => (t) => e ? co(t.nodeLookup, { x: 0, y: 0, width: t.width, height: t.height }, t.transform, !0).map((n) => n.id) : Array.from(t.nodeLookup.keys());
@@ -6502,7 +6502,7 @@ function Ig({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
   }), N = Sa();
   if (p.hidden)
     return null;
-  const I = ye(p), j = wg(p), O = D || z || t || n || o || r, T = n ? (L) => n(L, { ...b.userNode }) : void 0, B = o ? (L) => o(L, { ...b.userNode }) : void 0, $ = r ? (L) => r(L, { ...b.userNode }) : void 0, X = i ? (L) => i(L, { ...b.userNode }) : void 0, F = a ? (L) => a(L, { ...b.userNode }) : void 0, W = (L) => {
+  const I = ye(p), j = wg(p), O = D || z || t || n || o || r, T = n ? (L) => n(L, { ...b.userNode }) : void 0, B = o ? (L) => o(L, { ...b.userNode }) : void 0, $ = r ? (L) => r(L, { ...b.userNode }) : void 0, W = i ? (L) => i(L, { ...b.userNode }) : void 0, F = a ? (L) => a(L, { ...b.userNode }) : void 0, X = (L) => {
     const { selectNodesOnDrag: Y, nodeDragThreshold: G } = A.getState();
     D && (!Y || !z || G > 0) && Un({
       id: e,
@@ -6564,7 +6564,7 @@ function Ig({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
     visibility: _ ? "visible" : "hidden",
     ...p.style,
     ...j
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: B, onMouseLeave: $, onContextMenu: X, onClick: W, onDoubleClick: F, onKeyDown: R ? q : void 0, tabIndex: R ? 0 : void 0, onFocus: R ? K : void 0, role: p.ariaRole ?? (R ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": g ? void 0 : `${ha}-${x}`, "aria-label": p.ariaLabel, ...p.domAttributes, children: m.jsx(cg, { value: e, children: m.jsx(C, { id: e, data: p.data, type: S, positionAbsoluteX: b.positionAbsolute.x, positionAbsoluteY: b.positionAbsolute.y, selected: p.selected ?? !1, selectable: D, draggable: z, deletable: p.deletable ?? !0, isConnectable: H, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: M, dragHandle: p.dragHandle, zIndex: b.z, parentId: p.parentId, ...I }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: B, onMouseLeave: $, onContextMenu: W, onClick: X, onDoubleClick: F, onKeyDown: R ? q : void 0, tabIndex: R ? 0 : void 0, onFocus: R ? K : void 0, role: p.ariaRole ?? (R ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": g ? void 0 : `${ha}-${x}`, "aria-label": p.ariaLabel, ...p.domAttributes, children: m.jsx(cg, { value: e, children: m.jsx(C, { id: e, data: p.data, type: S, positionAbsoluteX: b.positionAbsolute.x, positionAbsoluteY: b.positionAbsolute.y, selected: p.selected ?? !1, selectable: D, draggable: z, deletable: p.deletable ?? !0, isConnectable: H, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: M, dragHandle: p.dragHandle, zIndex: b.z, parentId: p.parentId, ...I }) }) });
 }
 var zg = P.memo(Ig);
 const Ag = (e) => ({
@@ -6730,7 +6730,7 @@ Hg.displayName = "SimpleBezierEdge";
 za.displayName = "SimpleBezierEdgeInternal";
 function Aa(e) {
   return P.memo(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: a, labelStyle: s, labelShowBg: l, labelBgStyle: c, labelBgPadding: d, labelBgBorderRadius: f, style: u, sourcePosition: h = Z.Bottom, targetPosition: g = Z.Top, markerEnd: x, markerStart: w, pathOptions: v, interactionWidth: k }) => {
-    const [p, b, E] = Wn({
+    const [p, b, E] = Xn({
       sourceX: n,
       sourceY: o,
       sourcePosition: h,
@@ -6796,11 +6796,11 @@ const Br = {
   sourcePosition: null,
   targetPosition: null,
   zIndex: void 0
-}, Zg = (e, t, n) => n === Z.Left ? e - t : n === Z.Right ? e + t : e, Xg = (e, t, n) => n === Z.Top ? e - t : n === Z.Bottom ? e + t : e, Vr = "react-flow__edgeupdater";
+}, Zg = (e, t, n) => n === Z.Left ? e - t : n === Z.Right ? e + t : e, Wg = (e, t, n) => n === Z.Top ? e - t : n === Z.Bottom ? e + t : e, Vr = "react-flow__edgeupdater";
 function Yr({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown: r, onMouseEnter: i, onMouseOut: a, type: s }) {
-  return m.jsx("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: a, className: ie([Vr, `${Vr}-${s}`]), cx: Zg(t, o, e), cy: Xg(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
+  return m.jsx("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: a, className: ie([Vr, `${Vr}-${s}`]), cx: Zg(t, o, e), cy: Wg(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
 }
-function Wg({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: a, sourcePosition: s, targetPosition: l, onReconnect: c, onReconnectStart: d, onReconnectEnd: f, setReconnecting: u, setUpdateHover: h }) {
+function Xg({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: a, sourcePosition: s, targetPosition: l, onReconnect: c, onReconnectStart: d, onReconnectEnd: f, setReconnecting: u, setUpdateHover: h }) {
   const g = ne(), x = (b, E) => {
     if (b.button !== 0)
       return;
@@ -6867,10 +6867,10 @@ function Kg({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       ...te || Hr,
       zIndex: ae
     };
-  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex, v]), re), X = P.useMemo(() => p.markerStart ? `url('#${Kn(p.markerStart, g)}')` : void 0, [p.markerStart, g]), F = P.useMemo(() => p.markerEnd ? `url('#${Kn(p.markerEnd, g)}')` : void 0, [p.markerEnd, g]);
+  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex, v]), re), W = P.useMemo(() => p.markerStart ? `url('#${Kn(p.markerStart, g)}')` : void 0, [p.markerStart, g]), F = P.useMemo(() => p.markerEnd ? `url('#${Kn(p.markerEnd, g)}')` : void 0, [p.markerEnd, g]);
   if (p.hidden || I === null || j === null || O === null || T === null)
     return null;
-  const W = (V) => {
+  const X = (V) => {
     const { addSelectedEdges: U, unselectNodesAndEdges: J, multiSelectionActive: te } = M.getState();
     D && (M.setState({ nodesSelectionActive: !1 }), p.selected && te ? (J({ nodes: [], edges: [p] }), H.current?.blur()) : U([e])), r && r(V, p);
   }, q = i ? (V) => {
@@ -6901,7 +6901,7 @@ function Kg({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       updating: R,
       selectable: D
     }
-  ]), onClick: W, onDoubleClick: q, onContextMenu: K, onMouseEnter: L, onMouseMove: Y, onMouseLeave: G, onKeyDown: C ? Q : void 0, tabIndex: C ? 0 : void 0, role: p.ariaRole ?? (C ? "group" : "img"), "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": C ? `${ga}-${g}` : void 0, ref: H, ...p.domAttributes, children: [!_ && m.jsx(S, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: D, deletable: p.deletable ?? !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: I, sourceY: j, targetX: O, targetY: T, sourcePosition: B, targetPosition: $, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: X, markerEnd: F, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), z && m.jsx(Wg, { edge: p, isReconnectable: z, reconnectRadius: d, onReconnect: f, onReconnectStart: u, onReconnectEnd: h, sourceX: I, sourceY: j, targetX: O, targetY: T, sourcePosition: B, targetPosition: $, setUpdateHover: A, setReconnecting: y })] }) });
+  ]), onClick: X, onDoubleClick: q, onContextMenu: K, onMouseEnter: L, onMouseMove: Y, onMouseLeave: G, onKeyDown: C ? Q : void 0, tabIndex: C ? 0 : void 0, role: p.ariaRole ?? (C ? "group" : "img"), "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": C ? `${ga}-${g}` : void 0, ref: H, ...p.domAttributes, children: [!_ && m.jsx(S, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: D, deletable: p.deletable ?? !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: I, sourceY: j, targetX: O, targetY: T, sourcePosition: B, targetPosition: $, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: W, markerEnd: F, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), z && m.jsx(Xg, { edge: p, isReconnectable: z, reconnectRadius: d, onReconnect: f, onReconnectStart: u, onReconnectEnd: h, sourceX: I, sourceY: j, targetX: O, targetY: T, sourcePosition: B, targetPosition: $, setUpdateHover: A, setReconnecting: y })] }) });
 }
 var qg = P.memo(Kg);
 const Gg = (e) => ({
@@ -6985,13 +6985,13 @@ const Va = ({ style: e, type: t = Re.Bezier, CustomComponent: n, isValid: o }) =
       [g] = Pa(x);
       break;
     case Re.Step:
-      [g] = Wn({
+      [g] = Xn({
         ...x,
         borderRadius: 0
       });
       break;
     case Re.SmoothStep:
-      [g] = Wn(x);
+      [g] = Xn(x);
       break;
     default:
       [g] = Ji(x);
@@ -7008,11 +7008,11 @@ function lp() {
   ne(), P.useRef(!1), P.useEffect(() => {
   }, []);
 }
-function Ya({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: a, onNodeMouseEnter: s, onNodeMouseMove: l, onNodeMouseLeave: c, onNodeContextMenu: d, onSelectionContextMenu: f, onSelectionStart: u, onSelectionEnd: h, connectionLineType: g, connectionLineStyle: x, connectionLineComponent: w, connectionLineContainerStyle: v, selectionKeyCode: k, selectionOnDrag: p, selectionMode: b, multiSelectionKeyCode: E, panActivationKeyCode: S, zoomActivationKeyCode: C, deleteKeyCode: z, onlyRenderVisibleElements: D, elementsSelectable: H, defaultViewport: R, translateExtent: A, minZoom: _, maxZoom: y, preventScrolling: M, defaultMarkerColor: N, zoomOnScroll: I, zoomOnPinch: j, panOnScroll: O, panOnScrollSpeed: T, panOnScrollMode: B, zoomOnDoubleClick: $, panOnDrag: X, autoPanOnSelection: F, onPaneClick: W, onPaneMouseEnter: q, onPaneMouseMove: K, onPaneMouseLeave: L, onPaneScroll: Y, onPaneContextMenu: G, paneClickDistance: Q, nodeClickDistance: V, onEdgeContextMenu: U, onEdgeMouseEnter: J, onEdgeMouseMove: te, onEdgeMouseLeave: ae, reconnectRadius: be, onReconnect: ve, onReconnectStart: we, onReconnectEnd: Te, noDragClassName: ze, noWheelClassName: dt, noPanClassName: $e, disableKeyboardA11y: Be, nodeExtent: de, rfId: Ne, viewport: Ee, onViewportChange: He, nodesDraggable: Sn }) {
-  return Zr(e), Zr(t), lp(), Jg(n), tp(Ee), m.jsx(_g, { onPaneClick: W, onPaneMouseEnter: q, onPaneMouseMove: K, onPaneMouseLeave: L, onPaneContextMenu: G, onPaneScroll: Y, paneClickDistance: Q, deleteKeyCode: z, selectionKeyCode: k, selectionOnDrag: p, selectionMode: b, onSelectionStart: u, onSelectionEnd: h, multiSelectionKeyCode: E, panActivationKeyCode: S, zoomActivationKeyCode: C, elementsSelectable: H, zoomOnScroll: I, zoomOnPinch: j, zoomOnDoubleClick: $, panOnScroll: O, panOnScrollSpeed: T, panOnScrollMode: B, panOnDrag: X, autoPanOnSelection: F, defaultViewport: R, translateExtent: A, minZoom: _, maxZoom: y, onSelectionContextMenu: f, preventScrolling: M, noDragClassName: ze, noWheelClassName: dt, noPanClassName: $e, disableKeyboardA11y: Be, onViewportChange: He, isControlledViewport: !!Ee, children: m.jsxs(Qg, { children: [m.jsx(Ug, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: a, onReconnect: ve, onReconnectStart: we, onReconnectEnd: Te, onlyRenderVisibleElements: D, onEdgeContextMenu: U, onEdgeMouseEnter: J, onEdgeMouseMove: te, onEdgeMouseLeave: ae, reconnectRadius: be, defaultMarkerColor: N, noPanClassName: $e, disableKeyboardA11y: Be, rfId: Ne }), m.jsx(ap, { style: x, type: g, component: w, containerStyle: v }), m.jsx("div", { className: "react-flow__edgelabel-renderer" }), m.jsx(Dg, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: s, onNodeMouseMove: l, onNodeMouseLeave: c, onNodeContextMenu: d, nodeClickDistance: V, onlyRenderVisibleElements: D, noPanClassName: $e, noDragClassName: ze, disableKeyboardA11y: Be, nodeExtent: de, rfId: Ne, nodesDraggable: Sn }), m.jsx("div", { className: "react-flow__viewport-portal" })] }) });
+function Ya({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: a, onNodeMouseEnter: s, onNodeMouseMove: l, onNodeMouseLeave: c, onNodeContextMenu: d, onSelectionContextMenu: f, onSelectionStart: u, onSelectionEnd: h, connectionLineType: g, connectionLineStyle: x, connectionLineComponent: w, connectionLineContainerStyle: v, selectionKeyCode: k, selectionOnDrag: p, selectionMode: b, multiSelectionKeyCode: E, panActivationKeyCode: S, zoomActivationKeyCode: C, deleteKeyCode: z, onlyRenderVisibleElements: D, elementsSelectable: H, defaultViewport: R, translateExtent: A, minZoom: _, maxZoom: y, preventScrolling: M, defaultMarkerColor: N, zoomOnScroll: I, zoomOnPinch: j, panOnScroll: O, panOnScrollSpeed: T, panOnScrollMode: B, zoomOnDoubleClick: $, panOnDrag: W, autoPanOnSelection: F, onPaneClick: X, onPaneMouseEnter: q, onPaneMouseMove: K, onPaneMouseLeave: L, onPaneScroll: Y, onPaneContextMenu: G, paneClickDistance: Q, nodeClickDistance: V, onEdgeContextMenu: U, onEdgeMouseEnter: J, onEdgeMouseMove: te, onEdgeMouseLeave: ae, reconnectRadius: be, onReconnect: ve, onReconnectStart: we, onReconnectEnd: Te, noDragClassName: ze, noWheelClassName: dt, noPanClassName: $e, disableKeyboardA11y: Be, nodeExtent: de, rfId: Ne, viewport: Ee, onViewportChange: He, nodesDraggable: Sn }) {
+  return Zr(e), Zr(t), lp(), Jg(n), tp(Ee), m.jsx(_g, { onPaneClick: X, onPaneMouseEnter: q, onPaneMouseMove: K, onPaneMouseLeave: L, onPaneContextMenu: G, onPaneScroll: Y, paneClickDistance: Q, deleteKeyCode: z, selectionKeyCode: k, selectionOnDrag: p, selectionMode: b, onSelectionStart: u, onSelectionEnd: h, multiSelectionKeyCode: E, panActivationKeyCode: S, zoomActivationKeyCode: C, elementsSelectable: H, zoomOnScroll: I, zoomOnPinch: j, zoomOnDoubleClick: $, panOnScroll: O, panOnScrollSpeed: T, panOnScrollMode: B, panOnDrag: W, autoPanOnSelection: F, defaultViewport: R, translateExtent: A, minZoom: _, maxZoom: y, onSelectionContextMenu: f, preventScrolling: M, noDragClassName: ze, noWheelClassName: dt, noPanClassName: $e, disableKeyboardA11y: Be, onViewportChange: He, isControlledViewport: !!Ee, children: m.jsxs(Qg, { children: [m.jsx(Ug, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: a, onReconnect: ve, onReconnectStart: we, onReconnectEnd: Te, onlyRenderVisibleElements: D, onEdgeContextMenu: U, onEdgeMouseEnter: J, onEdgeMouseMove: te, onEdgeMouseLeave: ae, reconnectRadius: be, defaultMarkerColor: N, noPanClassName: $e, disableKeyboardA11y: Be, rfId: Ne }), m.jsx(ap, { style: x, type: g, component: w, containerStyle: v }), m.jsx("div", { className: "react-flow__edgelabel-renderer" }), m.jsx(Dg, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: s, onNodeMouseMove: l, onNodeMouseLeave: c, onNodeContextMenu: d, nodeClickDistance: V, onlyRenderVisibleElements: D, noPanClassName: $e, noDragClassName: ze, disableKeyboardA11y: Be, nodeExtent: de, rfId: Ne, nodesDraggable: Sn }), m.jsx("div", { className: "react-flow__viewport-portal" })] }) });
 }
 Ya.displayName = "GraphView";
-const cp = P.memo(Ya), dp = Fi(), Xr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: a, fitViewOptions: s, minZoom: l = 0.5, maxZoom: c = 2, nodeOrigin: d, nodeExtent: f, zIndexMode: u = "basic" } = {}) => {
+const cp = P.memo(Ya), dp = Fi(), Wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: a, fitViewOptions: s, minZoom: l = 0.5, maxZoom: c = 2, nodeOrigin: d, nodeExtent: f, zIndexMode: u = "basic" } = {}) => {
   const h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), v = o ?? t ?? [], k = n ?? e ?? [], p = d ?? [0, 0], b = f ?? St;
   na(x, w, v);
   const { nodesInitialized: E } = qn(k, h, g, {
@@ -7105,7 +7105,7 @@ const cp = P.memo(Ya), dp = Fi(), Xr = ({ nodes: e, edges: t, defaultNodes: n, d
     }, k), p?.resolve(!0), h({ fitViewResolver: null }));
   }
   return {
-    ...Xr({
+    ...Wr({
       nodes: e,
       edges: t,
       width: r,
@@ -7297,7 +7297,7 @@ const cp = P.memo(Ya), dp = Fi(), Xr = ({ nodes: e, edges: t, defaultNodes: n, d
     updateConnection: (w) => {
       h({ connection: w });
     },
-    reset: () => h({ ...Xr() })
+    reset: () => h({ ...Wr() })
   };
 }, Object.is);
 function Fa({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: o, initialWidth: r, initialHeight: i, initialMinZoom: a, initialMaxZoom: s, initialFitViewOptions: l, fitView: c, nodeOrigin: d, nodeExtent: f, zIndexMode: u, children: h }) {
@@ -7328,11 +7328,11 @@ const hp = {
   position: "relative",
   zIndex: 0
 };
-function gp({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: a, onNodeClick: s, onEdgeClick: l, onInit: c, onMove: d, onMoveStart: f, onMoveEnd: u, onConnect: h, onConnectStart: g, onConnectEnd: x, onClickConnectStart: w, onClickConnectEnd: v, onNodeMouseEnter: k, onNodeMouseMove: p, onNodeMouseLeave: b, onNodeContextMenu: E, onNodeDoubleClick: S, onNodeDragStart: C, onNodeDrag: z, onNodeDragStop: D, onNodesDelete: H, onEdgesDelete: R, onDelete: A, onSelectionChange: _, onSelectionDragStart: y, onSelectionDrag: M, onSelectionDragStop: N, onSelectionContextMenu: I, onSelectionStart: j, onSelectionEnd: O, onBeforeDelete: T, connectionMode: B, connectionLineType: $ = Re.Bezier, connectionLineStyle: X, connectionLineComponent: F, connectionLineContainerStyle: W, deleteKeyCode: q = "Backspace", selectionKeyCode: K = "Shift", selectionOnDrag: L = !1, selectionMode: Y = kt.Full, panActivationKeyCode: G = "Space", multiSelectionKeyCode: Q = Ct() ? "Meta" : "Control", zoomActivationKeyCode: V = Ct() ? "Meta" : "Control", snapToGrid: U, snapGrid: J, onlyRenderVisibleElements: te = !1, selectNodesOnDrag: ae, nodesDraggable: be, autoPanOnNodeFocus: ve, nodesConnectable: we, nodesFocusable: Te, nodeOrigin: ze = pa, edgesFocusable: dt, edgesReconnectable: $e, elementsSelectable: Be = !0, defaultViewport: de = Th, minZoom: Ne = 0.5, maxZoom: Ee = 2, translateExtent: He = St, preventScrolling: Sn = !0, nodeExtent: kn, defaultMarkerColor: qa = "#b1b1b7", zoomOnScroll: Ga = !0, zoomOnPinch: Ua = !0, panOnScroll: Qa = !1, panOnScrollSpeed: Ja = 0.5, panOnScrollMode: es = Ze.Free, zoomOnDoubleClick: ts = !0, panOnDrag: ns = !0, onPaneClick: os, onPaneMouseEnter: rs, onPaneMouseMove: is, onPaneMouseLeave: as, onPaneScroll: ss, onPaneContextMenu: ls, paneClickDistance: cs = 1, nodeClickDistance: ds = 0, children: us, onReconnect: fs, onReconnectStart: hs, onReconnectEnd: gs, onEdgeContextMenu: ps, onEdgeDoubleClick: ms, onEdgeMouseEnter: ys, onEdgeMouseMove: bs, onEdgeMouseLeave: vs, reconnectRadius: ws = 10, onNodesChange: xs, onEdgesChange: Ss, noDragClassName: ks = "nodrag", noWheelClassName: _s = "nowheel", noPanClassName: xo = "nopan", fitView: So, fitViewOptions: ko, connectOnClick: Cs, attributionPosition: Ns, proOptions: Es, defaultEdgeOptions: Ms, elevateNodesOnSelect: Ps = !0, elevateEdgesOnSelect: Is = !1, disableKeyboardA11y: _o = !1, autoPanOnConnect: zs, autoPanOnNodeDrag: As, autoPanOnSelection: Ds = !0, autoPanSpeed: Os, connectionRadius: js, isValidConnection: Rs, onError: Ls, style: Ts, id: Co, nodeDragThreshold: $s, connectionDragThreshold: Bs, viewport: Hs, onViewportChange: Vs, width: Ys, height: Fs, colorMode: Zs = "light", debug: Xs, onScroll: No, ariaLabelConfig: Ws, zIndexMode: Eo = "basic", ...Ks }, qs) {
+function gp({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: a, onNodeClick: s, onEdgeClick: l, onInit: c, onMove: d, onMoveStart: f, onMoveEnd: u, onConnect: h, onConnectStart: g, onConnectEnd: x, onClickConnectStart: w, onClickConnectEnd: v, onNodeMouseEnter: k, onNodeMouseMove: p, onNodeMouseLeave: b, onNodeContextMenu: E, onNodeDoubleClick: S, onNodeDragStart: C, onNodeDrag: z, onNodeDragStop: D, onNodesDelete: H, onEdgesDelete: R, onDelete: A, onSelectionChange: _, onSelectionDragStart: y, onSelectionDrag: M, onSelectionDragStop: N, onSelectionContextMenu: I, onSelectionStart: j, onSelectionEnd: O, onBeforeDelete: T, connectionMode: B, connectionLineType: $ = Re.Bezier, connectionLineStyle: W, connectionLineComponent: F, connectionLineContainerStyle: X, deleteKeyCode: q = "Backspace", selectionKeyCode: K = "Shift", selectionOnDrag: L = !1, selectionMode: Y = kt.Full, panActivationKeyCode: G = "Space", multiSelectionKeyCode: Q = Ct() ? "Meta" : "Control", zoomActivationKeyCode: V = Ct() ? "Meta" : "Control", snapToGrid: U, snapGrid: J, onlyRenderVisibleElements: te = !1, selectNodesOnDrag: ae, nodesDraggable: be, autoPanOnNodeFocus: ve, nodesConnectable: we, nodesFocusable: Te, nodeOrigin: ze = pa, edgesFocusable: dt, edgesReconnectable: $e, elementsSelectable: Be = !0, defaultViewport: de = Th, minZoom: Ne = 0.5, maxZoom: Ee = 2, translateExtent: He = St, preventScrolling: Sn = !0, nodeExtent: kn, defaultMarkerColor: qa = "#b1b1b7", zoomOnScroll: Ga = !0, zoomOnPinch: Ua = !0, panOnScroll: Qa = !1, panOnScrollSpeed: Ja = 0.5, panOnScrollMode: es = Ze.Free, zoomOnDoubleClick: ts = !0, panOnDrag: ns = !0, onPaneClick: os, onPaneMouseEnter: rs, onPaneMouseMove: is, onPaneMouseLeave: as, onPaneScroll: ss, onPaneContextMenu: ls, paneClickDistance: cs = 1, nodeClickDistance: ds = 0, children: us, onReconnect: fs, onReconnectStart: hs, onReconnectEnd: gs, onEdgeContextMenu: ps, onEdgeDoubleClick: ms, onEdgeMouseEnter: ys, onEdgeMouseMove: bs, onEdgeMouseLeave: vs, reconnectRadius: ws = 10, onNodesChange: xs, onEdgesChange: Ss, noDragClassName: ks = "nodrag", noWheelClassName: _s = "nowheel", noPanClassName: xo = "nopan", fitView: So, fitViewOptions: ko, connectOnClick: Cs, attributionPosition: Ns, proOptions: Es, defaultEdgeOptions: Ms, elevateNodesOnSelect: Ps = !0, elevateEdgesOnSelect: Is = !1, disableKeyboardA11y: _o = !1, autoPanOnConnect: zs, autoPanOnNodeDrag: As, autoPanOnSelection: Ds = !0, autoPanSpeed: Os, connectionRadius: js, isValidConnection: Rs, onError: Ls, style: Ts, id: Co, nodeDragThreshold: $s, connectionDragThreshold: Bs, viewport: Hs, onViewportChange: Vs, width: Ys, height: Fs, colorMode: Zs = "light", debug: Ws, onScroll: No, ariaLabelConfig: Xs, zIndexMode: Eo = "basic", ...Ks }, qs) {
   const _n = Co || "1", Gs = Vh(Zs), Us = P.useCallback((Mo) => {
     Mo.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" }), No?.(Mo);
   }, [No]);
-  return m.jsx("div", { "data-testid": "rf__wrapper", ...Ks, onScroll: Us, style: { ...Ts, ...hp }, ref: qs, className: ie(["react-flow", r, Gs]), id: Co, role: "application", children: m.jsxs(fp, { nodes: e, edges: t, width: Ys, height: Fs, fitView: So, fitViewOptions: ko, minZoom: Ne, maxZoom: Ee, nodeOrigin: ze, nodeExtent: kn, zIndexMode: Eo, children: [m.jsx(Hh, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: g, onConnectEnd: x, onClickConnectStart: w, onClickConnectEnd: v, nodesDraggable: be, autoPanOnNodeFocus: ve, nodesConnectable: we, nodesFocusable: Te, edgesFocusable: dt, edgesReconnectable: $e, elementsSelectable: Be, elevateNodesOnSelect: Ps, elevateEdgesOnSelect: Is, minZoom: Ne, maxZoom: Ee, nodeExtent: kn, onNodesChange: xs, onEdgesChange: Ss, snapToGrid: U, snapGrid: J, connectionMode: B, translateExtent: He, connectOnClick: Cs, defaultEdgeOptions: Ms, fitView: So, fitViewOptions: ko, onNodesDelete: H, onEdgesDelete: R, onDelete: A, onNodeDragStart: C, onNodeDrag: z, onNodeDragStop: D, onSelectionDrag: M, onSelectionDragStart: y, onSelectionDragStop: N, onMove: d, onMoveStart: f, onMoveEnd: u, noPanClassName: xo, nodeOrigin: ze, rfId: _n, autoPanOnConnect: zs, autoPanOnNodeDrag: As, autoPanSpeed: Os, onError: Ls, connectionRadius: js, isValidConnection: Rs, selectNodesOnDrag: ae, nodeDragThreshold: $s, connectionDragThreshold: Bs, onBeforeDelete: T, debug: Xs, ariaLabelConfig: Ws, zIndexMode: Eo }), m.jsx(cp, { onInit: c, onNodeClick: s, onEdgeClick: l, onNodeMouseEnter: k, onNodeMouseMove: p, onNodeMouseLeave: b, onNodeContextMenu: E, onNodeDoubleClick: S, nodeTypes: i, edgeTypes: a, connectionLineType: $, connectionLineStyle: X, connectionLineComponent: F, connectionLineContainerStyle: W, selectionKeyCode: K, selectionOnDrag: L, selectionMode: Y, deleteKeyCode: q, multiSelectionKeyCode: Q, panActivationKeyCode: G, zoomActivationKeyCode: V, onlyRenderVisibleElements: te, defaultViewport: de, translateExtent: He, minZoom: Ne, maxZoom: Ee, preventScrolling: Sn, zoomOnScroll: Ga, zoomOnPinch: Ua, zoomOnDoubleClick: ts, panOnScroll: Qa, panOnScrollSpeed: Ja, panOnScrollMode: es, panOnDrag: ns, autoPanOnSelection: Ds, onPaneClick: os, onPaneMouseEnter: rs, onPaneMouseMove: is, onPaneMouseLeave: as, onPaneScroll: ss, onPaneContextMenu: ls, paneClickDistance: cs, nodeClickDistance: ds, onSelectionContextMenu: I, onSelectionStart: j, onSelectionEnd: O, onReconnect: fs, onReconnectStart: hs, onReconnectEnd: gs, onEdgeContextMenu: ps, onEdgeDoubleClick: ms, onEdgeMouseEnter: ys, onEdgeMouseMove: bs, onEdgeMouseLeave: vs, reconnectRadius: ws, defaultMarkerColor: qa, noDragClassName: ks, noWheelClassName: _s, noPanClassName: xo, rfId: _n, disableKeyboardA11y: _o, nodeExtent: kn, viewport: Hs, onViewportChange: Vs, nodesDraggable: be }), m.jsx(Lh, { onSelectionChange: _ }), us, m.jsx(Ah, { proOptions: Es, position: Ns }), m.jsx(zh, { rfId: _n, disableKeyboardA11y: _o })] }) });
+  return m.jsx("div", { "data-testid": "rf__wrapper", ...Ks, onScroll: Us, style: { ...Ts, ...hp }, ref: qs, className: ie(["react-flow", r, Gs]), id: Co, role: "application", children: m.jsxs(fp, { nodes: e, edges: t, width: Ys, height: Fs, fitView: So, fitViewOptions: ko, minZoom: Ne, maxZoom: Ee, nodeOrigin: ze, nodeExtent: kn, zIndexMode: Eo, children: [m.jsx(Hh, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: g, onConnectEnd: x, onClickConnectStart: w, onClickConnectEnd: v, nodesDraggable: be, autoPanOnNodeFocus: ve, nodesConnectable: we, nodesFocusable: Te, edgesFocusable: dt, edgesReconnectable: $e, elementsSelectable: Be, elevateNodesOnSelect: Ps, elevateEdgesOnSelect: Is, minZoom: Ne, maxZoom: Ee, nodeExtent: kn, onNodesChange: xs, onEdgesChange: Ss, snapToGrid: U, snapGrid: J, connectionMode: B, translateExtent: He, connectOnClick: Cs, defaultEdgeOptions: Ms, fitView: So, fitViewOptions: ko, onNodesDelete: H, onEdgesDelete: R, onDelete: A, onNodeDragStart: C, onNodeDrag: z, onNodeDragStop: D, onSelectionDrag: M, onSelectionDragStart: y, onSelectionDragStop: N, onMove: d, onMoveStart: f, onMoveEnd: u, noPanClassName: xo, nodeOrigin: ze, rfId: _n, autoPanOnConnect: zs, autoPanOnNodeDrag: As, autoPanSpeed: Os, onError: Ls, connectionRadius: js, isValidConnection: Rs, selectNodesOnDrag: ae, nodeDragThreshold: $s, connectionDragThreshold: Bs, onBeforeDelete: T, debug: Ws, ariaLabelConfig: Xs, zIndexMode: Eo }), m.jsx(cp, { onInit: c, onNodeClick: s, onEdgeClick: l, onNodeMouseEnter: k, onNodeMouseMove: p, onNodeMouseLeave: b, onNodeContextMenu: E, onNodeDoubleClick: S, nodeTypes: i, edgeTypes: a, connectionLineType: $, connectionLineStyle: W, connectionLineComponent: F, connectionLineContainerStyle: X, selectionKeyCode: K, selectionOnDrag: L, selectionMode: Y, deleteKeyCode: q, multiSelectionKeyCode: Q, panActivationKeyCode: G, zoomActivationKeyCode: V, onlyRenderVisibleElements: te, defaultViewport: de, translateExtent: He, minZoom: Ne, maxZoom: Ee, preventScrolling: Sn, zoomOnScroll: Ga, zoomOnPinch: Ua, zoomOnDoubleClick: ts, panOnScroll: Qa, panOnScrollSpeed: Ja, panOnScrollMode: es, panOnDrag: ns, autoPanOnSelection: Ds, onPaneClick: os, onPaneMouseEnter: rs, onPaneMouseMove: is, onPaneMouseLeave: as, onPaneScroll: ss, onPaneContextMenu: ls, paneClickDistance: cs, nodeClickDistance: ds, onSelectionContextMenu: I, onSelectionStart: j, onSelectionEnd: O, onReconnect: fs, onReconnectStart: hs, onReconnectEnd: gs, onEdgeContextMenu: ps, onEdgeDoubleClick: ms, onEdgeMouseEnter: ys, onEdgeMouseMove: bs, onEdgeMouseLeave: vs, reconnectRadius: ws, defaultMarkerColor: qa, noDragClassName: ks, noWheelClassName: _s, noPanClassName: xo, rfId: _n, disableKeyboardA11y: _o, nodeExtent: kn, viewport: Hs, onViewportChange: Vs, nodesDraggable: be }), m.jsx(Lh, { onSelectionChange: _ }), us, m.jsx(Ah, { proOptions: Es, position: Ns }), m.jsx(zh, { rfId: _n, disableKeyboardA11y: _o })] }) });
 }
 var pp = ba(gp);
 function mp({ dimensions: e, lineWidth: t, variant: n, className: o }) {
@@ -7402,7 +7402,7 @@ const Np = (e) => ({
   maxZoomReached: e.transform[2] >= e.maxZoom,
   ariaLabelConfig: e.ariaLabelConfig
 });
-function Xa({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: r, onZoomIn: i, onZoomOut: a, onFitView: s, onInteractiveChange: l, className: c, children: d, position: f = "bottom-left", orientation: u = "vertical", "aria-label": h }) {
+function Wa({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: r, onZoomIn: i, onZoomOut: a, onFitView: s, onInteractiveChange: l, className: c, children: d, position: f = "bottom-left", orientation: u = "vertical", "aria-label": h }) {
   const g = ne(), { isInteractive: x, minZoomReached: w, maxZoomReached: v, ariaLabelConfig: k } = ee(Np, re), { zoomIn: p, zoomOut: b, fitView: E } = vo(), S = () => {
     p(), i?.();
   }, C = () => {
@@ -7418,8 +7418,8 @@ function Xa({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
   };
   return m.jsxs(vn, { className: ie(["react-flow__controls", u === "horizontal" ? "horizontal" : "vertical", c]), position: f, style: e, "data-testid": "rf__controls", "aria-label": h ?? k["controls.ariaLabel"], children: [t && m.jsxs(m.Fragment, { children: [m.jsx(Vt, { onClick: S, className: "react-flow__controls-zoomin", title: k["controls.zoomIn.ariaLabel"], "aria-label": k["controls.zoomIn.ariaLabel"], disabled: v, children: m.jsx(xp, {}) }), m.jsx(Vt, { onClick: C, className: "react-flow__controls-zoomout", title: k["controls.zoomOut.ariaLabel"], "aria-label": k["controls.zoomOut.ariaLabel"], disabled: w, children: m.jsx(Sp, {}) })] }), n && m.jsx(Vt, { className: "react-flow__controls-fitview", onClick: z, title: k["controls.fitView.ariaLabel"], "aria-label": k["controls.fitView.ariaLabel"], children: m.jsx(kp, {}) }), o && m.jsx(Vt, { className: "react-flow__controls-interactive", onClick: D, title: k["controls.interactive.ariaLabel"], "aria-label": k["controls.interactive.ariaLabel"], children: x ? m.jsx(Cp, {}) : m.jsx(_p, {}) }), d] });
 }
-Xa.displayName = "Controls";
-const Ep = P.memo(Xa);
+Wa.displayName = "Controls";
+const Ep = P.memo(Wa);
 function Mp({ id: e, x: t, y: n, width: o, height: r, style: i, color: a, strokeColor: s, strokeWidth: l, className: c, borderRadius: d, shapeRendering: f, selected: u, onClick: h }) {
   const { background: g, backgroundColor: x } = i || {}, w = a || g || x;
   return m.jsx("rect", { className: ie(["react-flow__minimap-node", { selected: u }, c]), x: t, y: n, rx: d, ry: d, width: o, height: r, style: {
@@ -7489,8 +7489,8 @@ const jp = 200, Rp = 150, Lp = (e) => !e.hidden, Tp = (e) => {
     flowHeight: e.height,
     ariaLabelConfig: e.ariaLabelConfig
   };
-}, Wr = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, $p = (e, t) => Wr(e.viewBB, t.viewBB) && Wr(e.boundingRect, t.boundingRect) && e.rfId === t.rfId && e.panZoom === t.panZoom && e.translateExtent === t.translateExtent && e.flowWidth === t.flowWidth && e.flowHeight === t.flowHeight && e.ariaLabelConfig === t.ariaLabelConfig, Bp = "react-flow__minimap-desc";
-function Wa({
+}, Xr = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, $p = (e, t) => Xr(e.viewBB, t.viewBB) && Xr(e.boundingRect, t.boundingRect) && e.rfId === t.rfId && e.panZoom === t.panZoom && e.translateExtent === t.translateExtent && e.flowWidth === t.flowWidth && e.flowHeight === t.flowHeight && e.ariaLabelConfig === t.ariaLabelConfig, Bp = "react-flow__minimap-desc";
+function Xa({
   style: e,
   className: t,
   nodeStrokeColor: n,
@@ -7517,7 +7517,7 @@ function Wa({
   zoomStep: p = 1,
   offsetScale: b = 5
 }) {
-  const E = ne(), S = P.useRef(null), { boundingRect: C, viewBB: z, rfId: D, panZoom: H, translateExtent: R, flowWidth: A, flowHeight: _, ariaLabelConfig: y } = ee(Tp, $p), M = e?.width ?? jp, N = e?.height ?? Rp, I = C.width / M, j = C.height / N, O = Math.max(I, j), T = O * M, B = O * N, $ = b * O, X = C.x - (T - C.width) / 2 - $, F = C.y - (B - C.height) / 2 - $, W = T + $ * 2, q = B + $ * 2, K = `${Bp}-${D}`, L = P.useRef(0), Y = P.useRef();
+  const E = ne(), S = P.useRef(null), { boundingRect: C, viewBB: z, rfId: D, panZoom: H, translateExtent: R, flowWidth: A, flowHeight: _, ariaLabelConfig: y } = ee(Tp, $p), M = e?.width ?? jp, N = e?.height ?? Rp, I = C.width / M, j = C.height / N, O = Math.max(I, j), T = O * M, B = O * N, $ = b * O, W = C.x - (T - C.width) / 2 - $, F = C.y - (B - C.height) / 2 - $, X = T + $ * 2, q = B + $ * 2, K = `${Bp}-${D}`, L = P.useRef(0), Y = P.useRef();
   L.current = O, P.useEffect(() => {
     if (S.current && H)
       return Y.current = Qf({
@@ -7555,11 +7555,11 @@ function Wa({
     "--xy-minimap-node-background-color-props": typeof o == "string" ? o : 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: ie(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: m.jsxs("svg", { width: M, height: N, viewBox: `${X} ${F} ${W} ${q}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": K, ref: S, onClick: G, children: [V && m.jsx("title", { id: K, children: V }), m.jsx(Op, { onClick: Q, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: a, nodeComponent: s }), m.jsx("path", { className: "react-flow__minimap-mask", d: `M${X - $},${F - $}h${W + $ * 2}v${q + $ * 2}h${-W - $ * 2}z
+  }, className: ie(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: m.jsxs("svg", { width: M, height: N, viewBox: `${W} ${F} ${X} ${q}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": K, ref: S, onClick: G, children: [V && m.jsx("title", { id: K, children: V }), m.jsx(Op, { onClick: Q, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: a, nodeComponent: s }), m.jsx("path", { className: "react-flow__minimap-mask", d: `M${W - $},${F - $}h${X + $ * 2}v${q + $ * 2}h${-X - $ * 2}z
         M${z.x},${z.y}h${z.width}v${z.height}h${-z.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
-Wa.displayName = "MiniMap";
-const Hp = P.memo(Wa), Vp = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Yp = {
+Xa.displayName = "MiniMap";
+const Hp = P.memo(Xa), Vp = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Yp = {
   [lt.Line]: "right",
   [lt.Handle]: "bottom-right"
 };
@@ -7584,18 +7584,18 @@ function Fp({ nodeId: e, position: t, variant: n = lt.Handle, className: o, styl
         onChange: (R, A) => {
           const { triggerNodeChanges: _, nodeLookup: y, parentLookup: M, nodeOrigin: N } = b.getState(), I = [], j = { x: R.x, y: R.y }, O = y.get(p);
           if (O && O.expandParent && O.parentId) {
-            const T = O.origin ?? N, B = R.width ?? O.measured.width ?? 0, $ = R.height ?? O.measured.height ?? 0, X = {
+            const T = O.origin ?? N, B = R.width ?? O.measured.width ?? 0, $ = R.height ?? O.measured.height ?? 0, W = {
               id: O.id,
               parentId: O.parentId,
               rect: {
                 width: B,
                 height: $,
-                ...Xi({
+                ...Wi({
                   x: R.x ?? O.position.x,
                   y: R.y ?? O.position.y
                 }, { width: B, height: $ }, O.parentId, y, T)
               }
-            }, F = bo([X], y, M, N);
+            }, F = bo([W], y, M, N);
             I.push(...F), j.x = R.x ? Math.max(T[0] * B, R.x) : void 0, j.y = R.y ? Math.max(T[1] * $, R.y) : void 0;
           }
           if (j.x !== void 0 && j.y !== void 0) {
@@ -7699,7 +7699,7 @@ const Zp = ({
       ]
     }
   );
-}, Xp = { bit: Zp }, Wp = 400, ln = 280, Ka = 0.6, Kr = (e, t) => {
+}, Wp = { bit: Zp }, Xp = 400, ln = 280, Ka = 0.6, Kr = (e, t) => {
   const n = Math.max(ln, t * Ka);
   return Math.round(Math.min(Math.max(e, ln), n));
 }, Kp = 16, qp = 64, Gp = ({
@@ -7762,7 +7762,7 @@ const Zp = ({
       onError: (_) => s.current.onError?.(_)
     }),
     []
-  ), c = Jn(l), d = Ur(t), [f, u] = P.useState(!1), [h, g] = P.useState(null), [x, w] = P.useState(Wp), v = qr(["palette"]), k = qr(), p = P.useRef(null), b = P.useCallback(
+  ), c = Jn(l), d = Ur(t), [f, u] = P.useState(!1), [h, g] = P.useState(null), [x, w] = P.useState(Xp), v = qr(["palette"]), k = qr(), p = P.useRef(null), b = P.useCallback(
     (_, y) => ke(_e, _, d, y),
     [d]
   );
@@ -7907,7 +7907,7 @@ const Zp = ({
           {
             nodes: z,
             edges: H,
-            nodeTypes: Xp,
+            nodeTypes: Wp,
             nodesDraggable: !n,
             nodesConnectable: !n,
             edgesReconnectable: !n,