@infinit-canvas/react 0.1.22 → 0.1.23

package/dist/react-infinite-canvas.js

@@ -89,73 +89,73 @@ function Jo(t) {
   const { width: e, height: n } = br(t);
   return { x: t.position.x, y: t.position.y, width: e, height: n };
 }
-const Mr = `var Pa = null, r = null, ir = 0, lr = 0, M = { x: 0, y: 0, zoom: 1 }, X = [], C = [], G = [], F = !1, Zt = 40, Ct = !1, Fr = "lines", ua = 1, Ze = null, oe = null, Mr = null, Ge = {}, ei = {}, ie = {}, Ie = {}, le = 0, L = 160, B = 60, qa = 8, Do = 5;
+const Mr = `var qa = null, r = null, fr = 0, vr = 0, M = { x: 0, y: 0, zoom: 1 }, Y = [], W = [], C = [], F = !1, Ze = 40, We = !1, Nr = "lines", da = 1, Kt = null, lt = null, Tr = null, It = {}, tl = {}, it = {}, Zt = {}, Ia = 0, L = 160, B = 60, Ga = 8, Do = 5;
 function y(a) {
   return a._absolutePosition || a.position;
 }
-function ci(a, e, t, i, l) {
+function cl(a, t, e, l, i) {
   if (a.x !== void 0 && a.y !== void 0)
-    return { x: e + a.x, y: t + a.y };
+    return { x: t + a.x, y: e + a.y };
   var o = a.position || (a.type === "source" ? "right" : "left");
   switch (o) {
     case "top":
-      return { x: e + i / 2, y: t };
+      return { x: t + l / 2, y: e };
     case "bottom":
-      return { x: e + i / 2, y: t + l };
+      return { x: t + l / 2, y: e + i };
     case "left":
-      return { x: e, y: t + l / 2 };
+      return { x: t, y: e + i / 2 };
     case "right":
-      return { x: e + i, y: t + l / 2 };
+      return { x: t + l, y: e + i / 2 };
     default:
-      return { x: e + i, y: t + l / 2 };
+      return { x: t + l, y: e + i / 2 };
   }
 }
-function ti(a) {
-  var e = a.width || L, t = a.height || B;
+function el(a) {
+  var t = a.width || L, e = a.height || B;
   if (a.handles && a.handles.length > 0)
-    return a.handles.map(function(u) {
-      var g = ci(u, y(a).x, y(a).y, e, t);
-      return { id: u.id || null, type: u.type, x: g.x, y: g.y, position: u.position };
+    return a.handles.map(function(n) {
+      var g = cl(n, y(a).x, y(a).y, t, e);
+      return { id: n.id || null, type: n.type, x: g.x, y: g.y, position: n.position };
     });
-  var i = a.targetPosition || "left", l = a.sourcePosition || "right", o = y(a);
-  function f(u) {
-    switch (u) {
+  var l = a.targetPosition || "left", i = a.sourcePosition || "right", o = y(a);
+  function f(n) {
+    switch (n) {
       case "top":
-        return { x: o.x + e / 2, y: o.y };
+        return { x: o.x + t / 2, y: o.y };
       case "bottom":
-        return { x: o.x + e / 2, y: o.y + t };
+        return { x: o.x + t / 2, y: o.y + e };
       case "left":
-        return { x: o.x, y: o.y + t / 2 };
+        return { x: o.x, y: o.y + e / 2 };
       case "right":
-        return { x: o.x + e, y: o.y + t / 2 };
+        return { x: o.x + t, y: o.y + e / 2 };
       default:
-        return { x: o.x + e, y: o.y + t / 2 };
+        return { x: o.x + t, y: o.y + e / 2 };
     }
   }
-  var h = f(i), x = f(l);
+  var h = f(l), x = f(i);
   return [
-    { id: null, type: "target", x: h.x, y: h.y, position: i },
-    { id: null, type: "source", x: x.x, y: x.y, position: l }
+    { id: null, type: "target", x: h.x, y: h.y, position: l },
+    { id: null, type: "source", x: x.x, y: x.y, position: i }
   ];
 }
-var Wt = {}, ne = !0;
-function Vi(a) {
-  ne && (Wt = {}, ne = !1);
-  var e = Wt[a.id];
-  return e || (e = ti(a), Wt[a.id] = e, e);
-}
-function Ke(a, e, t) {
-  for (var i = Vi(a), l = 0; l < i.length; l++)
-    if (i[l].type === e)
-      if (t) {
-        if (i[l].id === t) return i[l];
+var Pe = {}, nt = !0;
+function Vl(a) {
+  nt && (Pe = {}, nt = !1);
+  var t = Pe[a.id];
+  return t || (t = el(a), Pe[a.id] = t, t);
+}
+function bt(a, t, e) {
+  for (var l = Vl(a), i = 0; i < l.length; i++)
+    if (l[i].type === t)
+      if (e) {
+        if (l[i].id === e) return l[i];
       } else
-        return i[l];
+        return l[i];
   var o = a.width || L, f = a.height || B;
-  return e === "source" ? { x: y(a).x + o, y: y(a).y + f / 2 } : { x: y(a).x, y: y(a).y + f / 2 };
+  return t === "source" ? { x: y(a).x + o, y: y(a).y + f / 2 } : { x: y(a).x, y: y(a).y + f / 2 };
 }
 var k = {};
-function Kt() {
+function Ke() {
   k = {
     grid: F ? "rgba(255,255,255,0.07)" : "rgba(0,0,0,0.07)",
     origin: F ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.15)",
@@ -176,855 +176,859 @@ function Kt() {
     handleFill: "#ffffff",
     handleBorder: "#3b82f6",
     connectionLine: "#3b82f6"
-  }, Ia = !0;
-}
-Kt();
-var Ni = ["#534AB7", "#0F6E56", "#993C1D", "#185FA5"], te = 8, Di = "500 11px system-ui, sans-serif", Oi = "400 11px system-ui, sans-serif", ji = "10px monospace", Oo = "500 13px system-ui, sans-serif", Yi = "400 11px system-ui, sans-serif", Ur = 400, fe = {}, be = !0;
-function Xi() {
-  fe = {};
-  for (var a = 0; a < X.length; a++)
-    for (var e = X[a], t = Math.floor(e.x / Ur), i = Math.floor(e.y / Ur), l = Math.floor((e.x + e.w) / Ur), o = Math.floor((e.y + e.h) / Ur), f = t; f <= l; f++)
-      for (var h = i; h <= o; h++) {
+  }, Za = !0;
+}
+Ke();
+var Nl = ["#534AB7", "#0F6E56", "#993C1D", "#185FA5"], ot = 8, Dl = "500 11px system-ui, sans-serif", Ol = "400 11px system-ui, sans-serif", jl = "10px monospace", Oo = "500 13px system-ui, sans-serif", Yl = "400 11px system-ui, sans-serif", Dr = 400, ft = {}, Jt = !0;
+function Xl() {
+  ft = {};
+  for (var a = 0; a < Y.length; a++)
+    for (var t = Y[a], e = Math.floor(t.x / Dr), l = Math.floor(t.y / Dr), i = Math.floor((t.x + t.w) / Dr), o = Math.floor((t.y + t.h) / Dr), f = e; f <= i; f++)
+      for (var h = l; h <= o; h++) {
         var x = f + "," + h;
-        fe[x] || (fe[x] = []), fe[x].push(a);
+        ft[x] || (ft[x] = []), ft[x].push(a);
       }
-  be = !1;
-}
-function jo(a, e, t, i) {
-  be && Xi();
-  for (var l = {}, o = [], f = Math.floor(a / Ur), h = Math.floor(e / Ur), x = Math.floor(t / Ur), u = Math.floor(i / Ur), g = f; g <= x; g++)
-    for (var v = h; v <= u; v++) {
-      var s = g + "," + v, d = fe[s];
-      if (d)
-        for (var n = 0; n < d.length; n++) {
-          var T = d[n];
-          l[T] || (l[T] = !0, o.push(T));
+  Jt = !1;
+}
+function jo(a, t, e, l) {
+  Jt && Xl();
+  for (var i = {}, o = [], f = Math.floor(a / Dr), h = Math.floor(t / Dr), x = Math.floor(e / Dr), n = Math.floor(l / Dr), g = f; g <= x; g++)
+    for (var v = h; v <= n; v++) {
+      var u = g + "," + v, s = ft[u];
+      if (s)
+        for (var d = 0; d < s.length; d++) {
+          var T = s[d];
+          i[T] || (i[T] = !0, o.push(T));
         }
     }
   return o;
 }
-var cr = 500, ve = {}, sa = !0;
-function $t() {
-  ve = {};
-  for (var a = 0; a < C.length; a++) {
-    var e = C[a];
-    if (!e.hidden)
-      for (var t = y(e), i = e.width || L, l = e.height || B, o = Math.floor(t.x / cr), f = Math.floor(t.y / cr), h = Math.floor((t.x + i) / cr), x = Math.floor((t.y + l) / cr), u = o; u <= h; u++)
+var Or = 500, vt = {}, jr = !0;
+function $e() {
+  vt = {};
+  for (var a = 0; a < W.length; a++) {
+    var t = W[a];
+    if (!t.hidden)
+      for (var e = y(t), l = t.width || L, i = t.height || B, o = Math.floor(e.x / Or), f = Math.floor(e.y / Or), h = Math.floor((e.x + l) / Or), x = Math.floor((e.y + i) / Or), n = o; n <= h; n++)
         for (var g = f; g <= x; g++) {
-          var v = u + "," + g;
-          ve[v] || (ve[v] = []), ve[v].push(a);
+          var v = n + "," + g;
+          vt[v] || (vt[v] = []), vt[v].push(a);
         }
   }
-  sa = !1;
-}
-function oi(a, e, t, i) {
-  sa && $t();
-  for (var l = {}, o = [], f = Math.floor(a / cr), h = Math.floor(e / cr), x = Math.floor(t / cr), u = Math.floor(i / cr), g = f; g <= x; g++)
-    for (var v = h; v <= u; v++) {
-      var s = g + "," + v, d = ve[s];
-      if (d)
-        for (var n = 0; n < d.length; n++) {
-          var T = d[n];
-          l[T] || (l[T] = !0, o.push(T));
+  jr = !1;
+}
+function ol(a, t, e, l) {
+  jr && $e();
+  for (var i = {}, o = [], f = Math.floor(a / Or), h = Math.floor(t / Or), x = Math.floor(e / Or), n = Math.floor(l / Or), g = f; g <= x; g++)
+    for (var v = h; v <= n; v++) {
+      var u = g + "," + v, s = vt[u];
+      if (s)
+        for (var d = 0; d < s.length; d++) {
+          var T = s[d];
+          i[T] || (i[T] = !0, o.push(T));
         }
     }
   return o;
 }
-var da = {}, na = !0;
-function Je() {
-  da = {};
-  for (var a = 0; a < C.length; a++)
-    da[C[a].id] = C[a];
-  na = !1;
+var ya = {}, sa = !0;
+function Qt() {
+  ya = {};
+  for (var a = 0; a < W.length; a++)
+    ya[W[a].id] = W[a];
+  sa = !1;
 }
 function Yo(a) {
-  return na && Je(), da[a];
-}
-var Br = {}, Qe = !0;
-function Hi() {
-  Br = {};
-  for (var a = 0; a < G.length; a++) {
-    var e = G[a];
-    Br[e.source] || (Br[e.source] = []), Br[e.source].push(a), e.source !== e.target && (Br[e.target] || (Br[e.target] = []), Br[e.target].push(a));
+  return sa && Qt(), ya[a];
+}
+var Er = {}, $t = !0;
+function Hl() {
+  Er = {};
+  for (var a = 0; a < C.length; a++) {
+    var t = C[a];
+    Er[t.source] || (Er[t.source] = []), Er[t.source].push(a), t.source !== t.target && (Er[t.target] || (Er[t.target] = []), Er[t.target].push(a));
   }
-  Qe = !1;
-}
-var ha = null, ii = 0, li = 0, fi = "", Ia = !0;
-function pi(a) {
-  ha || (ha = new OffscreenCanvas(1, 1));
-  var e = Math.ceil(a), t = Math.ceil(a);
-  if (e < 2 || t < 2) return !1;
-  e > 512 && (e = 512), t > 512 && (t = 512), ha.width = e, ha.height = t, ii = e, li = a, fi = Fr, Ia = !1;
-  var i = ha.getContext("2d");
-  i.clearRect(0, 0, e, t);
-  var l = Ze || k.grid;
-  if (Fr === "dots") {
-    i.fillStyle = l;
-    var o = ua * M.zoom;
-    i.beginPath(), i.arc(0, 0, o, 0, 6.2832), i.fill();
-  } else if (Fr === "cross") {
-    i.strokeStyle = l, i.lineWidth = ua;
+  $t = !1;
+}
+var ua = null, ll = 0, il = 0, fl = "", Za = !0;
+function pl(a) {
+  ua || (ua = new OffscreenCanvas(1, 1));
+  var t = Math.ceil(a), e = Math.ceil(a);
+  if (t < 2 || e < 2) return !1;
+  t > 512 && (t = 512), e > 512 && (e = 512), ua.width = t, ua.height = e, ll = t, il = a, fl = Nr, Za = !1;
+  var l = ua.getContext("2d");
+  l.clearRect(0, 0, t, e);
+  var i = Kt || k.grid;
+  if (Nr === "dots") {
+    l.fillStyle = i;
+    var o = da * M.zoom;
+    l.beginPath(), l.arc(0, 0, o, 0, 6.2832), l.fill();
+  } else if (Nr === "cross") {
+    l.strokeStyle = i, l.lineWidth = da;
     var f = 3 * M.zoom;
-    i.beginPath(), i.moveTo(-f, 0), i.lineTo(f, 0), i.moveTo(0, -f), i.lineTo(0, f), i.stroke();
+    l.beginPath(), l.moveTo(-f, 0), l.lineTo(f, 0), l.moveTo(0, -f), l.lineTo(0, f), l.stroke();
   } else
-    i.beginPath(), i.strokeStyle = l, i.lineWidth = ua * 0.5, i.moveTo(0.5, 0), i.lineTo(0.5, t), i.moveTo(0, 0.5), i.lineTo(e, 0.5), i.stroke();
+    l.beginPath(), l.strokeStyle = i, l.lineWidth = da * 0.5, l.moveTo(0.5, 0), l.lineTo(0.5, e), l.moveTo(0, 0.5), l.lineTo(t, 0.5), l.stroke();
   return !0;
 }
-var Xo = 0, Pt = 0, Ho = 0, po = 0, bt = 0, he = !1;
+var Xo = 0, qe = 0, Ho = 0, po = 0, be = 0, ht = !1;
 console.log("[worker] script loaded v2 - FRESH");
 self.postMessage({ type: "ping", data: { status: "alive" } });
 self.onmessage = function(a) {
   try {
-    var e = a.data.type, t = a.data.data;
-    switch (e) {
+    var t = a.data.type, e = a.data.data;
+    switch (t) {
       case "init":
-        Pa = t.canvas, r = Pa.getContext("2d"), ir = t.width, lr = t.height, Pa.width = ir, Pa.height = lr, M = t.camera, X = t.cards || [], C = t.nodes || [], G = t.edges || [], F = t.dark, t.gridSize && (Zt = t.gridSize), t.edgeRouting !== void 0 && (Ga = !!t.edgeRouting), Kt(), be = !0, na = !0, sa = !0, ne = !0, Qe = !0, he = G.some(function(D) {
-          return D.animated;
-        }), console.log("[worker] init done — canvas:", ir, "x", lr, "| cards:", X.length, "| nodes:", C.length, "| edges:", G.length, "| routing:", Ga), $e(), self.postMessage({ type: "ready" }), he && ri();
+        qa = e.canvas, r = qa.getContext("2d"), fr = e.width, vr = e.height, qa.width = fr, qa.height = vr, M = e.camera, Y = e.cards || [], W = e.nodes || [], C = e.edges || [], F = e.dark, e.gridSize && (Ze = e.gridSize), e.edgeRouting !== void 0 && (Vr = !!e.edgeRouting), Ke(), Jt = !0, sa = !0, jr = !0, nt = !0, $t = !0, ht = C.some(function(X) {
+          return X.animated;
+        }), console.log("[worker] init done — canvas:", fr, "x", vr, "| cards:", Y.length, "| nodes:", W.length, "| edges:", C.length, "| routing:", Vr), Ft(), self.postMessage({ type: "ready" }), ht && rl();
         break;
       case "resize":
-        ir = t.width, lr = t.height, Pa.width = ir, Pa.height = lr, Ia = !0, $e();
+        fr = e.width, vr = e.height, qa.width = fr, qa.height = vr, Za = !0, Ft();
         break;
       case "camera":
-        M = t.camera, Ia = !0, $();
+        M = e.camera, Za = !0, $();
         break;
       case "cards":
-        X = t.cards, be = !0, $();
+        Y = e.cards, Jt = !0, $();
         break;
       case "nodes":
-        C = t.nodes, le = 0;
-        for (var i = 0; i < C.length; i++)
-          C[i].dragging && le++;
-        na = !0, sa = !0, ne = !0, $(), It(), self.postMessage({ type: "nodesProcessed", data: { nodeCount: C.length } });
+        W = e.nodes, Ia = 0;
+        for (var l = 0; l < W.length; l++)
+          W[l].dragging && Ia++;
+        sa = !0, jr = !0, nt = !0, $(), Gt(), self.postMessage({ type: "nodesProcessed", data: { nodeCount: W.length } });
         break;
       case "nodePositions":
-        na && Je();
-        for (var l = t.updates, o = 0, f = 0; f < l.length; f++) {
-          var h = l[f], x = da[h.id];
+        sa && Qt();
+        for (var i = e.updates, o = 0, f = 0; f < i.length; f++) {
+          var h = i[f], x = ya[h.id];
           x && (x.position = h.position, h._absolutePosition && (x._absolutePosition = h._absolutePosition), h.width !== void 0 && (x.width = h.width), h.height !== void 0 && (x.height = h.height), h.dragging && !x.dragging ? o++ : !h.dragging && x.dragging && o--, x.dragging = h.dragging, x.selected = h.selected);
         }
-        le = Math.max(0, le + o), ne = !0, l.length > 10 && (sa = !0), $();
+        if (Ia = Math.max(0, Ia + o), nt = !0, Vr)
+          for (var n = 0; n < i.length; n++)
+            for (var g = i[n].id, v = 0; v < C.length; v++)
+              (C[v].source === g || C[v].target === g) && (C[v]._routedPoints = null);
+        i.length > 10 && (jr = !0), Vr && Ia === 0 && o < 0 && (jr = !0, Gt()), $();
         break;
       case "nodeSelections":
-        na && Je();
-        for (var u = t.selections, g = 0; g < u.length; g++) {
-          var v = u[g], s = da[v.id];
-          s && (s.selected = v.selected);
+        sa && Qt();
+        for (var u = e.selections, s = 0; s < u.length; s++) {
+          var d = u[s], T = ya[d.id];
+          T && (T.selected = d.selected);
         }
         $();
         break;
       case "edgeSelections":
-        for (var d = t.selections, n = 0; n < d.length; n++) {
-          for (var T = d[n], I = null, A = 0; A < G.length; A++)
-            if (G[A].id === T.id) {
-              I = G[A];
+        for (var Z = e.selections, _ = 0; _ < Z.length; _++) {
+          for (var K = Z[_], ar = null, tr = 0; tr < C.length; tr++)
+            if (C[tr].id === K.id) {
+              ar = C[tr];
               break;
             }
-          I && (I.selected = T.selected);
+          ar && (ar.selected = K.selected);
         }
         $();
         break;
       case "edges":
-        G = t.edges, Qe = !0, he = G.some(function(D) {
-          return D.animated;
-        }), he && ri(), $(), It();
+        C = e.edges, $t = !0, ht = C.some(function(X) {
+          return X.animated;
+        }), ht && rl(), $(), Gt();
         break;
       case "theme":
-        F = t.dark, Kt(), $();
+        F = e.dark, Ke(), $();
         break;
       case "connecting":
-        oe = t, $();
+        lt = e, $();
         break;
       case "selectionBox":
-        Mr = t, $();
+        Tr = e, $();
         break;
       case "background":
-        t.variant && (Fr = t.variant), t.gap && (Zt = t.gap), t.size && (ua = t.size), Ze = t.color || null, Ia = !0, $();
+        e.variant && (Nr = e.variant), e.gap && (Ze = e.gap), e.size && (da = e.size), Kt = e.color || null, Za = !0, $();
         break;
       case "nodeTypeBitmaps":
-        Ge = t.bitmaps || {}, $();
+        It = e.bitmaps || {}, $();
         break;
       case "nodeBitmaps":
-        ei = t.cache || {}, ie = t.keys || {}, $();
+        tl = e.cache || {}, it = e.keys || {}, $();
         break;
       case "nodeTypeConfigs":
-        Ie = t.configs || {}, $();
+        Zt = e.configs || {}, $();
         break;
       case "edgeRouting":
-        if (Ga = !!t.enabled, Ga)
-          It();
+        if (Vr = !!e.enabled, Vr)
+          Gt();
         else {
-          for (var Z = 0; Z < G.length; Z++)
-            G[Z]._routedPoints = null;
+          for (var hr = 0; hr < C.length; hr++)
+            C[hr]._routedPoints = null;
           $();
         }
         break;
     }
-  } catch (D) {
-    console.error("[worker] error:", D);
+  } catch (X) {
+    console.error("[worker] error:", X);
   }
 };
 function $() {
-  Ct || (Ct = !0, requestAnimationFrame(function() {
-    Ct = !1, $e();
+  We || (We = !0, requestAnimationFrame(function() {
+    We = !1, Ft();
   }));
 }
-var qt = !1;
-function ri() {
-  if (qt) return;
-  qt = !0;
+var Ge = !1;
+function rl() {
+  if (Ge) return;
+  Ge = !0;
   function a() {
-    if (!he) {
-      qt = !1;
+    if (!ht) {
+      Ge = !1;
       return;
     }
-    bt = (bt + 0.5) % 20, $e(), requestAnimationFrame(a);
+    be = (be + 0.5) % 20, Ft(), requestAnimationFrame(a);
   }
   requestAnimationFrame(a);
 }
-function ai(a, e) {
-  var t = 6;
-  a.moveTo(e[0].x, e[0].y);
-  for (var i = 1; i < e.length - 1; i++) {
-    var l = e[i - 1], o = e[i], f = e[i + 1], h = Math.abs(o.x - l.x) + Math.abs(o.y - l.y), x = Math.abs(f.x - o.x) + Math.abs(f.y - o.y), u = Math.min(t, h / 2, x / 2);
-    if (u > 0.5) {
-      var g = o.x - l.x, v = o.y - l.y, s = f.x - o.x, d = f.y - o.y, n = Math.sqrt(g * g + v * v) || 1, T = Math.sqrt(s * s + d * d) || 1;
-      a.lineTo(o.x - g / n * u, o.y - v / n * u), a.quadraticCurveTo(o.x, o.y, o.x + s / T * u, o.y + d / T * u);
+function al(a, t) {
+  var e = 6;
+  a.moveTo(t[0].x, t[0].y);
+  for (var l = 1; l < t.length - 1; l++) {
+    var i = t[l - 1], o = t[l], f = t[l + 1], h = Math.abs(o.x - i.x) + Math.abs(o.y - i.y), x = Math.abs(f.x - o.x) + Math.abs(f.y - o.y), n = Math.min(e, h / 2, x / 2);
+    if (n > 0.5) {
+      var g = o.x - i.x, v = o.y - i.y, u = f.x - o.x, s = f.y - o.y, d = Math.sqrt(g * g + v * v) || 1, T = Math.sqrt(u * u + s * s) || 1;
+      a.lineTo(o.x - g / d * n, o.y - v / d * n), a.quadraticCurveTo(o.x, o.y, o.x + u / T * n, o.y + s / T * n);
     } else
       a.lineTo(o.x, o.y);
   }
-  a.lineTo(e[e.length - 1].x, e[e.length - 1].y);
-}
-function rl(a) {
-  for (var e = 0, t = 1; t < a.length; t++)
-    e += Math.abs(a[t].x - a[t - 1].x) + Math.abs(a[t].y - a[t - 1].y);
-  for (var i = e / 2, l = 1; l < a.length; l++) {
-    var o = Math.abs(a[l].x - a[l - 1].x) + Math.abs(a[l].y - a[l - 1].y);
-    if (i <= o) {
-      var f = o > 0 ? i / o : 0;
+  a.lineTo(t[t.length - 1].x, t[t.length - 1].y);
+}
+function ri(a) {
+  for (var t = 0, e = 1; e < a.length; e++)
+    t += Math.abs(a[e].x - a[e - 1].x) + Math.abs(a[e].y - a[e - 1].y);
+  for (var l = t / 2, i = 1; i < a.length; i++) {
+    var o = Math.abs(a[i].x - a[i - 1].x) + Math.abs(a[i].y - a[i - 1].y);
+    if (l <= o) {
+      var f = o > 0 ? l / o : 0;
       return {
-        x: a[l - 1].x + (a[l].x - a[l - 1].x) * f,
-        y: a[l - 1].y + (a[l].y - a[l - 1].y) * f
+        x: a[i - 1].x + (a[i].x - a[i - 1].x) * f,
+        y: a[i - 1].y + (a[i].y - a[i - 1].y) * f
       };
     }
-    i -= o;
+    l -= o;
   }
   return { x: a[0].x, y: a[0].y };
 }
-function Jt(a, e, t, i) {
-  var l = Math.abs(t - a), o = Math.max(50, l * 0.5), f = a + o, h = e, x = t - o, u = i;
-  return { cp1x: f, cp1y: h, cp2x: x, cp2y: u };
+function Je(a, t, e, l) {
+  var i = Math.abs(e - a), o = Math.max(50, i * 0.5), f = a + o, h = t, x = e - o, n = l;
+  return { cp1x: f, cp1y: h, cp2x: x, cp2y: n };
 }
-function al(a, e, t, i) {
-  var l = Jt(a, e, t, i), o = 0.5, f = 1 - o, h = f * f * f * a + 3 * f * f * o * l.cp1x + 3 * f * o * o * l.cp2x + o * o * o * t, x = f * f * f * e + 3 * f * f * o * l.cp1y + 3 * f * o * o * l.cp2y + o * o * o * i;
+function ai(a, t, e, l) {
+  var i = Je(a, t, e, l), o = 0.5, f = 1 - o, h = f * f * f * a + 3 * f * f * o * i.cp1x + 3 * f * o * o * i.cp2x + o * o * o * e, x = f * f * f * t + 3 * f * f * o * i.cp1y + 3 * f * o * o * i.cp2y + o * o * o * l;
   return { x: h, y: x };
 }
-var Ga = !0, Qt = !1, Gt = !1;
-function vi(a, e, t, i, l) {
-  sa && $t();
-  for (var o = Math.min(a, t) - 20, f = Math.min(e, i) - 20, h = Math.max(a, t) + 20, x = Math.max(e, i) + 20, u = oi(o, f, h, x), g = [], v = 0; v < u.length; v++) {
-    var s = C[u[v]];
-    s.hidden || l[s.id] || s.type !== "group" && g.push(s);
+var Vr = !0, Qe = !1, Ie = !1;
+function vl(a, t, e, l, i) {
+  jr && $e();
+  for (var o = Math.min(a, e) - 20, f = Math.min(t, l) - 20, h = Math.max(a, e) + 20, x = Math.max(t, l) + 20, n = ol(o, f, h, x), g = [], v = 0; v < n.length; v++) {
+    var u = W[n[v]];
+    u.hidden || i[u.id] || u.type !== "group" && g.push(u);
   }
   return g;
 }
-function Ar(a, e, t, i) {
-  for (var l = Math.min(a, e), o = Math.max(a, e), f = 0; f < i.length; f++) {
-    var h = i[f], x = y(h), u = h.width || L, g = h.height || B;
-    if (t > x.y && t < x.y + g && o > x.x && l < x.x + u) return h;
+function Lr(a, t, e, l) {
+  for (var i = Math.min(a, t), o = Math.max(a, t), f = 0; f < l.length; f++) {
+    var h = l[f], x = y(h), n = h.width || L, g = h.height || B;
+    if (e > x.y && e < x.y + g && o > x.x && i < x.x + n) return h;
   }
   return null;
 }
-function _r(a, e, t, i) {
-  for (var l = Math.min(e, t), o = Math.max(e, t), f = 0; f < i.length; f++) {
-    var h = i[f], x = y(h), u = h.width || L, g = h.height || B;
-    if (a > x.x && a < x.x + u && o > x.y && l < x.y + g) return h;
+function Sr(a, t, e, l) {
+  for (var i = Math.min(t, e), o = Math.max(t, e), f = 0; f < l.length; f++) {
+    var h = l[f], x = y(h), n = h.width || L, g = h.height || B;
+    if (a > x.x && a < x.x + n && o > x.y && i < x.y + g) return h;
   }
   return null;
 }
-function el() {
-  if (Ga && !(!Qt || G.length === 0 || C.length === 0)) {
-    Qt = !1, na && Je(), sa && $t();
-    for (var a = 20, e = !1, t = 0; t < G.length; t++) {
-      var i = G[t];
-      if (!i._customRendered) {
-        var l = i.type || "default";
-        if (!(l === "bezier" || l === "simplebezier" || l === "default")) {
-          var o = da[i.source], f = da[i.target];
+function ti() {
+  if (Vr && !(!Qe || C.length === 0 || W.length === 0)) {
+    Qe = !1, sa && Qt(), jr && $e();
+    for (var a = 20, t = !1, e = 0; e < C.length; e++) {
+      var l = C[e];
+      if (!l._customRendered) {
+        var i = l.type || "default";
+        if (!(i === "bezier" || i === "simplebezier" || i === "default")) {
+          var o = ya[l.source], f = ya[l.target];
           if (!(!o || !f || o.hidden || f.hidden)) {
-            var h = Ke(o, "source", i.sourceHandle), x = Ke(f, "target", i.targetHandle), u = h.position || "right", g = x.position || "left", v = h.x, s = h.y, d = x.x, n = x.y, T = v, I = s, A = d, Z = n;
-            u === "right" ? T += a : u === "left" ? T -= a : u === "bottom" ? I += a : u === "top" && (I -= a), g === "right" ? A += a : g === "left" ? A -= a : g === "bottom" ? Z += a : g === "top" && (Z -= a);
-            var D = y(o), Vr = y(f), Nr = o.width || L, Dr = o.height || B, Or = f.width || L, ya = f.height || B, jr = {};
-            jr[i.source] = !0, jr[i.target] = !0;
-            var H = vi(
-              Math.min(v, d) - Nr,
-              Math.min(s, n) - Dr,
-              Math.max(v, d) + Or,
-              Math.max(s, n) + ya,
-              jr
+            var h = bt(o, "source", l.sourceHandle), x = bt(f, "target", l.targetHandle), n = h.position || "right", g = x.position || "left", v = h.x, u = h.y, s = x.x, d = x.y, T = v, Z = u, _ = s, K = d;
+            n === "right" ? T += a : n === "left" ? T -= a : n === "bottom" ? Z += a : n === "top" && (Z -= a), g === "right" ? _ += a : g === "left" ? _ -= a : g === "bottom" ? K += a : g === "top" && (K -= a);
+            var ar = y(o), tr = y(f), hr = o.width || L, X = o.height || B, Yr = f.width || L, xa = f.height || B, Xr = {};
+            Xr[l.source] = !0, Xr[l.target] = !0;
+            var H = vl(
+              Math.min(v, s) - hr,
+              Math.min(u, d) - X,
+              Math.max(v, s) + Yr,
+              Math.max(u, d) + xa,
+              Xr
             );
             H.push(o), H.push(f);
-            var xa = u === "left" || u === "right", Za = g === "left" || g === "right", P = null;
-            if (xa && Za) {
-              var W, hr = u === "right" && T < A, Fe = u === "left" && T > A;
-              if (hr || Fe) {
-                W = (T + A) / 2;
-                var Ka = _r(W, s, n, H);
-                if (Ka) {
-                  var ga = y(Ka), Ma = Ka.width || L;
-                  W = W < ga.x + Ma / 2 ? ga.x - a : ga.x + Ma + a;
+            var ga = n === "left" || n === "right", Ka = g === "left" || g === "right", q = null;
+            if (ga && Ka) {
+              var P, sr = n === "right" && T < _, Ut = n === "left" && T > _;
+              if (sr || Ut) {
+                P = (T + _) / 2;
+                var ba = Sr(P, u, d, H);
+                if (ba) {
+                  var Ma = y(ba), ka = ba.width || L;
+                  P = P < Ma.x + ka / 2 ? Ma.x - a : Ma.x + ka + a;
                 }
               } else
-                u === "right" ? W = Math.max(D.x + Nr, Vr.x + Or) + a : W = Math.min(D.x, Vr.x) - a;
-              P = [{ x: v, y: s }, { x: T, y: s }, { x: W, y: s }, { x: W, y: n }, { x: A, y: n }, { x: d, y: n }];
-              var Er = Ar(W, A, n, H);
-              if (Er) {
-                var ka = y(Er), ma = Er.height || B, Ta = ka.y - a, Yr = ka.y + ma + a, Xr = Math.abs(s - Ta) <= Math.abs(s - Yr) ? Ta : Yr;
-                P = [{ x: v, y: s }, { x: T, y: s }, { x: W, y: s }, { x: W, y: Xr }, { x: A, y: Xr }, { x: A, y: n }, { x: d, y: n }];
+                n === "right" ? P = Math.max(ar.x + hr, tr.x + Yr) + a : P = Math.min(ar.x, tr.x) - a;
+              q = [{ x: v, y: u }, { x: T, y: u }, { x: P, y: u }, { x: P, y: d }, { x: _, y: d }, { x: s, y: d }];
+              var Cr = Lr(P, _, d, H);
+              if (Cr) {
+                var ma = y(Cr), Ta = Cr.height || B, Ra = ma.y - a, Hr = ma.y + Ta + a, pr = Math.abs(u - Ra) <= Math.abs(u - Hr) ? Ra : Hr;
+                q = [{ x: v, y: u }, { x: T, y: u }, { x: P, y: u }, { x: P, y: pr }, { x: _, y: pr }, { x: _, y: d }, { x: s, y: d }];
               }
-            } else if (!xa && !Za) {
-              var b, ue = u === "bottom" && I < Z, ba = u === "top" && I > Z;
-              if (ue || ba) {
-                b = (I + Z) / 2;
-                var Lr = Ar(v, d, b, H);
-                if (Lr) {
-                  var Sr = y(Lr), Ra = Lr.height || B;
-                  b = b < Sr.y + Ra / 2 ? Sr.y - a : Sr.y + Ra + a;
+            } else if (!ga && !Ka) {
+              var b, ut = n === "bottom" && Z < K, Ja = n === "top" && Z > K;
+              if (ut || Ja) {
+                b = (Z + K) / 2;
+                var Wr = Lr(v, s, b, H);
+                if (Wr) {
+                  var Pr = y(Wr), za = Wr.height || B;
+                  b = b < Pr.y + za / 2 ? Pr.y - a : Pr.y + za + a;
                 }
               } else
-                u === "bottom" ? b = Math.max(D.y + Dr, Vr.y + ya) + a : b = Math.min(D.y, Vr.y) - a;
-              P = [{ x: v, y: s }, { x: v, y: I }, { x: v, y: b }, { x: d, y: b }, { x: d, y: Z }, { x: d, y: n }];
-              var Hr = _r(d, b, Z, H);
-              if (Hr) {
-                var za = y(Hr), Ja = Hr.height || B, wa = za.y - a, Ba = za.y + Ja + a, Aa = Math.abs(b - wa) <= Math.abs(b - Ba) ? wa : Ba;
-                P = [{ x: v, y: s }, { x: v, y: I }, { x: v, y: b }, { x: d, y: b }, { x: d, y: Aa }, { x: A, y: Aa }, { x: A, y: n }, { x: d, y: n }];
+                n === "bottom" ? b = Math.max(ar.y + X, tr.y + xa) + a : b = Math.min(ar.y, tr.y) - a;
+              q = [{ x: v, y: u }, { x: v, y: Z }, { x: v, y: b }, { x: s, y: b }, { x: s, y: K }, { x: s, y: d }];
+              var ra = Sr(s, b, K, H);
+              if (ra) {
+                var wa = y(ra), Qa = ra.height || B, Ba = wa.y - a, Aa = wa.y + Qa + a, _a = Math.abs(b - Ba) <= Math.abs(b - Aa) ? Ba : Aa;
+                q = [{ x: v, y: u }, { x: v, y: Z }, { x: v, y: b }, { x: s, y: b }, { x: s, y: _a }, { x: _, y: _a }, { x: _, y: d }, { x: s, y: d }];
               }
-            } else if (xa) {
-              P = [{ x: v, y: s }, { x: T, y: s }, { x: d, y: s }, { x: d, y: Z }, { x: d, y: n }];
-              var Cr = _r(d, s, Z, H);
-              if (Cr) {
-                var fr = y(Cr), kr = Cr.width || L, Qa = Math.abs(v - fr.x + a) <= Math.abs(v - fr.x - kr - a) ? fr.x - a : fr.x + kr + a;
-                P = [{ x: v, y: s }, { x: T, y: s }, { x: Qa, y: s }, { x: Qa, y: n }, { x: d, y: n }, { x: d, y: Z }, { x: d, y: n }];
+            } else if (ga) {
+              q = [{ x: v, y: u }, { x: T, y: u }, { x: s, y: u }, { x: s, y: K }, { x: s, y: d }];
+              var qr = Sr(s, u, K, H);
+              if (qr) {
+                var nr = y(qr), Rr = qr.width || L, $a = Math.abs(v - nr.x + a) <= Math.abs(v - nr.x - Rr - a) ? nr.x - a : nr.x + Rr + a;
+                q = [{ x: v, y: u }, { x: T, y: u }, { x: $a, y: u }, { x: $a, y: d }, { x: s, y: d }, { x: s, y: K }, { x: s, y: d }];
               }
-              var pr = Ar(T, d, s, H);
-              if (pr) {
-                var Wr = y(pr), _a = pr.height || B, p = Math.abs(n - Wr.y + a) <= Math.abs(n - Wr.y - _a - a) ? Wr.y - a : Wr.y + _a + a;
-                P = [{ x: v, y: s }, { x: T, y: s }, { x: T, y: p }, { x: d, y: p }, { x: d, y: Z }, { x: d, y: n }];
+              var aa = Lr(T, s, u, H);
+              if (aa) {
+                var Gr = y(aa), Ea = aa.height || B, p = Math.abs(d - Gr.y + a) <= Math.abs(d - Gr.y - Ea - a) ? Gr.y - a : Gr.y + Ea + a;
+                q = [{ x: v, y: u }, { x: T, y: u }, { x: T, y: p }, { x: s, y: p }, { x: s, y: K }, { x: s, y: d }];
               }
             } else {
-              P = [{ x: v, y: s }, { x: v, y: I }, { x: v, y: n }, { x: A, y: n }, { x: d, y: n }];
-              var Pr = Ar(v, A, n, H);
-              if (Pr) {
-                var Ea = y(Pr), nr = Pr.height || B, qr = Math.abs(s - Ea.y + a) <= Math.abs(s - Ea.y - nr - a) ? Ea.y - a : Ea.y + nr + a;
-                P = [{ x: v, y: s }, { x: v, y: I }, { x: v, y: qr }, { x: A, y: qr }, { x: A, y: n }, { x: d, y: n }];
+              q = [{ x: v, y: u }, { x: v, y: Z }, { x: v, y: d }, { x: _, y: d }, { x: s, y: d }];
+              var Ir = Lr(v, _, d, H);
+              if (Ir) {
+                var La = y(Ir), dr = Ir.height || B, Zr = Math.abs(u - La.y + a) <= Math.abs(u - La.y - dr - a) ? La.y - a : La.y + dr + a;
+                q = [{ x: v, y: u }, { x: v, y: Z }, { x: v, y: Zr }, { x: _, y: Zr }, { x: _, y: d }, { x: s, y: d }];
               }
-              var mr = _r(v, I, n, H);
-              if (mr) {
-                var ur = y(mr), $a = mr.width || L, Fa = Math.abs(d - ur.x + a) <= Math.abs(d - ur.x - $a - a) ? ur.x - a : ur.x + $a + a;
-                P = [{ x: v, y: s }, { x: v, y: I }, { x: Fa, y: I }, { x: Fa, y: n }, { x: A, y: n }, { x: d, y: n }];
+              var zr = Sr(v, Z, d, H);
+              if (zr) {
+                var yr = y(zr), Fa = zr.width || L, Ua = Math.abs(s - yr.x + a) <= Math.abs(s - yr.x - Fa - a) ? yr.x - a : yr.x + Fa + a;
+                q = [{ x: v, y: u }, { x: v, y: Z }, { x: Ua, y: Z }, { x: Ua, y: d }, { x: _, y: d }, { x: s, y: d }];
               }
             }
-            if (P) {
-              for (var ra = [P[0]], sr = 1; sr < P.length; sr++) {
-                var se = ra[ra.length - 1];
-                (Math.abs(P[sr].x - se.x) > 0.1 || Math.abs(P[sr].y - se.y) > 0.1) && ra.push(P[sr]);
+            if (q) {
+              for (var ta = [q[0]], xr = 1; xr < q.length; xr++) {
+                var st = ta[ta.length - 1];
+                (Math.abs(q[xr].x - st.x) > 0.1 || Math.abs(q[xr].y - st.y) > 0.1) && ta.push(q[xr]);
               }
-              i._routedPoints = ra, e = !0;
+              l._routedPoints = ta, t = !0;
             }
           }
         }
       }
     }
-    e && $();
+    t && $();
   }
 }
-function It() {
-  Ga && (Gt || (Gt = !0, Qt = !0, requestAnimationFrame(function() {
-    Gt = !1;
+function Gt() {
+  Vr && (Ie || (Ie = !0, Qe = !0, requestAnimationFrame(function() {
+    Ie = !1;
     try {
-      el();
+      ti();
     } catch (a) {
       console.error("[worker] async routing error:", a);
     }
   })));
 }
-function $e() {
+function Ft() {
   if (r) {
     var a = performance.now();
-    r.clearRect(0, 0, ir, lr);
-    var e = Zt * M.zoom;
-    if (e > 2)
-      if (Fr === "lines" && e >= 4 && e <= 512) {
-        if ((Ia || li !== e || fi !== Fr) && pi(e), ha && ii > 0) {
-          var t = (M.x % e + e) % e, i = (M.y % e + e) % e;
-          r.save(), r.translate(t, i);
-          var l = r.createPattern(ha, "repeat");
-          l && (r.fillStyle = l, r.fillRect(-t, -i, ir, lr)), r.restore();
+    r.clearRect(0, 0, fr, vr);
+    var t = Ze * M.zoom;
+    if (t > 2)
+      if (Nr === "lines" && t >= 4 && t <= 512) {
+        if ((Za || il !== t || fl !== Nr) && pl(t), ua && ll > 0) {
+          var e = (M.x % t + t) % t, l = (M.y % t + t) % t;
+          r.save(), r.translate(e, l);
+          var i = r.createPattern(ua, "repeat");
+          i && (r.fillStyle = i, r.fillRect(-e, -l, fr, vr)), r.restore();
         }
       } else {
-        var o = (M.x % e + e) % e, f = (M.y % e + e) % e, h = Ze || k.grid;
-        if (Fr === "dots") {
+        var o = (M.x % t + t) % t, f = (M.y % t + t) % t, h = Kt || k.grid;
+        if (Nr === "dots") {
           r.fillStyle = h;
-          for (var x = ua * M.zoom, u = o; u < ir; u += e)
-            for (var g = f; g < lr; g += e)
-              r.beginPath(), r.arc(Math.round(u), Math.round(g), x, 0, 6.2832), r.fill();
-        } else if (Fr === "cross") {
-          r.strokeStyle = h, r.lineWidth = ua;
+          for (var x = da * M.zoom, n = o; n < fr; n += t)
+            for (var g = f; g < vr; g += t)
+              r.beginPath(), r.arc(Math.round(n), Math.round(g), x, 0, 6.2832), r.fill();
+        } else if (Nr === "cross") {
+          r.strokeStyle = h, r.lineWidth = da;
           var v = 3 * M.zoom;
           r.beginPath();
-          for (var s = o; s < ir; s += e)
-            for (var d = f; d < lr; d += e) {
-              var n = Math.round(s), T = Math.round(d);
-              r.moveTo(n - v, T), r.lineTo(n + v, T), r.moveTo(n, T - v), r.lineTo(n, T + v);
+          for (var u = o; u < fr; u += t)
+            for (var s = f; s < vr; s += t) {
+              var d = Math.round(u), T = Math.round(s);
+              r.moveTo(d - v, T), r.lineTo(d + v, T), r.moveTo(d, T - v), r.lineTo(d, T + v);
             }
           r.stroke();
         } else {
-          var I = Ze || k.grid;
-          r.beginPath(), r.strokeStyle = I, r.lineWidth = ua * 0.5;
-          for (var A = o; A < ir; A += e) {
-            var Z = Math.round(A) + 0.5;
-            r.moveTo(Z, 0), r.lineTo(Z, lr);
+          var Z = Kt || k.grid;
+          r.beginPath(), r.strokeStyle = Z, r.lineWidth = da * 0.5;
+          for (var _ = o; _ < fr; _ += t) {
+            var K = Math.round(_) + 0.5;
+            r.moveTo(K, 0), r.lineTo(K, vr);
           }
-          for (var D = f; D < lr; D += e) {
-            var Vr = Math.round(D) + 0.5;
-            r.moveTo(0, Vr), r.lineTo(ir, Vr);
+          for (var ar = f; ar < vr; ar += t) {
+            var tr = Math.round(ar) + 0.5;
+            r.moveTo(0, tr), r.lineTo(fr, tr);
           }
           r.stroke();
         }
       }
     r.beginPath(), r.arc(M.x, M.y, 4 * M.zoom, 0, 6.2832), r.fillStyle = k.origin, r.fill(), r.save(), r.translate(M.x, M.y), r.scale(M.zoom, M.zoom);
-    var Nr = 100, Dr = -M.x / M.zoom, Or = -M.y / M.zoom, ya = Dr + ir / M.zoom, jr = Or + lr / M.zoom, H = Dr - Nr, xa = Or - Nr, Za = ya + Nr, P = jr + Nr;
-    if (X.length > 0) {
-      var W = jo(Dr, Or, ya, jr), hr = W.length, Fe = M.zoom > 0.15, Ka = M.zoom > 0.3, ga = M.zoom > 0.08 && hr < 200;
-      if (ga) {
+    var hr = 100, X = -M.x / M.zoom, Yr = -M.y / M.zoom, xa = X + fr / M.zoom, Xr = Yr + vr / M.zoom, H = X - hr, ga = Yr - hr, Ka = xa + hr, q = Xr + hr;
+    if (Y.length > 0) {
+      var P = jo(X, Yr, xa, Xr), sr = P.length, Ut = M.zoom > 0.15, ba = M.zoom > 0.3, Ma = M.zoom > 0.08 && sr < 200;
+      if (Ma) {
         r.shadowColor = k.cardShadow, r.shadowBlur = 6, r.shadowOffsetY = 2, r.fillStyle = k.cardBg, r.beginPath();
-        for (var Ma = 0; Ma < hr; Ma++) {
-          var Er = X[W[Ma]];
-          r.roundRect(Er.x, Er.y, Er.w, Er.h, te);
+        for (var ka = 0; ka < sr; ka++) {
+          var Cr = Y[P[ka]];
+          r.roundRect(Cr.x, Cr.y, Cr.w, Cr.h, ot);
         }
         r.fill(), r.shadowColor = "transparent", r.shadowBlur = 0, r.shadowOffsetY = 0;
       }
-      if (!ga) {
+      if (!Ma) {
         r.fillStyle = k.cardBg, r.beginPath();
-        for (var ka = 0; ka < hr; ka++) {
-          var ma = X[W[ka]];
-          r.roundRect(ma.x, ma.y, ma.w, ma.h, te);
+        for (var ma = 0; ma < sr; ma++) {
+          var Ta = Y[P[ma]];
+          r.roundRect(Ta.x, Ta.y, Ta.w, Ta.h, ot);
         }
         r.fill();
       }
       r.strokeStyle = k.cardBorder, r.lineWidth = 0.5, r.beginPath();
-      for (var Ta = 0; Ta < hr; Ta++) {
-        var Yr = X[W[Ta]];
-        r.roundRect(Yr.x, Yr.y, Yr.w, Yr.h, te);
+      for (var Ra = 0; Ra < sr; Ra++) {
+        var Hr = Y[P[Ra]];
+        r.roundRect(Hr.x, Hr.y, Hr.w, Hr.h, ot);
       }
       r.stroke();
-      for (var Xr = [{}, {}, {}, {}], b = 0; b < hr; b++) {
-        var ue = W[b], ba = ue % 4;
-        Xr[ba].items || (Xr[ba].items = []), Xr[ba].items.push(X[ue]);
+      for (var pr = [{}, {}, {}, {}], b = 0; b < sr; b++) {
+        var ut = P[b], Ja = ut % 4;
+        pr[Ja].items || (pr[Ja].items = []), pr[Ja].items.push(Y[ut]);
       }
-      for (var Lr = 0; Lr < 4; Lr++) {
-        var Sr = Xr[Lr].items;
-        if (!(!Sr || Sr.length === 0)) {
-          r.fillStyle = Ni[Lr], r.beginPath();
-          for (var Ra = 0; Ra < Sr.length; Ra++) {
-            var Hr = Sr[Ra];
-            r.roundRect(Hr.x, Hr.y, Hr.w, 30, [te, te, 0, 0]);
+      for (var Wr = 0; Wr < 4; Wr++) {
+        var Pr = pr[Wr].items;
+        if (!(!Pr || Pr.length === 0)) {
+          r.fillStyle = Nl[Wr], r.beginPath();
+          for (var za = 0; za < Pr.length; za++) {
+            var ra = Pr[za];
+            r.roundRect(ra.x, ra.y, ra.w, 30, [ot, ot, 0, 0]);
           }
           r.fill();
         }
       }
-      if (Fe) {
-        r.fillStyle = k.titleText, r.font = Di;
-        for (var za = 0; za < hr; za++) {
-          var Ja = X[W[za]];
-          r.fillText(Ja.title, Ja.x + 12, Ja.y + 19);
+      if (Ut) {
+        r.fillStyle = k.titleText, r.font = Dl;
+        for (var wa = 0; wa < sr; wa++) {
+          var Qa = Y[P[wa]];
+          r.fillText(Qa.title, Qa.x + 12, Qa.y + 19);
         }
-        r.fillStyle = k.bodyText, r.font = Oi;
-        for (var wa = 0; wa < hr; wa++) {
-          var Ba = X[W[wa]];
-          r.fillText(Ba.body, Ba.x + 12, Ba.y + 52);
+        r.fillStyle = k.bodyText, r.font = Ol;
+        for (var Ba = 0; Ba < sr; Ba++) {
+          var Aa = Y[P[Ba]];
+          r.fillText(Aa.body, Aa.x + 12, Aa.y + 52);
         }
-        if (Ka) {
-          r.fillStyle = k.coordText, r.font = ji;
-          for (var Aa = 0; Aa < hr; Aa++) {
-            var Cr = X[W[Aa]];
-            r.fillText("(" + Cr.x + ", " + Cr.y + ")", Cr.x + 12, Cr.y + 75);
+        if (ba) {
+          r.fillStyle = k.coordText, r.font = jl;
+          for (var _a = 0; _a < sr; _a++) {
+            var qr = Y[P[_a]];
+            r.fillText("(" + qr.x + ", " + qr.y + ")", qr.x + 12, qr.y + 75);
           }
         }
       }
     }
-    var fr = [], kr = null;
-    if (C.length > 0)
-      if (kr = {}, C.length > 100)
-        for (var Qa = oi(H, xa, Za, P), pr = 0; pr < Qa.length; pr++) {
-          var Wr = C[Qa[pr]];
-          kr[Wr.id] = !0, Wr._customRendered || fr.push(Wr);
+    var nr = [], Rr = null;
+    if (W.length > 0)
+      if (Rr = {}, W.length > 100)
+        for (var $a = ol(H, ga, Ka, q), aa = 0; aa < $a.length; aa++) {
+          var Gr = W[$a[aa]];
+          Rr[Gr.id] = !0, Gr._customRendered || nr.push(Gr);
         }
       else
-        for (var _a = 0; _a < C.length; _a++) {
-          var p = C[_a];
+        for (var Ea = 0; Ea < W.length; Ea++) {
+          var p = W[Ea];
           if (!p.hidden) {
-            var Pr = p.width || L, Ea = p.height || B;
-            y(p).x + Pr < H || y(p).x > Za || y(p).y + Ea < xa || y(p).y > P || (kr[p.id] = !0, p._customRendered || fr.push(p));
+            var Ir = p.width || L, La = p.height || B;
+            y(p).x + Ir < H || y(p).x > Ka || y(p).y + La < ga || y(p).y > q || (Rr[p.id] = !0, p._customRendered || nr.push(p));
           }
         }
-    var nr = fr.length;
-    if (G.length > 0 && C.length > 0) {
-      let qe = function($r, No) {
-        if ($r.length) {
+    var dr = nr.length;
+    if (C.length > 0 && W.length > 0) {
+      let qt = function(cr, No) {
+        if (cr.length) {
           r.fillStyle = No, r.beginPath();
-          for (var St = 0; St < $r.length; St++) {
-            var Y = $r[St];
-            r.moveTo(Y.x, Y.y), r.lineTo(Y.x - Y.size * Math.cos(Y.angle - 0.5236), Y.y - Y.size * Math.sin(Y.angle - 0.5236)), r.lineTo(Y.x - Y.size * Math.cos(Y.angle + 0.5236), Y.y - Y.size * Math.sin(Y.angle + 0.5236)), r.closePath();
+          for (var Ce = 0; Ce < cr.length; Ce++) {
+            var j = cr[Ce];
+            r.moveTo(j.x, j.y), r.lineTo(j.x - j.size * Math.cos(j.angle - 0.5236), j.y - j.size * Math.sin(j.angle - 0.5236)), r.lineTo(j.x - j.size * Math.cos(j.angle + 0.5236), j.y - j.size * Math.sin(j.angle + 0.5236)), r.closePath();
           }
           r.fill();
         }
       };
-      var tl = qe;
-      Qe && Hi();
-      var qr = null, mr = null, ur = null, $a = [], Fa = [], ra = [], sr = [], se = M.zoom > 0.3, hi = M.zoom > 0.05, aa;
-      if (kr && C.length > 100) {
-        var de = {};
-        aa = [];
-        for (var ni in kr) {
-          var Ue = Br[ni];
-          if (Ue)
-            for (var ce = 0; ce < Ue.length; ce++) {
-              var Ve = Ue[ce];
-              de[Ve] || (de[Ve] = !0, aa.push(Ve));
+      var ei = qt;
+      $t && Hl();
+      var Zr = null, zr = null, yr = null, Fa = [], Ua = [], ta = [], xr = [], st = M.zoom > 0.3, hl = M.zoom > 0.05, ea;
+      if (Rr && W.length > 100) {
+        var dt = {};
+        ea = [];
+        for (var nl in Rr) {
+          var ct = Er[nl];
+          if (ct)
+            for (var Vt = 0; Vt < ct.length; Vt++) {
+              var Nt = ct[Vt];
+              dt[Nt] || (dt[Nt] = !0, ea.push(Nt));
             }
         }
-        for (var rr = 0; rr < C.length; rr++) {
-          var ye = C[rr];
-          if ((ye.dragging || ye.selected) && !kr[ye.id]) {
-            var Ua = Br[ye.id];
-            if (Ua)
-              for (var ca = 0; ca < Ua.length; ca++)
-                de[Ua[ca]] || (de[Ua[ca]] = !0, aa.push(Ua[ca]));
+        for (var rr = 0; rr < W.length; rr++) {
+          var yt = W[rr];
+          if ((yt.dragging || yt.selected) && !Rr[yt.id]) {
+            var ca = Er[yt.id];
+            if (ca)
+              for (var Va = 0; Va < ca.length; Va++)
+                dt[ca[Va]] || (dt[ca[Va]] = !0, ea.push(ca[Va]));
           }
         }
       } else {
-        aa = [];
-        for (var Ne = 0; Ne < G.length; Ne++) aa.push(Ne);
+        ea = [];
+        for (var Dt = 0; Dt < C.length; Dt++) ea.push(Dt);
       }
-      for (var De = 0; De < aa.length; De++) {
-        var O = G[aa[De]], ea = Yo(O.source), ta = Yo(O.target);
-        if (!(!ea || !ta) && !(ea.hidden || ta.hidden) && !O._customRendered) {
-          var xe = Ke(ea, "source", O.sourceHandle), ge = Ke(ta, "target", O.targetHandle), _ = xe.x, w = xe.y, R = ge.x, z = ge.y, dr = O.type || "default", Ft = O.selected, Ut = O.animated, J;
-          Ft ? (mr || (mr = new Path2D()), J = mr) : Ut ? (ur || (ur = new Path2D()), J = ur) : (qr || (qr = new Path2D()), J = qr);
-          var Q = O._routedPoints;
+      for (var Ot = 0; Ot < ea.length; Ot++) {
+        var D = C[ea[Ot]], oa = Yo(D.source), la = Yo(D.target);
+        if (!(!oa || !la) && !(oa.hidden || la.hidden) && !D._customRendered) {
+          var xt = bt(oa, "source", D.sourceHandle), gt = bt(la, "target", D.targetHandle), A = xt.x, w = xt.y, R = gt.x, z = gt.y, gr = D.type || "default", Fe = D.selected, Ue = D.animated, J;
+          Fe ? (zr || (zr = new Path2D()), J = zr) : Ue ? (yr || (yr = new Path2D()), J = yr) : (Zr || (Zr = new Path2D()), J = Zr);
+          var Q = D._routedPoints;
           if (Q && Q.length >= 2)
-            ai(J, Q);
-          else if (dr === "straight")
-            J.moveTo(_, w), J.lineTo(R, z);
-          else if (dr === "step" || dr === "smoothstep")
+            al(J, Q);
+          else if (gr === "straight")
+            J.moveTo(A, w), J.lineTo(R, z);
+          else if (gr === "step" || gr === "smoothstep")
             try {
-              var ar = xe.position || "right", La = ge.position || "left", m = 20, U = _, j = w, c = R, er = z;
-              ar === "right" ? U += m : ar === "left" ? U -= m : ar === "bottom" ? j += m : ar === "top" && (j -= m), La === "right" ? c += m : La === "left" ? c -= m : La === "bottom" ? er += m : La === "top" && (er -= m);
-              var Me = y(ea), ke = y(ta), Va = ea.width || L, Na = ea.height || B, ct = ta.width || L, Vt = ta.height || B, Oe = ar === "left" || ar === "right", Nt = La === "left" || La === "right", je = {};
-              je[O.source] = !0, je[O.target] = !0;
-              var tr = vi(
-                Math.min(_, R) - Va,
-                Math.min(w, z) - Na,
-                Math.max(_, R) + ct,
-                Math.max(w, z) + Vt,
-                je
+              var er = xt.position || "right", Sa = gt.position || "left", m = 20, U = A, O = w, c = R, or = z;
+              er === "right" ? U += m : er === "left" ? U -= m : er === "bottom" ? O += m : er === "top" && (O -= m), Sa === "right" ? c += m : Sa === "left" ? c -= m : Sa === "bottom" ? or += m : Sa === "top" && (or -= m);
+              var Mt = y(oa), kt = y(la), Na = oa.width || L, Da = oa.height || B, ce = la.width || L, Ve = la.height || B, jt = er === "left" || er === "right", Ne = Sa === "left" || Sa === "right", Yt = {};
+              Yt[D.source] = !0, Yt[D.target] = !0;
+              var lr = vl(
+                Math.min(A, R) - Na,
+                Math.min(w, z) - Da,
+                Math.max(A, R) + ce,
+                Math.max(w, z) + Ve,
+                Yt
               );
-              tr.push(ea), tr.push(ta);
-              var K = [];
-              if (Oe && Nt) {
-                var V, ui = ar === "right" && U < c, si = ar === "left" && U > c;
-                if (ui || si) {
+              lr.push(oa), lr.push(la);
+              var I = [];
+              if (jt && Ne) {
+                var V, ul = er === "right" && U < c, sl = er === "left" && U > c;
+                if (ul || sl) {
                   V = (U + c) / 2;
-                  var Ye = _r(V, w, z, tr);
-                  if (Ye) {
-                    var Xe = y(Ye), Pr = Ye.width || L;
-                    V < Xe.x + Pr / 2 ? V = Xe.x - m : V = Xe.x + Pr + m;
+                  var Xt = Sr(V, w, z, lr);
+                  if (Xt) {
+                    var Ht = y(Xt), Ir = Xt.width || L;
+                    V < Ht.x + Ir / 2 ? V = Ht.x - m : V = Ht.x + Ir + m;
                   }
                 } else
-                  ar === "right" ? V = Math.max(Me.x + Va, ke.x + ct) + m : V = Math.min(Me.x, ke.x) - m;
-                K = [{ x: U, y: w }, { x: V, y: w }, { x: V, y: z }, { x: c, y: z }];
-                var He = Ar(V, c, z, tr);
-                if (He) {
-                  var Dt = y(He), di = He.height || B, Ot = Dt.y - m, jt = Dt.y + di + m, Yt = Math.abs(w - Ot) <= Math.abs(w - jt) ? Ot : jt;
-                  K = [
+                  er === "right" ? V = Math.max(Mt.x + Na, kt.x + ce) + m : V = Math.min(Mt.x, kt.x) - m;
+                I = [{ x: U, y: w }, { x: V, y: w }, { x: V, y: z }, { x: c, y: z }];
+                var pt = Lr(V, c, z, lr);
+                if (pt) {
+                  var De = y(pt), dl = pt.height || B, Oe = De.y - m, je = De.y + dl + m, Ye = Math.abs(w - Oe) <= Math.abs(w - je) ? Oe : je;
+                  I = [
                     { x: U, y: w },
                     { x: V, y: w },
-                    { x: V, y: Yt },
-                    { x: c, y: Yt },
+                    { x: V, y: Ye },
+                    { x: c, y: Ye },
                     { x: c, y: z }
                   ];
                 }
-                var pe = Ar(U, V, w, tr);
-                if (pe) {
-                  var Xt = y(pe), yi = pe.height || B, Ht = Xt.y - m, pt = Xt.y + yi + m, ro = Math.abs(z - Ht) <= Math.abs(z - pt) ? Ht : pt;
-                  K.splice(
+                var re = Lr(U, V, w, lr);
+                if (re) {
+                  var Xe = y(re), yl = re.height || B, He = Xe.y - m, pe = Xe.y + yl + m, ro = Math.abs(z - He) <= Math.abs(z - pe) ? He : pe;
+                  I.splice(
                     1,
                     0,
                     { x: U, y: ro },
                     { x: V, y: ro }
-                  ), K = K.filter(function($r, No) {
-                    return !(Math.abs($r.x - V) < 1 && Math.abs($r.y - w) < 1);
-                  }), K.splice(0, 0, { x: U, y: w });
+                  ), I = I.filter(function(cr, No) {
+                    return !(Math.abs(cr.x - V) < 1 && Math.abs(cr.y - w) < 1);
+                  }), I.splice(0, 0, { x: U, y: w });
                 }
-              } else if (!Oe && !Nt) {
-                var N, xi = ar === "bottom" && j < er, gi = ar === "top" && j > er;
-                if (xi || gi) {
-                  N = (j + er) / 2;
-                  var rt = Ar(_, R, N, tr);
-                  if (rt) {
-                    var at = y(rt), ao = rt.height || B;
-                    N < at.y + ao / 2 ? N = at.y - m : N = at.y + ao + m;
+              } else if (!jt && !Ne) {
+                var N, xl = er === "bottom" && O < or, gl = er === "top" && O > or;
+                if (xl || gl) {
+                  N = (O + or) / 2;
+                  var ae = Lr(A, R, N, lr);
+                  if (ae) {
+                    var te = y(ae), ao = ae.height || B;
+                    N < te.y + ao / 2 ? N = te.y - m : N = te.y + ao + m;
                   }
                 } else
-                  ar === "bottom" ? N = Math.max(Me.y + Na, ke.y + Vt) + m : N = Math.min(Me.y, ke.y) - m;
-                K = [{ x: _, y: j }, { x: _, y: N }, { x: R, y: N }, { x: R, y: er }];
-                var et = _r(_, j, N, tr);
-                if (et) {
-                  var eo = y(et), Mi = et.width || L, to = eo.x - m, oo = eo.x + Mi + m, io = Math.abs(R - to) <= Math.abs(R - oo) ? to : oo;
-                  K = [
-                    { x: _, y: j },
-                    { x: io, y: j },
-                    { x: io, y: N },
+                  er === "bottom" ? N = Math.max(Mt.y + Da, kt.y + Ve) + m : N = Math.min(Mt.y, kt.y) - m;
+                I = [{ x: A, y: O }, { x: A, y: N }, { x: R, y: N }, { x: R, y: or }];
+                var ee = Sr(A, O, N, lr);
+                if (ee) {
+                  var to = y(ee), Ml = ee.width || L, eo = to.x - m, oo = to.x + Ml + m, lo = Math.abs(R - eo) <= Math.abs(R - oo) ? eo : oo;
+                  I = [
+                    { x: A, y: O },
+                    { x: lo, y: O },
+                    { x: lo, y: N },
                     { x: R, y: N },
-                    { x: R, y: er }
+                    { x: R, y: or }
                   ];
                 }
-                var tt = _r(R, N, er, tr);
-                if (tt) {
-                  var lo = y(tt), ki = tt.height || B, fo = lo.y - m, vo = lo.y + ki + m, mi = Math.abs(N - fo) <= Math.abs(N - vo) ? fo : vo;
-                  K.splice(
-                    K.length - 1,
+                var oe = Sr(R, N, or, lr);
+                if (oe) {
+                  var io = y(oe), kl = oe.height || B, fo = io.y - m, vo = io.y + kl + m, ml = Math.abs(N - fo) <= Math.abs(N - vo) ? fo : vo;
+                  I.splice(
+                    I.length - 1,
                     0,
-                    { x: c, y: mi }
+                    { x: c, y: ml }
                   );
                 }
-              } else if (Oe) {
-                K = [{ x: U, y: w }, { x: R, y: w }, { x: R, y: er }];
-                var ot = _r(R, w, er, tr);
-                if (ot) {
-                  var ho = y(ot), Ti = ot.width || L, no = ho.x - m, uo = ho.x + Ti + m, so = Math.abs(_ - no) <= Math.abs(_ - uo) ? no : uo;
-                  K = [{ x: U, y: w }, { x: so, y: w }, { x: so, y: z }, { x: R, y: z }, { x: R, y: er }];
+              } else if (jt) {
+                I = [{ x: U, y: w }, { x: R, y: w }, { x: R, y: or }];
+                var le = Sr(R, w, or, lr);
+                if (le) {
+                  var ho = y(le), Tl = le.width || L, no = ho.x - m, uo = ho.x + Tl + m, so = Math.abs(A - no) <= Math.abs(A - uo) ? no : uo;
+                  I = [{ x: U, y: w }, { x: so, y: w }, { x: so, y: z }, { x: R, y: z }, { x: R, y: or }];
                 }
-                var it = Ar(U, R, w, tr);
-                if (it) {
-                  var yo = y(it), Ri = it.height || B, xo = yo.y - m, go = yo.y + Ri + m, Mo = Math.abs(z - xo) <= Math.abs(z - go) ? xo : go;
-                  K = [{ x: U, y: w }, { x: U, y: Mo }, { x: R, y: Mo }, { x: R, y: er }];
+                var ie = Lr(U, R, w, lr);
+                if (ie) {
+                  var yo = y(ie), Rl = ie.height || B, xo = yo.y - m, go = yo.y + Rl + m, Mo = Math.abs(z - xo) <= Math.abs(z - go) ? xo : go;
+                  I = [{ x: U, y: w }, { x: U, y: Mo }, { x: R, y: Mo }, { x: R, y: or }];
                 }
               } else {
-                K = [{ x: _, y: j }, { x: _, y: z }, { x: c, y: z }];
-                var lt = Ar(_, c, z, tr);
-                if (lt) {
-                  var ko = y(lt), zi = lt.height || B, mo = ko.y - m, To = ko.y + zi + m, Ro = Math.abs(w - mo) <= Math.abs(w - To) ? mo : To;
-                  K = [{ x: _, y: j }, { x: _, y: Ro }, { x: c, y: Ro }, { x: c, y: z }];
+                I = [{ x: A, y: O }, { x: A, y: z }, { x: c, y: z }];
+                var fe = Lr(A, c, z, lr);
+                if (fe) {
+                  var ko = y(fe), zl = fe.height || B, mo = ko.y - m, To = ko.y + zl + m, Ro = Math.abs(w - mo) <= Math.abs(w - To) ? mo : To;
+                  I = [{ x: A, y: O }, { x: A, y: Ro }, { x: c, y: Ro }, { x: c, y: z }];
                 }
-                var ft = _r(_, j, z, tr);
-                if (ft) {
-                  var zo = y(ft), wi = ft.width || L, wo = zo.x - m, Bo = zo.x + wi + m, Ao = Math.abs(R - wo) <= Math.abs(R - Bo) ? wo : Bo;
-                  K = [{ x: _, y: j }, { x: Ao, y: j }, { x: Ao, y: z }, { x: c, y: z }];
+                var ve = Sr(A, O, z, lr);
+                if (ve) {
+                  var zo = y(ve), wl = ve.width || L, wo = zo.x - m, Bo = zo.x + wl + m, Ao = Math.abs(R - wo) <= Math.abs(R - Bo) ? wo : Bo;
+                  I = [{ x: A, y: O }, { x: Ao, y: O }, { x: Ao, y: z }, { x: c, y: z }];
                 }
               }
-              for (var oa = [{ x: _, y: w }], vt = 0; vt < K.length; vt++) oa.push(K[vt]);
-              oa.push({ x: R, y: z });
-              for (var or = [oa[0]], Da = 1; Da < oa.length; Da++) {
-                var Oa = or[or.length - 1];
-                (Math.abs(oa[Da].x - Oa.x) > 0.1 || Math.abs(oa[Da].y - Oa.y) > 0.1) && or.push(oa[Da]);
+              for (var ia = [{ x: A, y: w }], he = 0; he < I.length; he++) ia.push(I[he]);
+              ia.push({ x: R, y: z });
+              for (var ir = [ia[0]], Oa = 1; Oa < ia.length; Oa++) {
+                var ja = ir[ir.length - 1];
+                (Math.abs(ia[Oa].x - ja.x) > 0.1 || Math.abs(ia[Oa].y - ja.y) > 0.1) && ir.push(ia[Oa]);
               }
-              var _o = dr === "smoothstep" ? 8 : 0;
-              J.moveTo(or[0].x, or[0].y);
-              for (var rr = 1; rr < or.length; rr++)
-                if (_o > 0 && rr > 0 && rr < or.length - 1) {
-                  var Tr = or[rr - 1], S = or[rr], Gr = or[rr + 1];
-                  if (Math.abs(Tr.x - S.x) < 0.5 && Math.abs(S.x - Gr.x) < 0.5 || Math.abs(Tr.y - S.y) < 0.5 && Math.abs(S.y - Gr.y) < 0.5)
+              var _o = gr === "smoothstep" ? 8 : 0;
+              J.moveTo(ir[0].x, ir[0].y);
+              for (var rr = 1; rr < ir.length; rr++)
+                if (_o > 0 && rr > 0 && rr < ir.length - 1) {
+                  var wr = ir[rr - 1], S = ir[rr], Kr = ir[rr + 1];
+                  if (Math.abs(wr.x - S.x) < 0.5 && Math.abs(S.x - Kr.x) < 0.5 || Math.abs(wr.y - S.y) < 0.5 && Math.abs(S.y - Kr.y) < 0.5)
                     J.lineTo(S.x, S.y);
                   else {
-                    var me = Math.min(Math.hypot(Tr.x - S.x, Tr.y - S.y) / 2, Math.hypot(S.x - Gr.x, S.y - Gr.y) / 2, _o);
-                    Math.abs(Tr.y - S.y) < 0.5 ? (J.lineTo(S.x + (Tr.x < Gr.x ? -1 : 1) * me, S.y), J.quadraticCurveTo(S.x, S.y, S.x, S.y + (Tr.y < Gr.y ? 1 : -1) * me)) : (J.lineTo(S.x, S.y + (Tr.y < Gr.y ? -1 : 1) * me), J.quadraticCurveTo(S.x, S.y, S.x + (Tr.x < Gr.x ? 1 : -1) * me, S.y));
+                    var mt = Math.min(Math.hypot(wr.x - S.x, wr.y - S.y) / 2, Math.hypot(S.x - Kr.x, S.y - Kr.y) / 2, _o);
+                    Math.abs(wr.y - S.y) < 0.5 ? (J.lineTo(S.x + (wr.x < Kr.x ? -1 : 1) * mt, S.y), J.quadraticCurveTo(S.x, S.y, S.x, S.y + (wr.y < Kr.y ? 1 : -1) * mt)) : (J.lineTo(S.x, S.y + (wr.y < Kr.y ? -1 : 1) * mt), J.quadraticCurveTo(S.x, S.y, S.x + (wr.x < Kr.x ? 1 : -1) * mt, S.y));
                   }
                 } else
-                  J.lineTo(or[rr].x, or[rr].y);
-            } catch ($r) {
-              console.error("[worker] smoothstep error:", $r, "edge:", O.id);
+                  J.lineTo(ir[rr].x, ir[rr].y);
+            } catch (cr) {
+              console.error("[worker] smoothstep error:", cr, "edge:", D.id);
             }
           else {
-            var Ir = xe.position || "right", Zr = ge.position || "left", Kr = 20, ja = _, Te = w, Ya = R, Re = z;
-            Ir === "right" ? ja += Kr : Ir === "left" ? ja -= Kr : Ir === "bottom" ? Te += Kr : Ir === "top" && (Te -= Kr), Zr === "right" ? Ya += Kr : Zr === "left" ? Ya -= Kr : Zr === "bottom" ? Re += Kr : Zr === "top" && (Re -= Kr);
-            var Bi = Math.abs(Ya - ja), br = Math.max(50, Bi * 0.5), Ai = ja + (Ir === "left" ? -br : Ir === "right" ? br : 0), _i = Te + (Ir === "top" ? -br : Ir === "bottom" ? br : 0), Ei = Ya + (Zr === "left" ? -br : Zr === "right" ? br : 0), Li = Re + (Zr === "top" ? -br : Zr === "bottom" ? br : 0);
-            J.moveTo(_, w), J.lineTo(ja, Te), J.bezierCurveTo(Ai, _i, Ei, Li, Ya, Re), J.lineTo(R, z);
+            var br = xt.position || "right", Jr = gt.position || "left", Qr = 20, Ya = A, Tt = w, Xa = R, Rt = z;
+            br === "right" ? Ya += Qr : br === "left" ? Ya -= Qr : br === "bottom" ? Tt += Qr : br === "top" && (Tt -= Qr), Jr === "right" ? Xa += Qr : Jr === "left" ? Xa -= Qr : Jr === "bottom" ? Rt += Qr : Jr === "top" && (Rt -= Qr);
+            var Bl = Math.abs(Xa - Ya), $r = Math.max(50, Bl * 0.5), Al = Ya + (br === "left" ? -$r : br === "right" ? $r : 0), _l = Tt + (br === "top" ? -$r : br === "bottom" ? $r : 0), El = Xa + (Jr === "left" ? -$r : Jr === "right" ? $r : 0), Ll = Rt + (Jr === "top" ? -$r : Jr === "bottom" ? $r : 0);
+            J.moveTo(A, w), J.lineTo(Ya, Tt), J.bezierCurveTo(Al, _l, El, Ll, Xa, Rt), J.lineTo(R, z);
           }
-          if (hi) {
-            var Si = 8, Xa;
+          if (hl) {
+            var Sl = 8, Ha;
             if (Q && Q.length >= 2) {
-              var Oa = Q[Q.length - 1], Eo = Q[Q.length - 2];
-              Xa = Math.atan2(Oa.y - Eo.y, Oa.x - Eo.x);
-            } else if (dr === "straight")
-              Xa = Math.atan2(z - w, R - _);
-            else if (dr === "step" || dr === "smoothstep")
-              Xa = 0;
+              var ja = Q[Q.length - 1], Eo = Q[Q.length - 2];
+              Ha = Math.atan2(ja.y - Eo.y, ja.x - Eo.x);
+            } else if (gr === "straight")
+              Ha = Math.atan2(z - w, R - A);
+            else if (gr === "step" || gr === "smoothstep")
+              Ha = 0;
             else {
-              var Lo = Jt(_, w, R, z);
-              Xa = Math.atan2(z - Lo.cp2y, R - Lo.cp2x);
+              var Lo = Je(A, w, R, z);
+              Ha = Math.atan2(z - Lo.cp2y, R - Lo.cp2x);
             }
-            var So = Q && Q.length >= 2 ? Q[Q.length - 1] : { x: R, y: z }, ht = { x: So.x, y: So.y, angle: Xa, size: Si };
-            Ft ? Fa.push(ht) : Ut ? ra.push(ht) : $a.push(ht);
+            var So = Q && Q.length >= 2 ? Q[Q.length - 1] : { x: R, y: z }, ne = { x: So.x, y: So.y, angle: Ha, size: Sl };
+            Fe ? Ua.push(ne) : Ue ? ta.push(ne) : Fa.push(ne);
           }
-          if (se && O.label) {
-            var Ha;
-            Q && Q.length >= 2 ? Ha = rl(Q) : dr === "straight" || dr === "step" || dr === "smoothstep" ? Ha = { x: (_ + R) / 2, y: (w + z) / 2 } : Ha = al(_, w, R, z), sr.push({ text: O.label, x: Ha.x, y: Ha.y });
+          if (st && D.label) {
+            var pa;
+            Q && Q.length >= 2 ? pa = ri(Q) : gr === "straight" || gr === "step" || gr === "smoothstep" ? pa = { x: (A + R) / 2, y: (w + z) / 2 } : pa = ai(A, w, R, z), xr.push({ text: D.label, x: pa.x, y: pa.y });
           }
         }
       }
-      if (qr && (r.strokeStyle = k.edgeStroke, r.lineWidth = 1.5, r.setLineDash([]), r.stroke(qr)), ur && (r.strokeStyle = k.edgeAnimated, r.lineWidth = 1.5, r.setLineDash([5, 5]), r.lineDashOffset = -bt, r.stroke(ur), r.setLineDash([])), mr && (r.strokeStyle = k.edgeSelected, r.lineWidth = 2.5, r.setLineDash([]), r.stroke(mr)), qe($a, k.edgeStroke), qe(ra, k.edgeAnimated), qe(Fa, k.edgeSelected), sr.length > 0) {
-        r.font = Yi, r.textAlign = "center", r.textBaseline = "middle";
-        for (var nt = 0; nt < sr.length; nt++) {
-          var Sa = sr[nt], Ci = r.measureText(Sa.text), Co = Ci.width + 12;
-          r.fillStyle = F ? "#2a2a2a" : "#ffffff", r.fillRect(Sa.x - Co / 2, Sa.y - 9, Co, 18), r.fillStyle = k.nodeText, r.fillText(Sa.text, Sa.x, Sa.y);
+      if (Zr && (r.strokeStyle = k.edgeStroke, r.lineWidth = 1.5, r.setLineDash([]), r.stroke(Zr)), yr && (r.strokeStyle = k.edgeAnimated, r.lineWidth = 1.5, r.setLineDash([5, 5]), r.lineDashOffset = -be, r.stroke(yr), r.setLineDash([])), zr && (r.strokeStyle = k.edgeSelected, r.lineWidth = 2.5, r.setLineDash([]), r.stroke(zr)), qt(Fa, k.edgeStroke), qt(ta, k.edgeAnimated), qt(Ua, k.edgeSelected), xr.length > 0) {
+        r.font = Yl, r.textAlign = "center", r.textBaseline = "middle";
+        for (var ue = 0; ue < xr.length; ue++) {
+          var Ca = xr[ue], Cl = r.measureText(Ca.text), Co = Cl.width + 12;
+          r.fillStyle = F ? "#2a2a2a" : "#ffffff", r.fillRect(Ca.x - Co / 2, Ca.y - 9, Co, 18), r.fillStyle = k.nodeText, r.fillText(Ca.text, Ca.x, Ca.y);
         }
         r.textAlign = "start", r.textBaseline = "alphabetic";
       }
     }
-    if (oe) {
+    if (lt) {
       r.beginPath(), r.strokeStyle = k.connectionLine, r.lineWidth = 2, r.setLineDash([6, 4]);
-      var ut = oe._routedPoints;
-      if (ut && ut.length >= 2) {
+      var se = lt._routedPoints;
+      if (se && se.length >= 2) {
         var Wo = new Path2D();
-        ai(Wo, ut), r.stroke(Wo);
+        al(Wo, se), r.stroke(Wo);
       } else {
-        var ze = oe.from, we = oe.to, Be = Jt(ze.x, ze.y, we.x, we.y);
-        r.moveTo(ze.x, ze.y), r.bezierCurveTo(Be.cp1x, Be.cp1y, Be.cp2x, Be.cp2y, we.x, we.y), r.stroke();
+        var zt = lt.from, wt = lt.to, Bt = Je(zt.x, zt.y, wt.x, wt.y);
+        r.moveTo(zt.x, zt.y), r.bezierCurveTo(Bt.cp1x, Bt.cp1y, Bt.cp2x, Bt.cp2y, wt.x, wt.y), r.stroke();
       }
       r.setLineDash([]);
     }
-    if (Mr) {
-      var Po = Math.min(Mr.startWorld.x, Mr.endWorld.x), qo = Math.min(Mr.startWorld.y, Mr.endWorld.y), Va = Math.abs(Mr.endWorld.x - Mr.startWorld.x), Na = Math.abs(Mr.endWorld.y - Mr.startWorld.y);
-      r.fillStyle = F ? "rgba(59,130,246,0.08)" : "rgba(59,130,246,0.06)", r.fillRect(Po, qo, Va, Na), r.strokeStyle = "#3b82f6", r.lineWidth = 1 / M.zoom, r.setLineDash([]), r.strokeRect(Po, qo, Va, Na);
+    if (Tr) {
+      var Po = Math.min(Tr.startWorld.x, Tr.endWorld.x), qo = Math.min(Tr.startWorld.y, Tr.endWorld.y), Na = Math.abs(Tr.endWorld.x - Tr.startWorld.x), Da = Math.abs(Tr.endWorld.y - Tr.startWorld.y);
+      r.fillStyle = F ? "rgba(59,130,246,0.08)" : "rgba(59,130,246,0.06)", r.fillRect(Po, qo, Na, Da), r.strokeStyle = "#3b82f6", r.lineWidth = 1 / M.zoom, r.setLineDash([]), r.strokeRect(Po, qo, Na, Da);
     }
-    if (nr > 0) {
-      var Go = le > 0, ia = M.zoom > 0.12 && (M.zoom > 0.25 || nr < 500), st = !Go && M.zoom > 0.08 && nr < 200, Wi = !Go && M.zoom > 0.2 && nr < 300, Pi = Object.keys(Ge).length > 0 || Object.keys(ie).length > 0 || Object.keys(Ie).length > 0, Jr = fr, Ae = [], _e = [];
-      if (Pi) {
-        Jr = [];
-        for (var dt = 0; dt < nr; dt++) {
-          var Qr = fr[dt];
-          ie[Qr.id] || Qr.type && Ge[Qr.type] ? Ae.push(Qr) : Qr.type && Ie[Qr.type] ? _e.push(Qr) : Jr.push(Qr);
+    if (dr > 0) {
+      var Go = Ia > 0, fa = M.zoom > 0.12 && (M.zoom > 0.25 || dr < 500), de = !Go && M.zoom > 0.08 && dr < 200, Wl = !Go && M.zoom > 0.2 && dr < 300, Pl = Object.keys(It).length > 0 || Object.keys(it).length > 0 || Object.keys(Zt).length > 0, Fr = nr, At = [], _t = [];
+      if (Pl) {
+        Fr = [];
+        for (var ye = 0; ye < dr; ye++) {
+          var Ur = nr[ye];
+          it[Ur.id] || Ur.type && It[Ur.type] ? At.push(Ur) : Ur.type && Zt[Ur.type] ? _t.push(Ur) : Fr.push(Ur);
         }
       }
-      var pa = Jr.length;
-      if (st) {
+      var rt = Fr.length;
+      if (de) {
         r.shadowColor = k.nodeShadow, r.shadowBlur = 6, r.shadowOffsetY = 2, r.fillStyle = k.nodeBg, r.beginPath();
-        for (var yt = 0; yt < pa; yt++) {
-          var Ee = Jr[yt];
-          r.roundRect(y(Ee).x, y(Ee).y, Ee.width || L, Ee.height || B, qa);
+        for (var xe = 0; xe < rt; xe++) {
+          var Et = Fr[xe];
+          r.roundRect(y(Et).x, y(Et).y, Et.width || L, Et.height || B, Ga);
         }
         r.fill(), r.shadowColor = "transparent", r.shadowBlur = 0, r.shadowOffsetY = 0;
       }
-      if (!st) {
+      if (!de) {
         r.fillStyle = k.nodeBg, r.beginPath();
-        for (var xt = 0; xt < pa; xt++) {
-          var Le = Jr[xt];
-          r.roundRect(y(Le).x, y(Le).y, Le.width || L, Le.height || B, qa);
+        for (var ge = 0; ge < rt; ge++) {
+          var Lt = Fr[ge];
+          r.roundRect(y(Lt).x, y(Lt).y, Lt.width || L, Lt.height || B, Ga);
         }
         r.fill();
       }
       r.strokeStyle = k.nodeBorder, r.lineWidth = 1, r.beginPath();
-      for (var gt = 0; gt < pa; gt++) {
-        var re = Jr[gt];
-        re.selected || r.roundRect(y(re).x, y(re).y, re.width || L, re.height || B, qa);
+      for (var Me = 0; Me < rt; Me++) {
+        var at = Fr[Me];
+        at.selected || r.roundRect(y(at).x, y(at).y, at.width || L, at.height || B, Ga);
       }
       r.stroke();
       var Io = !1;
       r.strokeStyle = k.nodeSelectedBorder, r.lineWidth = 2, r.beginPath();
-      for (var Mt = 0; Mt < pa; Mt++) {
-        var ae = Jr[Mt];
-        ae.selected && (Io = !0, r.roundRect(y(ae).x, y(ae).y, ae.width || L, ae.height || B, qa));
+      for (var ke = 0; ke < rt; ke++) {
+        var tt = Fr[ke];
+        tt.selected && (Io = !0, r.roundRect(y(tt).x, y(tt).y, tt.width || L, tt.height || B, Ga));
       }
-      if (Io && r.stroke(), ia) {
+      if (Io && r.stroke(), fa) {
         r.fillStyle = k.nodeText, r.font = Oo, r.textAlign = "center", r.textBaseline = "middle";
-        for (var kt = 0; kt < pa; kt++) {
-          var la = Jr[kt];
-          if (!(!la.data || !la.data.label)) {
-            var Zo = la.width || L, qi = la.height || B;
-            r.fillText(la.data.label, y(la).x + Zo / 2, y(la).y + qi / 2, Zo - 24);
+        for (var me = 0; me < rt; me++) {
+          var va = Fr[me];
+          if (!(!va.data || !va.data.label)) {
+            var Zo = va.width || L, ql = va.height || B;
+            r.fillText(va.data.label, y(va).x + Zo / 2, y(va).y + ql / 2, Zo - 24);
           }
         }
         r.textAlign = "start", r.textBaseline = "alphabetic";
       }
-      for (var mt = 0; mt < Ae.length; mt++) {
-        var yr = Ae[mt], Ca = y(yr), Se = yr.width || L, Tt = yr.height || B, Ko = ie[yr.id] && ei[ie[yr.id]] || Ge[yr.type];
-        Ko && r.drawImage(Ko, Ca.x, Ca.y, Se, Tt), ia && yr.data && yr.data.label && (r.fillStyle = k.nodeText, r.font = Oo, r.textAlign = "center", r.textBaseline = "middle", r.fillText(yr.data.label, Ca.x + Se / 2, Ca.y + Tt / 2, Se - 24)), yr.selected && (r.strokeStyle = k.nodeSelectedBorder, r.lineWidth = 2, r.beginPath(), r.roundRect(Ca.x, Ca.y, Se, Tt, qa), r.stroke());
+      for (var Te = 0; Te < At.length; Te++) {
+        var Mr = At[Te], Wa = y(Mr), St = Mr.width || L, Re = Mr.height || B, Ko = it[Mr.id] && tl[it[Mr.id]] || It[Mr.type];
+        Ko && r.drawImage(Ko, Wa.x, Wa.y, St, Re), fa && Mr.data && Mr.data.label && (r.fillStyle = k.nodeText, r.font = Oo, r.textAlign = "center", r.textBaseline = "middle", r.fillText(Mr.data.label, Wa.x + St / 2, Wa.y + Re / 2, St - 24)), Mr.selected && (r.strokeStyle = k.nodeSelectedBorder, r.lineWidth = 2, r.beginPath(), r.roundRect(Wa.x, Wa.y, St, Re, Ga), r.stroke());
       }
-      Ae.length > 0 && ia && (r.textAlign = "start", r.textBaseline = "alphabetic");
-      for (var Rt = 0; Rt < _e.length; Rt++) {
-        var fa = _e[Rt], q = Ie[fa.type], E = y(fa), Rr = fa.width || L, va = fa.height || B, vr = q.radius || qa, Ce = fa.data || {};
-        if (st && q.shadow !== !1 && (r.save(), r.shadowColor = q.shadowColor || k.nodeShadow, r.shadowBlur = q.shadowBlur || 6, r.shadowOffsetY = q.shadowOffsetY || 2, r.fillStyle = q.fill || k.nodeBg, r.beginPath(), r.roundRect(E.x, E.y, Rr, va, vr), r.fill(), r.restore()), r.fillStyle = q.fill || k.nodeBg, r.beginPath(), r.roundRect(E.x, E.y, Rr, va, vr), r.fill(), r.strokeStyle = fa.selected ? k.nodeSelectedBorder : q.stroke || k.nodeBorder, r.lineWidth = fa.selected ? 2 : q.strokeWidth || 1, r.beginPath(), r.roundRect(E.x, E.y, Rr, va, vr), r.stroke(), q.accent) {
-          var ee = q.accent;
-          r.fillStyle = ee.color || "#3b82f6";
-          var Wa = ee.width || 5;
-          r.beginPath(), ee.side === "right" ? r.roundRect(E.x + Rr - Wa, E.y, Wa, va, [0, vr, vr, 0]) : ee.side === "top" ? r.roundRect(E.x, E.y, Rr, Wa, [vr, vr, 0, 0]) : ee.side === "bottom" ? r.roundRect(E.x, E.y + va - Wa, Rr, Wa, [0, 0, vr, vr]) : r.roundRect(E.x, E.y, Wa, va, [vr, 0, 0, vr]), r.fill();
+      At.length > 0 && fa && (r.textAlign = "start", r.textBaseline = "alphabetic");
+      for (var ze = 0; ze < _t.length; ze++) {
+        var ha = _t[ze], G = Zt[ha.type], E = y(ha), Br = ha.width || L, na = ha.height || B, ur = G.radius || Ga, Ct = ha.data || {};
+        if (de && G.shadow !== !1 && (r.save(), r.shadowColor = G.shadowColor || k.nodeShadow, r.shadowBlur = G.shadowBlur || 6, r.shadowOffsetY = G.shadowOffsetY || 2, r.fillStyle = G.fill || k.nodeBg, r.beginPath(), r.roundRect(E.x, E.y, Br, na, ur), r.fill(), r.restore()), r.fillStyle = G.fill || k.nodeBg, r.beginPath(), r.roundRect(E.x, E.y, Br, na, ur), r.fill(), r.strokeStyle = ha.selected ? k.nodeSelectedBorder : G.stroke || k.nodeBorder, r.lineWidth = ha.selected ? 2 : G.strokeWidth || 1, r.beginPath(), r.roundRect(E.x, E.y, Br, na, ur), r.stroke(), G.accent) {
+          var et = G.accent;
+          r.fillStyle = et.color || "#3b82f6";
+          var Pa = et.width || 5;
+          r.beginPath(), et.side === "right" ? r.roundRect(E.x + Br - Pa, E.y, Pa, na, [0, ur, ur, 0]) : et.side === "top" ? r.roundRect(E.x, E.y, Br, Pa, [ur, ur, 0, 0]) : et.side === "bottom" ? r.roundRect(E.x, E.y + na - Pa, Br, Pa, [0, 0, ur, ur]) : r.roundRect(E.x, E.y, Pa, na, [ur, 0, 0, ur]), r.fill();
         }
-        if (q.icon && ia) {
-          var zr = q.icon, bo = zr.dataField ? Ce[zr.dataField] : zr.text;
+        if (G.icon && fa) {
+          var Ar = G.icon, bo = Ar.dataField ? Ct[Ar.dataField] : Ar.text;
           if (bo) {
-            r.font = (zr.size || 18) + "px system-ui, sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = zr.color || k.nodeText;
-            var Gi = E.x + (zr.x !== void 0 ? zr.x : 20), Ii = E.y + (zr.y !== void 0 ? zr.y : va / 2);
-            r.fillText(bo, Gi, Ii);
+            r.font = (Ar.size || 18) + "px system-ui, sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = Ar.color || k.nodeText;
+            var Gl = E.x + (Ar.x !== void 0 ? Ar.x : 20), Il = E.y + (Ar.y !== void 0 ? Ar.y : na / 2);
+            r.fillText(bo, Gl, Il);
           }
         }
-        if (q.title && ia) {
-          var xr = q.title, Jo = xr.dataField ? Ce[xr.dataField] : xr.text;
+        if (G.title && fa) {
+          var kr = G.title, Jo = kr.dataField ? Ct[kr.dataField] : kr.text;
           if (Jo) {
-            r.font = xr.font || "600 13px system-ui, sans-serif", r.textAlign = xr.align || "left", r.textBaseline = "top", r.fillStyle = xr.color || k.nodeText;
-            var Qo = E.x + (xr.x !== void 0 ? xr.x : 12), Zi = E.y + (xr.y !== void 0 ? xr.y : 12);
-            r.fillText(Jo, Qo, Zi, Rr - Qo + E.x - 12);
+            r.font = kr.font || "600 13px system-ui, sans-serif", r.textAlign = kr.align || "left", r.textBaseline = "top", r.fillStyle = kr.color || k.nodeText;
+            var Qo = E.x + (kr.x !== void 0 ? kr.x : 12), Zl = E.y + (kr.y !== void 0 ? kr.y : 12);
+            r.fillText(Jo, Qo, Zl, Br - Qo + E.x - 12);
           }
         }
-        if (q.subtitle && ia) {
-          var gr = q.subtitle, $o = gr.dataField ? Ce[gr.dataField] : gr.text;
+        if (G.subtitle && fa) {
+          var mr = G.subtitle, $o = mr.dataField ? Ct[mr.dataField] : mr.text;
           if ($o) {
-            r.font = gr.font || "11px system-ui, sans-serif", r.textAlign = gr.align || "left", r.textBaseline = "top", r.fillStyle = gr.color || "#64748b";
-            var Fo = E.x + (gr.x !== void 0 ? gr.x : 12), Ki = E.y + (gr.y !== void 0 ? gr.y : 32);
-            r.fillText($o, Fo, Ki, Rr - Fo + E.x - 12);
+            r.font = mr.font || "11px system-ui, sans-serif", r.textAlign = mr.align || "left", r.textBaseline = "top", r.fillStyle = mr.color || "#64748b";
+            var Fo = E.x + (mr.x !== void 0 ? mr.x : 12), Kl = E.y + (mr.y !== void 0 ? mr.y : 32);
+            r.fillText($o, Fo, Kl, Br - Fo + E.x - 12);
           }
         }
-        if (q.badge && ia) {
-          var wr = q.badge, zt = wr.dataField ? Ce[wr.dataField] : wr.text;
-          if (zt) {
-            r.font = wr.font || "700 9px system-ui, sans-serif";
-            var bi = r.measureText(zt), Ji = wr.paddingX || 6, Qi = wr.paddingY || 3, wt = bi.width + Ji * 2, Bt = 14 + Qi, Uo = E.x + Rr - wt / 2 - 4, co = E.y - Bt / 2;
-            r.fillStyle = wr.bg || "#3b82f6", r.beginPath(), r.roundRect(Uo, co, wt, Bt, wr.radius || 7), r.fill(), r.fillStyle = wr.color || "#fff", r.textAlign = "center", r.textBaseline = "middle", r.fillText(zt, Uo + wt / 2, co + Bt / 2);
+        if (G.badge && fa) {
+          var _r = G.badge, we = _r.dataField ? Ct[_r.dataField] : _r.text;
+          if (we) {
+            r.font = _r.font || "700 9px system-ui, sans-serif";
+            var bl = r.measureText(we), Jl = _r.paddingX || 6, Ql = _r.paddingY || 3, Be = bl.width + Jl * 2, Ae = 14 + Ql, Uo = E.x + Br - Be / 2 - 4, co = E.y - Ae / 2;
+            r.fillStyle = _r.bg || "#3b82f6", r.beginPath(), r.roundRect(Uo, co, Be, Ae, _r.radius || 7), r.fill(), r.fillStyle = _r.color || "#fff", r.textAlign = "center", r.textBaseline = "middle", r.fillText(we, Uo + Be / 2, co + Ae / 2);
           }
         }
       }
-      if (_e.length > 0 && (r.textAlign = "start", r.textBaseline = "alphabetic"), Wi) {
-        for (var At = [], _t = 0; _t < nr; _t++)
-          for (var Vo = ti(fr[_t]), Et = 0; Et < Vo.length; Et++)
-            At.push(Vo[Et]);
+      if (_t.length > 0 && (r.textAlign = "start", r.textBaseline = "alphabetic"), Wl) {
+        for (var _e = [], Ee = 0; Ee < dr; Ee++)
+          for (var Vo = el(nr[Ee]), Le = 0; Le < Vo.length; Le++)
+            _e.push(Vo[Le]);
         r.fillStyle = k.handleFill, r.beginPath();
-        for (var Lt = 0; Lt < At.length; Lt++) {
-          var We = At[Lt];
-          r.moveTo(We.x + Do, We.y), r.arc(We.x, We.y, Do, 0, 6.2832);
+        for (var Se = 0; Se < _e.length; Se++) {
+          var Wt = _e[Se];
+          r.moveTo(Wt.x + Do, Wt.y), r.arc(Wt.x, Wt.y, Do, 0, 6.2832);
         }
         r.fill(), r.strokeStyle = k.handleBorder, r.lineWidth = 1.5, r.stroke();
       }
     }
     r.restore();
-    var $i = (performance.now() - a).toFixed(1);
-    Pt++;
-    var Pe = performance.now();
-    if (Pe - Xo >= 1e3 && (Ho = Pt, Pt = 0, Xo = Pe), Pe - po >= 100) {
-      po = Pe;
-      var Fi = Math.round(-M.x / M.zoom), Ui = Math.round(-M.y / M.zoom);
+    var $l = (performance.now() - a).toFixed(1);
+    qe++;
+    var Pt = performance.now();
+    if (Pt - Xo >= 1e3 && (Ho = qe, qe = 0, Xo = Pt), Pt - po >= 100) {
+      po = Pt;
+      var Fl = Math.round(-M.x / M.zoom), Ul = Math.round(-M.y / M.zoom);
       self.postMessage({
         type: "hud",
         data: {
-          wx: Fi,
-          wy: Ui,
+          wx: Fl,
+          wy: Ul,
           zoom: M.zoom.toFixed(2),
-          renderMs: $i,
+          renderMs: $l,
           fps: Ho,
-          visible: X.length > 0 ? jo(Dr, Or, ya, jr).length : 0,
-          nodeCount: C.length,
-          visibleNodes: nr,
-          edgeCount: G.length
+          visible: Y.length > 0 ? jo(X, Yr, xa, Xr).length : 0,
+          nodeCount: W.length,
+          visibleNodes: dr,
+          edgeCount: C.length
         }
       });
     }
@@ -1085,7 +1089,7 @@ function Zr({
   onNodeMouseEnter: D,
   onNodeMouseMove: Y,
   onNodeMouseLeave: $,
-  onNodeContextMenu: I,
+  onNodeContextMenu: P,
   onPaneClick: O,
   onPaneContextMenu: q,
   onPaneMouseEnter: H,
@@ -1093,7 +1097,7 @@ function Zr({
   onPaneMouseLeave: h,
   onSelectionChange: m,
   onConnectStart: C,
-  onConnectEnd: P,
+  onConnectEnd: I,
   onInit: L,
   onMoveStart: K,
   onMove: it,
@@ -1112,7 +1116,7 @@ function Zr({
   nodesDraggable: gt = !0,
   nodesConnectable: Dt = !0,
   elementsSelectable: Xt = !0,
-  multiSelectionKeyCode: Pt = "Shift",
+  multiSelectionKeyCode: It = "Shift",
   selectionOnDrag: se = !1,
   selectionMode: ae = "partial",
   connectionMode: kt = "loose",
@@ -1166,7 +1170,7 @@ function Zr({
     onNodeMouseEnter: D,
     onNodeMouseMove: Y,
     onNodeMouseLeave: $,
-    onNodeContextMenu: I,
+    onNodeContextMenu: P,
     onPaneClick: O,
     onPaneContextMenu: q,
     onPaneMouseEnter: H,
@@ -1174,7 +1178,7 @@ function Zr({
     onPaneMouseLeave: h,
     onSelectionChange: m,
     onConnectStart: C,
-    onConnectEnd: P,
+    onConnectEnd: I,
     onInit: L,
     onMoveStart: K,
     onMove: it,
@@ -1210,14 +1214,14 @@ function Zr({
   } };
   mt(() => {
     const l = (c) => {
-      c.key === Pt && (mn.current = !0), c.key === Ne && (re.current = !0);
+      c.key === It && (mn.current = !0), c.key === Ne && (re.current = !0);
     }, g = (c) => {
-      c.key === Pt && (mn.current = !1), c.key === Ne && (re.current = !1);
+      c.key === It && (mn.current = !1), c.key === Ne && (re.current = !1);
     };
     return window.addEventListener("keydown", l), window.addEventListener("keyup", g), () => {
       window.removeEventListener("keydown", l), window.removeEventListener("keyup", g);
     };
-  }, [Pt, Ne]);
+  }, [It, Ne]);
   const Ct = { get current() {
     return J.current.onNodesChange ? pe : null;
   } }, pe = (l) => {
@@ -2028,7 +2032,7 @@ function Zr({
     l.data || (l.data = { label: l.id }), Ct.current && Ct.current([{ type: "add", item: l }]);
   }, []), On = U(() => ({ ...ht.current }), []), W = U((l) => {
     ht.current = { ...ht.current, ...l }, zt();
-  }, [zt]), bt = U((l) => At(l.x, l.y), [At]), rt = n, It = _t(() => ({
+  }, [zt]), bt = U((l) => At(l.x, l.y), [At]), rt = n, Pt = _t(() => ({
     wrapRef: Rt,
     canvasRef: Ae,
     workerRef: Nt,
@@ -2082,7 +2086,7 @@ function Zr({
     getCamera: On,
     setCamera: W,
     screenToFlowPosition: bt,
-    store: It
+    store: Pt
   };
 }
 function Gr(t, e, n, r, i, o) {
@@ -2110,7 +2114,7 @@ function Kr(t, e = Jr) {
   );
   return zn.useDebugValue(n), n;
 }
-const Pe = xr(null);
+const Ie = xr(null);
 function Vr(t = {}) {
   return Qr((e, n) => ({
     nodes: [],
@@ -2146,7 +2150,7 @@ function Vr(t = {}) {
   }));
 }
 function Lt(t, e) {
-  const n = ve(Pe);
+  const n = ve(Ie);
   if (!n)
     throw new Error("useCanvasStore must be used within <InfiniteCanvas> or <InfiniteCanvasProvider>");
   const r = typeof n.getState == "function" && typeof n.subscribe == "function", i = tt(t), o = tt(e), a = tt(void 0);
@@ -2160,7 +2164,7 @@ function Lt(t, e) {
   return r ? Kr(n, t ? u : void 0) : t ? u(n) : n;
 }
 function Rr() {
-  const t = ve(Pe);
+  const t = ve(Ie);
   if (!t)
     throw new Error("useCanvasStoreApi must be used within <InfiniteCanvas> or <InfiniteCanvasProvider>");
   return typeof t.getState == "function" ? t : { getState: () => t, setState: () => {
@@ -2181,11 +2185,11 @@ function to({ node: t, nodeType: e }) {
     if (!X) return;
     const D = new ResizeObserver((Y) => {
       var O, q, H, w;
-      const { width: $, height: I } = Y[0].contentRect;
-      if ($ > 0 && I > 0) {
-        const h = r.current, m = h.nodesRef.current.find((L) => L.id === t.id), C = (m == null ? void 0 : m.width) || ((O = m == null ? void 0 : m.measured) == null ? void 0 : O.width), P = (m == null ? void 0 : m.height) || ((q = m == null ? void 0 : m.measured) == null ? void 0 : q.height);
-        (Math.abs((C || 0) - $) > 1 || Math.abs((P || 0) - I) > 1) && ((w = (H = h.onNodesChangeRef).current) == null || w.call(H, [
-          { id: t.id, type: "dimensions", dimensions: { width: $, height: I }, setAttributes: !0 }
+      const { width: $, height: P } = Y[0].contentRect;
+      if ($ > 0 && P > 0) {
+        const h = r.current, m = h.nodesRef.current.find((L) => L.id === t.id), C = (m == null ? void 0 : m.width) || ((O = m == null ? void 0 : m.measured) == null ? void 0 : O.width), I = (m == null ? void 0 : m.height) || ((q = m == null ? void 0 : m.measured) == null ? void 0 : q.height);
+        (Math.abs((C || 0) - $) > 1 || Math.abs((I || 0) - P) > 1) && ((w = (H = h.onNodesChangeRef).current) == null || w.call(H, [
+          { id: t.id, type: "dimensions", dimensions: { width: $, height: P }, setAttributes: !0 }
         ]));
       }
     });
@@ -2197,10 +2201,10 @@ function to({ node: t, nodeType: e }) {
     const D = X.target.tagName;
     if (D === "INPUT" || D === "TEXTAREA" || D === "SELECT" || D === "BUTTON" || D === "A" || D === "LABEL" || X.target.isContentEditable) return;
     const Y = r.current.noDragClassName || "nodrag", $ = r.current.noPanClassName || "nopan";
-    let I = X.target;
-    for (; I && I !== i.current; ) {
-      if ((lt = I.classList) != null && lt.contains(Y) || (vt = I.classList) != null && vt.contains($)) return;
-      I = I.parentElement;
+    let P = X.target;
+    for (; P && P !== i.current; ) {
+      if ((lt = P.classList) != null && lt.contains(Y) || (vt = P.classList) != null && vt.contains($)) return;
+      P = P.parentElement;
     }
     if (r.current.onNodesChangeRef.current) {
       const dt = [];
@@ -2219,15 +2223,15 @@ function to({ node: t, nodeType: e }) {
       startMouse: { x: w, y: h },
       selectedStarts: C
     };
-    const P = [{ id: t.id, type: "position", dragging: !0 }];
+    const I = [{ id: t.id, type: "position", dragging: !0 }];
     for (const dt of C)
-      P.push({ id: dt.id, type: "position", dragging: !0 });
-    (pt = (wt = r.current.onNodesChangeRef).current) == null || pt.call(wt, P);
+      I.push({ id: dt.id, type: "position", dragging: !0 });
+    (pt = (wt = r.current.onNodesChangeRef).current) == null || pt.call(wt, I);
     const L = i.current;
     L && L.setPointerCapture(X.pointerId);
     let K = null;
     const it = (dt) => {
-      var Xt, Pt, se, ae;
+      var Xt, It, se, ae;
       if (!a.current) return;
       const Et = r.current.cameraRef.current, ot = q.getBoundingClientRect(), ft = (dt.clientX - ot.left - Et.x) / Et.zoom, Bt = (dt.clientY - ot.top - Et.y) / Et.zoom, Zt = ft - a.current.startMouse.x, xt = Bt - a.current.startMouse.y;
       let gt = { x: a.current.startPos.x + Zt, y: a.current.startPos.y + xt };
@@ -2237,7 +2241,7 @@ function to({ node: t, nodeType: e }) {
       }), t.parentId && t.extent === "parent") {
         const kt = r.current.nodesRef.current.find(($t) => $t.id === t.parentId);
         if (kt) {
-          const $t = kt.width || 160, Gt = kt.height || 60, Ht = t.width || ((Xt = t.measured) == null ? void 0 : Xt.width) || 160, Ut = t.height || ((Pt = t.measured) == null ? void 0 : Pt.height) || 60;
+          const $t = kt.width || 160, Gt = kt.height || 60, Ht = t.width || ((Xt = t.measured) == null ? void 0 : Xt.width) || 160, Ut = t.height || ((It = t.measured) == null ? void 0 : It.height) || 60;
           gt = {
             x: Math.max(0, Math.min(gt.x, $t - Ht)),
             y: Math.max(0, Math.min(gt.y, Gt - Ut))
@@ -2312,9 +2316,9 @@ function to({ node: t, nodeType: e }) {
         return;
     }
     X.preventDefault();
-    const I = { x: t.position.x + Y, y: t.position.y + $ }, O = [{ id: t.id, type: "position", position: I }];
-    for (const P of r.current.nodesRef.current)
-      P.selected && P.id !== t.id && O.push({ id: P.id, type: "position", position: { x: P.position.x + Y, y: P.position.y + $ } });
+    const P = { x: t.position.x + Y, y: t.position.y + $ }, O = [{ id: t.id, type: "position", position: P }];
+    for (const I of r.current.nodesRef.current)
+      I.selected && I.id !== t.id && O.push({ id: I.id, type: "position", position: { x: I.position.x + Y, y: I.position.y + $ } });
     (C = (m = r.current.onNodesChangeRef).current) == null || C.call(m, O);
   }, [t]), d = t.width || ((E = t.measured) == null ? void 0 : E.width), f = t.height || ((B = t.measured) == null ? void 0 : B.height), v = !!(d && f), S = (T = n.pinnedNodeIds) == null ? void 0 : T.has(t.id), k = U((X) => {
     var D, Y;
@@ -2455,20 +2459,20 @@ function fr({ x: t, y: e, position: n, type: r, onPointerDown: i }) {
   );
 }
 function oo({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
-  var I, O, q;
-  const i = ve(Pe), o = tt(typeof i.getState == "function" ? i.getState() : i);
+  var P, O, q;
+  const i = ve(Ie), o = tt(typeof i.getState == "function" ? i.getState() : i);
   o.current = typeof i.getState == "function" ? i.getState() : i;
   const [a, u] = Ot(null), x = U((H, w, h, m) => {
     var vt;
     w.stopPropagation(), w.preventDefault();
-    const C = o.current, P = C.wrapRef.current;
-    if (!P) return;
+    const C = o.current, I = C.wrapRef.current;
+    if (!I) return;
     const L = H === "source" ? m : h, K = H === "source" ? t.target : t.source;
     (vt = C.workerRef.current) == null || vt.postMessage({
       type: "connecting",
       data: { from: { x: L.x, y: L.y }, to: { x: L.x, y: L.y } }
     });
-    const it = P.getBoundingClientRect(), nt = (wt) => {
+    const it = I.getBoundingClientRect(), nt = (wt) => {
       var ot;
       const pt = C.cameraRef.current, dt = (wt.clientX - it.left - pt.x) / pt.zoom, Et = (wt.clientY - it.top - pt.y) / pt.zoom;
       (ot = C.workerRef.current) == null || ot.postMessage({
@@ -2480,13 +2484,13 @@ function oo({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
       const pt = C.cameraRef.current, dt = (wt.clientX - it.left - pt.x) / pt.zoom, Et = (wt.clientY - it.top - pt.y) / pt.zoom, ot = 20 / pt.zoom;
       let ft = null, Bt = null;
       const Zt = (xt = C.handleRegistryRef) == null ? void 0 : xt.current;
-      for (const Pt of C.nodesRef.current) {
-        if (Pt.hidden) continue;
-        const se = Pt.width || kr, ae = Pt.height || zr, kt = Pt._absolutePosition || Pt.position, $t = [];
+      for (const It of C.nodesRef.current) {
+        if (It.hidden) continue;
+        const se = It.width || kr, ae = It.height || zr, kt = It._absolutePosition || It.position, $t = [];
         if (Zt)
           for (const [, Ht] of Zt)
-            Ht.nodeId === Pt.id && $t.push(Ht);
-        const Gt = $t.length > 0 ? $t : Pt.handles || [
+            Ht.nodeId === It.id && $t.push(Ht);
+        const Gt = $t.length > 0 ? $t : It.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
@@ -2510,23 +2514,23 @@ function oo({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
                 break;
             }
           if (Math.abs(dt - Ut) < ot && Math.abs(Et - Kt) < ot) {
-            ft = Pt, Bt = Ht.id || null;
+            ft = It, Bt = Ht.id || null;
             break;
           }
         }
         if (ft) break;
       }
       if (ft) {
-        const Pt = H === "source" ? { source: ft.id, target: K, sourceHandle: Bt, targetHandle: t.targetHandle } : { source: K, target: ft.id, sourceHandle: t.sourceHandle, targetHandle: Bt };
+        const It = H === "source" ? { source: ft.id, target: K, sourceHandle: Bt, targetHandle: t.targetHandle } : { source: K, target: ft.id, sourceHandle: t.sourceHandle, targetHandle: Bt };
         (Dt = (gt = C.onEdgesChangeRef).current) == null || Dt.call(gt, [
           { id: t.id, type: "remove" },
-          { type: "add", item: { id: t.id, ...Pt } }
+          { type: "add", item: { id: t.id, ...It } }
         ]);
       }
-      (Xt = C.workerRef.current) == null || Xt.postMessage({ type: "connecting", data: null }), P.removeEventListener("pointermove", nt), P.removeEventListener("pointerup", lt);
+      (Xt = C.workerRef.current) == null || Xt.postMessage({ type: "connecting", data: null }), I.removeEventListener("pointermove", nt), I.removeEventListener("pointerup", lt);
     };
-    P.addEventListener("pointermove", nt), P.addEventListener("pointerup", lt);
-  }, [t]), d = n.find((H) => H.id === t.source), f = n.find((H) => H.id === t.target), v = d && !!(d.width || (I = d.measured) != null && I.width), S = f && !!(f.width || (O = f.measured) != null && O.width), k = o.current, E = (q = k.handleRegistryRef) == null ? void 0 : q.current, B = v ? ur(d, "source", t.sourceHandle, E) : null, T = S ? ur(f, "target", t.targetHandle, E) : null, A = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", X = k.routedEdges || k.edges, D = X == null ? void 0 : X.find((H) => H.id === t.id), Y = A ? null : (D == null ? void 0 : D._routedPoints) || t._routedPoints || null, $ = r !== !1 && t.reconnectable !== !1;
+    I.addEventListener("pointermove", nt), I.addEventListener("pointerup", lt);
+  }, [t]), d = n.find((H) => H.id === t.source), f = n.find((H) => H.id === t.target), v = d && !!(d.width || (P = d.measured) != null && P.width), S = f && !!(f.width || (O = f.measured) != null && O.width), k = o.current, E = (q = k.handleRegistryRef) == null ? void 0 : q.current, B = v ? ur(d, "source", t.sourceHandle, E) : null, T = S ? ur(f, "target", t.targetHandle, E) : null, A = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", X = k.routedEdges || k.edges, D = X == null ? void 0 : X.find((H) => H.id === t.id), Y = A ? null : (D == null ? void 0 : D._routedPoints) || t._routedPoints || null, $ = r !== !1 && t.reconnectable !== !1;
   return !B || !T ? null : /* @__PURE__ */ Ft(
     "g",
     {
@@ -2598,13 +2602,13 @@ function Sr({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
       H.key === t && (D = !0);
     }, $ = (H) => {
       H.key === t && (D = !1);
-    }, I = (H) => {
+    }, P = (H) => {
       if (!D) return;
       const w = H.target;
       if (w.closest(".ric-node-wrapper") || w.closest(".ric-handle")) return;
       A = !0;
-      const h = n.cameraRef.current, m = T.getBoundingClientRect(), C = (H.clientX - m.left - h.x) / h.zoom, P = (H.clientY - m.top - h.y) / h.zoom;
-      X = { x: C, y: P }, i({ startX: C, startY: P, endX: C, endY: P }), H.stopPropagation();
+      const h = n.cameraRef.current, m = T.getBoundingClientRect(), C = (H.clientX - m.left - h.x) / h.zoom, I = (H.clientY - m.top - h.y) / h.zoom;
+      X = { x: C, y: I }, i({ startX: C, startY: I, endX: C, endY: I }), H.stopPropagation();
     }, O = (H) => {
       if (!A || !X) return;
       const w = n.cameraRef.current, h = T.getBoundingClientRect(), m = (H.clientX - h.left - w.x) / w.zoom, C = (H.clientY - h.top - w.y) / w.zoom;
@@ -2613,7 +2617,7 @@ function Sr({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
       var K, it;
       if (!A || !X) return;
       A = !1;
-      const w = n.cameraRef.current, h = T.getBoundingClientRect(), m = (H.clientX - h.left - w.x) / w.zoom, C = (H.clientY - h.top - w.y) / w.zoom, P = {
+      const w = n.cameraRef.current, h = T.getBoundingClientRect(), m = (H.clientX - h.left - w.x) / w.zoom, C = (H.clientY - h.top - w.y) / w.zoom, I = {
         x: Math.min(X.x, m),
         y: Math.min(X.y, C),
         width: Math.abs(m - X.x),
@@ -2622,12 +2626,12 @@ function Sr({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
       for (const nt of n.nodesRef.current) {
         const lt = nt._absolutePosition || nt.position, vt = nt.width || 160, wt = nt.height || 60;
         let pt;
-        e === "full" ? pt = lt.x >= P.x && lt.y >= P.y && lt.x + vt <= P.x + P.width && lt.y + wt <= P.y + P.height : pt = lt.x + vt > P.x && lt.x < P.x + P.width && lt.y + wt > P.y && lt.y < P.y + P.height, L.push({ id: nt.id, type: "select", selected: pt });
+        e === "full" ? pt = lt.x >= I.x && lt.y >= I.y && lt.x + vt <= I.x + I.width && lt.y + wt <= I.y + I.height : pt = lt.x + vt > I.x && lt.x < I.x + I.width && lt.y + wt > I.y && lt.y < I.y + I.height, L.push({ id: nt.id, type: "select", selected: pt });
       }
       L.length && ((it = (K = n.onNodesChangeRef).current) == null || it.call(K, L)), X = null, i(null);
     };
-    return T.addEventListener("pointerdown", I, !0), T.addEventListener("pointermove", O), T.addEventListener("pointerup", q), window.addEventListener("keydown", Y), window.addEventListener("keyup", $), () => {
-      T.removeEventListener("pointerdown", I, !0), T.removeEventListener("pointermove", O), T.removeEventListener("pointerup", q), window.removeEventListener("keydown", Y), window.removeEventListener("keyup", $);
+    return T.addEventListener("pointerdown", P, !0), T.addEventListener("pointermove", O), T.addEventListener("pointerup", q), window.addEventListener("keydown", Y), window.addEventListener("keyup", $), () => {
+      T.removeEventListener("pointerdown", P, !0), T.removeEventListener("pointermove", O), T.removeEventListener("pointerup", q), window.removeEventListener("keydown", Y), window.removeEventListener("keyup", $);
     };
   }, [n, t, e]), !r) return null;
   const a = ((B = n.cameraRef) == null ? void 0 : B.current) || { x: 0, y: 0, zoom: 1 }, u = Math.min(r.startX, r.endX), x = Math.min(r.startY, r.endY), d = Math.abs(r.endX - r.startX), f = Math.abs(r.endY - r.startY), v = u * a.zoom + a.x, S = x * a.zoom + a.y, k = d * a.zoom, E = f * a.zoom;
@@ -2675,11 +2679,11 @@ function ao(t, e) {
     y: (i.top + i.height / 2 - r.top) / o
   };
 }
-let Qn = !1, Ie = null;
+let Qn = !1, Pe = null;
 function Er(t) {
-  Ie = t, !Qn && (Qn = !0, requestAnimationFrame(() => {
+  Pe = t, !Qn && (Qn = !0, requestAnimationFrame(() => {
     var e;
-    Qn = !1, (e = Ie == null ? void 0 : Ie.syncNodesToWorker) == null || e.call(Ie), Ie = null;
+    Qn = !1, (e = Pe == null ? void 0 : Pe.syncNodesToWorker) == null || e.call(Pe), Pe = null;
   }));
 }
 const er = /* @__PURE__ */ new WeakMap();
@@ -2717,16 +2721,16 @@ function lo({
   onConnect: d,
   ...f
 }) {
-  const v = ve(un), S = ve(Pe), k = tt(null), E = U(
+  const v = ve(un), S = ve(Ie), k = tt(null), E = U(
     () => typeof S.getState == "function" ? S.getState() : S,
     [S]
   ), B = tt(E);
   B.current = E, Xr(() => {
-    var w, h, m, C, P, L, K;
+    var w, h, m, C, I, L, K;
     if (!v) return;
     const D = B.current(), Y = (w = D.handleRegistryRef) == null ? void 0 : w.current;
     if (!Y) return;
-    const $ = `${v}__${n || t}`, I = (m = (h = D.nodesRef) == null ? void 0 : h.current) == null ? void 0 : m.find((it) => it.id === v), O = (I == null ? void 0 : I.width) || ((C = I == null ? void 0 : I.measured) == null ? void 0 : C.width), q = (I == null ? void 0 : I.height) || ((P = I == null ? void 0 : I.measured) == null ? void 0 : P.height);
+    const $ = `${v}__${n || t}`, P = (m = (h = D.nodesRef) == null ? void 0 : h.current) == null ? void 0 : m.find((it) => it.id === v), O = (P == null ? void 0 : P.width) || ((C = P == null ? void 0 : P.measured) == null ? void 0 : C.width), q = (P == null ? void 0 : P.height) || ((I = P == null ? void 0 : P.measured) == null ? void 0 : I.height);
     let H;
     O && q ? H = tr(e, O, q) : k.current ? H = ao(k.current, (K = (L = D.cameraRef) == null ? void 0 : L.current) == null ? void 0 : K.zoom) : H = tr(e, 160, 60), Y.set($, { nodeId: v, id: n || null, type: t, position: e, x: H.x, y: H.y });
   }, [v, n, t, e]), mt(() => {
@@ -2744,7 +2748,7 @@ function lo({
     var h;
     const D = B.current(), Y = D.nodesRef.current.find((m) => m.id === v);
     if (!Y) return null;
-    const $ = Y._absolutePosition || Y.position, I = (h = D.handleRegistryRef) == null ? void 0 : h.current, O = `${v}__${n || t}`, q = I == null ? void 0 : I.get(O);
+    const $ = Y._absolutePosition || Y.position, P = (h = D.handleRegistryRef) == null ? void 0 : h.current, O = `${v}__${n || t}`, q = P == null ? void 0 : P.get(O);
     if (q && q.x !== void 0 && q.y !== void 0)
       return { x: $.x + q.x, y: $.y + q.y };
     const H = Y.width || 160, w = Y.height || 60;
@@ -2762,25 +2766,25 @@ function lo({
     var C;
     if (!r || !i) return;
     D.stopPropagation(), D.preventDefault();
-    const Y = B.current(), $ = Y.cameraRef.current, I = Y.wrapRef.current;
-    if (!I) return;
-    const O = I.getBoundingClientRect(), q = T();
+    const Y = B.current(), $ = Y.cameraRef.current, P = Y.wrapRef.current;
+    if (!P) return;
+    const O = P.getBoundingClientRect(), q = T();
     if (!q) return;
     const H = q.x, w = q.y;
     (C = Y.workerRef.current) == null || C.postMessage({
       type: "connecting",
       data: { from: { x: H, y: w }, to: { x: H, y: w } }
-    }), I.setPointerCapture(D.pointerId);
-    const h = (P) => {
+    }), P.setPointerCapture(D.pointerId);
+    const h = (I) => {
       var it;
-      const L = (P.clientX - O.left - $.x) / $.zoom, K = (P.clientY - O.top - $.y) / $.zoom;
+      const L = (I.clientX - O.left - $.x) / $.zoom, K = (I.clientY - O.top - $.y) / $.zoom;
       (it = Y.workerRef.current) == null || it.postMessage({
         type: "connecting",
         data: { from: { x: H, y: w }, to: { x: L, y: K } }
       });
-    }, m = (P) => {
+    }, m = (I) => {
       var wt, pt, dt, Et;
-      const L = (P.clientX - O.left - $.x) / $.zoom, K = (P.clientY - O.top - $.y) / $.zoom, it = 20 / $.zoom;
+      const L = (I.clientX - O.left - $.x) / $.zoom, K = (I.clientY - O.top - $.y) / $.zoom, it = 20 / $.zoom;
       let nt = null, lt = null;
       const vt = (wt = Y.handleRegistryRef) == null ? void 0 : wt.current;
       for (const ot of Y.nodesRef.current) {
@@ -2798,19 +2802,19 @@ function lo({
           if (xt.x !== void 0 && xt.y !== void 0)
             gt = ft.x + xt.x, Dt = ft.y + xt.y;
           else {
-            const Xt = ot.width || 160, Pt = ot.height || 60;
+            const Xt = ot.width || 160, It = ot.height || 60;
             switch (xt.position || (xt.type === "source" ? "right" : "left")) {
               case "top":
                 gt = ft.x + Xt / 2, Dt = ft.y;
                 break;
               case "bottom":
-                gt = ft.x + Xt / 2, Dt = ft.y + Pt;
+                gt = ft.x + Xt / 2, Dt = ft.y + It;
                 break;
               case "left":
-                gt = ft.x, Dt = ft.y + Pt / 2;
+                gt = ft.x, Dt = ft.y + It / 2;
                 break;
               default:
-                gt = ft.x + Xt, Dt = ft.y + Pt / 2;
+                gt = ft.x + Xt, Dt = ft.y + It / 2;
                 break;
             }
           }
@@ -2830,9 +2834,9 @@ function lo({
         };
         (dt = (pt = Y.onEdgesChangeRef) == null ? void 0 : pt.current) == null || dt.call(pt, [{ type: "add", item: { id: `e-${ot.source}-${ot.target}`, ...ot } }]);
       }
-      (Et = Y.workerRef.current) == null || Et.postMessage({ type: "connecting", data: null }), I.removeEventListener("pointermove", h), I.removeEventListener("pointerup", m);
+      (Et = Y.workerRef.current) == null || Et.postMessage({ type: "connecting", data: null }), P.removeEventListener("pointermove", h), P.removeEventListener("pointerup", m);
     };
-    I.addEventListener("pointermove", h), I.addEventListener("pointerup", m);
+    P.addEventListener("pointermove", h), P.addEventListener("pointerup", m);
   }, [v, n, t, e, r, i, T]), X = {
     top: { top: 0, left: "50%", transform: "translate(-50%, -50%)" },
     bottom: { bottom: 0, left: "50%", transform: "translate(-50%, 50%)" },
@@ -2867,7 +2871,7 @@ function lo({
     }
   );
 }
-const In = oe(lo);
+const Pn = oe(lo);
 function Vo({
   data: t,
   isConnectable: e,
@@ -2892,9 +2896,9 @@ function Vo({
         boxShadow: n ? "0 0 0 0.5px #1a192b" : "none"
       },
       children: [
-        !a && /* @__PURE__ */ F(In, { type: "target", position: r, isConnectable: e }),
+        !a && /* @__PURE__ */ F(Pn, { type: "target", position: r, isConnectable: e }),
         /* @__PURE__ */ F("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
-        !o && /* @__PURE__ */ F(In, { type: "source", position: i, isConnectable: e })
+        !o && /* @__PURE__ */ F(Pn, { type: "source", position: i, isConnectable: e })
       ]
     }
   );
@@ -2923,7 +2927,7 @@ function uo({
       },
       children: [
         /* @__PURE__ */ F("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
-        !i && /* @__PURE__ */ F(In, { type: "source", position: r, isConnectable: e })
+        !i && /* @__PURE__ */ F(Pn, { type: "source", position: r, isConnectable: e })
       ]
     }
   );
@@ -2951,7 +2955,7 @@ function fo({
         boxShadow: n ? "0 0 0 0.5px #1a192b" : "none"
       },
       children: [
-        !i && /* @__PURE__ */ F(In, { type: "target", position: r, isConnectable: e }),
+        !i && /* @__PURE__ */ F(Pn, { type: "target", position: r, isConnectable: e }),
         /* @__PURE__ */ F("div", { className: "ric-node-content", children: t == null ? void 0 : t.label })
       ]
     }
@@ -3127,7 +3131,7 @@ function gr(t, e, n) {
       return { x: t + cn, y: e };
   }
 }
-const Ir = oe(function({
+const Pr = oe(function({
   id: e,
   sourceX: n,
   sourceY: r,
@@ -3147,7 +3151,7 @@ const Ir = oe(function({
   interactionWidth: A
 }) {
   let X, D, Y;
-  const $ = gr(n, r, a), I = gr(i, o, u), O = Math.abs(I.x - $.x), q = Math.max(50, O * 0.5);
+  const $ = gr(n, r, a), P = gr(i, o, u), O = Math.abs(P.x - $.x), q = Math.max(50, O * 0.5);
   let H, w, h, m;
   switch (a) {
     case "left":
@@ -3165,21 +3169,21 @@ const Ir = oe(function({
   }
   switch (u) {
     case "right":
-      h = I.x + q, m = I.y;
+      h = P.x + q, m = P.y;
       break;
     case "top":
-      h = I.x, m = I.y - q;
+      h = P.x, m = P.y - q;
       break;
     case "bottom":
-      h = I.x, m = I.y + q;
+      h = P.x, m = P.y + q;
       break;
     default:
-      h = I.x - q, m = I.y;
+      h = P.x - q, m = P.y;
       break;
   }
-  X = `M ${n},${r} L ${$.x},${$.y} C ${H},${w} ${h},${m} ${I.x},${I.y} L ${i},${o}`;
-  const C = 0.5, P = 0.5;
-  return D = P * P * P * $.x + 3 * P * P * C * H + 3 * P * C * C * h + C * C * C * I.x, Y = P * P * P * $.y + 3 * P * P * C * w + 3 * P * C * C * m + C * C * C * I.y, /* @__PURE__ */ F(
+  X = `M ${n},${r} L ${$.x},${$.y} C ${H},${w} ${h},${m} ${P.x},${P.y} L ${i},${o}`;
+  const C = 0.5, I = 0.5;
+  return D = I * I * I * $.x + 3 * I * I * C * H + 3 * I * C * C * h + C * C * C * P.x, Y = I * I * I * $.y + 3 * I * I * C * w + 3 * I * C * C * m + C * C * C * P.y, /* @__PURE__ */ F(
     $n,
     {
       id: e,
@@ -3199,8 +3203,8 @@ const Ir = oe(function({
     }
   );
 });
-Ir.displayName = "BezierEdge";
-function Pr({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
+Pr.displayName = "BezierEdge";
+function Ir({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
   const i = `M ${t},${e}L ${n},${r}`, o = (t + n) / 2, a = (e + r) / 2;
   return [i, o, a, 0, 0];
 }
@@ -3288,10 +3292,10 @@ function ns(t, e, n) {
   };
   return r.push(i), r;
 }
-const Pn = 160, Nn = 60, ln = 20, En = 12, Tn = 20;
+const In = 160, Nn = 60, ln = 20, En = 12, Tn = 20;
 function yr(t, e, n) {
   var a, u;
-  const r = t.width || ((a = t.measured) == null ? void 0 : a.width) || Pn, i = t.height || ((u = t.measured) == null ? void 0 : u.height) || Nn, o = t._absolutePosition || t.position;
+  const r = t.width || ((a = t.measured) == null ? void 0 : a.width) || In, i = t.height || ((u = t.measured) == null ? void 0 : u.height) || Nn, o = t._absolutePosition || t.position;
   if (t.handles && t.handles.length > 0) {
     for (const x of t.handles)
       if (x.type === e && (!n || x.id === n)) {
@@ -3361,7 +3365,7 @@ function Lr(t, e) {
   for (let o = 0; o < t.length; o++) {
     const a = t[o];
     if (a.hidden || e && e.has(a.id) || a.type === "group") continue;
-    const u = a._absolutePosition || a.position, x = a.width || ((r = a.measured) == null ? void 0 : r.width) || Pn, d = a.height || ((i = a.measured) == null ? void 0 : i.height) || Nn;
+    const u = a._absolutePosition || a.position, x = a.width || ((r = a.measured) == null ? void 0 : r.width) || In, d = a.height || ((i = a.measured) == null ? void 0 : i.height) || Nn;
     n.push({
       id: a.id,
       x: u.x - ln,
@@ -3388,7 +3392,7 @@ function $r(t, e, n) {
   for (let h = 0; h < u.length; h++) d.set(u[h], h);
   const f = a.length, v = u.length, S = (h, m) => m * f + h, k = x.get(t.x), E = d.get(t.y), B = x.get(e.x), T = d.get(e.y);
   if (k === void 0 || E === void 0 || B === void 0 || T === void 0) return null;
-  const A = S(k, E), X = S(B, T), D = new Float64Array(f * v).fill(1 / 0), Y = new Float64Array(f * v).fill(1 / 0), $ = new Int32Array(f * v).fill(-1), I = new Int8Array(f * v).fill(-1), O = new Uint8Array(f * v);
+  const A = S(k, E), X = S(B, T), D = new Float64Array(f * v).fill(1 / 0), Y = new Float64Array(f * v).fill(1 / 0), $ = new Int32Array(f * v).fill(-1), P = new Int8Array(f * v).fill(-1), O = new Uint8Array(f * v);
   D[A] = 0, Y[A] = Math.abs(a[B] - t.x) + Math.abs(u[T] - t.y);
   const q = [A], H = 15, w = [[1, 0], [-1, 0], [0, 1], [0, -1]];
   for (; q.length > 0; ) {
@@ -3407,16 +3411,16 @@ function $r(t, e, n) {
     }
     if (O[m]) continue;
     O[m] = 1;
-    const C = m / f | 0, P = m % f, L = a[P], K = u[C], it = I[m];
+    const C = m / f | 0, I = m % f, L = a[I], K = u[C], it = P[m];
     for (let nt = 0; nt < 4; nt++) {
-      const lt = P + w[nt][0], vt = C + w[nt][1];
+      const lt = I + w[nt][0], vt = C + w[nt][1];
       if (lt < 0 || lt >= f || vt < 0 || vt >= v) continue;
       const wt = S(lt, vt);
       if (O[wt]) continue;
       const pt = a[lt], dt = u[vt];
       if (xo(pt, dt, n) || !rr(L, K, pt, dt, n)) continue;
       const Et = Math.abs(pt - L) + Math.abs(dt - K), ot = it >= 0 && it !== nt ? H : 0, ft = D[m] + Et + ot;
-      ft < D[wt] && ($[wt] = m, I[wt] = nt, D[wt] = ft, Y[wt] = ft + Math.abs(a[B] - pt) + Math.abs(u[T] - dt), q.push(wt));
+      ft < D[wt] && ($[wt] = m, P[wt] = nt, D[wt] = ft, Y[wt] = ft + Math.abs(a[B] - pt) + Math.abs(u[T] - dt), q.push(wt));
     }
   }
   return null;
@@ -3540,14 +3544,14 @@ function rs(t, e) {
   const n = {};
   for (const o of t) n[o.id] = o;
   const r = Lr(t, null), i = e.map((o) => {
-    var I, O, q, H;
+    var P, O, q, H;
     const a = o.type || "default";
     if (a === "bezier" || a === "simplebezier" || a === "default") return o;
     const u = n[o.source], x = n[o.target];
     if (!u || !x || u.hidden || x.hidden) return o;
-    const d = yr(u, "source", o.sourceHandle), f = yr(x, "target", o.targetHandle), v = Ln(d, Tn), S = Ln(f, Tn), k = 5, E = r.filter((w) => w.id !== o.source && w.id !== o.target), B = u._absolutePosition || u.position, T = u.width || ((I = u.measured) == null ? void 0 : I.width) || Pn, A = u.height || ((O = u.measured) == null ? void 0 : O.height) || Nn;
+    const d = yr(u, "source", o.sourceHandle), f = yr(x, "target", o.targetHandle), v = Ln(d, Tn), S = Ln(f, Tn), k = 5, E = r.filter((w) => w.id !== o.source && w.id !== o.target), B = u._absolutePosition || u.position, T = u.width || ((P = u.measured) == null ? void 0 : P.width) || In, A = u.height || ((O = u.measured) == null ? void 0 : O.height) || Nn;
     E.push({ id: o.source, x: B.x - k, y: B.y - k, w: T + 2 * k, h: A + 2 * k });
-    const X = x._absolutePosition || x.position, D = x.width || ((q = x.measured) == null ? void 0 : q.width) || Pn, Y = x.height || ((H = x.measured) == null ? void 0 : H.height) || Nn;
+    const X = x._absolutePosition || x.position, D = x.width || ((q = x.measured) == null ? void 0 : q.width) || In, Y = x.height || ((H = x.measured) == null ? void 0 : H.height) || Nn;
     if (E.push({ id: o.target, x: X.x - k, y: X.y - k, w: D + 2 * k, h: Y + 2 * k }), E.length === 0) return o;
     const $ = $r(v, S, E);
     return $ && $.length >= 2 ? ($.unshift({ x: d.x, y: d.y }), $.push({ x: f.x, y: f.y }), { ...o, _routedPoints: $ }) : o;
@@ -3584,7 +3588,7 @@ const Br = oe(function({
     const Y = sr(T);
     X = Y.x, D = Y.y;
   } else
-    [A, X, D] = Pr({ sourceX: n, sourceY: r, targetX: i, targetY: o });
+    [A, X, D] = Ir({ sourceX: n, sourceY: r, targetX: i, targetY: o });
   return /* @__PURE__ */ F(
     $n,
     {
@@ -3627,13 +3631,13 @@ const Ar = oe(function({
   interactionWidth: X,
   routedPoints: D
 }) {
-  let Y, $, I;
+  let Y, $, P;
   if (D && D.length >= 2) {
     Y = or(D);
     const O = sr(D);
-    $ = O.x, I = O.y;
+    $ = O.x, P = O.y;
   } else
-    [Y, $, I] = nr({
+    [Y, $, P] = nr({
       sourceX: n,
       sourceY: r,
       sourcePosition: a,
@@ -3649,7 +3653,7 @@ const Ar = oe(function({
       id: e,
       path: Y,
       labelX: $,
-      labelY: I,
+      labelY: P,
       label: x,
       labelStyle: d,
       labelShowBg: f,
@@ -3699,8 +3703,8 @@ const Dr = oe(function({
   let D, Y, $;
   if (X && X.length >= 2) {
     D = or(X);
-    const I = sr(X);
-    Y = I.x, $ = I.y;
+    const P = sr(X);
+    Y = P.x, $ = P.y;
   } else
     [D, Y, $] = Tr({
       sourceX: n,
@@ -3735,7 +3739,7 @@ const Mo = {
   group: ho
 }, Ro = {
   // smoothstep/step are handled by the canvas worker directly (not React SVG)
-  bezier: Ir,
+  bezier: Pr,
   straight: Br,
   simplebezier: Dr
 }, ko = 160, zo = 60;
@@ -3784,7 +3788,7 @@ function ss({
   onEdgesChange: D,
   onConnect: Y,
   onConnectStart: $,
-  onConnectEnd: I,
+  onConnectEnd: P,
   onNodeClick: O,
   onNodeDoubleClick: q,
   onNodeMouseEnter: H,
@@ -3792,7 +3796,7 @@ function ss({
   onNodeMouseLeave: h,
   onNodeContextMenu: m,
   onNodeDragStart: C,
-  onNodeDrag: P,
+  onNodeDrag: I,
   onNodeDragStop: L,
   onEdgeClick: K,
   onEdgeDoubleClick: it,
@@ -3811,7 +3815,7 @@ function ss({
   onMove: gt,
   onMoveEnd: Dt,
   onDelete: Xt,
-  onBeforeDelete: Pt,
+  onBeforeDelete: It,
   onError: se,
   // Drag and drop
   onDragOver: ae,
@@ -3896,8 +3900,8 @@ function ss({
     const bt = Oe.current;
     if (bt.size === W.size) {
       let rt = !0;
-      for (const It of W)
-        if (!bt.has(It)) {
+      for (const Pt of W)
+        if (!bt.has(Pt)) {
           rt = !1;
           break;
         }
@@ -3908,8 +3912,8 @@ function ss({
     if (a === 0) return [];
     const W = re.filter((bt) => Ct.has(bt.id));
     return W.sort((bt, rt) => {
-      const It = bt.type === "group" || !bt.parentId && W.some((g) => g.parentId === bt.id), l = rt.type === "group" || !rt.parentId && W.some((g) => g.parentId === rt.id);
-      return It && !l ? -1 : !It && l ? 1 : 0;
+      const Pt = bt.type === "group" || !bt.parentId && W.some((g) => g.parentId === bt.id), l = rt.type === "group" || !rt.parentId && W.some((g) => g.parentId === rt.id);
+      return Pt && !l ? -1 : !Pt && l ? 1 : 0;
     });
   }, [re, Ct, a]), Yt = _t(() => e.map((W) => Ct.has(W.id) ? { ...W, _customRendered: !0 } : W), [e, Ct]), Xn = _t(() => n.map((W) => W.type && de[W.type] ? { ...W, _customRendered: !0 } : W), [n, de]), {
     wrapRef: xe,
@@ -3936,7 +3940,7 @@ function ss({
     onEdgesChange: D,
     onConnect: Y,
     onConnectStart: $,
-    onConnectEnd: I,
+    onConnectEnd: P,
     onNodeClick: O,
     onNodeDoubleClick: q,
     onNodeMouseEnter: H,
@@ -3944,7 +3948,7 @@ function ss({
     onNodeMouseLeave: h,
     onNodeContextMenu: m,
     onNodeDragStart: C,
-    onNodeDrag: P,
+    onNodeDrag: I,
     onNodeDragStop: L,
     onEdgeClick: K,
     onEdgeDoubleClick: it,
@@ -3963,7 +3967,7 @@ function ss({
     onMove: gt,
     onMoveEnd: Dt,
     onDelete: Xt,
-    onBeforeDelete: Pt,
+    onBeforeDelete: It,
     onError: se,
     nodesDraggable: Ht,
     nodesConnectable: Ut,
@@ -4007,24 +4011,24 @@ function ss({
   tn.current = a, mt(() => {
     let W;
     const bt = () => {
-      const It = Ve.current, l = tn.current;
-      if (l === 0 || !It.length) return;
+      const Pt = Ve.current, l = tn.current;
+      if (l === 0 || !Pt.length) return;
       const g = ut.cameraRef.current, c = ut.wrapRef.current;
       if (!c) return;
       const p = c.clientWidth, R = c.clientHeight, z = (-g.x + p / 2) / g.zoom, y = (-g.y + R / 2) / g.zoom, b = Ce.current;
       let M = b.size;
-      for (const N of It)
+      for (const N of Pt)
         (N.selected || N.dragging) && M++;
       const _ = Math.max(0, l - M);
       if (_ === 0)
         je((N) => N.size === 0 ? N : /* @__PURE__ */ new Set());
       else {
         const N = new Set(b);
-        for (const Z of It)
+        for (const Z of Pt)
           (Z.selected || Z.dragging) && N.add(Z.id);
         const j = [];
-        for (let Z = 0; Z < It.length; Z++) {
-          const at = It[Z];
+        for (let Z = 0; Z < Pt.length; Z++) {
+          const at = Pt[Z];
           if (N.has(at.id)) continue;
           const V = at._absolutePosition || at.position, ct = V.x + (at.width || 160) / 2 - z, St = V.y + (at.height || 60) / 2 - y;
           j.push({ id: at.id, dist: ct * ct + St * St });
@@ -4049,13 +4053,13 @@ function ss({
   mt(() => {
     if (!o || !ut.workerRef.current) return;
     let W = !1;
-    async function bt(It) {
-      const l = new Blob([It], { type: "image/svg+xml" }), g = URL.createObjectURL(l), c = new Image();
+    async function bt(Pt) {
+      const l = new Blob([Pt], { type: "image/svg+xml" }), g = URL.createObjectURL(l), c = new Image();
       return c.src = g, await c.decode(), URL.revokeObjectURL(g), createImageBitmap(c);
     }
     async function rt() {
       var p, R, z;
-      const It = {}, l = [], g = {}, c = {};
+      const Pt = {}, l = [], g = {}, c = {};
       for (const [y, b] of Object.entries(o)) {
         if (typeof b == "function") {
           g[y] = b;
@@ -4067,13 +4071,13 @@ function ss({
         }
         try {
           let M;
-          b instanceof ImageBitmap ? M = b : typeof b == "string" ? M = await bt(b) : b instanceof HTMLImageElement ? M = await createImageBitmap(b) : b instanceof HTMLCanvasElement && (M = await createImageBitmap(b)), M && !W && (It[y] = M, l.push(M));
+          b instanceof ImageBitmap ? M = b : typeof b == "string" ? M = await bt(b) : b instanceof HTMLImageElement ? M = await createImageBitmap(b) : b instanceof HTMLCanvasElement && (M = await createImageBitmap(b)), M && !W && (Pt[y] = M, l.push(M));
         } catch (M) {
           console.warn(`[InfiniteCanvas] Failed to convert canvasNodeType "${y}":`, M);
         }
       }
-      if (!W && Object.keys(It).length > 0 && ((p = ut.workerRef.current) == null || p.postMessage(
-        { type: "nodeTypeBitmaps", data: { bitmaps: It } },
+      if (!W && Object.keys(Pt).length > 0 && ((p = ut.workerRef.current) == null || p.postMessage(
+        { type: "nodeTypeBitmaps", data: { bitmaps: Pt } },
         l
       )), !W && Object.keys(c).length > 0 && ((R = ut.workerRef.current) == null || R.postMessage(
         { type: "nodeTypeConfigs", data: { configs: c } }
@@ -4107,7 +4111,7 @@ function ss({
       W = !0;
     };
   }, [o, e, ut.workerRef]);
-  const Vt = ve(Pe), en = Vt && typeof Vt.getState == "function";
+  const Vt = ve(Ie), en = Vt && typeof Vt.getState == "function";
   mt(() => {
     en && queueMicrotask(() => {
       Vt.setState({
@@ -4163,8 +4167,8 @@ function ss({
   mt(() => {
     let W;
     const bt = () => {
-      const rt = ut.cameraRef.current, It = `translate(${rt.x}px, ${rt.y}px) scale(${rt.zoom})`, l = `translate(${rt.x}, ${rt.y}) scale(${rt.zoom})`;
-      he.current && (he.current.style.transform = It), ge.current && ge.current.setAttribute("transform", l), nn.current && (nn.current.style.transform = It), rn.current && (rn.current.style.transform = It);
+      const rt = ut.cameraRef.current, Pt = `translate(${rt.x}px, ${rt.y}px) scale(${rt.zoom})`, l = `translate(${rt.x}, ${rt.y}) scale(${rt.zoom})`;
+      he.current && (he.current.style.transform = Pt), ge.current && ge.current.setAttribute("transform", l), nn.current && (nn.current.style.transform = Pt), rn.current && (rn.current.style.transform = Pt);
       const g = xe.current;
       if (g) {
         const c = rt.zoom < 0.15 ? "lod-minimal" : rt.zoom < 0.35 ? "lod-reduced" : null;
@@ -4180,12 +4184,12 @@ function ss({
     let W;
     const bt = () => {
       var b, M;
-      const rt = ut.cameraRef.current, It = ut.wrapRef.current;
-      if (!It) {
+      const rt = ut.cameraRef.current, Pt = ut.wrapRef.current;
+      if (!Pt) {
         W = requestAnimationFrame(bt);
         return;
       }
-      const l = It.getBoundingClientRect(), g = 200, c = -rt.x / rt.zoom - g, p = -rt.y / rt.zoom - g, R = (l.width - rt.x) / rt.zoom + g, z = (l.height - rt.y) / rt.zoom + g, y = /* @__PURE__ */ new Set();
+      const l = Pt.getBoundingClientRect(), g = 200, c = -rt.x / rt.zoom - g, p = -rt.y / rt.zoom - g, R = (l.width - rt.x) / rt.zoom + g, z = (l.height - rt.y) / rt.zoom + g, y = /* @__PURE__ */ new Set();
       for (const _ of pe) {
         const N = _._absolutePosition || _.position, j = _.width || ((b = _.measured) == null ? void 0 : b.width) || 200, G = _.height || ((M = _.measured) == null ? void 0 : M.height) || 100;
         N.x + j >= c && N.x <= R && N.y + G >= p && N.y <= z && y.add(_.id);
@@ -4200,7 +4204,7 @@ function ss({
     return W = requestAnimationFrame(bt), () => cancelAnimationFrame(W);
   }, [pe, ut]);
   const qn = _t(() => Ge ? pe.filter((W) => Ge.has(W.id)) : pe, [pe, Ge]), jn = pe.length > 0, On = Ue.length > 0;
-  return /* @__PURE__ */ F(Pe.Provider, { value: zt, children: /* @__PURE__ */ Ft(
+  return /* @__PURE__ */ F(Ie.Provider, { value: zt, children: /* @__PURE__ */ Ft(
     "div",
     {
       ref: xe,
@@ -4337,7 +4341,7 @@ function ss({
 }
 function is({ children: t }) {
   const e = tt(null);
-  return e.current || (e.current = Vr()), /* @__PURE__ */ F(Pe.Provider, { value: e.current, children: t });
+  return e.current || (e.current = Vr()), /* @__PURE__ */ F(Ie.Provider, { value: e.current, children: t });
 }
 function Hr(t, e) {
   const n = [], r = /* @__PURE__ */ new Map(), i = [];
@@ -4386,7 +4390,7 @@ function Eo(t, e) {
 function Co(t, e) {
   return Hr(t, e);
 }
-function Io(t, e) {
+function Po(t, e) {
   return Hr(t, e);
 }
 function as(t, e) {
@@ -4406,14 +4410,14 @@ function cs(t) {
 }
 function ls(t) {
   const [e, n] = Ot(t), r = U(
-    (i) => n((o) => Io(i, o)),
+    (i) => n((o) => Po(i, o)),
     []
   );
   return [e, n, r];
 }
-function Po() {
+function Io() {
   const t = Rr(), e = U(() => typeof t.getState == "function" ? t.getState() : t, [t]), n = U(() => [...e().nodesRef.current], [e]), r = U(() => [...e().edgesRef.current], [e]), i = U((w) => e().nodesRef.current.find((h) => h.id === w), [e]), o = U((w) => e().edgesRef.current.find((h) => h.id === w), [e]), a = U((w) => {
-    var h, m, C, P;
+    var h, m, C, I;
     if (typeof w == "function") {
       const L = w(e().nodesRef.current);
       (m = (h = e().onNodesChangeRef).current) == null || m.call(h, [
@@ -4421,12 +4425,12 @@ function Po() {
         ...L.map((K) => ({ type: "add", item: K }))
       ]);
     } else
-      (P = (C = e().onNodesChangeRef).current) == null || P.call(C, [
+      (I = (C = e().onNodesChangeRef).current) == null || I.call(C, [
         ...e().nodesRef.current.map((L) => ({ id: L.id, type: "remove" })),
         ...w.map((L) => ({ type: "add", item: L }))
       ]);
   }, [e]), u = U((w) => {
-    var h, m, C, P;
+    var h, m, C, I;
     if (typeof w == "function") {
       const L = w(e().edgesRef.current);
       (m = (h = e().onEdgesChangeRef).current) == null || m.call(h, [
@@ -4434,18 +4438,18 @@ function Po() {
         ...L.map((K) => ({ type: "add", item: K }))
       ]);
     } else
-      (P = (C = e().onEdgesChangeRef).current) == null || P.call(C, [
+      (I = (C = e().onEdgesChangeRef).current) == null || I.call(C, [
         ...e().edgesRef.current.map((L) => ({ id: L.id, type: "remove" })),
         ...w.map((L) => ({ type: "add", item: L }))
       ]);
   }, [e]), x = U((w) => {
     var m, C;
     const h = Array.isArray(w) ? w : [w];
-    (C = (m = e().onNodesChangeRef).current) == null || C.call(m, h.map((P) => ({ type: "add", item: P })));
+    (C = (m = e().onNodesChangeRef).current) == null || C.call(m, h.map((I) => ({ type: "add", item: I })));
   }, [e]), d = U((w) => {
     var m, C;
     const h = Array.isArray(w) ? w : [w];
-    (C = (m = e().onEdgesChangeRef).current) == null || C.call(m, h.map((P) => ({ type: "add", item: P })));
+    (C = (m = e().onEdgesChangeRef).current) == null || C.call(m, h.map((I) => ({ type: "add", item: I })));
   }, [e]), f = U(({ nodes: w = [], edges: h = [] }) => {
     if (w.length && e().onNodesChangeRef.current) {
       e().onNodesChangeRef.current(w.map((C) => ({ id: C.id, type: "remove" })));
@@ -4461,15 +4465,15 @@ function Po() {
       e().cameraRef.current = { ...w }, e().sendCamera();
       return;
     }
-    const m = { ...e().cameraRef.current }, C = performance.now(), P = (L) => {
+    const m = { ...e().cameraRef.current }, C = performance.now(), I = (L) => {
       const K = L - C, it = Math.min(K / h, 1), nt = 1 - Math.pow(1 - it, 3);
       e().cameraRef.current = {
         x: m.x + (w.x - m.x) * nt,
         y: m.y + (w.y - m.y) * nt,
         zoom: m.zoom + (w.zoom - m.zoom) * nt
-      }, e().sendCamera(), it < 1 && (S.current = requestAnimationFrame(P));
+      }, e().sendCamera(), it < 1 && (S.current = requestAnimationFrame(I));
     };
-    S.current = requestAnimationFrame(P);
+    S.current = requestAnimationFrame(I);
   }, [e]), E = U((w, h) => {
     const m = {
       x: w.x ?? e().cameraRef.current.x,
@@ -4480,8 +4484,8 @@ function Po() {
   }, [e, k]), B = U(() => e().cameraRef.current.zoom, [e]), T = U((w) => {
     const h = e().cameraRef.current, m = e().wrapRef.current;
     if (!m) return;
-    const C = m.getBoundingClientRect(), P = C.width / 2, L = C.height / 2, K = 1.2, it = {
-      x: P - (P - h.x) * K,
+    const C = m.getBoundingClientRect(), I = C.width / 2, L = C.height / 2, K = 1.2, it = {
+      x: I - (I - h.x) * K,
       y: L - (L - h.y) * K,
       zoom: Math.min(e().zoomMax, h.zoom * K)
     };
@@ -4489,8 +4493,8 @@ function Po() {
   }, [e, k]), A = U((w) => {
     const h = e().cameraRef.current, m = e().wrapRef.current;
     if (!m) return;
-    const C = m.getBoundingClientRect(), P = C.width / 2, L = C.height / 2, K = 1 / 1.2, it = {
-      x: P - (P - h.x) * K,
+    const C = m.getBoundingClientRect(), I = C.width / 2, L = C.height / 2, K = 1 / 1.2, it = {
+      x: I - (I - h.x) * K,
       y: L - (L - h.y) * K,
       zoom: Math.max(e().zoomMin, h.zoom * K)
     };
@@ -4498,7 +4502,7 @@ function Po() {
   }, [e, k]), X = U((w, h) => {
     const m = e().cameraRef.current, C = e().wrapRef.current;
     if (!C) return;
-    const P = C.getBoundingClientRect(), L = P.width / 2, K = P.height / 2, it = Math.min(e().zoomMax, Math.max(e().zoomMin, w)), nt = it / m.zoom, lt = {
+    const I = C.getBoundingClientRect(), L = I.width / 2, K = I.height / 2, it = Math.min(e().zoomMax, Math.max(e().zoomMin, w)), nt = it / m.zoom, lt = {
       x: L - (L - m.x) * nt,
       y: K - (K - m.y) * nt,
       zoom: it
@@ -4509,25 +4513,25 @@ function Po() {
     if (!h.length) return;
     const m = e().wrapRef.current;
     if (!m) return;
-    const C = m.getBoundingClientRect(), P = w.padding ?? 0.1, L = w.nodes ? h.filter((nt) => w.nodes.some((lt) => lt.id === nt.id)) : h;
+    const C = m.getBoundingClientRect(), I = w.padding ?? 0.1, L = w.nodes ? h.filter((nt) => w.nodes.some((lt) => lt.id === nt.id)) : h;
     if (!L.length) return;
-    const K = Vn(L), it = dn(K, C.width, C.height, P);
+    const K = Vn(L), it = dn(K, C.width, C.height, I);
     w.maxZoom && (it.zoom = Math.min(it.zoom, w.maxZoom)), w.minZoom && (it.zoom = Math.max(it.zoom, w.minZoom)), k(it, w.duration);
   }, [e, k]), Y = U((w, h = {}) => {
     const m = e().wrapRef.current;
     if (!m) return;
-    const C = m.getBoundingClientRect(), P = h.padding ?? 0.1, L = dn(w, C.width, C.height, P);
+    const C = m.getBoundingClientRect(), I = h.padding ?? 0.1, L = dn(w, C.width, C.height, I);
     h.maxZoom && (L.zoom = Math.min(L.zoom, h.maxZoom)), h.minZoom && (L.zoom = Math.max(L.zoom, h.minZoom)), k(L, h.duration);
   }, [e, k]), $ = U((w, h, m = {}) => {
     const C = e().wrapRef.current;
     if (!C) return;
-    const P = C.getBoundingClientRect(), L = m.zoom ?? e().cameraRef.current.zoom, K = {
-      x: P.width / 2 - w * L,
-      y: P.height / 2 - h * L,
+    const I = C.getBoundingClientRect(), L = m.zoom ?? e().cameraRef.current.zoom, K = {
+      x: I.width / 2 - w * L,
+      y: I.height / 2 - h * L,
       zoom: L
     };
     k(K, m.duration);
-  }, [e, k]), I = U(() => ({
+  }, [e, k]), P = U(() => ({
     nodes: [...e().nodesRef.current],
     edges: [...e().edgesRef.current],
     viewport: { ...e().cameraRef.current }
@@ -4540,11 +4544,11 @@ function Po() {
       y: w.y * h.zoom + h.y + C.top
     };
   }, [e]), H = U((w, h) => {
-    var P, L;
+    var I, L;
     const m = e().nodesRef.current.find((K) => K.id === w);
     if (!m) return;
     const C = typeof h == "function" ? h(m.data) : { ...m.data, ...h };
-    (L = (P = e().onNodesChangeRef).current) == null || L.call(P, [{ id: w, type: "replace", item: { ...m, data: C } }]);
+    (L = (I = e().onNodesChangeRef).current) == null || L.call(I, [{ id: w, type: "replace", item: { ...m, data: C } }]);
   }, [e]);
   return {
     getNodes: n,
@@ -4568,7 +4572,7 @@ function Po() {
     screenToFlowPosition: O,
     flowToScreenPosition: q,
     updateNodeData: H,
-    toObject: I
+    toObject: P
   };
 }
 function ds() {
@@ -4750,22 +4754,22 @@ function Cs({
     }
     const D = 40;
     B -= D, T -= D, A += D, X += D;
-    const Y = A - B, $ = X - T, I = Math.min(t / Y, e / $), O = (t - Y * I) / 2, q = (e - $ * I) / 2;
+    const Y = A - B, $ = X - T, P = Math.min(t / Y, e / $), O = (t - Y * P) / 2, q = (e - $ * P) / 2;
     for (const h of E) {
       if (h.hidden) continue;
-      const m = h.width || Jn, C = h.height || Kn, P = (h.position.x - B) * I + O, L = (h.position.y - T) * I + q, K = m * I, it = C * I;
-      S.fillStyle = h.selected ? "#f59e0b" : typeof n == "function" ? n(h) : n, S.fillRect(P, L, Math.max(K, 2), Math.max(it, 2));
+      const m = h.width || Jn, C = h.height || Kn, I = (h.position.x - B) * P + O, L = (h.position.y - T) * P + q, K = m * P, it = C * P;
+      S.fillStyle = h.selected ? "#f59e0b" : typeof n == "function" ? n(h) : n, S.fillRect(I, L, Math.max(K, 2), Math.max(it, 2));
     }
     const H = u.cameraRef.current, w = u.wrapRef.current;
     if (w) {
-      const h = w.getBoundingClientRect(), m = -H.x / H.zoom, C = -H.y / H.zoom, P = h.width / H.zoom, L = h.height / H.zoom;
+      const h = w.getBoundingClientRect(), m = -H.x / H.zoom, C = -H.y / H.zoom, I = h.width / H.zoom, L = h.height / H.zoom;
       S.fillStyle = i, S.fillRect(0, 0, t, e);
-      const K = (m - B) * I + O, it = (C - T) * I + q, nt = P * I, lt = L * I;
+      const K = (m - B) * P + O, it = (C - T) * P + q, nt = I * P, lt = L * P;
       S.clearRect(K, it, nt, lt);
       for (const vt of E) {
         if (vt.hidden) continue;
-        const wt = vt.width || Jn, pt = vt.height || Kn, dt = (vt.position.x - B) * I + O, Et = (vt.position.y - T) * I + q;
-        S.fillStyle = vt.selected ? "#f59e0b" : typeof n == "function" ? n(vt) : n, S.fillRect(dt, Et, Math.max(wt * I, 2), Math.max(pt * I, 2));
+        const wt = vt.width || Jn, pt = vt.height || Kn, dt = (vt.position.x - B) * P + O, Et = (vt.position.y - T) * P + q;
+        S.fillStyle = vt.selected ? "#f59e0b" : typeof n == "function" ? n(vt) : n, S.fillRect(dt, Et, Math.max(wt * P, 2), Math.max(pt * P, 2));
       }
       S.strokeStyle = "#3b82f6", S.lineWidth = 1.5, S.strokeRect(K, it, nt, lt);
     }
@@ -4852,7 +4856,7 @@ function Do({
   "aria-label": S = "Canvas controls",
   children: k
 }) {
-  const E = Lt(), { zoomIn: B, zoomOut: T, fitView: A, getZoom: X } = Po(), [D, Y] = Ot(!0), $ = X() <= E.zoomMin, I = X() >= E.zoomMax, O = U(() => {
+  const E = Lt(), { zoomIn: B, zoomOut: T, fitView: A, getZoom: X } = Io(), [D, Y] = Ot(!0), $ = X() <= E.zoomMin, P = X() >= E.zoomMax, O = U(() => {
     B(), i == null || i();
   }, [B, i]), q = U(() => {
     T(), o == null || o();
@@ -4890,7 +4894,7 @@ function Do({
             Cn,
             {
               onClick: O,
-              disabled: I,
+              disabled: P,
               title: "Zoom in",
               "aria-label": "Zoom in",
               className: "ric-controls-zoomin",
@@ -4948,8 +4952,8 @@ const Ho = {
   lineHeight: 1,
   color: "#333",
   padding: 0
-}, Is = oe(Do);
-function Ps({
+}, Ps = oe(Do);
+function Is({
   variant: t = "lines",
   gap: e = 40,
   size: n = 1,
@@ -5008,7 +5012,7 @@ function Ts({
 }) {
   const v = ve(un), S = Lt(), k = tt(null), E = U((A, X) => {
     A.stopPropagation(), A.preventDefault();
-    const D = S.nodesRef.current.find((I) => I.id === v);
+    const D = S.nodesRef.current.find((P) => P.id === v);
     if (!D) return;
     k.current = {
       direction: X,
@@ -5017,16 +5021,16 @@ function Ts({
       width: D.width || 160,
       height: D.height || 60
     }, x == null || x(A, { width: k.current.width, height: k.current.height });
-    const Y = (I) => {
-      var C, P;
+    const Y = (P) => {
+      var C, I;
       if (!k.current) return;
-      const O = k.current, q = S.cameraRef.current, H = (I.clientX - O.startX) / q.zoom, w = (I.clientY - O.startY) / q.zoom;
+      const O = k.current, q = S.cameraRef.current, H = (P.clientX - O.startX) / q.zoom, w = (P.clientY - O.startY) / q.zoom;
       let h = O.width, m = O.height;
-      O.direction.includes("e") && (h = Math.min(n, Math.max(t, O.width + H))), O.direction.includes("w") && (h = Math.min(n, Math.max(t, O.width - H))), O.direction.includes("s") && (m = Math.min(r, Math.max(e, O.height + w))), O.direction.includes("n") && (m = Math.min(r, Math.max(e, O.height - w))), (P = (C = S.onNodesChangeRef).current) == null || P.call(C, [
+      O.direction.includes("e") && (h = Math.min(n, Math.max(t, O.width + H))), O.direction.includes("w") && (h = Math.min(n, Math.max(t, O.width - H))), O.direction.includes("s") && (m = Math.min(r, Math.max(e, O.height + w))), O.direction.includes("n") && (m = Math.min(r, Math.max(e, O.height - w))), (I = (C = S.onNodesChangeRef).current) == null || I.call(C, [
         { id: v, type: "dimensions", dimensions: { width: h, height: m }, setAttributes: !0 }
-      ]), d == null || d(I, { width: h, height: m });
-    }, $ = (I) => {
-      k.current = null, f == null || f(I, {}), window.removeEventListener("pointermove", Y), window.removeEventListener("pointerup", $);
+      ]), d == null || d(P, { width: h, height: m });
+    }, $ = (P) => {
+      k.current = null, f == null || f(P, {}), window.removeEventListener("pointermove", Y), window.removeEventListener("pointerup", $);
     };
     window.addEventListener("pointermove", Y), window.addEventListener("pointerup", $);
   }, [v, S, t, e, n, r, x, d, f]);
@@ -5198,7 +5202,7 @@ function _r({
   let d;
   switch (a) {
     case "straight":
-      [d] = Pr({ sourceX: t, sourceY: e, targetX: n, targetY: r });
+      [d] = Ir({ sourceX: t, sourceY: e, targetX: n, targetY: r });
       break;
     case "step":
       [d] = nr({
@@ -5262,18 +5266,18 @@ function Ws(t) {
   return { x: r.x, y: r.y, x2: r.x + e, y2: r.y + n };
 }
 export {
-  Ps as Background,
+  Is as Background,
   $n as BaseEdge,
-  Ir as BezierEdge,
+  Pr as BezierEdge,
   Ds as ConnectionLine,
   Cn as ControlButton,
-  Is as Controls,
+  Ps as Controls,
   Vo as DefaultNode,
   Bs as EdgeLabelRenderer,
   go as EdgeText,
   $s as EdgeToolbar,
   ho as GroupNode,
-  In as Handle,
+  Pn as Handle,
   ss as InfiniteCanvas,
   is as InfiniteCanvasProvider,
   uo as InputNode,
@@ -5291,7 +5295,7 @@ export {
   Br as StraightEdge,
   As as ViewportPortal,
   as as addEdge,
-  Io as applyEdgeChanges,
+  Po as applyEdgeChanges,
   Co as applyNodeChanges,
   Zo as boxToRect,
   Lr as buildObstacles,
@@ -5311,7 +5315,7 @@ export {
   sr as getRoutedLabelPosition,
   Tr as getSimpleBezierPath,
   nr as getSmoothStepPath,
-  Pr as getStraightPath,
+  Ir as getStraightPath,
   dn as getViewportForBounds,
   Xo as isEdge,
   Yo as isNode,
@@ -5339,7 +5343,7 @@ export {
   Ss as useOnNodesChangeMiddleware,
   ms as useOnSelectionChange,
   xs as useOnViewportChange,
-  Po as useReactFlow,
+  Io as useReactFlow,
   Rs as useStore,
   ks as useStoreApi,
   zs as useUndoRedo,