quixotic-gol 0.1.11 → 0.1.12

package/dist/index.mjs

@@ -230,12 +230,12 @@ function gn(t, e) {
   var r = e ? yn : vn, n = this._parents, o = this._groups;
   typeof t != "function" && (t = pn(t));
   for (var a = o.length, i = new Array(a), c = new Array(a), l = new Array(a), s = 0; s < a; ++s) {
-    var u = n[s], d = o[s], p = d.length, g = wn(t.call(u, u && u.__data__, s, n)), _ = g.length, D = c[s] = new Array(_), N = i[s] = new Array(_), L = l[s] = new Array(p);
-    r(u, d, D, N, L, g, e);
-    for (var J = 0, G = 0, A, T; J < _; ++J)
-      if (A = D[J]) {
-        for (J >= G && (G = J + 1); !(T = N[G]) && ++G < _; ) ;
-        A._next = T || null;
+    var u = n[s], d = o[s], p = d.length, g = wn(t.call(u, u && u.__data__, s, n)), R = g.length, B = c[s] = new Array(R), $ = i[s] = new Array(R), Y = l[s] = new Array(p);
+    r(u, d, B, $, Y, g, e);
+    for (var J = 0, j = 0, A, O; J < R; ++J)
+      if (A = B[J]) {
+        for (J >= j && (j = J + 1); !(O = $[j]) && ++j < R; ) ;
+        A._next = O || null;
       }
   }
   return i = new yt(i, n), i._enter = c, i._exit = l, i;
@@ -252,8 +252,8 @@ function En(t, e, r) {
 }
 function bn(t) {
   for (var e = t.selection ? t.selection() : t, r = this._groups, n = e._groups, o = r.length, a = n.length, i = Math.min(o, a), c = new Array(o), l = 0; l < i; ++l)
-    for (var s = r[l], u = n[l], d = s.length, p = c[l] = new Array(d), g, _ = 0; _ < d; ++_)
-      (g = s[_] || u[_]) && (p[_] = g);
+    for (var s = r[l], u = n[l], d = s.length, p = c[l] = new Array(d), g, R = 0; R < d; ++R)
+      (g = s[R] || u[R]) && (p[R] = g);
   for (; l < o; ++l)
     c[l] = r[l];
   return new yt(c, this._parents);
@@ -1067,10 +1067,10 @@ function Pr(t, e, r, n) {
   function o(s) {
     return s.length ? s.pop() + " " : "";
   }
-  function a(s, u, d, p, g, _) {
+  function a(s, u, d, p, g, R) {
     if (s !== d || u !== p) {
-      var D = g.push("translate(", null, e, null, r);
-      _.push({ i: D - 4, x: Dt(s, d) }, { i: D - 2, x: Dt(u, p) });
+      var B = g.push("translate(", null, e, null, r);
+      R.push({ i: B - 4, x: Dt(s, d) }, { i: B - 2, x: Dt(u, p) });
     } else (d || p) && g.push("translate(" + d + e + p + r);
   }
   function i(s, u, d, p) {
@@ -1079,16 +1079,16 @@ function Pr(t, e, r, n) {
   function c(s, u, d, p) {
     s !== u ? p.push({ i: d.push(o(d) + "skewX(", null, n) - 2, x: Dt(s, u) }) : u && d.push(o(d) + "skewX(" + u + n);
   }
-  function l(s, u, d, p, g, _) {
+  function l(s, u, d, p, g, R) {
     if (s !== d || u !== p) {
-      var D = g.push(o(g) + "scale(", null, ",", null, ")");
-      _.push({ i: D - 4, x: Dt(s, d) }, { i: D - 2, x: Dt(u, p) });
+      var B = g.push(o(g) + "scale(", null, ",", null, ")");
+      R.push({ i: B - 4, x: Dt(s, d) }, { i: B - 2, x: Dt(u, p) });
     } else (d !== 1 || p !== 1) && g.push(o(g) + "scale(" + d + "," + p + ")");
   }
   return function(s, u) {
     var d = [], p = [];
     return s = t(s), u = t(u), a(s.translateX, s.translateY, u.translateX, u.translateY, d, p), i(s.rotate, u.rotate, d, p), c(s.skewX, u.skewX, d, p), l(s.scaleX, s.scaleY, u.scaleX, u.scaleY, d, p), s = u = null, function(g) {
-      for (var _ = -1, D = p.length, N; ++_ < D; ) d[(N = p[_]).i] = N.x(g);
+      for (var R = -1, B = p.length, $; ++R < B; ) d[($ = p[R]).i] = $.x(g);
       return d.join("");
     };
   };
@@ -1105,27 +1105,27 @@ function ri(t) {
 }
 const ni = (function t(e, r, n) {
   function o(a, i) {
-    var c = a[0], l = a[1], s = a[2], u = i[0], d = i[1], p = i[2], g = u - c, _ = d - l, D = g * g + _ * _, N, L;
-    if (D < ti)
-      L = Math.log(p / s) / e, N = function(et) {
+    var c = a[0], l = a[1], s = a[2], u = i[0], d = i[1], p = i[2], g = u - c, R = d - l, B = g * g + R * R, $, Y;
+    if (B < ti)
+      Y = Math.log(p / s) / e, $ = function(et) {
         return [
           c + et * g,
-          l + et * _,
-          s * Math.exp(e * et * L)
+          l + et * R,
+          s * Math.exp(e * et * Y)
         ];
       };
     else {
-      var J = Math.sqrt(D), G = (p * p - s * s + n * D) / (2 * s * r * J), A = (p * p - s * s - n * D) / (2 * p * r * J), T = Math.log(Math.sqrt(G * G + 1) - G), U = Math.log(Math.sqrt(A * A + 1) - A);
-      L = (U - T) / e, N = function(et) {
-        var nt = et * L, O = ar(T), F = s / (r * J) * (O * ri(e * nt + T) - ei(T));
+      var J = Math.sqrt(B), j = (p * p - s * s + n * B) / (2 * s * r * J), A = (p * p - s * s - n * B) / (2 * p * r * J), O = Math.log(Math.sqrt(j * j + 1) - j), U = Math.log(Math.sqrt(A * A + 1) - A);
+      Y = (U - O) / e, $ = function(et) {
+        var nt = et * Y, G = ar(O), F = s / (r * J) * (G * ri(e * nt + O) - ei(O));
         return [
           c + F * g,
-          l + F * _,
-          s * O / ar(e * nt + T)
+          l + F * R,
+          s * G / ar(e * nt + O)
         ];
       };
     }
-    return N.duration = L * 1e3 * e / Math.SQRT2, N;
+    return $.duration = Y * 1e3 * e / Math.SQRT2, $;
   }
   return o.rho = function(a) {
     var i = Math.max(1e-3, +a), c = i * i, l = c * c;
@@ -1519,8 +1519,8 @@ function Vi(t) {
   for (var n = this._groups, o = n.length, a = [], i = [], c = 0; c < o; ++c)
     for (var l = n[c], s = l.length, u, d = 0; d < s; ++d)
       if (u = l[d]) {
-        for (var p = t.call(u, u.__data__, d, l), g, _ = xt(u, r), D = 0, N = p.length; D < N; ++D)
-          (g = p[D]) && xe(g, e, r, D, p, _);
+        for (var p = t.call(u, u.__data__, d, l), g, R = xt(u, r), B = 0, $ = p.length; B < $; ++B)
+          (g = p[B]) && xe(g, e, r, B, p, R);
         a.push(p), i.push(u);
       }
   return new Yt(a, i, e, r);
@@ -1802,65 +1802,65 @@ function xa(t, e, r) {
   );
 }
 function We() {
-  var t = ya, e = ma, r = xa, n = ga, o = wa, a = [0, 1 / 0], i = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], c = 250, l = ni, s = ke("start", "zoom", "end"), u, d, p, g = 500, _ = 150, D = 0, N = 10;
-  function L(f) {
-    f.property("__zoom", fr).on("wheel.zoom", nt, { passive: !1 }).on("mousedown.zoom", O).on("dblclick.zoom", F).filter(o).on("touchstart.zoom", q).on("touchmove.zoom", Q).on("touchend.zoom touchcancel.zoom", P).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  var t = ya, e = ma, r = xa, n = ga, o = wa, a = [0, 1 / 0], i = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], c = 250, l = ni, s = ke("start", "zoom", "end"), u, d, p, g = 500, R = 150, B = 0, $ = 10;
+  function Y(f) {
+    f.property("__zoom", fr).on("wheel.zoom", nt, { passive: !1 }).on("mousedown.zoom", G).on("dblclick.zoom", F).filter(o).on("touchstart.zoom", H).on("touchmove.zoom", Q).on("touchend.zoom touchcancel.zoom", N).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  L.transform = function(f, M, v, Y) {
+  Y.transform = function(f, M, v, D) {
     var X = f.selection ? f.selection() : f;
-    X.property("__zoom", fr), f !== X ? T(f, M, v, Y) : X.interrupt().each(function() {
-      U(this, arguments).event(Y).start().zoom(null, typeof M == "function" ? M.apply(this, arguments) : M).end();
+    X.property("__zoom", fr), f !== X ? O(f, M, v, D) : X.interrupt().each(function() {
+      U(this, arguments).event(D).start().zoom(null, typeof M == "function" ? M.apply(this, arguments) : M).end();
     });
-  }, L.scaleBy = function(f, M, v, Y) {
-    L.scaleTo(f, function() {
+  }, Y.scaleBy = function(f, M, v, D) {
+    Y.scaleTo(f, function() {
       var X = this.__zoom.k, I = typeof M == "function" ? M.apply(this, arguments) : M;
       return X * I;
-    }, v, Y);
-  }, L.scaleTo = function(f, M, v, Y) {
-    L.transform(f, function() {
-      var X = e.apply(this, arguments), I = this.__zoom, B = v == null ? A(X) : typeof v == "function" ? v.apply(this, arguments) : v, h = I.invert(B), w = typeof M == "function" ? M.apply(this, arguments) : M;
-      return r(G(J(I, w), B, h), X, i);
-    }, v, Y);
-  }, L.translateBy = function(f, M, v, Y) {
-    L.transform(f, function() {
+    }, v, D);
+  }, Y.scaleTo = function(f, M, v, D) {
+    Y.transform(f, function() {
+      var X = e.apply(this, arguments), I = this.__zoom, P = v == null ? A(X) : typeof v == "function" ? v.apply(this, arguments) : v, h = I.invert(P), w = typeof M == "function" ? M.apply(this, arguments) : M;
+      return r(j(J(I, w), P, h), X, i);
+    }, v, D);
+  }, Y.translateBy = function(f, M, v, D) {
+    Y.transform(f, function() {
       return r(this.__zoom.translate(
         typeof M == "function" ? M.apply(this, arguments) : M,
         typeof v == "function" ? v.apply(this, arguments) : v
       ), e.apply(this, arguments), i);
-    }, null, Y);
-  }, L.translateTo = function(f, M, v, Y, X) {
-    L.transform(f, function() {
-      var I = e.apply(this, arguments), B = this.__zoom, h = Y == null ? A(I) : typeof Y == "function" ? Y.apply(this, arguments) : Y;
-      return r(Pt.translate(h[0], h[1]).scale(B.k).translate(
+    }, null, D);
+  }, Y.translateTo = function(f, M, v, D, X) {
+    Y.transform(f, function() {
+      var I = e.apply(this, arguments), P = this.__zoom, h = D == null ? A(I) : typeof D == "function" ? D.apply(this, arguments) : D;
+      return r(Pt.translate(h[0], h[1]).scale(P.k).translate(
         typeof M == "function" ? -M.apply(this, arguments) : -M,
         typeof v == "function" ? -v.apply(this, arguments) : -v
       ), I, i);
-    }, Y, X);
+    }, D, X);
   };
   function J(f, M) {
     return M = Math.max(a[0], Math.min(a[1], M)), M === f.k ? f : new Lt(M, f.x, f.y);
   }
-  function G(f, M, v) {
-    var Y = M[0] - v[0] * f.k, X = M[1] - v[1] * f.k;
-    return Y === f.x && X === f.y ? f : new Lt(f.k, Y, X);
+  function j(f, M, v) {
+    var D = M[0] - v[0] * f.k, X = M[1] - v[1] * f.k;
+    return D === f.x && X === f.y ? f : new Lt(f.k, D, X);
   }
   function A(f) {
     return [(+f[0][0] + +f[1][0]) / 2, (+f[0][1] + +f[1][1]) / 2];
   }
-  function T(f, M, v, Y) {
+  function O(f, M, v, D) {
     f.on("start.zoom", function() {
-      U(this, arguments).event(Y).start();
+      U(this, arguments).event(D).start();
     }).on("interrupt.zoom end.zoom", function() {
-      U(this, arguments).event(Y).end();
+      U(this, arguments).event(D).end();
     }).tween("zoom", function() {
-      var X = this, I = arguments, B = U(X, I).event(Y), h = e.apply(X, I), w = v == null ? A(h) : typeof v == "function" ? v.apply(X, I) : v, E = Math.max(h[1][0] - h[0][0], h[1][1] - h[0][1]), m = X.__zoom, x = typeof M == "function" ? M.apply(X, I) : M, b = l(m.invert(w).concat(E / m.k), x.invert(w).concat(E / x.k));
+      var X = this, I = arguments, P = U(X, I).event(D), h = e.apply(X, I), w = v == null ? A(h) : typeof v == "function" ? v.apply(X, I) : v, E = Math.max(h[1][0] - h[0][0], h[1][1] - h[0][1]), m = X.__zoom, x = typeof M == "function" ? M.apply(X, I) : M, b = l(m.invert(w).concat(E / m.k), x.invert(w).concat(E / x.k));
       return function(y) {
         if (y === 1) y = x;
         else {
-          var C = b(y), R = E / C[2];
-          y = new Lt(R, w[0] - C[0] * R, w[1] - C[1] * R);
+          var C = b(y), _ = E / C[2];
+          y = new Lt(_, w[0] - C[0] * _, w[1] - C[1] * _);
         }
-        B.zoom(null, y);
+        P.zoom(null, y);
       };
     });
   }
@@ -1890,7 +1890,7 @@ function We() {
         this.that,
         new va(f, {
           sourceEvent: this.sourceEvent,
-          target: L,
+          target: Y,
           transform: this.that.__zoom,
           dispatch: s
         }),
@@ -1900,44 +1900,44 @@ function We() {
   };
   function nt(f, ...M) {
     if (!t.apply(this, arguments)) return;
-    var v = U(this, M).event(f), Y = this.__zoom, X = Math.max(a[0], Math.min(a[1], Y.k * Math.pow(2, n.apply(this, arguments)))), I = Nt(f);
+    var v = U(this, M).event(f), D = this.__zoom, X = Math.max(a[0], Math.min(a[1], D.k * Math.pow(2, n.apply(this, arguments)))), I = Nt(f);
     if (v.wheel)
-      (v.mouse[0][0] !== I[0] || v.mouse[0][1] !== I[1]) && (v.mouse[1] = Y.invert(v.mouse[0] = I)), clearTimeout(v.wheel);
+      (v.mouse[0][0] !== I[0] || v.mouse[0][1] !== I[1]) && (v.mouse[1] = D.invert(v.mouse[0] = I)), clearTimeout(v.wheel);
     else {
-      if (Y.k === X) return;
-      v.mouse = [I, Y.invert(I)], ue(this), v.start();
+      if (D.k === X) return;
+      v.mouse = [I, D.invert(I)], ue(this), v.start();
     }
-    Vt(f), v.wheel = setTimeout(B, _), v.zoom("mouse", r(G(J(Y, X), v.mouse[0], v.mouse[1]), v.extent, i));
-    function B() {
+    Vt(f), v.wheel = setTimeout(P, R), v.zoom("mouse", r(j(J(D, X), v.mouse[0], v.mouse[1]), v.extent, i));
+    function P() {
       v.wheel = null, v.end();
     }
   }
-  function O(f, ...M) {
+  function G(f, ...M) {
     if (p || !t.apply(this, arguments)) return;
-    var v = f.currentTarget, Y = U(this, M, !0).event(f), X = at(f.view).on("mousemove.zoom", w, !0).on("mouseup.zoom", E, !0), I = Nt(f, v), B = f.clientX, h = f.clientY;
-    Do(f.view), _e(f), Y.mouse = [I, this.__zoom.invert(I)], ue(this), Y.start();
+    var v = f.currentTarget, D = U(this, M, !0).event(f), X = at(f.view).on("mousemove.zoom", w, !0).on("mouseup.zoom", E, !0), I = Nt(f, v), P = f.clientX, h = f.clientY;
+    Do(f.view), _e(f), D.mouse = [I, this.__zoom.invert(I)], ue(this), D.start();
     function w(m) {
-      if (Vt(m), !Y.moved) {
-        var x = m.clientX - B, b = m.clientY - h;
-        Y.moved = x * x + b * b > D;
+      if (Vt(m), !D.moved) {
+        var x = m.clientX - P, b = m.clientY - h;
+        D.moved = x * x + b * b > B;
       }
-      Y.event(m).zoom("mouse", r(G(Y.that.__zoom, Y.mouse[0] = Nt(m, v), Y.mouse[1]), Y.extent, i));
+      D.event(m).zoom("mouse", r(j(D.that.__zoom, D.mouse[0] = Nt(m, v), D.mouse[1]), D.extent, i));
     }
     function E(m) {
-      X.on("mousemove.zoom mouseup.zoom", null), Bo(m.view, Y.moved), Vt(m), Y.event(m).end();
+      X.on("mousemove.zoom mouseup.zoom", null), Bo(m.view, D.moved), Vt(m), D.event(m).end();
     }
   }
   function F(f, ...M) {
     if (t.apply(this, arguments)) {
-      var v = this.__zoom, Y = Nt(f.changedTouches ? f.changedTouches[0] : f, this), X = v.invert(Y), I = v.k * (f.shiftKey ? 0.5 : 2), B = r(G(J(v, I), Y, X), e.apply(this, M), i);
-      Vt(f), c > 0 ? at(this).transition().duration(c).call(T, B, Y, f) : at(this).call(L.transform, B, Y, f);
+      var v = this.__zoom, D = Nt(f.changedTouches ? f.changedTouches[0] : f, this), X = v.invert(D), I = v.k * (f.shiftKey ? 0.5 : 2), P = r(j(J(v, I), D, X), e.apply(this, M), i);
+      Vt(f), c > 0 ? at(this).transition().duration(c).call(O, P, D, f) : at(this).call(Y.transform, P, D, f);
     }
   }
-  function q(f, ...M) {
+  function H(f, ...M) {
     if (t.apply(this, arguments)) {
-      var v = f.touches, Y = v.length, X = U(this, M, f.changedTouches.length === Y).event(f), I, B, h, w;
-      for (_e(f), B = 0; B < Y; ++B)
-        h = v[B], w = Nt(h, this), w = [w, this.__zoom.invert(w), h.identifier], X.touch0 ? !X.touch1 && X.touch0[2] !== w[2] && (X.touch1 = w, X.taps = 0) : (X.touch0 = w, I = !0, X.taps = 1 + !!u);
+      var v = f.touches, D = v.length, X = U(this, M, f.changedTouches.length === D).event(f), I, P, h, w;
+      for (_e(f), P = 0; P < D; ++P)
+        h = v[P], w = Nt(h, this), w = [w, this.__zoom.invert(w), h.identifier], X.touch0 ? !X.touch1 && X.touch0[2] !== w[2] && (X.touch1 = w, X.taps = 0) : (X.touch0 = w, I = !0, X.taps = 1 + !!u);
       u && (u = clearTimeout(u)), I && (X.taps < 2 && (d = w[0], u = setTimeout(function() {
         u = null;
       }, g)), ue(this), X.start());
@@ -1945,57 +1945,57 @@ function We() {
   }
   function Q(f, ...M) {
     if (this.__zooming) {
-      var v = U(this, M).event(f), Y = f.changedTouches, X = Y.length, I, B, h, w;
+      var v = U(this, M).event(f), D = f.changedTouches, X = D.length, I, P, h, w;
       for (Vt(f), I = 0; I < X; ++I)
-        B = Y[I], h = Nt(B, this), v.touch0 && v.touch0[2] === B.identifier ? v.touch0[0] = h : v.touch1 && v.touch1[2] === B.identifier && (v.touch1[0] = h);
-      if (B = v.that.__zoom, v.touch1) {
+        P = D[I], h = Nt(P, this), v.touch0 && v.touch0[2] === P.identifier ? v.touch0[0] = h : v.touch1 && v.touch1[2] === P.identifier && (v.touch1[0] = h);
+      if (P = v.that.__zoom, v.touch1) {
         var E = v.touch0[0], m = v.touch0[1], x = v.touch1[0], b = v.touch1[1], y = (y = x[0] - E[0]) * y + (y = x[1] - E[1]) * y, C = (C = b[0] - m[0]) * C + (C = b[1] - m[1]) * C;
-        B = J(B, Math.sqrt(y / C)), h = [(E[0] + x[0]) / 2, (E[1] + x[1]) / 2], w = [(m[0] + b[0]) / 2, (m[1] + b[1]) / 2];
+        P = J(P, Math.sqrt(y / C)), h = [(E[0] + x[0]) / 2, (E[1] + x[1]) / 2], w = [(m[0] + b[0]) / 2, (m[1] + b[1]) / 2];
       } else if (v.touch0) h = v.touch0[0], w = v.touch0[1];
       else return;
-      v.zoom("touch", r(G(B, h, w), v.extent, i));
+      v.zoom("touch", r(j(P, h, w), v.extent, i));
     }
   }
-  function P(f, ...M) {
+  function N(f, ...M) {
     if (this.__zooming) {
-      var v = U(this, M).event(f), Y = f.changedTouches, X = Y.length, I, B;
+      var v = U(this, M).event(f), D = f.changedTouches, X = D.length, I, P;
       for (_e(f), p && clearTimeout(p), p = setTimeout(function() {
         p = null;
       }, g), I = 0; I < X; ++I)
-        B = Y[I], v.touch0 && v.touch0[2] === B.identifier ? delete v.touch0 : v.touch1 && v.touch1[2] === B.identifier && delete v.touch1;
+        P = D[I], v.touch0 && v.touch0[2] === P.identifier ? delete v.touch0 : v.touch1 && v.touch1[2] === P.identifier && delete v.touch1;
       if (v.touch1 && !v.touch0 && (v.touch0 = v.touch1, delete v.touch1), v.touch0) v.touch0[1] = this.__zoom.invert(v.touch0[0]);
-      else if (v.end(), v.taps === 2 && (B = Nt(B, this), Math.hypot(d[0] - B[0], d[1] - B[1]) < N)) {
+      else if (v.end(), v.taps === 2 && (P = Nt(P, this), Math.hypot(d[0] - P[0], d[1] - P[1]) < $)) {
         var h = at(this).on("dblclick.zoom");
         h && h.apply(this, arguments);
       }
     }
   }
-  return L.wheelDelta = function(f) {
-    return arguments.length ? (n = typeof f == "function" ? f : ie(+f), L) : n;
-  }, L.filter = function(f) {
-    return arguments.length ? (t = typeof f == "function" ? f : ie(!!f), L) : t;
-  }, L.touchable = function(f) {
-    return arguments.length ? (o = typeof f == "function" ? f : ie(!!f), L) : o;
-  }, L.extent = function(f) {
-    return arguments.length ? (e = typeof f == "function" ? f : ie([[+f[0][0], +f[0][1]], [+f[1][0], +f[1][1]]]), L) : e;
-  }, L.scaleExtent = function(f) {
-    return arguments.length ? (a[0] = +f[0], a[1] = +f[1], L) : [a[0], a[1]];
-  }, L.translateExtent = function(f) {
-    return arguments.length ? (i[0][0] = +f[0][0], i[1][0] = +f[1][0], i[0][1] = +f[0][1], i[1][1] = +f[1][1], L) : [[i[0][0], i[0][1]], [i[1][0], i[1][1]]];
-  }, L.constrain = function(f) {
-    return arguments.length ? (r = f, L) : r;
-  }, L.duration = function(f) {
-    return arguments.length ? (c = +f, L) : c;
-  }, L.interpolate = function(f) {
-    return arguments.length ? (l = f, L) : l;
-  }, L.on = function() {
+  return Y.wheelDelta = function(f) {
+    return arguments.length ? (n = typeof f == "function" ? f : ie(+f), Y) : n;
+  }, Y.filter = function(f) {
+    return arguments.length ? (t = typeof f == "function" ? f : ie(!!f), Y) : t;
+  }, Y.touchable = function(f) {
+    return arguments.length ? (o = typeof f == "function" ? f : ie(!!f), Y) : o;
+  }, Y.extent = function(f) {
+    return arguments.length ? (e = typeof f == "function" ? f : ie([[+f[0][0], +f[0][1]], [+f[1][0], +f[1][1]]]), Y) : e;
+  }, Y.scaleExtent = function(f) {
+    return arguments.length ? (a[0] = +f[0], a[1] = +f[1], Y) : [a[0], a[1]];
+  }, Y.translateExtent = function(f) {
+    return arguments.length ? (i[0][0] = +f[0][0], i[1][0] = +f[1][0], i[0][1] = +f[0][1], i[1][1] = +f[1][1], Y) : [[i[0][0], i[0][1]], [i[1][0], i[1][1]]];
+  }, Y.constrain = function(f) {
+    return arguments.length ? (r = f, Y) : r;
+  }, Y.duration = function(f) {
+    return arguments.length ? (c = +f, Y) : c;
+  }, Y.interpolate = function(f) {
+    return arguments.length ? (l = f, Y) : l;
+  }, Y.on = function() {
     var f = s.on.apply(s, arguments);
-    return f === s ? L : f;
-  }, L.clickDistance = function(f) {
-    return arguments.length ? (D = (f = +f) * f, L) : Math.sqrt(D);
-  }, L.tapDistance = function(f) {
-    return arguments.length ? (N = +f, L) : N;
-  }, L;
+    return f === s ? Y : f;
+  }, Y.clickDistance = function(f) {
+    return arguments.length ? (B = (f = +f) * f, Y) : Math.sqrt(B);
+  }, Y.tapDistance = function(f) {
+    return arguments.length ? ($ = +f, Y) : $;
+  }, Y;
 }
 const Ee = {
   // Edge Routing
@@ -2332,13 +2332,13 @@ function Ga(t) {
   if (o && a) {
     const i = a.getBBox(), c = o.parentElement;
     if (c) {
-      const l = c.clientWidth, s = c.clientHeight, u = i.width, d = i.height, p = i.x + u / 2, g = i.y + d / 2, _ = 0.8 / Math.max(u / l, d / s), D = [
-        l / 2 - _ * p,
-        s / 2 - _ * g
+      const l = c.clientWidth, s = c.clientHeight, u = i.width, d = i.height, p = i.x + u / 2, g = i.y + d / 2, R = 0.8 / Math.max(u / l, d / s), B = [
+        l / 2 - R * p,
+        s / 2 - R * g
       ];
       e.call(
         n.transform,
-        Pt.translate(D[0], D[1]).scale(_)
+        Pt.translate(B[0], B[1]).scale(R)
       );
     }
   }
@@ -2405,12 +2405,12 @@ function Ya(t, e) {
     const u = o.get(s.sourceNode._gvid), d = o.get(s.targetNode._gvid);
     if (u === void 0 || d === void 0) return;
     s.depth = Math.abs(d - u) - 1, s.depth < 0 && (s.depth = 0);
-    const p = Math.min(u, d), g = Math.max(u, d), _ = `${p}-${g}`;
-    l.has(_) || l.set(_, new Ca(u, d, 0)), l.get(_).addEdge(s);
+    const p = Math.min(u, d), g = Math.max(u, d), R = `${p}-${g}`;
+    l.has(R) || l.set(R, new Ca(u, d, 0)), l.get(R).addEdge(s);
   }), l.forEach((s) => {
     s.edges.sort((u, d) => {
-      const p = u.getStartPoint(), g = u.getEndPoint(), _ = p && g ? (p.y + g.y) / 2 : 0, D = d.getStartPoint(), N = d.getEndPoint();
-      return (D && N ? (D.y + N.y) / 2 : 0) - _;
+      const p = u.getStartPoint(), g = u.getEndPoint(), R = p && g ? (p.y + g.y) / 2 : 0, B = d.getStartPoint(), $ = d.getEndPoint();
+      return (B && $ ? (B.y + $.y) / 2 : 0) - R;
     });
   }), { nodeColumnMap: o, nodeColumns: c, edgeColumns: l };
 }
@@ -2439,8 +2439,8 @@ function Ba(t, e) {
     const l = i.getStartPoint(), s = i.getEndPoint(), u = l && s ? (l.y + s.y) / 2 : 0;
     o.forEach((d, p) => {
       if (d === i) return;
-      const g = d.getStartPoint(), _ = d.getEndPoint();
-      (g && _ ? (g.y + _.y) / 2 : 0) > u ? d.baseDirection = "above" : d.baseDirection = "below";
+      const g = d.getStartPoint(), R = d.getEndPoint();
+      (g && R ? (g.y + R.y) / 2 : 0) > u ? d.baseDirection = "above" : d.baseDirection = "below";
     });
   });
 }
@@ -2451,40 +2451,40 @@ function ae(t, e, r, n = Ee) {
   const c = { x: o.x, y: e - o.y }, l = { x: a.x, y: e - a.y };
   let s = { x: l.x, y: l.y };
   i === "right" ? s = { x: l.x - n.arrowWidth, y: l.y } : i === "left" && (s = { x: l.x + n.arrowWidth, y: l.y });
-  const u = n.horizontalExtension, d = n.minEdgeDistance, p = n.minVerticalSegment, g = (T) => {
-    if (T.length < 2) return T;
-    const U = [T[0]];
-    for (let et = 1; et < T.length; et++) {
+  const u = n.horizontalExtension, d = n.minEdgeDistance, p = n.minVerticalSegment, g = (O) => {
+    if (O.length < 2) return O;
+    const U = [O[0]];
+    for (let et = 1; et < O.length; et++) {
       const nt = U[U.length - 1];
-      (Math.abs(T[et].x - nt.x) > 0.1 || Math.abs(T[et].y - nt.y) > 0.1) && U.push(T[et]);
+      (Math.abs(O[et].x - nt.x) > 0.1 || Math.abs(O[et].y - nt.y) > 0.1) && U.push(O[et]);
     }
     return U;
   };
-  let _;
-  const D = t.baseDirection === void 0;
-  t.baseDirection === "above" ? _ = Math.min(c.y, s.y) : t.baseDirection === "below" ? _ = Math.max(c.y, s.y) : _ = (c.y + s.y) / 2;
-  let N = _;
-  if (!D && r && r.midY !== void 0) {
+  let R;
+  const B = t.baseDirection === void 0;
+  t.baseDirection === "above" ? R = Math.min(c.y, s.y) : t.baseDirection === "below" ? R = Math.max(c.y, s.y) : R = (c.y + s.y) / 2;
+  let $ = R;
+  if (!B && r && r.midY !== void 0) {
     if (t.baseDirection === "above") {
-      const T = r.midY - d;
-      N > T && (N = T);
+      const O = r.midY - d;
+      $ > O && ($ = O);
     } else if (t.baseDirection === "below") {
-      const T = r.midY + d;
-      N < T && (N = T);
+      const O = r.midY + d;
+      $ < O && ($ = O);
     }
   }
-  const L = Math.abs(c.y - s.y) < 5, J = (T, U) => {
-    const et = Math.abs(c.y - U), nt = Math.abs(U - s.y), O = i === "right" ? c.x + u : c.x - u, F = i === "right" ? s.x - u : s.x + u;
-    let q = [], Q = U;
-    switch (T) {
+  const Y = Math.abs(c.y - s.y) < 5, J = (O, U) => {
+    const et = Math.abs(c.y - U), nt = Math.abs(U - s.y), G = i === "right" ? c.x + u : c.x - u, F = i === "right" ? s.x - u : s.x + u;
+    let H = [], Q = U;
+    switch (O) {
       case "straight":
-        if (L) {
+        if (Y) {
           const M = (c.y + s.y) / 2;
-          Math.abs(U - M) < p ? (q = [c, s], Q = M) : (q = [
+          Math.abs(U - M) < p ? (H = [c, s], Q = M) : (H = [
             c,
-            { x: O, y: c.y },
+            { x: G, y: c.y },
             // H: horizontal extension
-            { x: O, y: U },
+            { x: G, y: U },
             // V: vertical to midY
             { x: F, y: U },
             // H: horizontal at midY
@@ -2497,11 +2497,11 @@ function ae(t, e, r, n = Ee) {
           return null;
         break;
       case "2seg":
-        et < nt ? Math.abs(U - c.y) < p ? (q = [c, { x: s.x, y: c.y }, s], Q = c.y) : (q = [
+        et < nt ? Math.abs(U - c.y) < p ? (H = [c, { x: s.x, y: c.y }, s], Q = c.y) : (H = [
           c,
-          { x: O, y: c.y },
+          { x: G, y: c.y },
           // H: horizontal extension
-          { x: O, y: U },
+          { x: G, y: U },
           // V: vertical to midY
           { x: F, y: U },
           // H: horizontal at midY
@@ -2509,19 +2509,19 @@ function ae(t, e, r, n = Ee) {
           // V: vertical to end
           s
           // H: horizontal to end
-        ], Q = U) : Math.abs(U - s.y) < p ? (q = [
+        ], Q = U) : Math.abs(U - s.y) < p ? (H = [
           c,
-          { x: O, y: c.y },
+          { x: G, y: c.y },
           // H: horizontal extension
-          { x: O, y: s.y },
+          { x: G, y: s.y },
           // V: vertical to end.y
           s
           // H: horizontal to end
-        ], Q = s.y) : (q = [
+        ], Q = s.y) : (H = [
           c,
-          { x: O, y: c.y },
+          { x: G, y: c.y },
           // H: horizontal extension
-          { x: O, y: U },
+          { x: G, y: U },
           // V: vertical to midY
           { x: F, y: U },
           // H: horizontal at midY
@@ -2533,21 +2533,21 @@ function ae(t, e, r, n = Ee) {
         break;
       case "3seg":
         const f = U;
-        q = [
+        H = [
           c,
-          { x: O, y: c.y },
-          { x: O, y: f },
+          { x: G, y: c.y },
+          { x: G, y: f },
           { x: F, y: f },
           { x: F, y: s.y },
           s
         ], Q = f;
         break;
       case "4seg":
-        q = [
+        H = [
           c,
-          { x: O, y: c.y },
+          { x: G, y: c.y },
           // H: horizontal extension from start
-          { x: O, y: U },
+          { x: G, y: U },
           // V: vertical to midY
           { x: F, y: U },
           // H: horizontal at midY to end extension
@@ -2557,9 +2557,9 @@ function ae(t, e, r, n = Ee) {
         break;
       case "5seg":
         if (et < p)
-          q = [
+          H = [
             c,
-            { x: O, y: c.y },
+            { x: G, y: c.y },
             // H: horizontal extension
             { x: F, y: U },
             // H: horizontal at midY (skip V since start.y ≈ testMidY)
@@ -2569,11 +2569,11 @@ function ae(t, e, r, n = Ee) {
             // H: horizontal to end
           ], Q = U;
         else if (nt < p)
-          q = [
+          H = [
             c,
-            { x: O, y: c.y },
+            { x: G, y: c.y },
             // H: horizontal extension
-            { x: O, y: U },
+            { x: G, y: U },
             // V: vertical to midY
             { x: F, y: U },
             // H: horizontal at midY
@@ -2584,27 +2584,27 @@ function ae(t, e, r, n = Ee) {
           return null;
         break;
       case "6seg":
-        q = [
+        H = [
           c,
-          { x: O, y: c.y },
-          { x: O, y: U },
+          { x: G, y: c.y },
+          { x: G, y: U },
           { x: F, y: U },
           { x: F, y: s.y },
           s
         ], Q = U;
         break;
     }
-    const P = g(q);
-    return P.length > 0 ? { points: P, actualMidY: Q } : null;
+    const N = g(H);
+    return N.length > 0 ? { points: N, actualMidY: Q } : null;
   };
-  let G;
-  D ? G = L ? ["straight", "3seg"] : ["3seg"] : G = L ? ["straight", "3seg", "4seg", "5seg", "6seg"] : ["3seg", "4seg", "5seg", "6seg"];
-  for (const T of G) {
-    const U = J(T, N);
+  let j;
+  B ? j = Y ? ["straight", "3seg"] : ["3seg"] : j = Y ? ["straight", "3seg", "4seg", "5seg", "6seg"] : ["3seg", "4seg", "5seg", "6seg"];
+  for (const O of j) {
+    const U = J(O, $);
     if (U)
       return { midY: U.actualMidY, points: U.points };
   }
-  const A = J("6seg", N);
+  const A = J("6seg", $);
   return A ? { midY: A.actualMidY, points: A.points } : void 0;
 }
 function hr(t, e) {
@@ -2616,39 +2616,39 @@ function hr(t, e) {
   for (let o = 1; o < t.length - 1; o++) {
     const a = t[o - 1], i = t[o], c = t[o + 1], l = Math.sqrt((i.x - a.x) ** 2 + (i.y - a.y) ** 2), s = Math.sqrt((c.x - i.x) ** 2 + (c.y - i.y) ** 2), u = Math.min(l, s) / 2, d = Math.min(e, u);
     if (d > 0) {
-      const p = d / l, g = d / s, _ = {
+      const p = d / l, g = d / s, R = {
         x: i.x - (i.x - a.x) * p,
         y: i.y - (i.y - a.y) * p
-      }, D = {
+      }, B = {
         x: i.x + (c.x - i.x) * g,
         y: i.y + (c.y - i.y) * g
       };
-      r.push(`L${_.x},${_.y}`), r.push(`Q${i.x},${i.y} ${D.x},${D.y}`);
+      r.push(`L${R.x},${R.y}`), r.push(`Q${i.x},${i.y} ${B.x},${B.y}`);
     } else
       r.push(`L${i.x},${i.y}`);
   }
   const n = t[t.length - 1];
   return r.push(`L${n.x},${n.y}`), r.join(" ");
 }
-function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ = !1) {
-  var U, et, nt, O;
-  const D = p != null && t.edgeIndex === p, N = t.getColor(), L = e.append("g").attr("class", D ? "edge selected" : "edge").attr("id", `edge_${t._gvid}`).attr("data-edge-id", t.edgeIndex !== void 0 ? String(t.edgeIndex) : "").attr("data-is-base", t.isBaseEdge ? "true" : "false").attr("data-color", N), J = t.getStartPoint(), G = t.getEndPoint(), A = t.getDirection();
+function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, R = !1) {
+  var U, et, nt, G;
+  const B = p != null && t.edgeIndex === p, $ = t.getColor(), Y = e.append("g").attr("class", B ? "edge selected" : "edge").attr("id", `edge_${t._gvid}`).attr("data-edge-id", t.edgeIndex !== void 0 ? String(t.edgeIndex) : "").attr("data-is-base", t.isBaseEdge ? "true" : "false").attr("data-color", $), J = t.getStartPoint(), j = t.getEndPoint(), A = t.getDirection();
   console.log(
     `Edge ${t._gvid}: direction=${A}, isBase=${t.isBaseEdge}, depth=${t.depth}`,
     {
       start: J,
-      end: G,
+      end: j,
       sourceNode: (U = t.sourceNode) == null ? void 0 : U.name,
       targetNode: (et = t.targetNode) == null ? void 0 : et.name
     }
   );
-  const T = n.arrowWidth;
-  if (n.arrowHeight, J && G && A) {
-    const F = { x: J.x, y: r - J.y }, q = { x: G.x, y: r - G.y }, Q = { x: q.x, y: q.y };
-    let P = { x: q.x, y: q.y };
-    A === "right" ? P = { x: q.x - T, y: q.y } : A === "left" ? P = { x: q.x + T, y: q.y } : A === "self" && (P = { x: q.x + T, y: q.y });
+  const O = n.arrowWidth;
+  if (n.arrowHeight, J && j && A) {
+    const F = { x: J.x, y: r - J.y }, H = { x: j.x, y: r - j.y }, Q = { x: H.x, y: H.y };
+    let N = { x: H.x, y: H.y };
+    A === "right" ? N = { x: H.x - O, y: H.y } : A === "left" ? N = { x: H.x + O, y: H.y } : A === "self" && (N = { x: H.x + O, y: H.y });
     let f;
-    const M = n.loopRadius, v = n.horizontalExtension, Y = n.cornerRadius;
+    const M = n.loopRadius, v = n.horizontalExtension, D = n.cornerRadius;
     if (o)
       if (A === "self")
         if (t.virtualNode) {
@@ -2663,88 +2663,88 @@ function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ =
               // Extend left
               { x: F.x - v, y: m },
               // Go to virtual node height
-              { x: P.x + v, y: m },
+              { x: N.x + v, y: m },
               // Horizontal segment through virtual node
-              { x: P.x + v, y: P.y },
+              { x: N.x + v, y: N.y },
               // Go down to rightIn
-              P
+              N
               // rightIn of source node
             ];
-            f = hr(x, Y);
+            f = hr(x, D);
           } else {
-            const m = F.x - M, x = F.y - M, b = P.x + M, y = P.y - M;
-            f = `M${F.x},${F.y} C${m},${x} ${b},${y} ${P.x},${P.y}`;
+            const m = F.x - M, x = F.y - M, b = N.x + M, y = N.y - M;
+            f = `M${F.x},${F.y} C${m},${x} ${b},${y} ${N.x},${N.y}`;
           }
         } else {
-          const E = F.x - M, m = F.y - M, x = P.x + M, b = P.y - M;
-          f = `M${F.x},${F.y} C${E},${m} ${x},${b} ${P.x},${P.y}`;
+          const E = F.x - M, m = F.y - M, x = N.x + M, b = N.y - M;
+          f = `M${F.x},${F.y} C${E},${m} ${x},${b} ${N.x},${N.y}`;
         }
       else {
         let E;
         if (t.orthogonalPathPoints && t.orthogonalPathPoints.length > 0)
           E = t.orthogonalPathPoints;
         else {
-          const m = Math.abs(F.y - t.midY), x = Math.abs(t.midY - P.y), b = 20, y = m >= b, C = x >= b, R = A === "right" ? F.x + v : F.x - v, $ = A === "right" ? P.x - v : P.x + v;
+          const m = Math.abs(F.y - t.midY), x = Math.abs(t.midY - N.y), b = 20, y = m >= b, C = x >= b, _ = A === "right" ? F.x + v : F.x - v, L = A === "right" ? N.x - v : N.x + v;
           if (E = [], !y && !C) {
-            const k = (F.y + P.y) / 2;
+            const q = (F.y + N.y) / 2;
             E.push(
               F,
-              { x: R, y: k },
-              { x: $, y: k },
-              P
+              { x: _, y: q },
+              { x: L, y: q },
+              N
             );
           } else y ? C ? E.push(
             F,
-            { x: R, y: F.y },
-            { x: R, y: t.midY },
-            { x: $, y: t.midY },
-            { x: $, y: P.y },
-            P
+            { x: _, y: F.y },
+            { x: _, y: t.midY },
+            { x: L, y: t.midY },
+            { x: L, y: N.y },
+            N
           ) : E.push(
             F,
-            { x: R, y: F.y },
-            { x: R, y: t.midY },
-            { x: $, y: t.midY },
-            P
+            { x: _, y: F.y },
+            { x: _, y: t.midY },
+            { x: L, y: t.midY },
+            N
           ) : E.push(
             F,
-            { x: R, y: t.midY },
-            { x: $, y: t.midY },
-            { x: $, y: P.y },
-            P
+            { x: _, y: t.midY },
+            { x: L, y: t.midY },
+            { x: L, y: N.y },
+            N
           );
         }
-        f = hr(E, Y);
+        f = hr(E, D);
       }
     else if (A === "self") {
-      const E = F.x - M, m = F.y - M, x = P.x + M, b = P.y - M;
-      f = `M${F.x},${F.y} C${E},${m} ${x},${b} ${P.x},${P.y}`;
+      const E = F.x - M, m = F.y - M, x = N.x + M, b = N.y - M;
+      f = `M${F.x},${F.y} C${E},${m} ${x},${b} ${N.x},${N.y}`;
     } else {
-      const E = P.x - F.x;
-      P.y - F.y;
-      const m = 0.4, x = F.x + E * m, b = F.y, y = P.x - E * m, C = P.y;
-      f = `M${F.x},${F.y} C${x},${b} ${y},${C} ${P.x},${P.y}`;
+      const E = N.x - F.x;
+      N.y - F.y;
+      const m = 0.4, x = F.x + E * m, b = F.y, y = N.x - E * m, C = N.y;
+      f = `M${F.x},${F.y} C${x},${b} ${y},${C} ${N.x},${N.y}`;
     }
-    const X = _ && t.isBaseEdge ? "#000000" : t.getColor(), I = _ && t.isBaseEdge ? 4 : 1.5;
-    L.append("path").attr("d", f).attr("fill", "none").attr("stroke", "transparent").attr("stroke-width", 10).attr("class", "edge-hit-area").style("cursor", "pointer"), L.append("path").attr("d", f).attr("fill", "none").attr("stroke", X).attr("stroke-width", I).attr("class", "edge-path").style("pointer-events", "none"), L.on("mouseenter", function() {
+    const X = R && t.isBaseEdge ? "#000000" : t.getColor(), I = R && t.isBaseEdge ? 4 : 1.5;
+    Y.append("path").attr("d", f).attr("fill", "none").attr("stroke", "transparent").attr("stroke-width", 10).attr("class", "edge-hit-area").style("cursor", "pointer"), Y.append("path").attr("d", f).attr("fill", "none").attr("stroke", X).attr("stroke-width", I).attr("class", "edge-path").style("pointer-events", "none"), Y.on("mouseenter", function() {
       at(this).raise();
     });
-    const B = 12;
+    const P = 12;
     let h = "";
-    A === "right" ? h = `translate(${Q.x - B}, ${Q.y - B / 2})` : A === "left" ? h = `translate(${Q.x + B}, ${Q.y + B / 2}) rotate(180)` : A === "self" && (h = `translate(${Q.x + B}, ${Q.y + B / 2}) rotate(180)`), L.append("use").attr("class", "edge-arrow").attr("href", "#arrow-right").attr("width", B).attr("height", B).attr("transform", h).attr("fill", X).attr("stroke", X).style("stroke-width", 0);
+    A === "right" ? h = `translate(${Q.x - P}, ${Q.y - P / 2})` : A === "left" ? h = `translate(${Q.x + P}, ${Q.y + P / 2}) rotate(180)` : A === "self" && (h = `translate(${Q.x + P}, ${Q.y + P / 2}) rotate(180)`), Y.append("use").attr("class", "edge-arrow").attr("href", "#arrow-right").attr("width", P).attr("height", P).attr("transform", h).attr("fill", X).attr("stroke", X).style("stroke-width", 0);
     const w = {
-      x: (F.x + P.x) / 2,
+      x: (F.x + N.x) / 2,
       y: t.midY
     };
     if (t.label) {
       let E = "";
       (nt = t.edgeContent) != null && nt.elems && t.edgeContent.elems.length > 0 && (E = t.edgeContent.elems.map((ct) => ct.text).join(" ")), E || (E = _a(t.label).map((mt) => mt.length > 20 ? mt.slice(0, 20) + "..." : mt).join("  "));
-      const m = E.length > 60 ? E.slice(0, 60) + "..." : E, x = n.labelFontSize, b = x * 0.6, y = m.length * b, C = x, R = n.labelPadding, $ = 16, k = D ? 16 : 0, rt = t.edgeIndex !== void 0, Z = rt && t.edgeIndex > a, S = rt && t.edgeIndex < i, V = (Z ? $ : 0) + (S ? $ : 0) + k, j = y + R * 2 + V, z = C + R * 2, tt = n.labelCornerRadius, ot = w.y, W = w.x, K = (ct) => at(`g.edge[data-edge-id="${ct}"]`), H = 12, it = L.append("g").attr("class", "label-area");
-      it.append("rect").attr("class", "label-bg").attr("x", W - j / 2).attr("y", ot - z / 2).attr("width", j).attr("height", z).attr("rx", tt).attr("ry", tt).attr("fill", "white").attr("stroke", X).attr("stroke-width", 1);
-      const ht = W - j / 2 + $ / 2, st = W + j / 2 - $ / 2 - k, be = W + j / 2 - k / 2, It = W + (Z ? $ / 2 : 0) - (S ? $ / 2 : 0) - (D ? k / 2 : 0);
-      if (rt && g && L.style("cursor", "pointer").on("click", function(ct) {
-        ct.stopPropagation(), !D && g(t.edgeIndex);
-      }), (O = t.edgeContent) != null && O.elems && t.edgeContent.elems.length > 0) {
+      const m = E.length > 60 ? E.slice(0, 60) + "..." : E, x = n.labelFontSize, b = x * 0.6, y = m.length * b, C = x, _ = n.labelPadding, L = 16, q = B ? 16 : 0, rt = t.edgeIndex !== void 0, Z = rt && t.edgeIndex > a, S = rt && t.edgeIndex < i, T = (Z ? L : 0) + (S ? L : 0) + q, z = y + _ * 2 + T, k = C + _ * 2, tt = n.labelCornerRadius, ot = w.y, V = w.x, K = (ct) => at(`g.edge[data-edge-id="${ct}"]`), W = 12, it = Y.append("g").attr("class", "label-area");
+      it.append("rect").attr("class", "label-bg").attr("x", V - z / 2).attr("y", ot - k / 2).attr("width", z).attr("height", k).attr("rx", tt).attr("ry", tt).attr("fill", "white").attr("stroke", X).attr("stroke-width", 1);
+      const ht = V - z / 2 + L / 2, st = V + z / 2 - L / 2 - q, be = V + z / 2 - q / 2, It = V + (Z ? L / 2 : 0) - (S ? L / 2 : 0) - (B ? q / 2 : 0);
+      if (rt && g && Y.style("cursor", "pointer").on("click", function(ct) {
+        ct.stopPropagation(), !B && g(t.edgeIndex);
+      }), (G = t.edgeContent) != null && G.elems && t.edgeContent.elems.length > 0) {
         const Mt = t.edgeContent.elems.map((lt) => {
           const pt = lt.text.length * 6.2, vt = lt.background && lt.background !== "transparent", Ot = pt + 2;
           return { textWidth: pt, hasBackground: vt, totalWidth: Ot };
@@ -2756,9 +2756,9 @@ function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ =
         });
       } else
         it.append("text").attr("class", "label-text").attr("x", It).attr("y", ot).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Inter, Helvetica, Arial").attr("font-size", "10px").attr("fill", X).style("pointer-events", "none").text(m);
-      if (_ && L.append("circle").attr("cx", It).attr("cy", ot).attr("r", 4).attr("fill", "blue").attr("opacity", 0.8).style("pointer-events", "none").attr("class", "debug-label-center"), Z) {
+      if (R && Y.append("circle").attr("cx", It).attr("cy", ot).attr("r", 4).attr("fill", "blue").attr("opacity", 0.8).style("pointer-events", "none").attr("class", "debug-label-center"), Z) {
         const ct = t.edgeIndex - 1, mt = it.append("g").attr("class", "nav-btn-group prev-btn-group");
-        mt.append("rect").attr("class", "nav-btn-area prev-btn-area").attr("x", W - j / 2).attr("y", ot - z / 2).attr("width", $).attr("height", z).attr("fill", "transparent").attr("rx", tt).style("cursor", "pointer").style("pointer-events", "all"), mt.append("use").attr("class", "nav-icon prev-icon").attr("href", "#nav-left").attr("x", ht - H / 2).attr("y", ot - H / 2).attr("width", H).attr("height", H).attr("fill", "#888"), mt.on("click", function(dt) {
+        mt.append("rect").attr("class", "nav-btn-area prev-btn-area").attr("x", V - z / 2).attr("y", ot - k / 2).attr("width", L).attr("height", k).attr("fill", "transparent").attr("rx", tt).style("cursor", "pointer").style("pointer-events", "all"), mt.append("use").attr("class", "nav-icon prev-icon").attr("href", "#nav-left").attr("x", ht - W / 2).attr("y", ot - W / 2).attr("width", W).attr("height", W).attr("fill", "#888"), mt.on("click", function(dt) {
           dt.stopPropagation();
           const Et = K(ct);
           if (!Et.empty()) {
@@ -2785,8 +2785,8 @@ function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ =
         });
       }
       if (S && t.edgeIndex !== void 0) {
-        const ct = t.edgeIndex + 1, mt = D ? st : W + j / 2 - $ / 2, dt = it.append("g").attr("class", "nav-btn-group next-btn-group");
-        dt.append("rect").attr("class", "nav-btn-area next-btn-area").attr("x", W + j / 2 - $ - k).attr("y", ot - z / 2).attr("width", $).attr("height", z).attr("fill", "transparent").attr("rx", tt).style("cursor", "pointer").style("pointer-events", "all"), dt.append("use").attr("class", "nav-icon next-icon").attr("href", "#nav-right").attr("x", mt - H / 2).attr("y", ot - H / 2).attr("width", H).attr("height", H).attr("fill", "#888"), dt.on("click", function(Et) {
+        const ct = t.edgeIndex + 1, mt = B ? st : V + z / 2 - L / 2, dt = it.append("g").attr("class", "nav-btn-group next-btn-group");
+        dt.append("rect").attr("class", "nav-btn-area next-btn-area").attr("x", V + z / 2 - L - q).attr("y", ot - k / 2).attr("width", L).attr("height", k).attr("fill", "transparent").attr("rx", tt).style("cursor", "pointer").style("pointer-events", "all"), dt.append("use").attr("class", "nav-icon next-icon").attr("href", "#nav-right").attr("x", mt - W / 2).attr("y", ot - W / 2).attr("width", W).attr("height", W).attr("fill", "#888"), dt.on("click", function(Et) {
           Et.stopPropagation();
           const bt = K(ct);
           if (!bt.empty()) {
@@ -2812,7 +2812,7 @@ function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ =
           }
         });
       }
-      D && rt && g && L.append("text").attr("class", "close-btn").attr("x", be).attr("y", ot).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Arial").attr("font-size", "12px").attr("font-weight", "bold").attr("fill", "#888").style("cursor", "pointer").text("✕").on("mouseenter", function() {
+      B && rt && g && Y.append("text").attr("class", "close-btn").attr("x", be).attr("y", ot).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Arial").attr("font-size", "12px").attr("font-weight", "bold").attr("fill", "#888").style("cursor", "pointer").text("✕").on("mouseenter", function() {
         at(this).attr("fill", "#EF4444");
       }).on("mouseleave", function() {
         at(this).attr("fill", "#888");
@@ -2821,34 +2821,34 @@ function Pa(t, e, r, n = Ee, o = !0, a = 0, i = 1 / 0, c, l, s, u, d, p, g, _ =
       });
     } else t._ldraw_ && t._ldraw_.forEach((E) => {
       if (E.op === "T" && E.text) {
-        const m = E.size || 10, x = m * 0.6, b = E.text.length * x, y = m, C = 6, R = b + C * 2, $ = y + C * 2, k = 4, rt = w.y;
-        L.append("rect").attr("x", w.x - R / 2).attr("y", rt - $ / 2).attr("width", R).attr("height", $).attr("rx", k).attr("ry", k).attr("fill", "white").attr("stroke", "#d0d0d0").attr("stroke-width", 0.5), L.append("text").attr("x", w.x).attr("y", rt).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", E.face || "Inter, Helvetica, Arial").attr("font-size", `${m}px`).attr("fill", E.color || "#666").text(E.text);
+        const m = E.size || 10, x = m * 0.6, b = E.text.length * x, y = m, C = 6, _ = b + C * 2, L = y + C * 2, q = 4, rt = w.y;
+        Y.append("rect").attr("x", w.x - _ / 2).attr("y", rt - L / 2).attr("width", _).attr("height", L).attr("rx", q).attr("ry", q).attr("fill", "white").attr("stroke", "#d0d0d0").attr("stroke-width", 0.5), Y.append("text").attr("x", w.x).attr("y", rt).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", E.face || "Inter, Helvetica, Arial").attr("font-size", `${m}px`).attr("fill", E.color || "#666").text(E.text);
       }
     });
-    if (_) {
+    if (R) {
       let E;
-      t.depth === 0 ? E = `d:0 dir:${t.baseDirection || "base"} off:${t.baseOffset} id:${t._gvid}` : E = `d:${t.depth} dir:${t.baseDirection || "?"} midY:${Math.round(t.midY)} id:${t._gvid}`, L.append("text").attr("x", w.x).attr("y", w.y + 15).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "monospace").attr("font-size", "9px").attr("fill", "#999").text(E);
+      t.depth === 0 ? E = `d:0 dir:${t.baseDirection || "base"} off:${t.baseOffset} id:${t._gvid}` : E = `d:${t.depth} dir:${t.baseDirection || "?"} midY:${Math.round(t.midY)} id:${t._gvid}`, Y.append("text").attr("x", w.x).attr("y", w.y + 15).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "monospace").attr("font-size", "9px").attr("fill", "#999").text(E);
     }
   } else
     t._draw_ && t._draw_.forEach((F) => {
       if (F.op === "b" && F.points) {
-        const q = F.points.map(([P, f]) => [P, r - f]), Q = `M${q[0][0]},${q[0][1]} C${q.slice(1).map((P) => `${P[0]},${P[1]}`).join(" ")}`;
-        L.append("path").attr("d", Q).attr("fill", "none").attr("stroke", F.color || "#9AA4B2").attr("stroke-width", 2);
+        const H = F.points.map(([N, f]) => [N, r - f]), Q = `M${H[0][0]},${H[0][1]} C${H.slice(1).map((N) => `${N[0]},${N[1]}`).join(" ")}`;
+        Y.append("path").attr("d", Q).attr("fill", "none").attr("stroke", F.color || "#9AA4B2").attr("stroke-width", 2);
       }
     }), t._hdraw_ && t._hdraw_.forEach((F) => {
       if (F.op === "P" && F.points) {
-        const q = F.points.map(([Q, P]) => [Q, r - P]);
-        L.append("polygon").attr("points", q.map((Q) => Q.join(",")).join(" ")).attr("fill", F.color || "#9AA4B2");
+        const H = F.points.map(([Q, N]) => [Q, r - N]);
+        Y.append("polygon").attr("points", H.map((Q) => Q.join(",")).join(" ")).attr("fill", F.color || "#9AA4B2");
       }
-    }), t._ldraw_ && $t(L, t._ldraw_, r);
+    }), t._ldraw_ && $t(Y, t._ldraw_, r);
 }
 function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
-  var B;
+  var P;
   t.innerHTML = "";
-  const _ = ((B = e.bb) == null ? void 0 : B.split(",").map(Number)) || [0, 0, 1e3, 800];
-  let [, , D, N] = _;
-  const L = at(t).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${D} ${N}`).style("background", "white");
-  L.append("defs").html(`
+  const R = ((P = e.bb) == null ? void 0 : P.split(",").map(Number)) || [0, 0, 1e3, 800];
+  let [, , B, $] = R;
+  const Y = at(t).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${B} ${$}`).style("background", "white");
+  Y.append("defs").html(`
     <style>
       @keyframes selected-pulse {
         0%, 100% {
@@ -2920,8 +2920,8 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
       <path d="M22.7076 16.7071L12.7076 26.7071C12.6147 26.8 12.5044 26.8737 12.383 26.924C12.2616 26.9743 12.1315 27.0001 12.0001 27.0001C11.8687 27.0001 11.7386 26.9743 11.6172 26.924C11.4958 26.8737 11.3855 26.8 11.2926 26.7071C11.1997 26.6142 11.126 26.5039 11.0757 26.3825C11.0254 26.2611 10.9995 26.131 10.9995 25.9996C10.9995 25.8682 11.0254 25.7381 11.0757 25.6167C11.126 25.4953 11.1997 25.385 11.2926 25.2921L20.5863 15.9996L11.2926 6.70708C11.1049 6.51944 10.9995 6.26494 10.9995 5.99958C10.9995 5.73422 11.1049 5.47972 11.2926 5.29208C11.4802 5.10444 11.7347 4.99902 12.0001 4.99902C12.2654 4.99902 12.5199 5.10444 12.7076 5.29208L22.7076 15.2921C22.8005 15.385 22.8743 15.4952 22.9246 15.6166C22.975 15.738 23.0009 15.8682 23.0009 15.9996C23.0009 16.131 22.975 16.2611 22.9246 16.3825C22.8743 16.5039 22.8005 16.6142 22.7076 16.7071Z"/>
     </symbol>
   `);
-  const J = L.append("g").attr("id", "graph0");
-  l && L.append("circle").attr("cx", D / 2).attr("cy", N / 2).attr("r", 8).attr("fill", "red").attr("opacity", 0.9).style("pointer-events", "none").attr("class", "debug-center-marker");
+  const J = Y.append("g").attr("id", "graph0");
+  l && Y.append("circle").attr("cx", B / 2).attr("cy", $ / 2).attr("r", 8).attr("fill", "red").attr("opacity", 0.9).style("pointer-events", "none").attr("class", "debug-center-marker");
   const A = (e.objects || []).map(
     (h) => new jr({
       _gvid: h._gvid,
@@ -2935,9 +2935,9 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
       height: p !== void 0 ? String(p / 72) : h.height,
       label: h.label
     })
-  ), T = /* @__PURE__ */ new Map();
+  ), O = /* @__PURE__ */ new Map();
   A.forEach((h) => {
-    T.set(h._gvid, h);
+    O.set(h._gvid, h);
   });
   const et = (e.edges || []).map((h) => {
     const w = new Ma({
@@ -2950,13 +2950,13 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
       head: h.head,
       tail: h.tail,
       label: h.label
-    }), E = h.tail !== void 0 ? T.get(h.tail) : void 0, m = h.head !== void 0 ? T.get(h.head) : void 0;
+    }), E = h.tail !== void 0 ? O.get(h.tail) : void 0, m = h.head !== void 0 ? O.get(h.head) : void 0;
     return E && m && w.setNodes(E, m), w;
-  }), { nodeColumnMap: nt, nodeColumns: O, edgeColumns: F } = Ya(
+  }), { nodeColumnMap: nt, nodeColumns: G, edgeColumns: F } = Ya(
     A,
     et
   );
-  console.log("debug:", { nodeColumnMap: nt, nodeColumns: O, edgeColumns: F }), console.log(
+  console.log("debug:", { nodeColumnMap: nt, nodeColumns: G, edgeColumns: F }), console.log(
     "debug: edges sorted by midpoint Y:",
     Object.fromEntries(
       Array.from(F.entries()).map(([h, w]) => [
@@ -2975,16 +2975,16 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
       ])
     )
   );
-  const q = Array.from(O.keys()).sort((h, w) => h - w), Q = q.length, P = 80;
+  const H = Array.from(G.keys()).sort((h, w) => h - w), Q = H.length, N = 80;
   let f;
   if (g !== void 0)
-    f = g, D = (Q > 1 ? (Q - 1) * f : 0) + 2 * P;
+    f = g, B = (Q > 1 ? (Q - 1) * f : 0) + 2 * N;
   else {
-    const h = D - 2 * P;
+    const h = B - 2 * N;
     f = Q > 1 ? h / (Q - 1) : 0;
   }
-  if (q.forEach((h, w) => {
-    const E = O.get(h);
+  if (H.forEach((h, w) => {
+    const E = G.get(h);
     if (!E) return;
     const m = E.nodes;
     if (m.length === 0) return;
@@ -2996,10 +2996,10 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
         pos: S.pos
       }))
     );
-    const x = Q > 1 ? P + w * f : D / 2;
-    m.sort((S, V) => {
-      const j = S.getPosition(), z = V.getPosition();
-      return !j || !z ? 0 : z[1] - j[1];
+    const x = Q > 1 ? N + w * f : B / 2;
+    m.sort((S, T) => {
+      const z = S.getPosition(), k = T.getPosition();
+      return !z || !k ? 0 : k[1] - z[1];
     }), console.log(
       `Column ${h} after sort:`,
       m.map((S) => ({
@@ -3010,114 +3010,115 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
     );
     const b = 50, y = m.filter((S) => !S.virtualNode), C = y.length;
     if (C === 0) {
-      let S = (N + m.reduce((V, j) => V + j.getHeightPoints(), 0)) / 2;
-      m.forEach((V) => {
-        const j = V.getHeightPoints();
-        S -= j / 2, V.pos = `${x},${S}`, S -= j / 2;
+      let S = ($ + m.reduce((T, z) => T + z.getHeightPoints(), 0)) / 2;
+      m.forEach((T) => {
+        const z = T.getHeightPoints();
+        S -= z / 2, T.pos = `${x},${S}`, S -= z / 2;
       });
       return;
     }
-    let R, $;
+    let _, L;
     if (C % 2 === 1) {
-      const S = Math.floor(C / 2), V = y[S];
-      $ = m.indexOf(V), R = N / 2;
+      const S = Math.floor(C / 2), T = y[S];
+      L = m.indexOf(T), _ = $ / 2;
     } else {
-      const S = C / 2 - 1, V = C / 2, j = y[S];
-      y[V], $ = m.indexOf(j), R = N / 2;
+      const S = C / 2 - 1, T = C / 2, z = y[S];
+      y[T], L = m.indexOf(z), _ = $ / 2;
     }
-    const k = m[$], rt = k.getHeightPoints();
-    k.pos = `${x},${R}`, console.log(
-      `Positioned center ${k.name} (virtual: ${k.virtualNode}) at ${k.pos}`
+    const q = m[L], rt = q.getHeightPoints();
+    q.pos = `${x},${_}`, console.log(
+      `Positioned center ${q.name} (virtual: ${q.virtualNode}) at ${q.pos}`
     );
-    let Z = R + rt / 2;
-    for (let S = $ - 1; S >= 0; S--) {
-      const V = m[S], j = m[S + 1], z = V.getHeightPoints(), tt = V.virtualNode || j.virtualNode ? 0 : b;
-      Z += tt + z / 2, V.pos = `${x},${Z}`, console.log(
-        `Positioned ${V.name} (virtual: ${V.virtualNode}) at ${V.pos}, spacing: ${tt}`
-      ), Z += z / 2;
+    let Z = _ + rt / 2;
+    for (let S = L - 1; S >= 0; S--) {
+      const T = m[S], z = m[S + 1], k = T.getHeightPoints(), tt = T.virtualNode || z.virtualNode ? 0 : b;
+      Z += tt + k / 2, T.pos = `${x},${Z}`, console.log(
+        `Positioned ${T.name} (virtual: ${T.virtualNode}) at ${T.pos}, spacing: ${tt}`
+      ), Z += k / 2;
     }
-    Z = R - rt / 2;
-    for (let S = $ + 1; S < m.length; S++) {
-      const V = m[S], j = m[S - 1], z = V.getHeightPoints(), tt = V.virtualNode || j.virtualNode ? 0 : b;
-      Z -= tt + z / 2, V.pos = `${x},${Z}`, console.log(
-        `Positioned ${V.name} (virtual: ${V.virtualNode}) at ${V.pos}, spacing: ${tt}`
-      ), Z -= z / 2;
+    Z = _ - rt / 2;
+    for (let S = L + 1; S < m.length; S++) {
+      const T = m[S], z = m[S - 1], k = T.getHeightPoints(), tt = T.virtualNode || z.virtualNode ? 0 : b;
+      Z -= tt + k / 2, T.pos = `${x},${Z}`, console.log(
+        `Positioned ${T.name} (virtual: ${T.virtualNode}) at ${T.pos}, spacing: ${tt}`
+      ), Z -= k / 2;
     }
-  }), g !== void 0 && L.attr("viewBox", `0 0 ${D} ${N}`), O.forEach((h) => {
+  }), g !== void 0 && Y.attr("viewBox", `0 0 ${B} ${$}`), G.forEach((h) => {
     h.nodes.forEach((w) => {
       const E = w.getPosition();
       if (!E) return;
       const [m, x] = E, b = w.getWidthPoints(), y = w.getHeightPoints(), C = w.virtualNode;
       if (C && !l) return;
-      const R = J.append("g").attr("class", C ? "node virtual-node" : "node").attr("id", w.name), $ = l && C;
-      let k = null;
+      const _ = J.append("g").attr("class", C ? "node virtual-node" : "node").attr("id", w.name);
+      let L = null;
       try {
-        w.label && (k = pr(w.label));
-      } catch (W) {
-        console.warn(`Failed to decode node label for ${w.name}:`, W);
+        w.label && (L = pr(w.label));
+      } catch (V) {
+        console.warn(`Failed to decode node label for ${w.name}:`, V);
       }
-      const rt = (k == null ? void 0 : k.tags) || [], Z = (k == null ? void 0 : k.label) || "", S = (k == null ? void 0 : k.text) || "", V = (k == null ? void 0 : k.color) || "#334155", j = (k == null ? void 0 : k.background) || "white", z = j !== "white", tt = z ? j : "#D5DFEA";
+      L != null && L.key && _.attr("data-key", L.key);
+      const q = l && C, rt = (L == null ? void 0 : L.tags) || [], Z = (L == null ? void 0 : L.label) || "", S = (L == null ? void 0 : L.text) || "", T = (L == null ? void 0 : L.color) || "#334155", z = (L == null ? void 0 : L.background) || "white", k = z !== "white", tt = k ? z : "#D5DFEA";
       if ((rt.length > 0 || Z.length > 0) && !C) {
-        const W = y / 2, K = y / 2, H = N - x - y / 2;
-        R.append("rect").attr("x", m - b / 2).attr("y", H).attr("width", b).attr("height", W).attr("rx", 5).attr("ry", 0).attr("fill", z ? j : "#EDF2F7").attr("stroke", tt).attr("stroke-width", 1), z && R.append("line").attr("x1", m - b / 2).attr("y1", H + W).attr("x2", m + b / 2).attr("y2", H + W).attr("stroke", V).attr("stroke-width", 1), R.append("rect").attr("x", m - b / 2).attr("y", H + W).attr("width", b).attr("height", K).attr("rx", 0).attr("ry", 5).attr("fill", j).attr("stroke", tt).attr("stroke-width", 1);
-        const it = R.append("rect").attr("x", m - b / 2 - 4).attr("y", H - 4).attr("width", b + 8).attr("height", y + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
-        R.style("cursor", "pointer").on("mouseenter", function() {
+        const V = y / 2, K = y / 2, W = $ - x - y / 2;
+        _.append("rect").attr("x", m - b / 2).attr("y", W).attr("width", b).attr("height", V).attr("rx", 5).attr("ry", 0).attr("fill", k ? z : "#EDF2F7").attr("stroke", tt).attr("stroke-width", 1), k && _.append("line").attr("x1", m - b / 2).attr("y1", W + V).attr("x2", m + b / 2).attr("y2", W + V).attr("stroke", T).attr("stroke-width", 1), _.append("rect").attr("x", m - b / 2).attr("y", W + V).attr("width", b).attr("height", K).attr("rx", 0).attr("ry", 5).attr("fill", z).attr("stroke", tt).attr("stroke-width", 1);
+        const it = _.append("rect").attr("x", m - b / 2 - 4).attr("y", W - 4).attr("width", b + 8).attr("height", y + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
+        _.style("cursor", "pointer").on("mouseenter", function() {
           it.attr("opacity", 1);
         }).on("mouseleave", function() {
           it.attr("opacity", 0);
         });
         let ht = m - b / 2 + 8;
-        const st = H + W / 2, be = 7.2, It = 6, ct = 18, mt = 4;
+        const st = W + V / 2, be = 7.2, It = 6, ct = 18, mt = 4;
         if (rt.forEach((dt) => {
           const bt = dt.length * be + It * 2;
-          R.append("rect").attr("x", ht).attr("y", st - ct / 2).attr("width", bt).attr("height", ct).attr("rx", 5).attr("ry", 5).attr("fill", "#FFF8E1").attr("stroke", "#FFD66D").attr("stroke-width", 1), R.append("text").attr("x", ht + It).attr("y", st).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-inter), Inter, Helvetica, Arial").attr("font-size", "12px").attr("font-weight", "500").attr("fill", "var(--text-warning-primary, #CD7004)").text(dt), ht += bt + mt;
+          _.append("rect").attr("x", ht).attr("y", st - ct / 2).attr("width", bt).attr("height", ct).attr("rx", 5).attr("ry", 5).attr("fill", "#FFF8E1").attr("stroke", "#FFD66D").attr("stroke-width", 1), _.append("text").attr("x", ht + It).attr("y", st).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-inter), Inter, Helvetica, Arial").attr("font-size", "12px").attr("font-weight", "500").attr("fill", "var(--text-warning-primary, #CD7004)").text(dt), ht += bt + mt;
         }), Z) {
-          const dt = m + b / 2 - 8 - ht, Et = R.append("text").attr("x", ht).attr("y", st).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-inter), Inter, Helvetica, Arial").attr("font-size", "12px").attr("font-weight", "600").attr("fill", V);
+          const dt = m + b / 2 - 8 - ht, Et = _.append("text").attr("x", ht).attr("y", st).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-inter), Inter, Helvetica, Arial").attr("font-size", "12px").attr("font-weight", "600").attr("fill", T);
           Re(Et, dt, Z);
         }
         if (S) {
-          const dt = b - 16, Et = R.append("text").attr("x", m - b / 2 + 8).attr("y", H + W + K / 2).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-fira-code), Fira Code, monospace").attr("font-size", "12px").attr("font-weight", "400").attr("fill", V);
+          const dt = b - 16, Et = _.append("text").attr("x", m - b / 2 + 8).attr("y", W + V + K / 2).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-fira-code), Fira Code, monospace").attr("font-size", "12px").attr("font-weight", "400").attr("fill", T);
           Re(Et, dt, S);
         }
       } else {
-        const W = R.append("rect").attr("x", m - b / 2).attr("y", N - x - y / 2).attr("width", b).attr("height", y).attr("rx", 5).attr("ry", 5).attr("fill", j).attr("stroke", $ ? "#EF4444" : "#D5DFEA").attr("stroke-width", $ ? 2 : 1);
+        const V = _.append("rect").attr("x", m - b / 2).attr("y", $ - x - y / 2).attr("width", b).attr("height", y).attr("rx", 5).attr("ry", 5).attr("fill", z).attr("stroke", q ? "#EF4444" : "#D5DFEA").attr("stroke-width", q ? 2 : 1);
         if (!C) {
-          const K = R.append("rect").attr("x", m - b / 2 - 4).attr("y", N - x - y / 2 - 4).attr("width", b + 8).attr("height", y + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
-          W.style("cursor", "pointer").on("mouseenter", function() {
+          const K = _.append("rect").attr("x", m - b / 2 - 4).attr("y", $ - x - y / 2 - 4).attr("width", b + 8).attr("height", y + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
+          V.style("cursor", "pointer").on("mouseenter", function() {
             K.attr("opacity", 1);
           }).on("mouseleave", function() {
             K.attr("opacity", 0);
           });
         }
-        if (k)
+        if (L)
           if (C) {
             const K = Z || S;
-            R.append("text").attr("x", m).attr("y", N - x).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Inter, Helvetica, Arial").attr("font-size", "10px").attr("fill", "#991B1B").text(
+            _.append("text").attr("x", m).attr("y", $ - x).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Inter, Helvetica, Arial").attr("font-size", "10px").attr("fill", "#991B1B").text(
               K.length > 20 ? K.slice(0, 20) + "..." : K
             );
           } else {
-            const K = S || Z, H = b - 16, it = R.append("text").attr("x", m - b / 2 + 8).attr("y", N - x).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-fira-code), Fira Code, monospace").attr("font-size", "12px").attr("font-weight", "400").attr("fill", V);
-            Re(it, H, K);
+            const K = S || Z, W = b - 16, it = _.append("text").attr("x", m - b / 2 + 8).attr("y", $ - x).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", "var(--font-fira-code), Fira Code, monospace").attr("font-size", "12px").attr("font-weight", "400").attr("fill", T);
+            Re(it, W, K);
           }
       }
-      !w.label && w._ldraw_ && w._ldraw_.length > 0 && !C && w._ldraw_.forEach((W) => {
-        W.op === "T" && W.text && R.append("text").attr("x", m - b / 2 + 8).attr("y", N - x).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", W.face || "Inter, Helvetica, Arial").attr("font-size", `${W.size || 11}px`).attr("fill", W.color || "#334155").text(W.text);
+      !w.label && w._ldraw_ && w._ldraw_.length > 0 && !C && w._ldraw_.forEach((V) => {
+        V.op === "T" && V.text && _.append("text").attr("x", m - b / 2 + 8).attr("y", $ - x).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", V.face || "Inter, Helvetica, Arial").attr("font-size", `${V.size || 11}px`).attr("fill", V.color || "#334155").text(V.text);
       });
     });
   }), i) {
-    Da(O, N), Ba(et, F), console.log(
+    Da(G, $), Ba(et, F), console.log(
       "debug: base edges selected:",
       Object.fromEntries(
         Array.from(F.entries()).map(([y, C]) => {
-          var R, $;
+          var _, L;
           return [
             y,
             {
-              baseEdge: (R = C.baseEdge) == null ? void 0 : R.name,
-              baseEdgeId: ($ = C.baseEdge) == null ? void 0 : $.edgeIndex,
+              baseEdge: (_ = C.baseEdge) == null ? void 0 : _.name,
+              baseEdgeId: (L = C.baseEdge) == null ? void 0 : L.edgeIndex,
               baseEdgeIndex: C.baseEdgeIndex,
               totalEdges: C.edges.length,
-              depth0Edges: C.edges.filter((k) => k.depth === 0).length
+              depth0Edges: C.edges.filter((q) => q.depth === 0).length
             }
           ];
         })
@@ -3127,65 +3128,65 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
     F.forEach((y) => {
       const C = y.edges;
       if (C.length === 0) return;
-      const R = y.baseEdge, $ = y.baseEdgeIndex;
-      if (!R || $ < 0) return;
-      const k = R.getStartPoint(), rt = R.getEndPoint();
-      if (!k || !rt) return;
-      const Z = N - k.y, S = N - rt.y;
-      R.midY = (Z + S) / 2;
-      const V = ae(
-        R,
-        N,
+      const _ = y.baseEdge, L = y.baseEdgeIndex;
+      if (!_ || L < 0) return;
+      const q = _.getStartPoint(), rt = _.getEndPoint();
+      if (!q || !rt) return;
+      const Z = $ - q.y, S = $ - rt.y;
+      _.midY = (Z + S) / 2;
+      const T = ae(
+        _,
+        $,
         void 0,
         a
       );
-      V && (R.midY = V.midY, R.orthogonalPathPoints = V.points), y.aboveY = R.midY, y.belowY = R.midY;
-      for (let j = $ - 1; j >= 0; j--) {
-        const z = C[j];
-        if (z.depth !== 0) continue;
-        if (z.getDirection() === "self") {
-          const H = z.getStartPoint();
-          H && (z.midY = N - H.y - h);
+      T && (_.midY = T.midY, _.orthogonalPathPoints = T.points), y.aboveY = _.midY, y.belowY = _.midY;
+      for (let z = L - 1; z >= 0; z--) {
+        const k = C[z];
+        if (k.depth !== 0) continue;
+        if (k.getDirection() === "self") {
+          const W = k.getStartPoint();
+          W && (k.midY = $ - W.y - h);
           continue;
         }
-        const ot = z.label ? w + E : w;
-        z.midY = y.aboveY - ot, y.aboveY = z.midY, z.baseDirection = "above", z.baseOffset = -($ - j);
-        const W = j < C.length - 1 ? C[j + 1] : void 0, K = ae(
-          z,
-          N,
-          W,
+        const ot = k.label ? w + E : w;
+        k.midY = y.aboveY - ot, y.aboveY = k.midY, k.baseDirection = "above", k.baseOffset = -(L - z);
+        const V = z < C.length - 1 ? C[z + 1] : void 0, K = ae(
+          k,
+          $,
+          V,
           a
         );
-        K && (z.midY = K.midY, z.orthogonalPathPoints = K.points, y.aboveY = z.midY);
+        K && (k.midY = K.midY, k.orthogonalPathPoints = K.points, y.aboveY = k.midY);
       }
-      for (let j = $ + 1; j < C.length; j++) {
-        const z = C[j];
-        if (z.depth !== 0) continue;
-        if (z.getDirection() === "self") {
-          const H = z.getStartPoint();
-          H && (z.midY = N - H.y - h);
+      for (let z = L + 1; z < C.length; z++) {
+        const k = C[z];
+        if (k.depth !== 0) continue;
+        if (k.getDirection() === "self") {
+          const W = k.getStartPoint();
+          W && (k.midY = $ - W.y - h);
           continue;
         }
-        const ot = z.label ? w + E : w;
-        z.midY = y.belowY + ot, y.belowY = z.midY, z.baseDirection = "below", z.baseOffset = j - $;
-        const W = j > 0 ? C[j - 1] : void 0, K = ae(
-          z,
-          N,
-          W,
+        const ot = k.label ? w + E : w;
+        k.midY = y.belowY + ot, y.belowY = k.midY, k.baseDirection = "below", k.baseOffset = z - L;
+        const V = z > 0 ? C[z - 1] : void 0, K = ae(
+          k,
+          $,
+          V,
           a
         );
-        K && (z.midY = K.midY, z.orthogonalPathPoints = K.points, y.belowY = z.midY);
+        K && (k.midY = K.midY, k.orthogonalPathPoints = K.points, y.belowY = k.midY);
       }
     });
     const m = [];
     F.forEach((y) => {
       const C = y.edges;
-      C.length === 0 || y.baseEdge || !C.every(($) => $.depth > 0) || C.forEach(($) => {
-        if ($.getDirection() !== "self")
-          m.push($);
+      C.length === 0 || y.baseEdge || !C.every((L) => L.depth > 0) || C.forEach((L) => {
+        if (L.getDirection() !== "self")
+          m.push(L);
         else {
-          const k = $.getStartPoint();
-          k && ($.midY = N - k.y - h);
+          const q = L.getStartPoint();
+          q && (L.midY = $ - q.y - h);
         }
       });
     }), m.sort((y, C) => y.depth - C.depth), console.log("Processing deep edges by depth:", {
@@ -3195,42 +3196,42 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
     let x = 1 / 0, b = -1 / 0;
     F.forEach((y) => {
       y.aboveY !== 0 && (x = Math.min(x, y.aboveY)), y.belowY !== 0 && (b = Math.max(b, y.belowY));
-    }), O.forEach((y) => {
+    }), G.forEach((y) => {
       y.aboveY !== 0 && (x = Math.min(x, y.aboveY)), y.belowY !== 0 && (b = Math.max(b, y.belowY));
     }), console.log("Global bounds before deep edges:", {
       globalAboveY: x,
       globalBelowY: b
     }), m.forEach((y) => {
       if (!y.sourceNode || !y.targetNode) return;
-      const C = nt.get(y.sourceNode._gvid), R = nt.get(y.targetNode._gvid);
-      if (C === void 0 || R === void 0) return;
-      const $ = Math.min(C, R), k = Math.max(C, R), rt = [];
-      for (let H = $; H <= k; H++) {
-        const it = O.get(H);
+      const C = nt.get(y.sourceNode._gvid), _ = nt.get(y.targetNode._gvid);
+      if (C === void 0 || _ === void 0) return;
+      const L = Math.min(C, _), q = Math.max(C, _), rt = [];
+      for (let W = L; W <= q; W++) {
+        const it = G.get(W);
         it && rt.push(...it.nodes);
       }
-      const Z = rt.map((H) => {
-        const it = H.getPosition();
+      const Z = rt.map((W) => {
+        const it = W.getPosition();
         if (!it) return null;
-        const ht = N - it[1], st = H.height ? parseFloat(H.height) * 72 : 40;
+        const ht = $ - it[1], st = W.height ? parseFloat(W.height) * 72 : 40;
         return { y: ht, height: st, bottomY: ht + st / 2 };
       }).filter(
-        (H) => H !== null
-      ).sort((H, it) => H.y - it.y);
+        (W) => W !== null
+      ).sort((W, it) => W.y - it.y);
       let S;
       if (Z.length === 0)
         S = (x + b) / 2;
       else if (Z.length % 2 === 1)
         S = Z[Math.floor(Z.length / 2)].bottomY;
       else {
-        const H = Z.length / 2;
-        S = (Z[H - 1].bottomY + Z[H].bottomY) / 2;
+        const W = Z.length / 2;
+        S = (Z[W - 1].bottomY + Z[W].bottomY) / 2;
       }
-      const V = y.getStartPoint(), j = y.getEndPoint(), tt = (V && j ? N - (V.y + j.y) / 2 : S) < S ? "above" : "below";
+      const T = y.getStartPoint(), z = y.getEndPoint(), tt = (T && z ? $ - (T.y + z.y) / 2 : S) < S ? "above" : "below";
       y.baseDirection = tt;
       const ot = y.label ? w + E : w;
-      let W;
-      tt === "above" ? (y.midY = x - ot, W = x, x = y.midY) : (y.midY = b + ot, W = b, b = y.midY), console.log("Placed deep edge:", {
+      let V;
+      tt === "above" ? (y.midY = x - ot, V = x, x = y.midY) : (y.midY = b + ot, V = b, b = y.midY), console.log("Placed deep edge:", {
         edgeIndex: y.edgeIndex,
         depth: y.depth,
         direction: tt,
@@ -3241,18 +3242,18 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
       });
       const K = ae(
         y,
-        N,
-        { midY: W },
+        $,
+        { midY: V },
         a
       );
       K && (y.midY = K.midY, y.orthogonalPathPoints = K.points, tt === "above" ? x = Math.min(x, K.midY) : b = Math.max(b, K.midY));
     });
   }
-  const M = et.map((h) => h.edgeIndex).filter((h) => h !== void 0), v = M.length > 0 ? Math.min(...M) : 0, Y = M.length > 0 ? Math.max(...M) : 0, X = We().scaleExtent([0.1, ba(t, D, c)]).on("zoom", (h) => {
+  const M = et.map((h) => h.edgeIndex).filter((h) => h !== void 0), v = M.length > 0 ? Math.min(...M) : 0, D = M.length > 0 ? Math.max(...M) : 0, X = We().scaleExtent([0.1, ba(t, B, c)]).on("zoom", (h) => {
     const w = h.transform;
     console.log("zoom event:", { x: w.x, y: w.y, k: w.k, isNaN: isNaN(w.x) || isNaN(w.y) || isNaN(w.k) }), !isNaN(w.x) && !isNaN(w.y) && !isNaN(w.k) && J.attr("transform", w.toString());
   });
-  if (L.call(X), et.forEach((h) => {
+  if (Y.call(X), et.forEach((h) => {
     if (n != null) {
       if (o) {
         if (h.depth > n) return;
@@ -3261,16 +3262,16 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
     Pa(
       h,
       J,
-      N,
+      $,
       a,
       i,
       v,
-      Y,
+      D,
       X,
-      L,
+      Y,
       t,
-      D,
-      N,
+      B,
+      $,
       s,
       u,
       l
@@ -3284,18 +3285,18 @@ function Na(t, e, r, n, o = !0, a = Ee, i = !0, c = 14, l = !1, s, u, d, p, g) {
   }
   const I = J.node();
   if (I) {
-    const h = I.getBBox(), w = 0.9 * D / h.width, E = h.x + h.width / 2, m = h.y + h.height / 2, x = D / 2 - E * w, b = N / 2 - m * w;
-    L.call(
+    const h = I.getBBox(), w = 0.9 * B / h.width, E = h.x + h.width / 2, m = h.y + h.height / 2, x = B / 2 - E * w, b = $ / 2 - m * w;
+    Y.call(
       X.transform,
       Pt.translate(x, b).scale(w)
     );
   }
   return {
     zoomBehavior: X,
-    svgElement: L.node(),
+    svgElement: Y.node(),
     gElement: J.node(),
     baseFontSize: c,
-    viewBoxWidth: D
+    viewBoxWidth: B
   };
 }
 function $t(t, e, r) {
@@ -3377,15 +3378,15 @@ function $a(t, e, r = 14) {
     </style>
   `);
   const c = i.append("g").attr("id", "graph0");
-  (e.objects || []).forEach((_) => {
-    const D = c.append("g").attr("class", "node").attr("id", _.name);
-    _._draw_ && $t(D, _._draw_, a), _._ldraw_ && $t(D, _._ldraw_, a);
-  }), (e.edges || []).forEach((_) => {
-    const D = c.append("g").attr("class", "edge").attr("id", `edge_${_._gvid}`);
-    _._draw_ && $t(D, _._draw_, a), _._hdraw_ && $t(D, _._hdraw_, a), _._tdraw_ && $t(D, _._tdraw_, a), _._ldraw_ && $t(D, _._ldraw_, a);
+  (e.objects || []).forEach((R) => {
+    const B = c.append("g").attr("class", "node").attr("id", R.name);
+    R._draw_ && $t(B, R._draw_, a), R._ldraw_ && $t(B, R._ldraw_, a);
+  }), (e.edges || []).forEach((R) => {
+    const B = c.append("g").attr("class", "edge").attr("id", `edge_${R._gvid}`);
+    R._draw_ && $t(B, R._draw_, a), R._hdraw_ && $t(B, R._hdraw_, a), R._tdraw_ && $t(B, R._tdraw_, a), R._ldraw_ && $t(B, R._ldraw_, a);
   });
-  const u = We().scaleExtent([0.1, 10]).on("zoom", (_) => {
-    c.attr("transform", _.transform.toString());
+  const u = We().scaleExtent([0.1, 10]).on("zoom", (R) => {
+    c.attr("transform", R.transform.toString());
   });
   i.call(u);
   const d = t.clientWidth || 800, p = r * (d / o);
@@ -3425,13 +3426,13 @@ function Sa() {
   const t = ut(null), e = ut(null), [r, n] = He(!1), [o, a] = He(null), i = Me(() => {
     let s;
     return Ie && (s = new Ie()), s.onmessage = (u) => {
-      const { id: d, success: p, json: g, error: _ } = u.data;
+      const { id: d, success: p, json: g, error: R } = u.data;
       if (e.current && e.current.id === d) {
         if (n(!1), p && g)
           e.current.resolve(g);
         else {
-          const D = new Error(_ || "Unknown worker error");
-          a(D.message), e.current.reject(D);
+          const B = new Error(R || "Unknown worker error");
+          a(B.message), e.current.reject(B);
         }
         e.current = null;
       }
@@ -3491,17 +3492,17 @@ const Oa = Tr(function({
   debug: d = !1,
   selectedEdgeId: p = null,
   onEdgeSelect: g,
-  useNativeRendering: _ = !1,
-  nodeWidth: D = 240,
-  nodeHeight: N = 64,
-  nodeColumnSpacing: L = 800
+  useNativeRendering: R = !1,
+  nodeWidth: B = 240,
+  nodeHeight: $ = 64,
+  nodeColumnSpacing: Y = 800
 }, J) {
-  const G = ut(null), { layout: A, cancel: T, isLoading: U, error: et } = Sa(), nt = ut(null), O = ut(null), F = ut(null), q = ut(14), Q = ut(1e3), P = ut(!1), f = ut(null), M = ut(null), v = ut(null), Y = ut(null), X = ut(g);
+  const j = ut(null), { layout: A, cancel: O, isLoading: U, error: et } = Sa(), nt = ut(null), G = ut(null), F = ut(null), H = ut(14), Q = ut(1e3), N = ut(!1), f = ut(null), M = ut(null), v = ut(null), D = ut(null), X = ut(g);
   return X.current = g, Vr(J, () => ({
     zoomIn: (I = 10) => {
       var b, y;
-      if (!nt.current || !O.current || !F.current) return;
-      const B = qt(F.current), h = 1 + I / 100, w = B.k * h, E = at(O.current), m = ((b = G.current) == null ? void 0 : b.clientWidth) || 1, x = ((y = G.current) == null ? void 0 : y.clientHeight) || 1;
+      if (!nt.current || !G.current || !F.current) return;
+      const P = qt(F.current), h = 1 + I / 100, w = P.k * h, E = at(G.current), m = ((b = j.current) == null ? void 0 : b.clientWidth) || 1, x = ((y = j.current) == null ? void 0 : y.clientHeight) || 1;
       E.transition().duration(300).call(
         nt.current.scaleTo,
         w,
@@ -3510,8 +3511,8 @@ const Oa = Tr(function({
     },
     zoomOut: (I = 10) => {
       var b, y;
-      if (!nt.current || !O.current || !F.current) return;
-      const B = qt(F.current), h = 1 - I / 100, w = Math.max(0.1, B.k * h), E = at(O.current), m = ((b = G.current) == null ? void 0 : b.clientWidth) || 1, x = ((y = G.current) == null ? void 0 : y.clientHeight) || 1;
+      if (!nt.current || !G.current || !F.current) return;
+      const P = qt(F.current), h = 1 - I / 100, w = Math.max(0.1, P.k * h), E = at(G.current), m = ((b = j.current) == null ? void 0 : b.clientWidth) || 1, x = ((y = j.current) == null ? void 0 : y.clientHeight) || 1;
       E.transition().duration(300).call(
         nt.current.scaleTo,
         w,
@@ -3520,10 +3521,10 @@ const Oa = Tr(function({
     },
     toggleZoom: () => {
       var it, ht;
-      if (!nt.current || !O.current || !F.current) return;
-      const I = at(O.current), B = ((it = G.current) == null ? void 0 : it.clientWidth) || 1;
-      (ht = G.current) != null && ht.clientHeight;
-      const h = q.current, w = O.current.getAttribute("viewBox");
+      if (!nt.current || !G.current || !F.current) return;
+      const I = at(G.current), P = ((it = j.current) == null ? void 0 : it.clientWidth) || 1;
+      (ht = j.current) != null && ht.clientHeight;
+      const h = H.current, w = G.current.getAttribute("viewBox");
       if (!w) return;
       const [, , E, m] = w.split(" ").map(Number);
       if (isNaN(E) || isNaN(m))
@@ -3538,45 +3539,45 @@ const Oa = Tr(function({
         const st = F.current.getBBox();
         M.current = { x: st.x, y: st.y, width: st.width, height: st.height };
       }
-      const b = x.x + x.width / 2, y = x.y + x.height / 2, C = B / E, R = 0.9 * E / x.width, $ = h * C * R, rt = 16 / (h * C), Z = h * C * rt, S = Math.min(R, rt), V = Math.max(R, rt), j = qt(O.current), z = h * C * j.k;
+      const b = x.x + x.width / 2, y = x.y + x.height / 2, C = P / E, _ = 0.9 * E / x.width, L = h * C * _, rt = 16 / (h * C), Z = h * C * rt, S = Math.min(_, rt), T = Math.max(_, rt), z = qt(G.current), k = h * C * z.k;
       console.log("toggleZoom debug:", {
-        currentState: P.current ? "zoomedIn" : "zoomedOut",
-        currentScale: j.k,
-        currentFontSize: z,
-        overviewScale: R,
-        overviewFontSize: $,
+        currentState: N.current ? "zoomedIn" : "zoomedOut",
+        currentScale: z.k,
+        currentFontSize: k,
+        overviewScale: _,
+        overviewFontSize: L,
         detailScale: rt,
         detailFontSize: Z,
         zoomOutScale: S,
-        zoomInScale: V
+        zoomInScale: T
       });
       let tt;
-      P.current ? (tt = S, P.current = !1) : (tt = V, f.current = qt(O.current), P.current = !0), console.log("toggleZoom target:", {
+      N.current ? (tt = S, N.current = !1) : (tt = T, f.current = qt(G.current), N.current = !0), console.log("toggleZoom target:", {
         targetScale: tt,
         targetFontSize: h * C * tt,
-        newState: P.current ? "zoomedIn" : "zoomedOut"
+        newState: N.current ? "zoomedIn" : "zoomedOut"
       });
-      const ot = E / 2 - b * tt, W = m / 2 - y * tt, K = Pt.translate(ot, W).scale(tt);
+      const ot = E / 2 - b * tt, V = m / 2 - y * tt, K = Pt.translate(ot, V).scale(tt);
       console.log("newTransform:", { x: K.x, y: K.y, k: K.k }), at(F.current).transition().duration(500).attr("transform", K.toString()).on("end", () => {
         I.call(nt.current.transform, K);
       });
     },
     stopRendering: () => {
-      Y.current && (clearInterval(Y.current), Y.current = null), v.current = null, T(), G.current && (G.current.innerHTML = ""), P.current = !1, f.current = null;
+      D.current && (clearInterval(D.current), D.current = null), v.current = null, O(), j.current && (j.current.innerHTML = ""), N.current = !1, f.current = null;
     }
-  }), [T]), Le(() => {
-    if (!e || !G.current) return;
+  }), [O]), Le(() => {
+    if (!e || !j.current) return;
     let I = !1;
-    return v.current = Date.now(), l && (Y.current = setInterval(() => {
+    return v.current = Date.now(), l && (D.current = setInterval(() => {
       if (v.current) {
-        const B = Date.now() - v.current;
-        l(B);
+        const P = Date.now() - v.current;
+        l(P);
       }
-    }, 100)), A(e).then((B) => {
+    }, 100)), A(e).then((P) => {
       var w;
       if (I) return;
-      const h = JSON.parse(B);
-      if (G.current) {
+      const h = JSON.parse(P);
+      if (j.current) {
         let E = n;
         if (h.objects) {
           for (const x of h.objects)
@@ -3585,12 +3586,12 @@ const Oa = Tr(function({
                 b.size && b.size > E && (E = b.size);
         }
         let m;
-        if (_ ? m = $a(
-          G.current,
+        if (R ? m = $a(
+          j.current,
           h,
           E
         ) : m = Na(
-          G.current,
+          j.current,
           h,
           r,
           null,
@@ -3610,62 +3611,62 @@ const Oa = Tr(function({
             return (b = X.current) == null ? void 0 : b.call(X, x);
           },
           // Use ref for callback
-          D,
-          N,
-          L
-        ), nt.current = m.zoomBehavior, O.current = m.svgElement, F.current = m.gElement, q.current = m.baseFontSize, Q.current = m.viewBoxWidth, F.current) {
+          B,
+          $,
+          Y
+        ), nt.current = m.zoomBehavior, G.current = m.svgElement, F.current = m.gElement, H.current = m.baseFontSize, Q.current = m.viewBoxWidth, F.current) {
           const x = F.current.getBBox();
           M.current = { x: x.x, y: x.y, width: x.width, height: x.height };
-          const b = Q.current, y = ((w = G.current) == null ? void 0 : w.clientWidth) || 1, C = q.current, R = y / b, $ = 0.9 * b / x.width, k = 16 / (C * R);
-          P.current = $ >= k;
+          const b = Q.current, y = ((w = j.current) == null ? void 0 : w.clientWidth) || 1, C = H.current, _ = y / b, L = 0.9 * b / x.width, q = 16 / (C * _);
+          N.current = L >= q;
         }
-        if (f.current = null, Y.current && (clearInterval(Y.current), Y.current = null), v.current = null, c) {
-          const x = G.current.querySelector("svg"), b = x == null ? void 0 : x.querySelector("#graph0");
+        if (f.current = null, D.current && (clearInterval(D.current), D.current = null), v.current = null, c) {
+          const x = j.current.querySelector("svg"), b = x == null ? void 0 : x.querySelector("#graph0");
           if (x && b) {
             const y = E, C = x.getAttribute("viewBox");
-            let R = 1e3;
+            let _ = 1e3;
             if (C) {
               const [, , Z] = C.split(" ").map(Number);
-              Z && (R = Z);
+              Z && (_ = Z);
             }
-            const $ = () => {
+            const L = () => {
               var tt;
               const Z = b.getAttribute("transform");
               let S = 1;
               if (Z) {
                 const ot = Z.match(/scale\(([^,)]+)/);
                 if (ot) {
-                  const W = parseFloat(ot[1]);
-                  isNaN(W) || (S = W);
+                  const V = parseFloat(ot[1]);
+                  isNaN(V) || (S = V);
                 } else {
-                  const W = Z.match(/matrix\(([^,)]+)/);
-                  if (W) {
-                    const K = parseFloat(W[1]);
+                  const V = Z.match(/matrix\(([^,)]+)/);
+                  if (V) {
+                    const K = parseFloat(V[1]);
                     isNaN(K) || (S = K);
                   }
                 }
               }
-              const j = (((tt = G.current) == null ? void 0 : tt.clientWidth) || 1) / R, z = y * j * S;
-              !isNaN(z) && !isNaN(S) && c({ baseFontSize: y, actualFontSize: z, scale: S });
+              const z = (((tt = j.current) == null ? void 0 : tt.clientWidth) || 1) / _, k = y * z * S;
+              !isNaN(k) && !isNaN(S) && c({ baseFontSize: y, actualFontSize: k, scale: S });
             };
-            $();
-            const k = new MutationObserver($);
-            k.observe(b, {
+            L();
+            const q = new MutationObserver(L);
+            q.observe(b, {
               attributes: !0,
               attributeFilter: ["transform"]
             });
-            const rt = () => $();
+            const rt = () => L();
             return window.addEventListener("resize", rt), () => {
-              k.disconnect(), window.removeEventListener("resize", rt);
+              q.disconnect(), window.removeEventListener("resize", rt);
             };
           }
         }
       }
-      a == null || a({ json: h, svgElement: O.current });
-    }).catch((B) => {
-      I || (Y.current && (clearInterval(Y.current), Y.current = null), v.current = null, B.message !== "Cancelled by user" && B.message !== "Request cancelled" && (console.error("GraphvizRenderer error:", B), G.current && (G.current.innerHTML = `<div style="padding: 1rem; color: #ef4444"><strong>Error rendering graph:</strong> ${B.message}</div>`), i == null || i(B instanceof Error ? B : new Error(String(B)))));
+      a == null || a({ json: h, svgElement: G.current });
+    }).catch((P) => {
+      I || (D.current && (clearInterval(D.current), D.current = null), v.current = null, P.message !== "Cancelled by user" && P.message !== "Request cancelled" && (console.error("GraphvizRenderer error:", P), j.current && (j.current.innerHTML = `<div style="padding: 1rem; color: #ef4444"><strong>Error rendering graph:</strong> ${P.message}</div>`), i == null || i(P instanceof Error ? P : new Error(String(P)))));
     }), () => {
-      I = !0, Y.current && (clearInterval(Y.current), Y.current = null), v.current = null, T();
+      I = !0, D.current && (clearInterval(D.current), D.current = null), v.current = null, O();
     };
   }, [
     e,
@@ -3673,20 +3674,20 @@ const Oa = Tr(function({
     n,
     l,
     d,
-    _,
-    D,
-    N,
-    L
+    R,
+    B,
+    $,
+    Y
   ]), Le(() => {
-    var B;
-    if (_ || !G.current) return;
-    const I = G.current.querySelector("svg");
+    var P;
+    if (R || !j.current) return;
+    const I = j.current.querySelector("svg");
     if (I && (I.querySelectorAll("g.edge.selected").forEach((h) => {
       h.classList.remove("selected"), h.querySelectorAll(".close-btn, .close-btn-bg").forEach((w) => w.remove());
     }), p != null)) {
       const h = I.querySelector(`g.edge[data-edge-id="${p}"]`);
       if (h) {
-        h.classList.add("selected"), (B = h.parentNode) == null || B.appendChild(h);
+        h.classList.add("selected"), (P = h.parentNode) == null || P.appendChild(h);
         const w = h.querySelector(".label-bg");
         if (w && g) {
           w.getBoundingClientRect();
@@ -3696,20 +3697,20 @@ const Oa = Tr(function({
             if (!h.querySelector(".close-btn")) {
               const C = document.createElementNS("http://www.w3.org/2000/svg", "circle");
               C.setAttribute("class", "close-btn-bg"), C.setAttribute("cx", String(y)), C.setAttribute("cy", m || "0"), C.setAttribute("r", "8"), C.setAttribute("fill", "white"), C.setAttribute("stroke", "#d0d0d0"), C.setAttribute("stroke-width", "1"), C.style.cursor = "pointer";
-              const R = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              R.setAttribute("class", "close-btn"), R.setAttribute("x", String(y)), R.setAttribute("y", m || "0"), R.setAttribute("text-anchor", "middle"), R.setAttribute("dominant-baseline", "central"), R.setAttribute("font-family", "Arial"), R.setAttribute("font-size", "12px"), R.setAttribute("font-weight", "bold"), R.setAttribute("fill", "#888"), R.style.cursor = "pointer", R.textContent = "✕";
-              const $ = (k) => {
-                k.stopPropagation(), g(null);
+              const _ = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              _.setAttribute("class", "close-btn"), _.setAttribute("x", String(y)), _.setAttribute("y", m || "0"), _.setAttribute("text-anchor", "middle"), _.setAttribute("dominant-baseline", "central"), _.setAttribute("font-family", "Arial"), _.setAttribute("font-size", "12px"), _.setAttribute("font-weight", "bold"), _.setAttribute("fill", "#888"), _.style.cursor = "pointer", _.textContent = "✕";
+              const L = (q) => {
+                q.stopPropagation(), g(null);
               };
-              C.addEventListener("click", $), R.addEventListener("click", $), h.appendChild(C), h.appendChild(R);
+              C.addEventListener("click", L), _.addEventListener("click", L), h.appendChild(C), h.appendChild(_);
             }
           }
         }
       }
     }
-  }, [p, g, _]), /* @__PURE__ */ fe("div", { className: `graphviz-renderer ${s}`.trim(), style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ Bt("div", { ref: G, style: { width: "100%", height: "100%" } }),
-    U && u && (o ?? /* @__PURE__ */ Bt(Ua, { onCancel: T })),
+  }, [p, g, R]), /* @__PURE__ */ fe("div", { className: `graphviz-renderer ${s}`.trim(), style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ Bt("div", { ref: j, style: { width: "100%", height: "100%" } }),
+    U && u && (o ?? /* @__PURE__ */ Bt(Ua, { onCancel: O })),
     et && !U && /* @__PURE__ */ fe("div", { style: { padding: "1rem", color: "#ef4444" }, children: [
       /* @__PURE__ */ Bt("strong", { children: "Error:" }),
       " ",