quixotic-gol 0.1.0

package/dist/index.mjs

@@ -0,0 +1,3680 @@
+import { useRef as lt, useState as Ge, useCallback as be, useEffect as Ce, forwardRef as Hn, useImperativeHandle as Wn } from "react";
+import { jsx as Et, jsxs as ue } from "react/jsx-runtime";
+const Ys = 500;
+var On = { value: () => {
+} };
+function Re() {
+  for (var t = 0, e = arguments.length, n = {}, r; t < e; ++t) {
+    if (!(r = arguments[t] + "") || r in n || /[\s.]/.test(r)) throw new Error("illegal type: " + r);
+    n[r] = [];
+  }
+  return new se(n);
+}
+function se(t) {
+  this._ = t;
+}
+function Xn(t, e) {
+  return t.trim().split(/^|\s+/).map(function(n) {
+    var r = "", i = n.indexOf(".");
+    if (i >= 0 && (r = n.slice(i + 1), n = n.slice(0, i)), n && !e.hasOwnProperty(n)) throw new Error("unknown type: " + n);
+    return { type: n, name: r };
+  });
+}
+se.prototype = Re.prototype = {
+  constructor: se,
+  on: function(t, e) {
+    var n = this._, r = Xn(t + "", n), i, s = -1, o = r.length;
+    if (arguments.length < 2) {
+      for (; ++s < o; ) if ((i = (t = r[s]).type) && (i = Gn(n[i], t.name))) return i;
+      return;
+    }
+    if (e != null && typeof e != "function") throw new Error("invalid callback: " + e);
+    for (; ++s < o; )
+      if (i = (t = r[s]).type) n[i] = Ve(n[i], t.name, e);
+      else if (e == null) for (i in n) n[i] = Ve(n[i], t.name, null);
+    return this;
+  },
+  copy: function() {
+    var t = {}, e = this._;
+    for (var n in e) t[n] = e[n].slice();
+    return new se(t);
+  },
+  call: function(t, e) {
+    if ((i = arguments.length - 2) > 0) for (var n = new Array(i), r = 0, i, s; r < i; ++r) n[r] = arguments[r + 2];
+    if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);
+    for (s = this._[t], r = 0, i = s.length; r < i; ++r) s[r].value.apply(e, n);
+  },
+  apply: function(t, e, n) {
+    if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);
+    for (var r = this._[t], i = 0, s = r.length; i < s; ++i) r[i].value.apply(e, n);
+  }
+};
+function Gn(t, e) {
+  for (var n = 0, r = t.length, i; n < r; ++n)
+    if ((i = t[n]).name === e)
+      return i.value;
+}
+function Ve(t, e, n) {
+  for (var r = 0, i = t.length; r < i; ++r)
+    if (t[r].name === e) {
+      t[r] = On, t = t.slice(0, r).concat(t.slice(r + 1));
+      break;
+    }
+  return n != null && t.push({ name: e, value: n }), t;
+}
+var Se = "http://www.w3.org/1999/xhtml";
+const qe = {
+  svg: "http://www.w3.org/2000/svg",
+  xhtml: Se,
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace",
+  xmlns: "http://www.w3.org/2000/xmlns/"
+};
+function ye(t) {
+  var e = t += "", n = e.indexOf(":");
+  return n >= 0 && (e = t.slice(0, n)) !== "xmlns" && (t = t.slice(n + 1)), qe.hasOwnProperty(e) ? { space: qe[e], local: t } : t;
+}
+function Vn(t) {
+  return function() {
+    var e = this.ownerDocument, n = this.namespaceURI;
+    return n === Se && e.documentElement.namespaceURI === Se ? e.createElement(t) : e.createElementNS(n, t);
+  };
+}
+function qn(t) {
+  return function() {
+    return this.ownerDocument.createElementNS(t.space, t.local);
+  };
+}
+function hn(t) {
+  var e = ye(t);
+  return (e.local ? qn : Vn)(e);
+}
+function Un() {
+}
+function De(t) {
+  return t == null ? Un : function() {
+    return this.querySelector(t);
+  };
+}
+function Zn(t) {
+  typeof t != "function" && (t = De(t));
+  for (var e = this._groups, n = e.length, r = new Array(n), i = 0; i < n; ++i)
+    for (var s = e[i], o = s.length, c = r[i] = new Array(o), l, a, u = 0; u < o; ++u)
+      (l = s[u]) && (a = t.call(l, l.__data__, u, s)) && ("__data__" in l && (a.__data__ = l.__data__), c[u] = a);
+  return new ft(r, this._parents);
+}
+function Kn(t) {
+  return t == null ? [] : Array.isArray(t) ? t : Array.from(t);
+}
+function Qn() {
+  return [];
+}
+function dn(t) {
+  return t == null ? Qn : function() {
+    return this.querySelectorAll(t);
+  };
+}
+function Jn(t) {
+  return function() {
+    return Kn(t.apply(this, arguments));
+  };
+}
+function jn(t) {
+  typeof t == "function" ? t = Jn(t) : t = dn(t);
+  for (var e = this._groups, n = e.length, r = [], i = [], s = 0; s < n; ++s)
+    for (var o = e[s], c = o.length, l, a = 0; a < c; ++a)
+      (l = o[a]) && (r.push(t.call(l, l.__data__, a, o)), i.push(l));
+  return new ft(r, i);
+}
+function pn(t) {
+  return function() {
+    return this.matches(t);
+  };
+}
+function gn(t) {
+  return function(e) {
+    return e.matches(t);
+  };
+}
+var tr = Array.prototype.find;
+function er(t) {
+  return function() {
+    return tr.call(this.children, t);
+  };
+}
+function nr() {
+  return this.firstElementChild;
+}
+function rr(t) {
+  return this.select(t == null ? nr : er(typeof t == "function" ? t : gn(t)));
+}
+var ir = Array.prototype.filter;
+function or() {
+  return Array.from(this.children);
+}
+function sr(t) {
+  return function() {
+    return ir.call(this.children, t);
+  };
+}
+function ar(t) {
+  return this.selectAll(t == null ? or : sr(typeof t == "function" ? t : gn(t)));
+}
+function cr(t) {
+  typeof t != "function" && (t = pn(t));
+  for (var e = this._groups, n = e.length, r = new Array(n), i = 0; i < n; ++i)
+    for (var s = e[i], o = s.length, c = r[i] = [], l, a = 0; a < o; ++a)
+      (l = s[a]) && t.call(l, l.__data__, a, s) && c.push(l);
+  return new ft(r, this._parents);
+}
+function mn(t) {
+  return new Array(t.length);
+}
+function lr() {
+  return new ft(this._enter || this._groups.map(mn), this._parents);
+}
+function fe(t, e) {
+  this.ownerDocument = t.ownerDocument, this.namespaceURI = t.namespaceURI, this._next = null, this._parent = t, this.__data__ = e;
+}
+fe.prototype = {
+  constructor: fe,
+  appendChild: function(t) {
+    return this._parent.insertBefore(t, this._next);
+  },
+  insertBefore: function(t, e) {
+    return this._parent.insertBefore(t, e);
+  },
+  querySelector: function(t) {
+    return this._parent.querySelector(t);
+  },
+  querySelectorAll: function(t) {
+    return this._parent.querySelectorAll(t);
+  }
+};
+function ur(t) {
+  return function() {
+    return t;
+  };
+}
+function fr(t, e, n, r, i, s) {
+  for (var o = 0, c, l = e.length, a = s.length; o < a; ++o)
+    (c = e[o]) ? (c.__data__ = s[o], r[o] = c) : n[o] = new fe(t, s[o]);
+  for (; o < l; ++o)
+    (c = e[o]) && (i[o] = c);
+}
+function hr(t, e, n, r, i, s, o) {
+  var c, l, a = /* @__PURE__ */ new Map(), u = e.length, d = s.length, g = new Array(u), x;
+  for (c = 0; c < u; ++c)
+    (l = e[c]) && (g[c] = x = o.call(l, l.__data__, c, e) + "", a.has(x) ? i[c] = l : a.set(x, l));
+  for (c = 0; c < d; ++c)
+    x = o.call(t, s[c], c, s) + "", (l = a.get(x)) ? (r[c] = l, l.__data__ = s[c], a.delete(x)) : n[c] = new fe(t, s[c]);
+  for (c = 0; c < u; ++c)
+    (l = e[c]) && a.get(g[c]) === l && (i[c] = l);
+}
+function dr(t) {
+  return t.__data__;
+}
+function pr(t, e) {
+  if (!arguments.length) return Array.from(this, dr);
+  var n = e ? hr : fr, r = this._parents, i = this._groups;
+  typeof t != "function" && (t = ur(t));
+  for (var s = i.length, o = new Array(s), c = new Array(s), l = new Array(s), a = 0; a < s; ++a) {
+    var u = r[a], d = i[a], g = d.length, x = gr(t.call(u, u && u.__data__, a, r)), N = x.length, S = c[a] = new Array(N), Y = o[a] = new Array(N), $ = l[a] = new Array(g);
+    n(u, d, S, Y, $, x, e);
+    for (var K = 0, O = 0, Q, G; K < N; ++K)
+      if (Q = S[K]) {
+        for (K >= O && (O = K + 1); !(G = Y[O]) && ++O < N; ) ;
+        Q._next = G || null;
+      }
+  }
+  return o = new ft(o, r), o._enter = c, o._exit = l, o;
+}
+function gr(t) {
+  return typeof t == "object" && "length" in t ? t : Array.from(t);
+}
+function mr() {
+  return new ft(this._exit || this._groups.map(mn), this._parents);
+}
+function yr(t, e, n) {
+  var r = this.enter(), i = this, s = this.exit();
+  return typeof t == "function" ? (r = t(r), r && (r = r.selection())) : r = r.append(t + ""), e != null && (i = e(i), i && (i = i.selection())), n == null ? s.remove() : n(s), r && i ? r.merge(i).order() : i;
+}
+function xr(t) {
+  for (var e = t.selection ? t.selection() : t, n = this._groups, r = e._groups, i = n.length, s = r.length, o = Math.min(i, s), c = new Array(i), l = 0; l < o; ++l)
+    for (var a = n[l], u = r[l], d = a.length, g = c[l] = new Array(d), x, N = 0; N < d; ++N)
+      (x = a[N] || u[N]) && (g[N] = x);
+  for (; l < i; ++l)
+    c[l] = n[l];
+  return new ft(c, this._parents);
+}
+function wr() {
+  for (var t = this._groups, e = -1, n = t.length; ++e < n; )
+    for (var r = t[e], i = r.length - 1, s = r[i], o; --i >= 0; )
+      (o = r[i]) && (s && o.compareDocumentPosition(s) ^ 4 && s.parentNode.insertBefore(o, s), s = o);
+  return this;
+}
+function vr(t) {
+  t || (t = _r);
+  function e(d, g) {
+    return d && g ? t(d.__data__, g.__data__) : !d - !g;
+  }
+  for (var n = this._groups, r = n.length, i = new Array(r), s = 0; s < r; ++s) {
+    for (var o = n[s], c = o.length, l = i[s] = new Array(c), a, u = 0; u < c; ++u)
+      (a = o[u]) && (l[u] = a);
+    l.sort(e);
+  }
+  return new ft(i, this._parents).order();
+}
+function _r(t, e) {
+  return t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
+}
+function br() {
+  var t = arguments[0];
+  return arguments[0] = this, t.apply(null, arguments), this;
+}
+function Er() {
+  return Array.from(this);
+}
+function Nr() {
+  for (var t = this._groups, e = 0, n = t.length; e < n; ++e)
+    for (var r = t[e], i = 0, s = r.length; i < s; ++i) {
+      var o = r[i];
+      if (o) return o;
+    }
+  return null;
+}
+function $r() {
+  let t = 0;
+  for (const e of this) ++t;
+  return t;
+}
+function kr() {
+  return !this.node();
+}
+function Cr(t) {
+  for (var e = this._groups, n = 0, r = e.length; n < r; ++n)
+    for (var i = e[n], s = 0, o = i.length, c; s < o; ++s)
+      (c = i[s]) && t.call(c, c.__data__, s, i);
+  return this;
+}
+function Sr(t) {
+  return function() {
+    this.removeAttribute(t);
+  };
+}
+function Ar(t) {
+  return function() {
+    this.removeAttributeNS(t.space, t.local);
+  };
+}
+function Mr(t, e) {
+  return function() {
+    this.setAttribute(t, e);
+  };
+}
+function zr(t, e) {
+  return function() {
+    this.setAttributeNS(t.space, t.local, e);
+  };
+}
+function Ir(t, e) {
+  return function() {
+    var n = e.apply(this, arguments);
+    n == null ? this.removeAttribute(t) : this.setAttribute(t, n);
+  };
+}
+function Pr(t, e) {
+  return function() {
+    var n = e.apply(this, arguments);
+    n == null ? this.removeAttributeNS(t.space, t.local) : this.setAttributeNS(t.space, t.local, n);
+  };
+}
+function Yr(t, e) {
+  var n = ye(t);
+  if (arguments.length < 2) {
+    var r = this.node();
+    return n.local ? r.getAttributeNS(n.space, n.local) : r.getAttribute(n);
+  }
+  return this.each((e == null ? n.local ? Ar : Sr : typeof e == "function" ? n.local ? Pr : Ir : n.local ? zr : Mr)(n, e));
+}
+function yn(t) {
+  return t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView;
+}
+function Tr(t) {
+  return function() {
+    this.style.removeProperty(t);
+  };
+}
+function Br(t, e, n) {
+  return function() {
+    this.style.setProperty(t, e, n);
+  };
+}
+function Rr(t, e, n) {
+  return function() {
+    var r = e.apply(this, arguments);
+    r == null ? this.style.removeProperty(t) : this.style.setProperty(t, r, n);
+  };
+}
+function Dr(t, e, n) {
+  return arguments.length > 1 ? this.each((e == null ? Tr : typeof e == "function" ? Rr : Br)(t, e, n ?? "")) : Rt(this.node(), t);
+}
+function Rt(t, e) {
+  return t.style.getPropertyValue(e) || yn(t).getComputedStyle(t, null).getPropertyValue(e);
+}
+function Lr(t) {
+  return function() {
+    delete this[t];
+  };
+}
+function Fr(t, e) {
+  return function() {
+    this[t] = e;
+  };
+}
+function Hr(t, e) {
+  return function() {
+    var n = e.apply(this, arguments);
+    n == null ? delete this[t] : this[t] = n;
+  };
+}
+function Wr(t, e) {
+  return arguments.length > 1 ? this.each((e == null ? Lr : typeof e == "function" ? Hr : Fr)(t, e)) : this.node()[t];
+}
+function xn(t) {
+  return t.trim().split(/^|\s+/);
+}
+function Le(t) {
+  return t.classList || new wn(t);
+}
+function wn(t) {
+  this._node = t, this._names = xn(t.getAttribute("class") || "");
+}
+wn.prototype = {
+  add: function(t) {
+    var e = this._names.indexOf(t);
+    e < 0 && (this._names.push(t), this._node.setAttribute("class", this._names.join(" ")));
+  },
+  remove: function(t) {
+    var e = this._names.indexOf(t);
+    e >= 0 && (this._names.splice(e, 1), this._node.setAttribute("class", this._names.join(" ")));
+  },
+  contains: function(t) {
+    return this._names.indexOf(t) >= 0;
+  }
+};
+function vn(t, e) {
+  for (var n = Le(t), r = -1, i = e.length; ++r < i; ) n.add(e[r]);
+}
+function _n(t, e) {
+  for (var n = Le(t), r = -1, i = e.length; ++r < i; ) n.remove(e[r]);
+}
+function Or(t) {
+  return function() {
+    vn(this, t);
+  };
+}
+function Xr(t) {
+  return function() {
+    _n(this, t);
+  };
+}
+function Gr(t, e) {
+  return function() {
+    (e.apply(this, arguments) ? vn : _n)(this, t);
+  };
+}
+function Vr(t, e) {
+  var n = xn(t + "");
+  if (arguments.length < 2) {
+    for (var r = Le(this.node()), i = -1, s = n.length; ++i < s; ) if (!r.contains(n[i])) return !1;
+    return !0;
+  }
+  return this.each((typeof e == "function" ? Gr : e ? Or : Xr)(n, e));
+}
+function qr() {
+  this.textContent = "";
+}
+function Ur(t) {
+  return function() {
+    this.textContent = t;
+  };
+}
+function Zr(t) {
+  return function() {
+    var e = t.apply(this, arguments);
+    this.textContent = e ?? "";
+  };
+}
+function Kr(t) {
+  return arguments.length ? this.each(t == null ? qr : (typeof t == "function" ? Zr : Ur)(t)) : this.node().textContent;
+}
+function Qr() {
+  this.innerHTML = "";
+}
+function Jr(t) {
+  return function() {
+    this.innerHTML = t;
+  };
+}
+function jr(t) {
+  return function() {
+    var e = t.apply(this, arguments);
+    this.innerHTML = e ?? "";
+  };
+}
+function ti(t) {
+  return arguments.length ? this.each(t == null ? Qr : (typeof t == "function" ? jr : Jr)(t)) : this.node().innerHTML;
+}
+function ei() {
+  this.nextSibling && this.parentNode.appendChild(this);
+}
+function ni() {
+  return this.each(ei);
+}
+function ri() {
+  this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function ii() {
+  return this.each(ri);
+}
+function oi(t) {
+  var e = typeof t == "function" ? t : hn(t);
+  return this.select(function() {
+    return this.appendChild(e.apply(this, arguments));
+  });
+}
+function si() {
+  return null;
+}
+function ai(t, e) {
+  var n = typeof t == "function" ? t : hn(t), r = e == null ? si : typeof e == "function" ? e : De(e);
+  return this.select(function() {
+    return this.insertBefore(n.apply(this, arguments), r.apply(this, arguments) || null);
+  });
+}
+function ci() {
+  var t = this.parentNode;
+  t && t.removeChild(this);
+}
+function li() {
+  return this.each(ci);
+}
+function ui() {
+  var t = this.cloneNode(!1), e = this.parentNode;
+  return e ? e.insertBefore(t, this.nextSibling) : t;
+}
+function fi() {
+  var t = this.cloneNode(!0), e = this.parentNode;
+  return e ? e.insertBefore(t, this.nextSibling) : t;
+}
+function hi(t) {
+  return this.select(t ? fi : ui);
+}
+function di(t) {
+  return arguments.length ? this.property("__data__", t) : this.node().__data__;
+}
+function pi(t) {
+  return function(e) {
+    t.call(this, e, this.__data__);
+  };
+}
+function gi(t) {
+  return t.trim().split(/^|\s+/).map(function(e) {
+    var n = "", r = e.indexOf(".");
+    return r >= 0 && (n = e.slice(r + 1), e = e.slice(0, r)), { type: e, name: n };
+  });
+}
+function mi(t) {
+  return function() {
+    var e = this.__on;
+    if (e) {
+      for (var n = 0, r = -1, i = e.length, s; n < i; ++n)
+        s = e[n], (!t.type || s.type === t.type) && s.name === t.name ? this.removeEventListener(s.type, s.listener, s.options) : e[++r] = s;
+      ++r ? e.length = r : delete this.__on;
+    }
+  };
+}
+function yi(t, e, n) {
+  return function() {
+    var r = this.__on, i, s = pi(e);
+    if (r) {
+      for (var o = 0, c = r.length; o < c; ++o)
+        if ((i = r[o]).type === t.type && i.name === t.name) {
+          this.removeEventListener(i.type, i.listener, i.options), this.addEventListener(i.type, i.listener = s, i.options = n), i.value = e;
+          return;
+        }
+    }
+    this.addEventListener(t.type, s, n), i = { type: t.type, name: t.name, value: e, listener: s, options: n }, r ? r.push(i) : this.__on = [i];
+  };
+}
+function xi(t, e, n) {
+  var r = gi(t + ""), i, s = r.length, o;
+  if (arguments.length < 2) {
+    var c = this.node().__on;
+    if (c) {
+      for (var l = 0, a = c.length, u; l < a; ++l)
+        for (i = 0, u = c[l]; i < s; ++i)
+          if ((o = r[i]).type === u.type && o.name === u.name)
+            return u.value;
+    }
+    return;
+  }
+  for (c = e ? yi : mi, i = 0; i < s; ++i) this.each(c(r[i], e, n));
+  return this;
+}
+function bn(t, e, n) {
+  var r = yn(t), i = r.CustomEvent;
+  typeof i == "function" ? i = new i(e, n) : (i = r.document.createEvent("Event"), n ? (i.initEvent(e, n.bubbles, n.cancelable), i.detail = n.detail) : i.initEvent(e, !1, !1)), t.dispatchEvent(i);
+}
+function wi(t, e) {
+  return function() {
+    return bn(this, t, e);
+  };
+}
+function vi(t, e) {
+  return function() {
+    return bn(this, t, e.apply(this, arguments));
+  };
+}
+function _i(t, e) {
+  return this.each((typeof e == "function" ? vi : wi)(t, e));
+}
+function* bi() {
+  for (var t = this._groups, e = 0, n = t.length; e < n; ++e)
+    for (var r = t[e], i = 0, s = r.length, o; i < s; ++i)
+      (o = r[i]) && (yield o);
+}
+var En = [null];
+function ft(t, e) {
+  this._groups = t, this._parents = e;
+}
+function Qt() {
+  return new ft([[document.documentElement]], En);
+}
+function Ei() {
+  return this;
+}
+ft.prototype = Qt.prototype = {
+  constructor: ft,
+  select: Zn,
+  selectAll: jn,
+  selectChild: rr,
+  selectChildren: ar,
+  filter: cr,
+  data: pr,
+  enter: lr,
+  exit: mr,
+  join: yr,
+  merge: xr,
+  selection: Ei,
+  order: wr,
+  sort: vr,
+  call: br,
+  nodes: Er,
+  node: Nr,
+  size: $r,
+  empty: kr,
+  each: Cr,
+  attr: Yr,
+  style: Dr,
+  property: Wr,
+  classed: Vr,
+  text: Kr,
+  html: ti,
+  raise: ni,
+  lower: ii,
+  append: oi,
+  insert: ai,
+  remove: li,
+  clone: hi,
+  datum: di,
+  on: xi,
+  dispatch: _i,
+  [Symbol.iterator]: bi
+};
+function ot(t) {
+  return typeof t == "string" ? new ft([[document.querySelector(t)]], [document.documentElement]) : new ft([[t]], En);
+}
+function Ni(t) {
+  let e;
+  for (; e = t.sourceEvent; ) t = e;
+  return t;
+}
+function At(t, e) {
+  if (t = Ni(t), e === void 0 && (e = t.currentTarget), e) {
+    var n = e.ownerSVGElement || e;
+    if (n.createSVGPoint) {
+      var r = n.createSVGPoint();
+      return r.x = t.clientX, r.y = t.clientY, r = r.matrixTransform(e.getScreenCTM().inverse()), [r.x, r.y];
+    }
+    if (e.getBoundingClientRect) {
+      var i = e.getBoundingClientRect();
+      return [t.clientX - i.left - e.clientLeft, t.clientY - i.top - e.clientTop];
+    }
+  }
+  return [t.pageX, t.pageY];
+}
+const Ae = { capture: !0, passive: !1 };
+function Me(t) {
+  t.preventDefault(), t.stopImmediatePropagation();
+}
+function $i(t) {
+  var e = t.document.documentElement, n = ot(t).on("dragstart.drag", Me, Ae);
+  "onselectstart" in e ? n.on("selectstart.drag", Me, Ae) : (e.__noselect = e.style.MozUserSelect, e.style.MozUserSelect = "none");
+}
+function ki(t, e) {
+  var n = t.document.documentElement, r = ot(t).on("dragstart.drag", null);
+  e && (r.on("click.drag", Me, Ae), setTimeout(function() {
+    r.on("click.drag", null);
+  }, 0)), "onselectstart" in n ? r.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
+}
+function Fe(t, e, n) {
+  t.prototype = e.prototype = n, n.constructor = t;
+}
+function Nn(t, e) {
+  var n = Object.create(t.prototype);
+  for (var r in e) n[r] = e[r];
+  return n;
+}
+function Jt() {
+}
+var qt = 0.7, he = 1 / qt, Bt = "\\s*([+-]?\\d+)\\s*", Ut = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", yt = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", Ci = /^#([0-9a-f]{3,8})$/, Si = new RegExp(`^rgb\\(${Bt},${Bt},${Bt}\\)$`), Ai = new RegExp(`^rgb\\(${yt},${yt},${yt}\\)$`), Mi = new RegExp(`^rgba\\(${Bt},${Bt},${Bt},${Ut}\\)$`), zi = new RegExp(`^rgba\\(${yt},${yt},${yt},${Ut}\\)$`), Ii = new RegExp(`^hsl\\(${Ut},${yt},${yt}\\)$`), Pi = new RegExp(`^hsla\\(${Ut},${yt},${yt},${Ut}\\)$`), Ue = {
+  aliceblue: 15792383,
+  antiquewhite: 16444375,
+  aqua: 65535,
+  aquamarine: 8388564,
+  azure: 15794175,
+  beige: 16119260,
+  bisque: 16770244,
+  black: 0,
+  blanchedalmond: 16772045,
+  blue: 255,
+  blueviolet: 9055202,
+  brown: 10824234,
+  burlywood: 14596231,
+  cadetblue: 6266528,
+  chartreuse: 8388352,
+  chocolate: 13789470,
+  coral: 16744272,
+  cornflowerblue: 6591981,
+  cornsilk: 16775388,
+  crimson: 14423100,
+  cyan: 65535,
+  darkblue: 139,
+  darkcyan: 35723,
+  darkgoldenrod: 12092939,
+  darkgray: 11119017,
+  darkgreen: 25600,
+  darkgrey: 11119017,
+  darkkhaki: 12433259,
+  darkmagenta: 9109643,
+  darkolivegreen: 5597999,
+  darkorange: 16747520,
+  darkorchid: 10040012,
+  darkred: 9109504,
+  darksalmon: 15308410,
+  darkseagreen: 9419919,
+  darkslateblue: 4734347,
+  darkslategray: 3100495,
+  darkslategrey: 3100495,
+  darkturquoise: 52945,
+  darkviolet: 9699539,
+  deeppink: 16716947,
+  deepskyblue: 49151,
+  dimgray: 6908265,
+  dimgrey: 6908265,
+  dodgerblue: 2003199,
+  firebrick: 11674146,
+  floralwhite: 16775920,
+  forestgreen: 2263842,
+  fuchsia: 16711935,
+  gainsboro: 14474460,
+  ghostwhite: 16316671,
+  gold: 16766720,
+  goldenrod: 14329120,
+  gray: 8421504,
+  green: 32768,
+  greenyellow: 11403055,
+  grey: 8421504,
+  honeydew: 15794160,
+  hotpink: 16738740,
+  indianred: 13458524,
+  indigo: 4915330,
+  ivory: 16777200,
+  khaki: 15787660,
+  lavender: 15132410,
+  lavenderblush: 16773365,
+  lawngreen: 8190976,
+  lemonchiffon: 16775885,
+  lightblue: 11393254,
+  lightcoral: 15761536,
+  lightcyan: 14745599,
+  lightgoldenrodyellow: 16448210,
+  lightgray: 13882323,
+  lightgreen: 9498256,
+  lightgrey: 13882323,
+  lightpink: 16758465,
+  lightsalmon: 16752762,
+  lightseagreen: 2142890,
+  lightskyblue: 8900346,
+  lightslategray: 7833753,
+  lightslategrey: 7833753,
+  lightsteelblue: 11584734,
+  lightyellow: 16777184,
+  lime: 65280,
+  limegreen: 3329330,
+  linen: 16445670,
+  magenta: 16711935,
+  maroon: 8388608,
+  mediumaquamarine: 6737322,
+  mediumblue: 205,
+  mediumorchid: 12211667,
+  mediumpurple: 9662683,
+  mediumseagreen: 3978097,
+  mediumslateblue: 8087790,
+  mediumspringgreen: 64154,
+  mediumturquoise: 4772300,
+  mediumvioletred: 13047173,
+  midnightblue: 1644912,
+  mintcream: 16121850,
+  mistyrose: 16770273,
+  moccasin: 16770229,
+  navajowhite: 16768685,
+  navy: 128,
+  oldlace: 16643558,
+  olive: 8421376,
+  olivedrab: 7048739,
+  orange: 16753920,
+  orangered: 16729344,
+  orchid: 14315734,
+  palegoldenrod: 15657130,
+  palegreen: 10025880,
+  paleturquoise: 11529966,
+  palevioletred: 14381203,
+  papayawhip: 16773077,
+  peachpuff: 16767673,
+  peru: 13468991,
+  pink: 16761035,
+  plum: 14524637,
+  powderblue: 11591910,
+  purple: 8388736,
+  rebeccapurple: 6697881,
+  red: 16711680,
+  rosybrown: 12357519,
+  royalblue: 4286945,
+  saddlebrown: 9127187,
+  salmon: 16416882,
+  sandybrown: 16032864,
+  seagreen: 3050327,
+  seashell: 16774638,
+  sienna: 10506797,
+  silver: 12632256,
+  skyblue: 8900331,
+  slateblue: 6970061,
+  slategray: 7372944,
+  slategrey: 7372944,
+  snow: 16775930,
+  springgreen: 65407,
+  steelblue: 4620980,
+  tan: 13808780,
+  teal: 32896,
+  thistle: 14204888,
+  tomato: 16737095,
+  turquoise: 4251856,
+  violet: 15631086,
+  wheat: 16113331,
+  white: 16777215,
+  whitesmoke: 16119285,
+  yellow: 16776960,
+  yellowgreen: 10145074
+};
+Fe(Jt, Zt, {
+  copy(t) {
+    return Object.assign(new this.constructor(), this, t);
+  },
+  displayable() {
+    return this.rgb().displayable();
+  },
+  hex: Ze,
+  // Deprecated! Use color.formatHex.
+  formatHex: Ze,
+  formatHex8: Yi,
+  formatHsl: Ti,
+  formatRgb: Ke,
+  toString: Ke
+});
+function Ze() {
+  return this.rgb().formatHex();
+}
+function Yi() {
+  return this.rgb().formatHex8();
+}
+function Ti() {
+  return $n(this).formatHsl();
+}
+function Ke() {
+  return this.rgb().formatRgb();
+}
+function Zt(t) {
+  var e, n;
+  return t = (t + "").trim().toLowerCase(), (e = Ci.exec(t)) ? (n = e[1].length, e = parseInt(e[1], 16), n === 6 ? Qe(e) : n === 3 ? new ut(e >> 8 & 15 | e >> 4 & 240, e >> 4 & 15 | e & 240, (e & 15) << 4 | e & 15, 1) : n === 8 ? ee(e >> 24 & 255, e >> 16 & 255, e >> 8 & 255, (e & 255) / 255) : n === 4 ? ee(e >> 12 & 15 | e >> 8 & 240, e >> 8 & 15 | e >> 4 & 240, e >> 4 & 15 | e & 240, ((e & 15) << 4 | e & 15) / 255) : null) : (e = Si.exec(t)) ? new ut(e[1], e[2], e[3], 1) : (e = Ai.exec(t)) ? new ut(e[1] * 255 / 100, e[2] * 255 / 100, e[3] * 255 / 100, 1) : (e = Mi.exec(t)) ? ee(e[1], e[2], e[3], e[4]) : (e = zi.exec(t)) ? ee(e[1] * 255 / 100, e[2] * 255 / 100, e[3] * 255 / 100, e[4]) : (e = Ii.exec(t)) ? tn(e[1], e[2] / 100, e[3] / 100, 1) : (e = Pi.exec(t)) ? tn(e[1], e[2] / 100, e[3] / 100, e[4]) : Ue.hasOwnProperty(t) ? Qe(Ue[t]) : t === "transparent" ? new ut(NaN, NaN, NaN, 0) : null;
+}
+function Qe(t) {
+  return new ut(t >> 16 & 255, t >> 8 & 255, t & 255, 1);
+}
+function ee(t, e, n, r) {
+  return r <= 0 && (t = e = n = NaN), new ut(t, e, n, r);
+}
+function Bi(t) {
+  return t instanceof Jt || (t = Zt(t)), t ? (t = t.rgb(), new ut(t.r, t.g, t.b, t.opacity)) : new ut();
+}
+function ze(t, e, n, r) {
+  return arguments.length === 1 ? Bi(t) : new ut(t, e, n, r ?? 1);
+}
+function ut(t, e, n, r) {
+  this.r = +t, this.g = +e, this.b = +n, this.opacity = +r;
+}
+Fe(ut, ze, Nn(Jt, {
+  brighter(t) {
+    return t = t == null ? he : Math.pow(he, t), new ut(this.r * t, this.g * t, this.b * t, this.opacity);
+  },
+  darker(t) {
+    return t = t == null ? qt : Math.pow(qt, t), new ut(this.r * t, this.g * t, this.b * t, this.opacity);
+  },
+  rgb() {
+    return this;
+  },
+  clamp() {
+    return new ut(It(this.r), It(this.g), It(this.b), de(this.opacity));
+  },
+  displayable() {
+    return -0.5 <= this.r && this.r < 255.5 && -0.5 <= this.g && this.g < 255.5 && -0.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
+  },
+  hex: Je,
+  // Deprecated! Use color.formatHex.
+  formatHex: Je,
+  formatHex8: Ri,
+  formatRgb: je,
+  toString: je
+}));
+function Je() {
+  return `#${zt(this.r)}${zt(this.g)}${zt(this.b)}`;
+}
+function Ri() {
+  return `#${zt(this.r)}${zt(this.g)}${zt(this.b)}${zt((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+}
+function je() {
+  const t = de(this.opacity);
+  return `${t === 1 ? "rgb(" : "rgba("}${It(this.r)}, ${It(this.g)}, ${It(this.b)}${t === 1 ? ")" : `, ${t})`}`;
+}
+function de(t) {
+  return isNaN(t) ? 1 : Math.max(0, Math.min(1, t));
+}
+function It(t) {
+  return Math.max(0, Math.min(255, Math.round(t) || 0));
+}
+function zt(t) {
+  return t = It(t), (t < 16 ? "0" : "") + t.toString(16);
+}
+function tn(t, e, n, r) {
+  return r <= 0 ? t = e = n = NaN : n <= 0 || n >= 1 ? t = e = NaN : e <= 0 && (t = NaN), new dt(t, e, n, r);
+}
+function $n(t) {
+  if (t instanceof dt) return new dt(t.h, t.s, t.l, t.opacity);
+  if (t instanceof Jt || (t = Zt(t)), !t) return new dt();
+  if (t instanceof dt) return t;
+  t = t.rgb();
+  var e = t.r / 255, n = t.g / 255, r = t.b / 255, i = Math.min(e, n, r), s = Math.max(e, n, r), o = NaN, c = s - i, l = (s + i) / 2;
+  return c ? (e === s ? o = (n - r) / c + (n < r) * 6 : n === s ? o = (r - e) / c + 2 : o = (e - n) / c + 4, c /= l < 0.5 ? s + i : 2 - s - i, o *= 60) : c = l > 0 && l < 1 ? 0 : o, new dt(o, c, l, t.opacity);
+}
+function Di(t, e, n, r) {
+  return arguments.length === 1 ? $n(t) : new dt(t, e, n, r ?? 1);
+}
+function dt(t, e, n, r) {
+  this.h = +t, this.s = +e, this.l = +n, this.opacity = +r;
+}
+Fe(dt, Di, Nn(Jt, {
+  brighter(t) {
+    return t = t == null ? he : Math.pow(he, t), new dt(this.h, this.s, this.l * t, this.opacity);
+  },
+  darker(t) {
+    return t = t == null ? qt : Math.pow(qt, t), new dt(this.h, this.s, this.l * t, this.opacity);
+  },
+  rgb() {
+    var t = this.h % 360 + (this.h < 0) * 360, e = isNaN(t) || isNaN(this.s) ? 0 : this.s, n = this.l, r = n + (n < 0.5 ? n : 1 - n) * e, i = 2 * n - r;
+    return new ut(
+      Ee(t >= 240 ? t - 240 : t + 120, i, r),
+      Ee(t, i, r),
+      Ee(t < 120 ? t + 240 : t - 120, i, r),
+      this.opacity
+    );
+  },
+  clamp() {
+    return new dt(en(this.h), ne(this.s), ne(this.l), de(this.opacity));
+  },
+  displayable() {
+    return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
+  },
+  formatHsl() {
+    const t = de(this.opacity);
+    return `${t === 1 ? "hsl(" : "hsla("}${en(this.h)}, ${ne(this.s) * 100}%, ${ne(this.l) * 100}%${t === 1 ? ")" : `, ${t})`}`;
+  }
+}));
+function en(t) {
+  return t = (t || 0) % 360, t < 0 ? t + 360 : t;
+}
+function ne(t) {
+  return Math.max(0, Math.min(1, t || 0));
+}
+function Ee(t, e, n) {
+  return (t < 60 ? e + (n - e) * t / 60 : t < 180 ? n : t < 240 ? e + (n - e) * (240 - t) / 60 : e) * 255;
+}
+const kn = (t) => () => t;
+function Li(t, e) {
+  return function(n) {
+    return t + n * e;
+  };
+}
+function Fi(t, e, n) {
+  return t = Math.pow(t, n), e = Math.pow(e, n) - t, n = 1 / n, function(r) {
+    return Math.pow(t + r * e, n);
+  };
+}
+function Hi(t) {
+  return (t = +t) == 1 ? Cn : function(e, n) {
+    return n - e ? Fi(e, n, t) : kn(isNaN(e) ? n : e);
+  };
+}
+function Cn(t, e) {
+  var n = e - t;
+  return n ? Li(t, n) : kn(isNaN(t) ? e : t);
+}
+const nn = (function t(e) {
+  var n = Hi(e);
+  function r(i, s) {
+    var o = n((i = ze(i)).r, (s = ze(s)).r), c = n(i.g, s.g), l = n(i.b, s.b), a = Cn(i.opacity, s.opacity);
+    return function(u) {
+      return i.r = o(u), i.g = c(u), i.b = l(u), i.opacity = a(u), i + "";
+    };
+  }
+  return r.gamma = t, r;
+})(1);
+function bt(t, e) {
+  return t = +t, e = +e, function(n) {
+    return t * (1 - n) + e * n;
+  };
+}
+var Ie = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, Ne = new RegExp(Ie.source, "g");
+function Wi(t) {
+  return function() {
+    return t;
+  };
+}
+function Oi(t) {
+  return function(e) {
+    return t(e) + "";
+  };
+}
+function Xi(t, e) {
+  var n = Ie.lastIndex = Ne.lastIndex = 0, r, i, s, o = -1, c = [], l = [];
+  for (t = t + "", e = e + ""; (r = Ie.exec(t)) && (i = Ne.exec(e)); )
+    (s = i.index) > n && (s = e.slice(n, s), c[o] ? c[o] += s : c[++o] = s), (r = r[0]) === (i = i[0]) ? c[o] ? c[o] += i : c[++o] = i : (c[++o] = null, l.push({ i: o, x: bt(r, i) })), n = Ne.lastIndex;
+  return n < e.length && (s = e.slice(n), c[o] ? c[o] += s : c[++o] = s), c.length < 2 ? l[0] ? Oi(l[0].x) : Wi(e) : (e = l.length, function(a) {
+    for (var u = 0, d; u < e; ++u) c[(d = l[u]).i] = d.x(a);
+    return c.join("");
+  });
+}
+var rn = 180 / Math.PI, Pe = {
+  translateX: 0,
+  translateY: 0,
+  rotate: 0,
+  skewX: 0,
+  scaleX: 1,
+  scaleY: 1
+};
+function Sn(t, e, n, r, i, s) {
+  var o, c, l;
+  return (o = Math.sqrt(t * t + e * e)) && (t /= o, e /= o), (l = t * n + e * r) && (n -= t * l, r -= e * l), (c = Math.sqrt(n * n + r * r)) && (n /= c, r /= c, l /= c), t * r < e * n && (t = -t, e = -e, l = -l, o = -o), {
+    translateX: i,
+    translateY: s,
+    rotate: Math.atan2(e, t) * rn,
+    skewX: Math.atan(l) * rn,
+    scaleX: o,
+    scaleY: c
+  };
+}
+var re;
+function Gi(t) {
+  const e = new (typeof DOMMatrix == "function" ? DOMMatrix : WebKitCSSMatrix)(t + "");
+  return e.isIdentity ? Pe : Sn(e.a, e.b, e.c, e.d, e.e, e.f);
+}
+function Vi(t) {
+  return t == null || (re || (re = document.createElementNS("http://www.w3.org/2000/svg", "g")), re.setAttribute("transform", t), !(t = re.transform.baseVal.consolidate())) ? Pe : (t = t.matrix, Sn(t.a, t.b, t.c, t.d, t.e, t.f));
+}
+function An(t, e, n, r) {
+  function i(a) {
+    return a.length ? a.pop() + " " : "";
+  }
+  function s(a, u, d, g, x, N) {
+    if (a !== d || u !== g) {
+      var S = x.push("translate(", null, e, null, n);
+      N.push({ i: S - 4, x: bt(a, d) }, { i: S - 2, x: bt(u, g) });
+    } else (d || g) && x.push("translate(" + d + e + g + n);
+  }
+  function o(a, u, d, g) {
+    a !== u ? (a - u > 180 ? u += 360 : u - a > 180 && (a += 360), g.push({ i: d.push(i(d) + "rotate(", null, r) - 2, x: bt(a, u) })) : u && d.push(i(d) + "rotate(" + u + r);
+  }
+  function c(a, u, d, g) {
+    a !== u ? g.push({ i: d.push(i(d) + "skewX(", null, r) - 2, x: bt(a, u) }) : u && d.push(i(d) + "skewX(" + u + r);
+  }
+  function l(a, u, d, g, x, N) {
+    if (a !== d || u !== g) {
+      var S = x.push(i(x) + "scale(", null, ",", null, ")");
+      N.push({ i: S - 4, x: bt(a, d) }, { i: S - 2, x: bt(u, g) });
+    } else (d !== 1 || g !== 1) && x.push(i(x) + "scale(" + d + "," + g + ")");
+  }
+  return function(a, u) {
+    var d = [], g = [];
+    return a = t(a), u = t(u), s(a.translateX, a.translateY, u.translateX, u.translateY, d, g), o(a.rotate, u.rotate, d, g), c(a.skewX, u.skewX, d, g), l(a.scaleX, a.scaleY, u.scaleX, u.scaleY, d, g), a = u = null, function(x) {
+      for (var N = -1, S = g.length, Y; ++N < S; ) d[(Y = g[N]).i] = Y.x(x);
+      return d.join("");
+    };
+  };
+}
+var qi = An(Gi, "px, ", "px)", "deg)"), Ui = An(Vi, ", ", ")", ")"), Zi = 1e-12;
+function on(t) {
+  return ((t = Math.exp(t)) + 1 / t) / 2;
+}
+function Ki(t) {
+  return ((t = Math.exp(t)) - 1 / t) / 2;
+}
+function Qi(t) {
+  return ((t = Math.exp(2 * t)) - 1) / (t + 1);
+}
+const Ji = (function t(e, n, r) {
+  function i(s, o) {
+    var c = s[0], l = s[1], a = s[2], u = o[0], d = o[1], g = o[2], x = u - c, N = d - l, S = x * x + N * N, Y, $;
+    if (S < Zi)
+      $ = Math.log(g / a) / e, Y = function(et) {
+        return [
+          c + et * x,
+          l + et * N,
+          a * Math.exp(e * et * $)
+        ];
+      };
+    else {
+      var K = Math.sqrt(S), O = (g * g - a * a + r * S) / (2 * a * n * K), Q = (g * g - a * a - r * S) / (2 * g * n * K), G = Math.log(Math.sqrt(O * O + 1) - O), F = Math.log(Math.sqrt(Q * Q + 1) - Q);
+      $ = (F - G) / e, Y = function(et) {
+        var z = et * $, B = on(G), H = a / (n * K) * (B * Qi(e * z + G) - Ki(G));
+        return [
+          c + H * x,
+          l + H * N,
+          a * B / on(e * z + G)
+        ];
+      };
+    }
+    return Y.duration = $ * 1e3 * e / Math.SQRT2, Y;
+  }
+  return i.rho = function(s) {
+    var o = Math.max(1e-3, +s), c = o * o, l = c * c;
+    return t(o, c, l);
+  }, i;
+})(Math.SQRT2, 2, 4);
+var Dt = 0, Xt = 0, Wt = 0, Mn = 1e3, pe, Gt, ge = 0, Pt = 0, xe = 0, Kt = typeof performance == "object" && performance.now ? performance : Date, zn = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(t) {
+  setTimeout(t, 17);
+};
+function He() {
+  return Pt || (zn(ji), Pt = Kt.now() + xe);
+}
+function ji() {
+  Pt = 0;
+}
+function me() {
+  this._call = this._time = this._next = null;
+}
+me.prototype = In.prototype = {
+  constructor: me,
+  restart: function(t, e, n) {
+    if (typeof t != "function") throw new TypeError("callback is not a function");
+    n = (n == null ? He() : +n) + (e == null ? 0 : +e), !this._next && Gt !== this && (Gt ? Gt._next = this : pe = this, Gt = this), this._call = t, this._time = n, Ye();
+  },
+  stop: function() {
+    this._call && (this._call = null, this._time = 1 / 0, Ye());
+  }
+};
+function In(t, e, n) {
+  var r = new me();
+  return r.restart(t, e, n), r;
+}
+function to() {
+  He(), ++Dt;
+  for (var t = pe, e; t; )
+    (e = Pt - t._time) >= 0 && t._call.call(void 0, e), t = t._next;
+  --Dt;
+}
+function sn() {
+  Pt = (ge = Kt.now()) + xe, Dt = Xt = 0;
+  try {
+    to();
+  } finally {
+    Dt = 0, no(), Pt = 0;
+  }
+}
+function eo() {
+  var t = Kt.now(), e = t - ge;
+  e > Mn && (xe -= e, ge = t);
+}
+function no() {
+  for (var t, e = pe, n, r = 1 / 0; e; )
+    e._call ? (r > e._time && (r = e._time), t = e, e = e._next) : (n = e._next, e._next = null, e = t ? t._next = n : pe = n);
+  Gt = t, Ye(r);
+}
+function Ye(t) {
+  if (!Dt) {
+    Xt && (Xt = clearTimeout(Xt));
+    var e = t - Pt;
+    e > 24 ? (t < 1 / 0 && (Xt = setTimeout(sn, t - Kt.now() - xe)), Wt && (Wt = clearInterval(Wt))) : (Wt || (ge = Kt.now(), Wt = setInterval(eo, Mn)), Dt = 1, zn(sn));
+  }
+}
+function an(t, e, n) {
+  var r = new me();
+  return e = e == null ? 0 : +e, r.restart((i) => {
+    r.stop(), t(i + e);
+  }, e, n), r;
+}
+var ro = Re("start", "end", "cancel", "interrupt"), io = [], Pn = 0, cn = 1, Te = 2, ae = 3, ln = 4, Be = 5, ce = 6;
+function we(t, e, n, r, i, s) {
+  var o = t.__transition;
+  if (!o) t.__transition = {};
+  else if (n in o) return;
+  oo(t, n, {
+    name: e,
+    index: r,
+    // For context during callback.
+    group: i,
+    // For context during callback.
+    on: ro,
+    tween: io,
+    time: s.time,
+    delay: s.delay,
+    duration: s.duration,
+    ease: s.ease,
+    timer: null,
+    state: Pn
+  });
+}
+function We(t, e) {
+  var n = pt(t, e);
+  if (n.state > Pn) throw new Error("too late; already scheduled");
+  return n;
+}
+function xt(t, e) {
+  var n = pt(t, e);
+  if (n.state > ae) throw new Error("too late; already running");
+  return n;
+}
+function pt(t, e) {
+  var n = t.__transition;
+  if (!n || !(n = n[e])) throw new Error("transition not found");
+  return n;
+}
+function oo(t, e, n) {
+  var r = t.__transition, i;
+  r[e] = n, n.timer = In(s, 0, n.time);
+  function s(a) {
+    n.state = cn, n.timer.restart(o, n.delay, n.time), n.delay <= a && o(a - n.delay);
+  }
+  function o(a) {
+    var u, d, g, x;
+    if (n.state !== cn) return l();
+    for (u in r)
+      if (x = r[u], x.name === n.name) {
+        if (x.state === ae) return an(o);
+        x.state === ln ? (x.state = ce, x.timer.stop(), x.on.call("interrupt", t, t.__data__, x.index, x.group), delete r[u]) : +u < e && (x.state = ce, x.timer.stop(), x.on.call("cancel", t, t.__data__, x.index, x.group), delete r[u]);
+      }
+    if (an(function() {
+      n.state === ae && (n.state = ln, n.timer.restart(c, n.delay, n.time), c(a));
+    }), n.state = Te, n.on.call("start", t, t.__data__, n.index, n.group), n.state === Te) {
+      for (n.state = ae, i = new Array(g = n.tween.length), u = 0, d = -1; u < g; ++u)
+        (x = n.tween[u].value.call(t, t.__data__, n.index, n.group)) && (i[++d] = x);
+      i.length = d + 1;
+    }
+  }
+  function c(a) {
+    for (var u = a < n.duration ? n.ease.call(null, a / n.duration) : (n.timer.restart(l), n.state = Be, 1), d = -1, g = i.length; ++d < g; )
+      i[d].call(t, u);
+    n.state === Be && (n.on.call("end", t, t.__data__, n.index, n.group), l());
+  }
+  function l() {
+    n.state = ce, n.timer.stop(), delete r[e];
+    for (var a in r) return;
+    delete t.__transition;
+  }
+}
+function le(t, e) {
+  var n = t.__transition, r, i, s = !0, o;
+  if (n) {
+    e = e == null ? null : e + "";
+    for (o in n) {
+      if ((r = n[o]).name !== e) {
+        s = !1;
+        continue;
+      }
+      i = r.state > Te && r.state < Be, r.state = ce, r.timer.stop(), r.on.call(i ? "interrupt" : "cancel", t, t.__data__, r.index, r.group), delete n[o];
+    }
+    s && delete t.__transition;
+  }
+}
+function so(t) {
+  return this.each(function() {
+    le(this, t);
+  });
+}
+function ao(t, e) {
+  var n, r;
+  return function() {
+    var i = xt(this, t), s = i.tween;
+    if (s !== n) {
+      r = n = s;
+      for (var o = 0, c = r.length; o < c; ++o)
+        if (r[o].name === e) {
+          r = r.slice(), r.splice(o, 1);
+          break;
+        }
+    }
+    i.tween = r;
+  };
+}
+function co(t, e, n) {
+  var r, i;
+  if (typeof n != "function") throw new Error();
+  return function() {
+    var s = xt(this, t), o = s.tween;
+    if (o !== r) {
+      i = (r = o).slice();
+      for (var c = { name: e, value: n }, l = 0, a = i.length; l < a; ++l)
+        if (i[l].name === e) {
+          i[l] = c;
+          break;
+        }
+      l === a && i.push(c);
+    }
+    s.tween = i;
+  };
+}
+function lo(t, e) {
+  var n = this._id;
+  if (t += "", arguments.length < 2) {
+    for (var r = pt(this.node(), n).tween, i = 0, s = r.length, o; i < s; ++i)
+      if ((o = r[i]).name === t)
+        return o.value;
+    return null;
+  }
+  return this.each((e == null ? ao : co)(n, t, e));
+}
+function Oe(t, e, n) {
+  var r = t._id;
+  return t.each(function() {
+    var i = xt(this, r);
+    (i.value || (i.value = {}))[e] = n.apply(this, arguments);
+  }), function(i) {
+    return pt(i, r).value[e];
+  };
+}
+function Yn(t, e) {
+  var n;
+  return (typeof e == "number" ? bt : e instanceof Zt ? nn : (n = Zt(e)) ? (e = n, nn) : Xi)(t, e);
+}
+function uo(t) {
+  return function() {
+    this.removeAttribute(t);
+  };
+}
+function fo(t) {
+  return function() {
+    this.removeAttributeNS(t.space, t.local);
+  };
+}
+function ho(t, e, n) {
+  var r, i = n + "", s;
+  return function() {
+    var o = this.getAttribute(t);
+    return o === i ? null : o === r ? s : s = e(r = o, n);
+  };
+}
+function po(t, e, n) {
+  var r, i = n + "", s;
+  return function() {
+    var o = this.getAttributeNS(t.space, t.local);
+    return o === i ? null : o === r ? s : s = e(r = o, n);
+  };
+}
+function go(t, e, n) {
+  var r, i, s;
+  return function() {
+    var o, c = n(this), l;
+    return c == null ? void this.removeAttribute(t) : (o = this.getAttribute(t), l = c + "", o === l ? null : o === r && l === i ? s : (i = l, s = e(r = o, c)));
+  };
+}
+function mo(t, e, n) {
+  var r, i, s;
+  return function() {
+    var o, c = n(this), l;
+    return c == null ? void this.removeAttributeNS(t.space, t.local) : (o = this.getAttributeNS(t.space, t.local), l = c + "", o === l ? null : o === r && l === i ? s : (i = l, s = e(r = o, c)));
+  };
+}
+function yo(t, e) {
+  var n = ye(t), r = n === "transform" ? Ui : Yn;
+  return this.attrTween(t, typeof e == "function" ? (n.local ? mo : go)(n, r, Oe(this, "attr." + t, e)) : e == null ? (n.local ? fo : uo)(n) : (n.local ? po : ho)(n, r, e));
+}
+function xo(t, e) {
+  return function(n) {
+    this.setAttribute(t, e.call(this, n));
+  };
+}
+function wo(t, e) {
+  return function(n) {
+    this.setAttributeNS(t.space, t.local, e.call(this, n));
+  };
+}
+function vo(t, e) {
+  var n, r;
+  function i() {
+    var s = e.apply(this, arguments);
+    return s !== r && (n = (r = s) && wo(t, s)), n;
+  }
+  return i._value = e, i;
+}
+function _o(t, e) {
+  var n, r;
+  function i() {
+    var s = e.apply(this, arguments);
+    return s !== r && (n = (r = s) && xo(t, s)), n;
+  }
+  return i._value = e, i;
+}
+function bo(t, e) {
+  var n = "attr." + t;
+  if (arguments.length < 2) return (n = this.tween(n)) && n._value;
+  if (e == null) return this.tween(n, null);
+  if (typeof e != "function") throw new Error();
+  var r = ye(t);
+  return this.tween(n, (r.local ? vo : _o)(r, e));
+}
+function Eo(t, e) {
+  return function() {
+    We(this, t).delay = +e.apply(this, arguments);
+  };
+}
+function No(t, e) {
+  return e = +e, function() {
+    We(this, t).delay = e;
+  };
+}
+function $o(t) {
+  var e = this._id;
+  return arguments.length ? this.each((typeof t == "function" ? Eo : No)(e, t)) : pt(this.node(), e).delay;
+}
+function ko(t, e) {
+  return function() {
+    xt(this, t).duration = +e.apply(this, arguments);
+  };
+}
+function Co(t, e) {
+  return e = +e, function() {
+    xt(this, t).duration = e;
+  };
+}
+function So(t) {
+  var e = this._id;
+  return arguments.length ? this.each((typeof t == "function" ? ko : Co)(e, t)) : pt(this.node(), e).duration;
+}
+function Ao(t, e) {
+  if (typeof e != "function") throw new Error();
+  return function() {
+    xt(this, t).ease = e;
+  };
+}
+function Mo(t) {
+  var e = this._id;
+  return arguments.length ? this.each(Ao(e, t)) : pt(this.node(), e).ease;
+}
+function zo(t, e) {
+  return function() {
+    var n = e.apply(this, arguments);
+    if (typeof n != "function") throw new Error();
+    xt(this, t).ease = n;
+  };
+}
+function Io(t) {
+  if (typeof t != "function") throw new Error();
+  return this.each(zo(this._id, t));
+}
+function Po(t) {
+  typeof t != "function" && (t = pn(t));
+  for (var e = this._groups, n = e.length, r = new Array(n), i = 0; i < n; ++i)
+    for (var s = e[i], o = s.length, c = r[i] = [], l, a = 0; a < o; ++a)
+      (l = s[a]) && t.call(l, l.__data__, a, s) && c.push(l);
+  return new _t(r, this._parents, this._name, this._id);
+}
+function Yo(t) {
+  if (t._id !== this._id) throw new Error();
+  for (var e = this._groups, n = t._groups, r = e.length, i = n.length, s = Math.min(r, i), o = new Array(r), c = 0; c < s; ++c)
+    for (var l = e[c], a = n[c], u = l.length, d = o[c] = new Array(u), g, x = 0; x < u; ++x)
+      (g = l[x] || a[x]) && (d[x] = g);
+  for (; c < r; ++c)
+    o[c] = e[c];
+  return new _t(o, this._parents, this._name, this._id);
+}
+function To(t) {
+  return (t + "").trim().split(/^|\s+/).every(function(e) {
+    var n = e.indexOf(".");
+    return n >= 0 && (e = e.slice(0, n)), !e || e === "start";
+  });
+}
+function Bo(t, e, n) {
+  var r, i, s = To(e) ? We : xt;
+  return function() {
+    var o = s(this, t), c = o.on;
+    c !== r && (i = (r = c).copy()).on(e, n), o.on = i;
+  };
+}
+function Ro(t, e) {
+  var n = this._id;
+  return arguments.length < 2 ? pt(this.node(), n).on.on(t) : this.each(Bo(n, t, e));
+}
+function Do(t) {
+  return function() {
+    var e = this.parentNode;
+    for (var n in this.__transition) if (+n !== t) return;
+    e && e.removeChild(this);
+  };
+}
+function Lo() {
+  return this.on("end.remove", Do(this._id));
+}
+function Fo(t) {
+  var e = this._name, n = this._id;
+  typeof t != "function" && (t = De(t));
+  for (var r = this._groups, i = r.length, s = new Array(i), o = 0; o < i; ++o)
+    for (var c = r[o], l = c.length, a = s[o] = new Array(l), u, d, g = 0; g < l; ++g)
+      (u = c[g]) && (d = t.call(u, u.__data__, g, c)) && ("__data__" in u && (d.__data__ = u.__data__), a[g] = d, we(a[g], e, n, g, a, pt(u, n)));
+  return new _t(s, this._parents, e, n);
+}
+function Ho(t) {
+  var e = this._name, n = this._id;
+  typeof t != "function" && (t = dn(t));
+  for (var r = this._groups, i = r.length, s = [], o = [], c = 0; c < i; ++c)
+    for (var l = r[c], a = l.length, u, d = 0; d < a; ++d)
+      if (u = l[d]) {
+        for (var g = t.call(u, u.__data__, d, l), x, N = pt(u, n), S = 0, Y = g.length; S < Y; ++S)
+          (x = g[S]) && we(x, e, n, S, g, N);
+        s.push(g), o.push(u);
+      }
+  return new _t(s, o, e, n);
+}
+var Wo = Qt.prototype.constructor;
+function Oo() {
+  return new Wo(this._groups, this._parents);
+}
+function Xo(t, e) {
+  var n, r, i;
+  return function() {
+    var s = Rt(this, t), o = (this.style.removeProperty(t), Rt(this, t));
+    return s === o ? null : s === n && o === r ? i : i = e(n = s, r = o);
+  };
+}
+function Tn(t) {
+  return function() {
+    this.style.removeProperty(t);
+  };
+}
+function Go(t, e, n) {
+  var r, i = n + "", s;
+  return function() {
+    var o = Rt(this, t);
+    return o === i ? null : o === r ? s : s = e(r = o, n);
+  };
+}
+function Vo(t, e, n) {
+  var r, i, s;
+  return function() {
+    var o = Rt(this, t), c = n(this), l = c + "";
+    return c == null && (l = c = (this.style.removeProperty(t), Rt(this, t))), o === l ? null : o === r && l === i ? s : (i = l, s = e(r = o, c));
+  };
+}
+function qo(t, e) {
+  var n, r, i, s = "style." + e, o = "end." + s, c;
+  return function() {
+    var l = xt(this, t), a = l.on, u = l.value[s] == null ? c || (c = Tn(e)) : void 0;
+    (a !== n || i !== u) && (r = (n = a).copy()).on(o, i = u), l.on = r;
+  };
+}
+function Uo(t, e, n) {
+  var r = (t += "") == "transform" ? qi : Yn;
+  return e == null ? this.styleTween(t, Xo(t, r)).on("end.style." + t, Tn(t)) : typeof e == "function" ? this.styleTween(t, Vo(t, r, Oe(this, "style." + t, e))).each(qo(this._id, t)) : this.styleTween(t, Go(t, r, e), n).on("end.style." + t, null);
+}
+function Zo(t, e, n) {
+  return function(r) {
+    this.style.setProperty(t, e.call(this, r), n);
+  };
+}
+function Ko(t, e, n) {
+  var r, i;
+  function s() {
+    var o = e.apply(this, arguments);
+    return o !== i && (r = (i = o) && Zo(t, o, n)), r;
+  }
+  return s._value = e, s;
+}
+function Qo(t, e, n) {
+  var r = "style." + (t += "");
+  if (arguments.length < 2) return (r = this.tween(r)) && r._value;
+  if (e == null) return this.tween(r, null);
+  if (typeof e != "function") throw new Error();
+  return this.tween(r, Ko(t, e, n ?? ""));
+}
+function Jo(t) {
+  return function() {
+    this.textContent = t;
+  };
+}
+function jo(t) {
+  return function() {
+    var e = t(this);
+    this.textContent = e ?? "";
+  };
+}
+function ts(t) {
+  return this.tween("text", typeof t == "function" ? jo(Oe(this, "text", t)) : Jo(t == null ? "" : t + ""));
+}
+function es(t) {
+  return function(e) {
+    this.textContent = t.call(this, e);
+  };
+}
+function ns(t) {
+  var e, n;
+  function r() {
+    var i = t.apply(this, arguments);
+    return i !== n && (e = (n = i) && es(i)), e;
+  }
+  return r._value = t, r;
+}
+function rs(t) {
+  var e = "text";
+  if (arguments.length < 1) return (e = this.tween(e)) && e._value;
+  if (t == null) return this.tween(e, null);
+  if (typeof t != "function") throw new Error();
+  return this.tween(e, ns(t));
+}
+function is() {
+  for (var t = this._name, e = this._id, n = Bn(), r = this._groups, i = r.length, s = 0; s < i; ++s)
+    for (var o = r[s], c = o.length, l, a = 0; a < c; ++a)
+      if (l = o[a]) {
+        var u = pt(l, e);
+        we(l, t, n, a, o, {
+          time: u.time + u.delay + u.duration,
+          delay: 0,
+          duration: u.duration,
+          ease: u.ease
+        });
+      }
+  return new _t(r, this._parents, t, n);
+}
+function os() {
+  var t, e, n = this, r = n._id, i = n.size();
+  return new Promise(function(s, o) {
+    var c = { value: o }, l = { value: function() {
+      --i === 0 && s();
+    } };
+    n.each(function() {
+      var a = xt(this, r), u = a.on;
+      u !== t && (e = (t = u).copy(), e._.cancel.push(c), e._.interrupt.push(c), e._.end.push(l)), a.on = e;
+    }), i === 0 && s();
+  });
+}
+var ss = 0;
+function _t(t, e, n, r) {
+  this._groups = t, this._parents = e, this._name = n, this._id = r;
+}
+function Bn() {
+  return ++ss;
+}
+var wt = Qt.prototype;
+_t.prototype = {
+  constructor: _t,
+  select: Fo,
+  selectAll: Ho,
+  selectChild: wt.selectChild,
+  selectChildren: wt.selectChildren,
+  filter: Po,
+  merge: Yo,
+  selection: Oo,
+  transition: is,
+  call: wt.call,
+  nodes: wt.nodes,
+  node: wt.node,
+  size: wt.size,
+  empty: wt.empty,
+  each: wt.each,
+  on: Ro,
+  attr: yo,
+  attrTween: bo,
+  style: Uo,
+  styleTween: Qo,
+  text: ts,
+  textTween: rs,
+  remove: Lo,
+  tween: lo,
+  delay: $o,
+  duration: So,
+  ease: Mo,
+  easeVarying: Io,
+  end: os,
+  [Symbol.iterator]: wt[Symbol.iterator]
+};
+function as(t) {
+  return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
+}
+var cs = {
+  time: null,
+  // Set on use.
+  delay: 0,
+  duration: 250,
+  ease: as
+};
+function ls(t, e) {
+  for (var n; !(n = t.__transition) || !(n = n[e]); )
+    if (!(t = t.parentNode))
+      throw new Error(`transition ${e} not found`);
+  return n;
+}
+function us(t) {
+  var e, n;
+  t instanceof _t ? (e = t._id, t = t._name) : (e = Bn(), (n = cs).time = He(), t = t == null ? null : t + "");
+  for (var r = this._groups, i = r.length, s = 0; s < i; ++s)
+    for (var o = r[s], c = o.length, l, a = 0; a < c; ++a)
+      (l = o[a]) && we(l, t, e, a, o, n || ls(l, e));
+  return new _t(r, this._parents, t, e);
+}
+Qt.prototype.interrupt = so;
+Qt.prototype.transition = us;
+const ie = (t) => () => t;
+function fs(t, {
+  sourceEvent: e,
+  target: n,
+  transform: r,
+  dispatch: i
+}) {
+  Object.defineProperties(this, {
+    type: { value: t, enumerable: !0, configurable: !0 },
+    sourceEvent: { value: e, enumerable: !0, configurable: !0 },
+    target: { value: n, enumerable: !0, configurable: !0 },
+    transform: { value: r, enumerable: !0, configurable: !0 },
+    _: { value: i }
+  });
+}
+function vt(t, e, n) {
+  this.k = t, this.x = e, this.y = n;
+}
+vt.prototype = {
+  constructor: vt,
+  scale: function(t) {
+    return t === 1 ? this : new vt(this.k * t, this.x, this.y);
+  },
+  translate: function(t, e) {
+    return t === 0 & e === 0 ? this : new vt(this.k, this.x + this.k * t, this.y + this.k * e);
+  },
+  apply: function(t) {
+    return [t[0] * this.k + this.x, t[1] * this.k + this.y];
+  },
+  applyX: function(t) {
+    return t * this.k + this.x;
+  },
+  applyY: function(t) {
+    return t * this.k + this.y;
+  },
+  invert: function(t) {
+    return [(t[0] - this.x) / this.k, (t[1] - this.y) / this.k];
+  },
+  invertX: function(t) {
+    return (t - this.x) / this.k;
+  },
+  invertY: function(t) {
+    return (t - this.y) / this.k;
+  },
+  rescaleX: function(t) {
+    return t.copy().domain(t.range().map(this.invertX, this).map(t.invert, t));
+  },
+  rescaleY: function(t) {
+    return t.copy().domain(t.range().map(this.invertY, this).map(t.invert, t));
+  },
+  toString: function() {
+    return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
+  }
+};
+var Nt = new vt(1, 0, 0);
+Vt.prototype = vt.prototype;
+function Vt(t) {
+  for (; !t.__zoom; ) if (!(t = t.parentNode)) return Nt;
+  return t.__zoom;
+}
+function $e(t) {
+  t.stopImmediatePropagation();
+}
+function Ot(t) {
+  t.preventDefault(), t.stopImmediatePropagation();
+}
+function hs(t) {
+  return (!t.ctrlKey || t.type === "wheel") && !t.button;
+}
+function ds() {
+  var t = this;
+  return t instanceof SVGElement ? (t = t.ownerSVGElement || t, t.hasAttribute("viewBox") ? (t = t.viewBox.baseVal, [[t.x, t.y], [t.x + t.width, t.y + t.height]]) : [[0, 0], [t.width.baseVal.value, t.height.baseVal.value]]) : [[0, 0], [t.clientWidth, t.clientHeight]];
+}
+function un() {
+  return this.__zoom || Nt;
+}
+function ps(t) {
+  return -t.deltaY * (t.deltaMode === 1 ? 0.05 : t.deltaMode ? 1 : 2e-3) * (t.ctrlKey ? 10 : 1);
+}
+function gs() {
+  return navigator.maxTouchPoints || "ontouchstart" in this;
+}
+function ms(t, e, n) {
+  var r = t.invertX(e[0][0]) - n[0][0], i = t.invertX(e[1][0]) - n[1][0], s = t.invertY(e[0][1]) - n[0][1], o = t.invertY(e[1][1]) - n[1][1];
+  return t.translate(
+    i > r ? (r + i) / 2 : Math.min(0, r) || Math.max(0, i),
+    o > s ? (s + o) / 2 : Math.min(0, s) || Math.max(0, o)
+  );
+}
+function Xe() {
+  var t = hs, e = ds, n = ms, r = ps, i = gs, s = [0, 1 / 0], o = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], c = 250, l = Ji, a = Re("start", "zoom", "end"), u, d, g, x = 500, N = 150, S = 0, Y = 10;
+  function $(h) {
+    h.property("__zoom", un).on("wheel.zoom", z, { passive: !1 }).on("mousedown.zoom", B).on("dblclick.zoom", H).filter(i).on("touchstart.zoom", I).on("touchmove.zoom", Z).on("touchend.zoom touchcancel.zoom", tt).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  }
+  $.transform = function(h, k, y, C) {
+    var T = h.selection ? h.selection() : h;
+    T.property("__zoom", un), h !== T ? G(h, k, y, C) : T.interrupt().each(function() {
+      F(this, arguments).event(C).start().zoom(null, typeof k == "function" ? k.apply(this, arguments) : k).end();
+    });
+  }, $.scaleBy = function(h, k, y, C) {
+    $.scaleTo(h, function() {
+      var T = this.__zoom.k, R = typeof k == "function" ? k.apply(this, arguments) : k;
+      return T * R;
+    }, y, C);
+  }, $.scaleTo = function(h, k, y, C) {
+    $.transform(h, function() {
+      var T = e.apply(this, arguments), R = this.__zoom, M = y == null ? Q(T) : typeof y == "function" ? y.apply(this, arguments) : y, f = R.invert(M), p = typeof k == "function" ? k.apply(this, arguments) : k;
+      return n(O(K(R, p), M, f), T, o);
+    }, y, C);
+  }, $.translateBy = function(h, k, y, C) {
+    $.transform(h, function() {
+      return n(this.__zoom.translate(
+        typeof k == "function" ? k.apply(this, arguments) : k,
+        typeof y == "function" ? y.apply(this, arguments) : y
+      ), e.apply(this, arguments), o);
+    }, null, C);
+  }, $.translateTo = function(h, k, y, C, T) {
+    $.transform(h, function() {
+      var R = e.apply(this, arguments), M = this.__zoom, f = C == null ? Q(R) : typeof C == "function" ? C.apply(this, arguments) : C;
+      return n(Nt.translate(f[0], f[1]).scale(M.k).translate(
+        typeof k == "function" ? -k.apply(this, arguments) : -k,
+        typeof y == "function" ? -y.apply(this, arguments) : -y
+      ), R, o);
+    }, C, T);
+  };
+  function K(h, k) {
+    return k = Math.max(s[0], Math.min(s[1], k)), k === h.k ? h : new vt(k, h.x, h.y);
+  }
+  function O(h, k, y) {
+    var C = k[0] - y[0] * h.k, T = k[1] - y[1] * h.k;
+    return C === h.x && T === h.y ? h : new vt(h.k, C, T);
+  }
+  function Q(h) {
+    return [(+h[0][0] + +h[1][0]) / 2, (+h[0][1] + +h[1][1]) / 2];
+  }
+  function G(h, k, y, C) {
+    h.on("start.zoom", function() {
+      F(this, arguments).event(C).start();
+    }).on("interrupt.zoom end.zoom", function() {
+      F(this, arguments).event(C).end();
+    }).tween("zoom", function() {
+      var T = this, R = arguments, M = F(T, R).event(C), f = e.apply(T, R), p = y == null ? Q(f) : typeof y == "function" ? y.apply(T, R) : y, A = Math.max(f[1][0] - f[0][0], f[1][1] - f[0][1]), w = T.__zoom, v = typeof k == "function" ? k.apply(T, R) : k, b = l(w.invert(p).concat(A / w.k), v.invert(p).concat(A / v.k));
+      return function(m) {
+        if (m === 1) m = v;
+        else {
+          var _ = b(m), E = A / _[2];
+          m = new vt(E, p[0] - _[0] * E, p[1] - _[1] * E);
+        }
+        M.zoom(null, m);
+      };
+    });
+  }
+  function F(h, k, y) {
+    return !y && h.__zooming || new et(h, k);
+  }
+  function et(h, k) {
+    this.that = h, this.args = k, this.active = 0, this.sourceEvent = null, this.extent = e.apply(h, k), this.taps = 0;
+  }
+  et.prototype = {
+    event: function(h) {
+      return h && (this.sourceEvent = h), this;
+    },
+    start: function() {
+      return ++this.active === 1 && (this.that.__zooming = this, this.emit("start")), this;
+    },
+    zoom: function(h, k) {
+      return this.mouse && h !== "mouse" && (this.mouse[1] = k.invert(this.mouse[0])), this.touch0 && h !== "touch" && (this.touch0[1] = k.invert(this.touch0[0])), this.touch1 && h !== "touch" && (this.touch1[1] = k.invert(this.touch1[0])), this.that.__zoom = k, this.emit("zoom"), this;
+    },
+    end: function() {
+      return --this.active === 0 && (delete this.that.__zooming, this.emit("end")), this;
+    },
+    emit: function(h) {
+      var k = ot(this.that).datum();
+      a.call(
+        h,
+        this.that,
+        new fs(h, {
+          sourceEvent: this.sourceEvent,
+          target: $,
+          transform: this.that.__zoom,
+          dispatch: a
+        }),
+        k
+      );
+    }
+  };
+  function z(h, ...k) {
+    if (!t.apply(this, arguments)) return;
+    var y = F(this, k).event(h), C = this.__zoom, T = Math.max(s[0], Math.min(s[1], C.k * Math.pow(2, r.apply(this, arguments)))), R = At(h);
+    if (y.wheel)
+      (y.mouse[0][0] !== R[0] || y.mouse[0][1] !== R[1]) && (y.mouse[1] = C.invert(y.mouse[0] = R)), clearTimeout(y.wheel);
+    else {
+      if (C.k === T) return;
+      y.mouse = [R, C.invert(R)], le(this), y.start();
+    }
+    Ot(h), y.wheel = setTimeout(M, N), y.zoom("mouse", n(O(K(C, T), y.mouse[0], y.mouse[1]), y.extent, o));
+    function M() {
+      y.wheel = null, y.end();
+    }
+  }
+  function B(h, ...k) {
+    if (g || !t.apply(this, arguments)) return;
+    var y = h.currentTarget, C = F(this, k, !0).event(h), T = ot(h.view).on("mousemove.zoom", p, !0).on("mouseup.zoom", A, !0), R = At(h, y), M = h.clientX, f = h.clientY;
+    $i(h.view), $e(h), C.mouse = [R, this.__zoom.invert(R)], le(this), C.start();
+    function p(w) {
+      if (Ot(w), !C.moved) {
+        var v = w.clientX - M, b = w.clientY - f;
+        C.moved = v * v + b * b > S;
+      }
+      C.event(w).zoom("mouse", n(O(C.that.__zoom, C.mouse[0] = At(w, y), C.mouse[1]), C.extent, o));
+    }
+    function A(w) {
+      T.on("mousemove.zoom mouseup.zoom", null), ki(w.view, C.moved), Ot(w), C.event(w).end();
+    }
+  }
+  function H(h, ...k) {
+    if (t.apply(this, arguments)) {
+      var y = this.__zoom, C = At(h.changedTouches ? h.changedTouches[0] : h, this), T = y.invert(C), R = y.k * (h.shiftKey ? 0.5 : 2), M = n(O(K(y, R), C, T), e.apply(this, k), o);
+      Ot(h), c > 0 ? ot(this).transition().duration(c).call(G, M, C, h) : ot(this).call($.transform, M, C, h);
+    }
+  }
+  function I(h, ...k) {
+    if (t.apply(this, arguments)) {
+      var y = h.touches, C = y.length, T = F(this, k, h.changedTouches.length === C).event(h), R, M, f, p;
+      for ($e(h), M = 0; M < C; ++M)
+        f = y[M], p = At(f, this), p = [p, this.__zoom.invert(p), f.identifier], T.touch0 ? !T.touch1 && T.touch0[2] !== p[2] && (T.touch1 = p, T.taps = 0) : (T.touch0 = p, R = !0, T.taps = 1 + !!u);
+      u && (u = clearTimeout(u)), R && (T.taps < 2 && (d = p[0], u = setTimeout(function() {
+        u = null;
+      }, x)), le(this), T.start());
+    }
+  }
+  function Z(h, ...k) {
+    if (this.__zooming) {
+      var y = F(this, k).event(h), C = h.changedTouches, T = C.length, R, M, f, p;
+      for (Ot(h), R = 0; R < T; ++R)
+        M = C[R], f = At(M, this), y.touch0 && y.touch0[2] === M.identifier ? y.touch0[0] = f : y.touch1 && y.touch1[2] === M.identifier && (y.touch1[0] = f);
+      if (M = y.that.__zoom, y.touch1) {
+        var A = y.touch0[0], w = y.touch0[1], v = y.touch1[0], b = y.touch1[1], m = (m = v[0] - A[0]) * m + (m = v[1] - A[1]) * m, _ = (_ = b[0] - w[0]) * _ + (_ = b[1] - w[1]) * _;
+        M = K(M, Math.sqrt(m / _)), f = [(A[0] + v[0]) / 2, (A[1] + v[1]) / 2], p = [(w[0] + b[0]) / 2, (w[1] + b[1]) / 2];
+      } else if (y.touch0) f = y.touch0[0], p = y.touch0[1];
+      else return;
+      y.zoom("touch", n(O(M, f, p), y.extent, o));
+    }
+  }
+  function tt(h, ...k) {
+    if (this.__zooming) {
+      var y = F(this, k).event(h), C = h.changedTouches, T = C.length, R, M;
+      for ($e(h), g && clearTimeout(g), g = setTimeout(function() {
+        g = null;
+      }, x), R = 0; R < T; ++R)
+        M = C[R], y.touch0 && y.touch0[2] === M.identifier ? delete y.touch0 : y.touch1 && y.touch1[2] === M.identifier && delete y.touch1;
+      if (y.touch1 && !y.touch0 && (y.touch0 = y.touch1, delete y.touch1), y.touch0) y.touch0[1] = this.__zoom.invert(y.touch0[0]);
+      else if (y.end(), y.taps === 2 && (M = At(M, this), Math.hypot(d[0] - M[0], d[1] - M[1]) < Y)) {
+        var f = ot(this).on("dblclick.zoom");
+        f && f.apply(this, arguments);
+      }
+    }
+  }
+  return $.wheelDelta = function(h) {
+    return arguments.length ? (r = typeof h == "function" ? h : ie(+h), $) : r;
+  }, $.filter = function(h) {
+    return arguments.length ? (t = typeof h == "function" ? h : ie(!!h), $) : t;
+  }, $.touchable = function(h) {
+    return arguments.length ? (i = typeof h == "function" ? h : ie(!!h), $) : i;
+  }, $.extent = function(h) {
+    return arguments.length ? (e = typeof h == "function" ? h : ie([[+h[0][0], +h[0][1]], [+h[1][0], +h[1][1]]]), $) : e;
+  }, $.scaleExtent = function(h) {
+    return arguments.length ? (s[0] = +h[0], s[1] = +h[1], $) : [s[0], s[1]];
+  }, $.translateExtent = function(h) {
+    return arguments.length ? (o[0][0] = +h[0][0], o[1][0] = +h[1][0], o[0][1] = +h[0][1], o[1][1] = +h[1][1], $) : [[o[0][0], o[0][1]], [o[1][0], o[1][1]]];
+  }, $.constrain = function(h) {
+    return arguments.length ? (n = h, $) : n;
+  }, $.duration = function(h) {
+    return arguments.length ? (c = +h, $) : c;
+  }, $.interpolate = function(h) {
+    return arguments.length ? (l = h, $) : l;
+  }, $.on = function() {
+    var h = a.on.apply(a, arguments);
+    return h === a ? $ : h;
+  }, $.clickDistance = function(h) {
+    return arguments.length ? (S = (h = +h) * h, $) : Math.sqrt(S);
+  }, $.tapDistance = function(h) {
+    return arguments.length ? (Y = +h, $) : Y;
+  }, $;
+}
+const ve = {
+  // Edge Routing
+  horizontalExtension: 30,
+  minEdgeDistance: 50,
+  minVerticalSegment: 20,
+  loopRadius: 40,
+  edgeSpacing: 80,
+  cornerRadius: 15,
+  // Arrow
+  arrowWidth: 10,
+  arrowHeight: 6,
+  // Label
+  labelHeight: 15,
+  labelFontSize: 10,
+  labelPadding: 6,
+  labelCornerRadius: 4,
+  // Node
+  nodeSpacing: 50,
+  // Path Selection
+  nearlyHorizontalThreshold: 5,
+  nearlyAlignedThreshold: 30
+};
+function ys(t) {
+  return {
+    ...ve,
+    ...t
+  };
+}
+function xs(t, e, n) {
+  const o = (t.clientWidth || 800) / e, c = 32 / (n * o);
+  return Math.max(3, c);
+}
+function ke(t, e, n) {
+  const r = t.node();
+  if (!r) return;
+  t.text(n);
+  let i = r.getComputedTextLength();
+  if (i <= e) return;
+  const s = "...";
+  let o = 0, c = n.length;
+  for (; o < c; ) {
+    const l = Math.floor((o + c + 1) / 2);
+    t.text(n.slice(0, l) + s), i = r.getComputedTextLength(), i <= e ? o = l : c = l - 1;
+  }
+  o > 0 ? t.text(n.slice(0, o) + s) : t.text(s);
+}
+class Rn {
+  constructor(e, n, r, i, s) {
+    this.type = e, this._gvid = n, this.name = r, this._draw_ = i, this._ldraw_ = s;
+  }
+}
+class Dn extends Rn {
+  // Reference to the edge this virtual node represents
+  constructor({
+    _gvid: e,
+    name: n,
+    _draw_: r,
+    _ldraw_: i,
+    bb: s,
+    pos: o,
+    width: c,
+    height: l,
+    label: a
+  }) {
+    super("node", e, n, r, i), this.virtualNode = !1, this.bb = s, this.pos = o, this.width = c, this.height = l, this.label = a;
+  }
+  /**
+   * Get parsed position as [x, y] coordinates
+   */
+  getPosition() {
+    if (!this.pos) return null;
+    const [e, n] = this.pos.split(",").map(Number);
+    return [e, n];
+  }
+  /**
+   * Get width in points (1 inch = 72 points)
+   */
+  getWidthPoints() {
+    return parseFloat(this.width || "1") * 72;
+  }
+  /**
+   * Get height in points (1 inch = 72 points)
+   */
+  getHeightPoints() {
+    return parseFloat(this.height || "0.5") * 72;
+  }
+  /**
+   * Get bounding box coordinates (x, y is top-left corner)
+   * Note: Graphviz pos is center, so we calculate top-left
+   */
+  getBounds() {
+    const e = this.getPosition();
+    if (!e) return null;
+    const [n, r] = e, i = this.getWidthPoints(), s = this.getHeightPoints();
+    return {
+      x: n - i / 2,
+      y: r - s / 2,
+      width: i,
+      height: s
+    };
+  }
+  /**
+   * Left side input point (1/4 from top)
+   */
+  leftIn() {
+    const e = this.getBounds();
+    return e ? {
+      x: e.x,
+      y: Math.trunc(e.y + e.height / 4)
+    } : null;
+  }
+  /**
+   * Left side output point (3/4 from top)
+   */
+  leftOut() {
+    const e = this.getBounds();
+    return e ? {
+      x: e.x,
+      y: Math.trunc(e.y + e.height / 4 * 3)
+    } : null;
+  }
+  /**
+   * Right side output point (1/4 from top)
+   */
+  rightOut() {
+    const e = this.getBounds();
+    return e ? {
+      x: e.x + e.width,
+      y: Math.trunc(e.y + e.height / 4)
+    } : null;
+  }
+  /**
+   * Right side input point (3/4 from top)
+   */
+  rightIn() {
+    const e = this.getBounds();
+    return e ? {
+      x: e.x + e.width,
+      y: Math.trunc(e.y + e.height / 4 * 3)
+    } : null;
+  }
+}
+class ws extends Rn {
+  constructor({
+    _gvid: e,
+    name: n,
+    _draw_: r,
+    _ldraw_: i,
+    _hdraw_: s,
+    _tdraw_: o,
+    head: c,
+    tail: l,
+    label: a
+  }) {
+    if (super("edge", e, n, r, i), this.isBaseEdge = !1, this.depth = 0, this.baseOffset = 0, this.midY = 0, this._hdraw_ = s, this._tdraw_ = o, this.head = c, this.tail = l, this.label = a, a) {
+      const u = a.match(/\[(\d+)\]/);
+      u && u[1] && (this.edgeId = parseInt(u[1], 10));
+    }
+  }
+  /**
+   * Set the source and target node references
+   */
+  setNodes(e, n) {
+    this.sourceNode = e, this.targetNode = n;
+  }
+  /**
+   * Determine edge direction based on source/target node positions
+   * - "right": source is left of target (edge goes left → right)
+   * - "left": source is right of target (edge goes right → left)
+   * - "self": source and target are the same node
+   */
+  getDirection() {
+    if (!this.sourceNode || !this.targetNode) return null;
+    const e = this.sourceNode.getPosition(), n = this.targetNode.getPosition();
+    return !e || !n ? null : this.sourceNode._gvid === this.targetNode._gvid ? "self" : e[0] < n[0] ? "right" : "left";
+  }
+  /**
+   * Get the start point (source port) based on edge direction
+   * - Right edge: source node's rightOut
+   * - Left edge: source node's leftOut
+   * - Self-loop: source node's leftOut
+   */
+  getStartPoint() {
+    if (!this.sourceNode) return null;
+    const e = this.getDirection();
+    if (!e) return null;
+    switch (e) {
+      case "right":
+        return this.sourceNode.rightOut();
+      case "left":
+        return this.sourceNode.leftOut();
+      case "self":
+        return this.sourceNode.leftOut();
+    }
+  }
+  /**
+   * Get the end point (target port) based on edge direction
+   * - Right edge: target node's leftIn
+   * - Left edge: target node's rightIn
+   * - Self-loop: target node's rightIn
+   */
+  getEndPoint() {
+    if (!this.targetNode) return null;
+    const e = this.getDirection();
+    if (!e) return null;
+    switch (e) {
+      case "right":
+        return this.targetNode.leftIn();
+      case "left":
+        return this.targetNode.rightIn();
+      case "self":
+        return this.targetNode.rightIn();
+    }
+  }
+  /**
+   * Get the label text for this edge
+   * Extracts from HTML label or _ldraw_ operations
+   * @returns The label text or null if no label
+   */
+  getLabelText() {
+    if (this.label)
+      return this.label.replace(/<[^>]*>/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&nbsp;/g, " ").replace(/\s+/g, " ").trim() || null;
+    if (this._ldraw_) {
+      const e = [];
+      if (this._ldraw_.forEach((n) => {
+        n.op === "T" && n.text && e.push(n.text);
+      }), e.length > 0)
+        return e.join(" ");
+    }
+    return null;
+  }
+  /**
+   * Get the stroke color for this edge
+   * Extracts from _draw_ operations (looks for 'c' color-setting operation)
+   * @returns The color string or default gray if not found
+   */
+  getColor() {
+    const e = "#9AA4B2";
+    if (this._draw_) {
+      for (const n of this._draw_)
+        if (n.op === "c" && n.color)
+          return n.color;
+    }
+    if (this._hdraw_) {
+      for (const n of this._hdraw_)
+        if (n.op === "c" && n.color)
+          return n.color;
+    }
+    return e;
+  }
+}
+class Ln {
+  constructor(e, n = 0) {
+    this.index = e, this.aboveY = n, this.belowY = n;
+  }
+  /** Allocate space above current aboveY, returns the new Y position */
+  allocateAbove(e) {
+    return this.aboveY -= e, this.aboveY;
+  }
+  /** Allocate space below current belowY, returns the new Y position */
+  allocateBelow(e) {
+    const n = this.belowY;
+    return this.belowY += e, n;
+  }
+  /** Get the current range of allocated Y coordinates */
+  getRange() {
+    return { above: this.aboveY, below: this.belowY };
+  }
+}
+class vs extends Ln {
+  constructor(e, n = 0) {
+    super(e, n), this.nodes = [];
+  }
+  addNode(e, n = !0) {
+    if (this.nodes.push(e), !n) return;
+    const r = e.getPosition();
+    if (r) {
+      const i = e.height ? parseFloat(e.height) * 72 : 40, s = r[1] - i / 2, o = r[1] + i / 2;
+      this.aboveY = Math.min(this.aboveY, s), this.belowY = Math.max(this.belowY, o);
+    }
+  }
+}
+class _s extends Ln {
+  constructor(e, n, r = 0) {
+    super(Math.min(e, n), r), this.edges = [], this.baseEdgeIndex = -1, this.sourceColIndex = e, this.targetColIndex = n;
+  }
+  addEdge(e) {
+    this.edges.push(e);
+  }
+  /** Set the base edge for this column */
+  setBaseEdge(e, n) {
+    this.baseEdge = e, this.baseEdgeIndex = n ?? this.edges.indexOf(e);
+  }
+  /** Get the key for this edge column */
+  getKey() {
+    const e = Math.min(this.sourceColIndex, this.targetColIndex), n = Math.max(this.sourceColIndex, this.targetColIndex);
+    return `${e}-${n}`;
+  }
+}
+function Fn(t) {
+  if (!t) return [];
+  const e = [], n = /<TD[^>]*>(.*?)<\/TD>/gi;
+  let r;
+  for (; (r = n.exec(t)) !== null; ) {
+    let i = r[1];
+    i = i.replace(/<[^>]+>/g, "").trim(), i && e.push(i);
+  }
+  if (e.length === 0) {
+    const i = t.replace(/<[^>]+>/g, "").trim();
+    i && e.push(i);
+  }
+  return e;
+}
+function Ts(t) {
+  const e = ot(t).select("svg"), n = e.select("g#graph0");
+  if (e.empty() || n.empty()) {
+    console.warn("SVG or graph group not found");
+    return;
+  }
+  e.attr("width", "100%").attr("height", "100%");
+  const r = Xe().scaleExtent([0.1, 2]).on("zoom", (o) => {
+    n.attr("transform", o.transform.toString());
+  });
+  e.call(r);
+  const i = e.node(), s = n.node();
+  if (i && s) {
+    const o = s.getBBox(), c = i.parentElement;
+    if (c) {
+      const l = c.clientWidth, a = c.clientHeight, u = o.width, d = o.height, g = o.x + u / 2, x = o.y + d / 2, N = 0.8 / Math.max(u / l, d / a), S = [
+        l / 2 - N * g,
+        a / 2 - N * x
+      ];
+      e.call(
+        r.transform,
+        Nt.translate(S[0], S[1]).scale(N)
+      );
+    }
+  }
+}
+function bs(t) {
+  if (!t.sourceNode) return null;
+  const e = t.sourceNode.getPosition();
+  if (!e) return null;
+  const r = 50 / 72, i = new Dn({
+    _gvid: -1e3 - t._gvid,
+    // Negative ID to distinguish from real nodes
+    name: `virtual_edge_${t._gvid}`,
+    label: t.label,
+    pos: `${e[0]},${e[1]}`,
+    // Same position as source node
+    width: "0.5",
+    // Small width
+    height: r.toString()
+    // Height matches node spacing
+  });
+  return i.virtualNode = !0, i.edge = t, t.virtualNode = i, i;
+}
+function Es(t, e, n) {
+  const r = e.nodes, i = r.findIndex((s) => s._gvid === n._gvid);
+  if (i === -1) {
+    r.push(t);
+    return;
+  }
+  r.splice(i, 0, t);
+}
+function Ns(t, e) {
+  const r = [], i = /* @__PURE__ */ new Map();
+  t.forEach((a) => {
+    const u = a.getPosition();
+    if (!u) return;
+    const d = u[0];
+    let g = r.findIndex(
+      (x) => Math.abs(d - x) <= 20
+    );
+    g === -1 && (g = r.length, r.push(d)), i.set(a._gvid, g);
+  });
+  const s = r.map((a, u) => ({ x: a, i: u })).sort((a, u) => a.x - u.x).map((a, u) => ({ oldIndex: a.i, newIndex: u })), o = /* @__PURE__ */ new Map();
+  s.forEach(({ oldIndex: a, newIndex: u }) => {
+    o.set(a, u);
+  });
+  for (const [a, u] of i)
+    i.set(a, o.get(u) ?? u);
+  const c = /* @__PURE__ */ new Map();
+  t.forEach((a) => {
+    const u = i.get(a._gvid);
+    u !== void 0 && (c.has(u) || c.set(u, new vs(u, 0)), c.get(u).addNode(a, !1));
+  }), e.forEach((a) => {
+    if (!a.sourceNode || !a.targetNode || a.sourceNode._gvid !== a.targetNode._gvid) return;
+    const u = i.get(a.sourceNode._gvid);
+    if (u === void 0) return;
+    const d = c.get(u);
+    if (!d) return;
+    const g = bs(a);
+    g && Es(g, d, a.sourceNode);
+  });
+  const l = /* @__PURE__ */ new Map();
+  return e.forEach((a) => {
+    if (!a.sourceNode || !a.targetNode) return;
+    const u = i.get(a.sourceNode._gvid), d = i.get(a.targetNode._gvid);
+    if (u === void 0 || d === void 0) return;
+    a.depth = Math.abs(d - u) - 1, a.depth < 0 && (a.depth = 0);
+    const g = Math.min(u, d), x = Math.max(u, d), N = `${g}-${x}`;
+    l.has(N) || l.set(N, new _s(u, d, 0)), l.get(N).addEdge(a);
+  }), l.forEach((a) => {
+    a.edges.sort((u, d) => {
+      const g = u.getStartPoint(), x = u.getEndPoint(), N = g && x ? (g.y + x.y) / 2 : 0, S = d.getStartPoint(), Y = d.getEndPoint();
+      return (S && Y ? (S.y + Y.y) / 2 : 0) - N;
+    });
+  }), { nodeColumnMap: i, nodeColumns: c, edgeColumns: l };
+}
+function $s(t, e) {
+  t.forEach((n) => {
+    if (n.nodes.length === 0) return;
+    let r = !0;
+    n.nodes.forEach((i) => {
+      const s = i.getPosition();
+      if (!s) return;
+      const o = i.height ? parseFloat(i.height) * 72 : 40, c = e - s[1], l = c - o / 2, a = c + o / 2;
+      r ? (n.aboveY = l, n.belowY = a, r = !1) : (n.aboveY = Math.min(n.aboveY, l), n.belowY = Math.max(n.belowY, a));
+    });
+  });
+}
+function ks(t, e) {
+  t.length !== 0 && e.forEach((n) => {
+    const r = n.edges;
+    if (r.length === 0) return;
+    const i = r.filter((d) => d.depth === 0);
+    if (i.length === 0) return;
+    const s = Math.floor(i.length / 2), o = i[s];
+    o.isBaseEdge = !0, o.baseDirection = void 0;
+    const c = r.indexOf(o);
+    n.setBaseEdge(o, c);
+    const l = o.getStartPoint(), a = o.getEndPoint(), u = l && a ? (l.y + a.y) / 2 : 0;
+    i.forEach((d, g) => {
+      if (d === o) return;
+      const x = d.getStartPoint(), N = d.getEndPoint();
+      (x && N ? (x.y + N.y) / 2 : 0) > u ? d.baseDirection = "above" : d.baseDirection = "below";
+    });
+  });
+}
+function oe(t, e, n, r = ve) {
+  const i = t.getStartPoint(), s = t.getEndPoint(), o = t.getDirection();
+  if (!i || !s || !o || o === "self")
+    return;
+  const c = { x: i.x, y: e - i.y }, l = { x: s.x, y: e - s.y };
+  let a = { x: l.x, y: l.y };
+  o === "right" ? a = { x: l.x - r.arrowWidth, y: l.y } : o === "left" && (a = { x: l.x + r.arrowWidth, y: l.y });
+  const u = r.horizontalExtension, d = r.minEdgeDistance, g = r.minVerticalSegment, x = (G) => {
+    if (G.length < 2) return G;
+    const F = [G[0]];
+    for (let et = 1; et < G.length; et++) {
+      const z = F[F.length - 1];
+      (Math.abs(G[et].x - z.x) > 0.1 || Math.abs(G[et].y - z.y) > 0.1) && F.push(G[et]);
+    }
+    return F;
+  };
+  let N;
+  const S = t.baseDirection === void 0;
+  t.baseDirection === "above" ? N = Math.min(c.y, a.y) : t.baseDirection === "below" ? N = Math.max(c.y, a.y) : N = (c.y + a.y) / 2;
+  let Y = N;
+  if (!S && n && n.midY !== void 0) {
+    if (t.baseDirection === "above") {
+      const G = n.midY - d;
+      Y > G && (Y = G);
+    } else if (t.baseDirection === "below") {
+      const G = n.midY + d;
+      Y < G && (Y = G);
+    }
+  }
+  const $ = Math.abs(c.y - a.y) < 5, K = (G, F) => {
+    const et = Math.abs(c.y - F), z = Math.abs(F - a.y), B = o === "right" ? c.x + u : c.x - u, H = o === "right" ? a.x - u : a.x + u;
+    let I = [], Z = F;
+    switch (G) {
+      case "straight":
+        if ($) {
+          const k = (c.y + a.y) / 2;
+          Math.abs(F - k) < g ? (I = [c, a], Z = k) : (I = [
+            c,
+            { x: B, y: c.y },
+            // H: horizontal extension
+            { x: B, y: F },
+            // V: vertical to midY
+            { x: H, y: F },
+            // H: horizontal at midY
+            { x: H, y: a.y },
+            // V: vertical to end
+            a
+            // H: horizontal to end
+          ], Z = F);
+        } else
+          return null;
+        break;
+      case "2seg":
+        et < z ? Math.abs(F - c.y) < g ? (I = [c, { x: a.x, y: c.y }, a], Z = c.y) : (I = [
+          c,
+          { x: B, y: c.y },
+          // H: horizontal extension
+          { x: B, y: F },
+          // V: vertical to midY
+          { x: H, y: F },
+          // H: horizontal at midY
+          { x: H, y: a.y },
+          // V: vertical to end
+          a
+          // H: horizontal to end
+        ], Z = F) : Math.abs(F - a.y) < g ? (I = [
+          c,
+          { x: B, y: c.y },
+          // H: horizontal extension
+          { x: B, y: a.y },
+          // V: vertical to end.y
+          a
+          // H: horizontal to end
+        ], Z = a.y) : (I = [
+          c,
+          { x: B, y: c.y },
+          // H: horizontal extension
+          { x: B, y: F },
+          // V: vertical to midY
+          { x: H, y: F },
+          // H: horizontal at midY
+          { x: H, y: a.y },
+          // V: vertical to end
+          a
+          // H: horizontal to end
+        ], Z = F);
+        break;
+      case "3seg":
+        const h = F;
+        I = [
+          c,
+          { x: B, y: c.y },
+          { x: B, y: h },
+          { x: H, y: h },
+          { x: H, y: a.y },
+          a
+        ], Z = h;
+        break;
+      case "4seg":
+        I = [
+          c,
+          { x: B, y: c.y },
+          // H: horizontal extension from start
+          { x: B, y: F },
+          // V: vertical to midY
+          { x: H, y: F },
+          // H: horizontal at midY to end extension
+          a
+          // Final segment (may be H or V depending on pathEnd.y vs testMidY)
+        ], Z = F;
+        break;
+      case "5seg":
+        if (et < g)
+          I = [
+            c,
+            { x: B, y: c.y },
+            // H: horizontal extension
+            { x: H, y: F },
+            // H: horizontal at midY (skip V since start.y ≈ testMidY)
+            { x: H, y: a.y },
+            // V: vertical to end Y
+            a
+            // H: horizontal to end
+          ], Z = F;
+        else if (z < g)
+          I = [
+            c,
+            { x: B, y: c.y },
+            // H: horizontal extension
+            { x: B, y: F },
+            // V: vertical to midY
+            { x: H, y: F },
+            // H: horizontal at midY
+            a
+            // H: horizontal to end (skip V since testMidY ≈ pathEnd.y)
+          ], Z = F;
+        else
+          return null;
+        break;
+      case "6seg":
+        I = [
+          c,
+          { x: B, y: c.y },
+          { x: B, y: F },
+          { x: H, y: F },
+          { x: H, y: a.y },
+          a
+        ], Z = F;
+        break;
+    }
+    const tt = x(I);
+    return tt.length > 0 ? { points: tt, actualMidY: Z } : null;
+  };
+  let O;
+  S ? O = $ ? ["straight", "3seg"] : ["3seg"] : O = $ ? ["straight", "3seg", "4seg", "5seg", "6seg"] : ["3seg", "4seg", "5seg", "6seg"];
+  for (const G of O) {
+    const F = K(G, Y);
+    if (F)
+      return { midY: F.actualMidY, points: F.points };
+  }
+  const Q = K("6seg", Y);
+  return Q ? { midY: Q.actualMidY, points: Q.points } : void 0;
+}
+function fn(t, e) {
+  if (t.length < 2) return "";
+  if (e === 0 || t.length === 2)
+    return `M${t[0].x},${t[0].y} ${t.slice(1).map((i) => `L${i.x},${i.y}`).join(" ")}`;
+  const n = [];
+  n.push(`M${t[0].x},${t[0].y}`);
+  for (let i = 1; i < t.length - 1; i++) {
+    const s = t[i - 1], o = t[i], c = t[i + 1], l = Math.sqrt((o.x - s.x) ** 2 + (o.y - s.y) ** 2), a = Math.sqrt((c.x - o.x) ** 2 + (c.y - o.y) ** 2), u = Math.min(l, a) / 2, d = Math.min(e, u);
+    if (d > 0) {
+      const g = d / l, x = d / a, N = {
+        x: o.x - (o.x - s.x) * g,
+        y: o.y - (o.y - s.y) * g
+      }, S = {
+        x: o.x + (c.x - o.x) * x,
+        y: o.y + (c.y - o.y) * x
+      };
+      n.push(`L${N.x},${N.y}`), n.push(`Q${o.x},${o.y} ${S.x},${S.y}`);
+    } else
+      n.push(`L${o.x},${o.y}`);
+  }
+  const r = t[t.length - 1];
+  return n.push(`L${r.x},${r.y}`), n.join(" ");
+}
+function Cs(t, e, n, r = ve, i = !0, s = 0, o = 1 / 0, c, l, a, u, d, g, x, N = !1) {
+  var F, et;
+  const S = g != null && t.edgeId === g, Y = t.getColor(), $ = e.append("g").attr("class", S ? "edge selected" : "edge").attr("id", `edge_${t._gvid}`).attr("data-edge-id", t.edgeId !== void 0 ? String(t.edgeId) : "").attr("data-is-base", t.isBaseEdge ? "true" : "false").attr("data-color", Y), K = t.getStartPoint(), O = t.getEndPoint(), Q = t.getDirection();
+  console.log(
+    `Edge ${t._gvid}: direction=${Q}, isBase=${t.isBaseEdge}, depth=${t.depth}`,
+    {
+      start: K,
+      end: O,
+      sourceNode: (F = t.sourceNode) == null ? void 0 : F.name,
+      targetNode: (et = t.targetNode) == null ? void 0 : et.name
+    }
+  );
+  const G = r.arrowWidth;
+  if (r.arrowHeight, K && O && Q) {
+    const z = { x: K.x, y: n - K.y }, B = { x: O.x, y: n - O.y }, H = { x: B.x, y: B.y };
+    let I = { x: B.x, y: B.y };
+    Q === "right" ? I = { x: B.x - G, y: B.y } : Q === "left" ? I = { x: B.x + G, y: B.y } : Q === "self" && (I = { x: B.x + G, y: B.y });
+    let Z;
+    const tt = r.loopRadius, h = r.horizontalExtension, k = r.cornerRadius;
+    if (i)
+      if (Q === "self")
+        if (t.virtualNode) {
+          const f = t.virtualNode.getPosition();
+          if (f) {
+            const p = n - f[1];
+            t.midY = p;
+            const A = [
+              z,
+              // leftOut of source node
+              { x: z.x - h, y: z.y },
+              // Extend left
+              { x: z.x - h, y: p },
+              // Go to virtual node height
+              { x: I.x + h, y: p },
+              // Horizontal segment through virtual node
+              { x: I.x + h, y: I.y },
+              // Go down to rightIn
+              I
+              // rightIn of source node
+            ];
+            Z = fn(A, k);
+          } else {
+            const p = z.x - tt, A = z.y - tt, w = I.x + tt, v = I.y - tt;
+            Z = `M${z.x},${z.y} C${p},${A} ${w},${v} ${I.x},${I.y}`;
+          }
+        } else {
+          const f = z.x - tt, p = z.y - tt, A = I.x + tt, w = I.y - tt;
+          Z = `M${z.x},${z.y} C${f},${p} ${A},${w} ${I.x},${I.y}`;
+        }
+      else {
+        let f;
+        if (t.orthogonalPathPoints && t.orthogonalPathPoints.length > 0)
+          f = t.orthogonalPathPoints;
+        else {
+          const p = Math.abs(z.y - t.midY), A = Math.abs(t.midY - I.y), w = 20, v = p >= w, b = A >= w, m = Q === "right" ? z.x + h : z.x - h, _ = Q === "right" ? I.x - h : I.x + h;
+          if (f = [], !v && !b) {
+            const E = (z.y + I.y) / 2;
+            f.push(
+              z,
+              { x: m, y: E },
+              { x: _, y: E },
+              I
+            );
+          } else v ? b ? f.push(
+            z,
+            { x: m, y: z.y },
+            { x: m, y: t.midY },
+            { x: _, y: t.midY },
+            { x: _, y: I.y },
+            I
+          ) : f.push(
+            z,
+            { x: m, y: z.y },
+            { x: m, y: t.midY },
+            { x: _, y: t.midY },
+            I
+          ) : f.push(
+            z,
+            { x: m, y: t.midY },
+            { x: _, y: t.midY },
+            { x: _, y: I.y },
+            I
+          );
+        }
+        Z = fn(f, k);
+      }
+    else if (Q === "self") {
+      const f = z.x - tt, p = z.y - tt, A = I.x + tt, w = I.y - tt;
+      Z = `M${z.x},${z.y} C${f},${p} ${A},${w} ${I.x},${I.y}`;
+    } else {
+      const f = I.x - z.x;
+      I.y - z.y;
+      const p = 0.4, A = z.x + f * p, w = z.y, v = I.x - f * p, b = I.y;
+      Z = `M${z.x},${z.y} C${A},${w} ${v},${b} ${I.x},${I.y}`;
+    }
+    const y = N && t.isBaseEdge ? "#000000" : t.getColor(), C = N && t.isBaseEdge ? 4 : 1.5;
+    $.append("path").attr("d", Z).attr("fill", "none").attr("stroke", "transparent").attr("stroke-width", 10).attr("class", "edge-hit-area").style("cursor", "pointer"), $.append("path").attr("d", Z).attr("fill", "none").attr("stroke", y).attr("stroke-width", C).attr("class", "edge-path").style("pointer-events", "none"), $.on("mouseenter", function() {
+      ot(this).raise();
+    });
+    const T = 12;
+    let R = "";
+    Q === "right" ? R = `translate(${H.x - T}, ${H.y - T / 2})` : Q === "left" ? R = `translate(${H.x + T}, ${H.y + T / 2}) rotate(180)` : Q === "self" && (R = `translate(${H.x + T}, ${H.y + T / 2}) rotate(180)`), $.append("use").attr("class", "edge-arrow").attr("href", "#arrow-right").attr("width", T).attr("height", T).attr("transform", R).attr("fill", y).attr("stroke", y).style("stroke-width", 0);
+    const M = {
+      x: (z.x + I.x) / 2,
+      y: t.midY
+    };
+    if (t.label) {
+      const p = Fn(t.label).map((st) => st.length > 20 ? st.slice(0, 20) + "..." : st).join("  "), A = p.length > 60 ? p.slice(0, 60) + "..." : p, w = r.labelFontSize, v = w * 0.6, b = A.length * v, m = w, _ = r.labelPadding, E = 16, W = S ? 16 : 0, J = t.edgeId !== void 0, nt = J && t.edgeId > s, U = J && t.edgeId < o, D = (nt ? E : 0) + (U ? E : 0) + W, X = b + _ * 2 + D, P = m + _ * 2, L = r.labelCornerRadius, V = M.y, rt = M.x, it = (st) => ot(`g.edge[data-edge-id="${st}"]`), q = 12, j = $.append("g").attr("class", "label-area");
+      j.append("rect").attr("class", "label-bg").attr("x", rt - X / 2).attr("y", V - P / 2).attr("width", X).attr("height", P).attr("rx", L).attr("ry", L).attr("fill", "white").attr("stroke", y).attr("stroke-width", 1);
+      const ct = rt - X / 2 + E / 2, gt = rt + X / 2 - E / 2 - W, at = rt + X / 2 - W / 2, jt = rt + (nt ? E / 2 : 0) - (U ? E / 2 : 0) - (S ? W / 2 : 0);
+      if (J && x && $.style("cursor", "pointer").on("click", function(st) {
+        st.stopPropagation(), !S && x(t.edgeId);
+      }), j.append("text").attr("class", "label-text").attr("x", jt).attr("y", V).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Inter, Helvetica, Arial").attr("font-size", "10px").attr("fill", y).style("pointer-events", "none").text(A), N && $.append("circle").attr("cx", jt).attr("cy", V).attr("r", 4).attr("fill", "blue").attr("opacity", 0.8).style("pointer-events", "none").attr("class", "debug-label-center"), nt) {
+        const st = t.edgeId - 1, ht = j.append("g").attr("class", "nav-btn-group prev-btn-group");
+        ht.append("rect").attr("class", "nav-btn-area prev-btn-area").attr("x", rt - X / 2).attr("y", V - P / 2).attr("width", E).attr("height", P).attr("fill", "transparent").attr("rx", L).style("cursor", "pointer").style("pointer-events", "all"), ht.append("use").attr("class", "nav-icon prev-icon").attr("href", "#nav-left").attr("x", ct - q / 2).attr("y", V - q / 2).attr("width", q).attr("height", q).attr("fill", "#888"), ht.on("click", function(mt) {
+          mt.stopPropagation();
+          const $t = it(st);
+          if (!$t.empty()) {
+            if (c && l && a && u && d) {
+              const Yt = $t.node();
+              if (Yt) {
+                const kt = ot(Yt).select(".label-text").node();
+                let Ct, St;
+                if (kt)
+                  Ct = parseFloat(kt.getAttribute("x") || "0"), St = parseFloat(kt.getAttribute("y") || "0");
+                else {
+                  const Tt = Yt.getBBox();
+                  Ct = Tt.x + Tt.width / 2, St = Tt.y + Tt.height / 2;
+                }
+                const Lt = a.clientWidth, Ft = 1.2 * u / Lt, Ht = u / 2 - Ct * Ft, _e = d / 2 - St * Ft;
+                l.transition().duration(500).call(
+                  c.transform,
+                  Nt.translate(Ht, _e).scale(Ft)
+                );
+              }
+            }
+            x && x(st);
+          }
+        });
+      }
+      if (U && t.edgeId !== void 0) {
+        const st = t.edgeId + 1, ht = S ? gt : rt + X / 2 - E / 2, mt = j.append("g").attr("class", "nav-btn-group next-btn-group");
+        mt.append("rect").attr("class", "nav-btn-area next-btn-area").attr("x", rt + X / 2 - E - W).attr("y", V - P / 2).attr("width", E).attr("height", P).attr("fill", "transparent").attr("rx", L).style("cursor", "pointer").style("pointer-events", "all"), mt.append("use").attr("class", "nav-icon next-icon").attr("href", "#nav-right").attr("x", ht - q / 2).attr("y", V - q / 2).attr("width", q).attr("height", q).attr("fill", "#888"), mt.on("click", function($t) {
+          $t.stopPropagation();
+          const Yt = it(st);
+          if (!Yt.empty()) {
+            if (c && l && a && u && d) {
+              const kt = Yt.node();
+              if (kt) {
+                const Ct = ot(kt).select(".label-text").node();
+                let St, Lt;
+                if (Ct)
+                  St = parseFloat(Ct.getAttribute("x") || "0"), Lt = parseFloat(Ct.getAttribute("y") || "0");
+                else {
+                  const te = kt.getBBox();
+                  St = te.x + te.width / 2, Lt = te.y + te.height / 2;
+                }
+                const Ft = a.clientWidth, Ht = 1.2 * u / Ft, _e = u / 2 - St * Ht, Tt = d / 2 - Lt * Ht;
+                l.transition().duration(500).call(
+                  c.transform,
+                  Nt.translate(_e, Tt).scale(Ht)
+                );
+              }
+            }
+            x && x(st);
+          }
+        });
+      }
+      S && J && x && $.append("text").attr("class", "close-btn").attr("x", at).attr("y", V).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() {
+        ot(this).attr("fill", "#EF4444");
+      }).on("mouseleave", function() {
+        ot(this).attr("fill", "#888");
+      }).on("click", function(st) {
+        st.stopPropagation(), x(null);
+      });
+    } else t._ldraw_ && t._ldraw_.forEach((f) => {
+      if (f.op === "T" && f.text) {
+        const p = f.size || 10, A = p * 0.6, w = f.text.length * A, v = p, b = 6, m = w + b * 2, _ = v + b * 2, E = 4, W = M.y;
+        $.append("rect").attr("x", M.x - m / 2).attr("y", W - _ / 2).attr("width", m).attr("height", _).attr("rx", E).attr("ry", E).attr("fill", "white").attr("stroke", "#d0d0d0").attr("stroke-width", 0.5), $.append("text").attr("x", M.x).attr("y", W).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", f.face || "Inter, Helvetica, Arial").attr("font-size", `${p}px`).attr("fill", f.color || "#666").text(f.text);
+      }
+    });
+    if (N) {
+      let f;
+      t.depth === 0 ? f = `d:0 dir:${t.baseDirection || "base"} off:${t.baseOffset} id:${t._gvid}` : f = `d:${t.depth} dir:${t.baseDirection || "?"} midY:${Math.round(t.midY)} id:${t._gvid}`, $.append("text").attr("x", M.x).attr("y", M.y + 15).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "monospace").attr("font-size", "9px").attr("fill", "#999").text(f);
+    }
+  } else
+    t._draw_ && t._draw_.forEach((z) => {
+      if (z.op === "b" && z.points) {
+        const B = z.points.map(([I, Z]) => [I, n - Z]), H = `M${B[0][0]},${B[0][1]} C${B.slice(1).map((I) => `${I[0]},${I[1]}`).join(" ")}`;
+        $.append("path").attr("d", H).attr("fill", "none").attr("stroke", z.color || "#9AA4B2").attr("stroke-width", 2);
+      }
+    }), t._hdraw_ && t._hdraw_.forEach((z) => {
+      if (z.op === "P" && z.points) {
+        const B = z.points.map(([H, I]) => [H, n - I]);
+        $.append("polygon").attr("points", B.map((H) => H.join(",")).join(" ")).attr("fill", z.color || "#9AA4B2");
+      }
+    }), t._ldraw_ && Mt($, t._ldraw_, n);
+}
+function Ss(t, e, n, r, i = !0, s = ve, o = !0, c = 14, l = !1, a, u, d, g, x) {
+  var M;
+  t.innerHTML = "";
+  const N = ((M = e.bb) == null ? void 0 : M.split(",").map(Number)) || [0, 0, 1e3, 800];
+  let [, , S, Y] = N;
+  const $ = ot(t).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${S} ${Y}`).style("background", "white");
+  $.append("defs").html(`
+    <style>
+      @keyframes selected-pulse {
+        0%, 100% {
+          stroke-opacity: 1;
+        }
+        50% {
+          stroke-opacity: 0.7;
+        }
+      }
+      .edge {
+        cursor: pointer;
+      }
+      .edge path {
+        /* No transition on dash properties to avoid conflict with animation */
+      }
+      .edge use {
+        transition: transform 0.2s ease;
+      }
+      .edge text {
+        transition: font-weight 0.2s ease;
+      }
+      /* Marching ants animation keyframe */
+      @keyframes marching-ants {
+        0% { stroke-dashoffset: 0; }
+        100% { stroke-dashoffset: -12; }
+      }
+      /* Hover effect: marching ants dashed line */
+      .edge:hover:not(.selected) path.edge-path {
+        stroke-dasharray: 6 6;
+        animation: marching-ants 0.6s linear infinite;
+      }
+      /* Selected effect: marching ants dashed line */
+      .edge.selected path.edge-path {
+        stroke-dasharray: 6 6;
+        animation: marching-ants 0.6s linear infinite;
+      }
+      .close-btn {
+        cursor: pointer;
+      }
+      /* Nav icon visibility - controlled purely by CSS */
+      .nav-icon {
+        opacity: 0;
+        transition: opacity 0.15s ease, fill 0.15s ease;
+        pointer-events: none;
+      }
+      /* Show nav icons when hovering over the label area group */
+      .label-area:hover .nav-icon {
+        opacity: 1;
+      }
+      /* Also show nav icons when hovering on selected edge's nav button */
+      .nav-btn-group:hover .nav-icon {
+        fill: #3B82F6 !important;
+        opacity: 1;
+      }
+      .nav-btn-area {
+        transition: fill 0.15s ease;
+      }
+      .nav-btn-group:hover .nav-btn-area {
+        fill: rgba(59, 130, 246, 0.1);
+      }
+    </style>
+    <symbol id="arrow-right" viewBox="0 0 12 12">
+      <path d="M11.53 5.46967C11.8229 5.76256 11.8229 6.23744 11.53 6.53033L6.75736 11.303C6.46447 11.5959 5.98959 11.5959 5.6967 11.303C5.40381 11.0101 5.40381 10.5352 5.6967 10.2423L9.93934 6L5.6967 1.75736C5.40381 1.46447 5.40381 0.989593 5.6967 0.696699C5.98959 0.403806 6.46447 0.403806 6.75736 0.696699L11.53 5.46967ZM0 5.25H11V6.75H0V5.25Z"/>
+    </symbol>
+    <symbol id="nav-left" viewBox="0 0 32 32">
+      <path d="M20.7073 25.2921C20.8002 25.385 20.8739 25.4953 20.9242 25.6167C20.9745 25.7381 21.0004 25.8682 21.0004 25.9996C21.0004 26.131 20.9745 26.2611 20.9242 26.3825C20.8739 26.5039 20.8002 26.6142 20.7073 26.7071C20.6144 26.8 20.5041 26.8737 20.3827 26.924C20.2613 26.9743 20.1312 27.0001 19.9998 27.0001C19.8684 27.0001 19.7383 26.9743 19.6169 26.924C19.4955 26.8737 19.3852 26.8 19.2923 26.7071L9.29231 16.7071C9.19933 16.6142 9.12557 16.5039 9.07525 16.3825C9.02493 16.2611 8.99902 16.131 8.99902 15.9996C8.99902 15.8682 9.02493 15.738 9.07525 15.6166C9.12557 15.4952 9.19933 15.385 9.29231 15.2921L19.2923 5.29208C19.4799 5.10444 19.7344 4.99902 19.9998 4.99902C20.2652 4.99902 20.5197 5.10444 20.7073 5.29208C20.895 5.47972 21.0004 5.73422 21.0004 5.99958C21.0004 6.26494 20.895 6.51944 20.7073 6.70708L11.4136 15.9996L20.7073 25.2921Z"/>
+    </symbol>
+    <symbol id="nav-right" viewBox="0 0 32 32">
+      <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 K = $.append("g").attr("id", "graph0");
+  l && $.append("circle").attr("cx", S / 2).attr("cy", Y / 2).attr("r", 8).attr("fill", "red").attr("opacity", 0.9).style("pointer-events", "none").attr("class", "debug-center-marker");
+  const Q = (e.objects || []).map(
+    (f) => new Dn({
+      _gvid: f._gvid,
+      name: f.name,
+      _draw_: f._draw_,
+      _ldraw_: f._ldraw_,
+      bb: f.bb,
+      pos: f.pos,
+      // Apply custom node dimensions if provided (convert points to inches)
+      width: d !== void 0 ? String(d / 72) : f.width,
+      height: g !== void 0 ? String(g / 72) : f.height,
+      label: f.label
+    })
+  ), G = /* @__PURE__ */ new Map();
+  Q.forEach((f) => {
+    G.set(f._gvid, f);
+  });
+  const et = (e.edges || []).map((f) => {
+    const p = new ws({
+      _gvid: f._gvid,
+      name: f.name,
+      _draw_: f._draw_,
+      _ldraw_: f._ldraw_,
+      _hdraw_: f._hdraw_,
+      _tdraw_: f._tdraw_,
+      head: f.head,
+      tail: f.tail,
+      label: f.label
+    }), A = f.tail !== void 0 ? G.get(f.tail) : void 0, w = f.head !== void 0 ? G.get(f.head) : void 0;
+    return A && w && p.setNodes(A, w), p;
+  }), { nodeColumnMap: z, nodeColumns: B, edgeColumns: H } = Ns(
+    Q,
+    et
+  );
+  console.log("debug:", { nodeColumnMap: z, nodeColumns: B, edgeColumns: H }), console.log(
+    "debug: edges sorted by midpoint Y:",
+    Object.fromEntries(
+      Array.from(H.entries()).map(([f, p]) => [
+        f,
+        p.edges.map((A) => {
+          const w = A.getStartPoint(), v = A.getEndPoint(), b = w && v ? (w.y + v.y) / 2 : 0;
+          return {
+            name: A.name,
+            edgeId: A.edgeId,
+            direction: A.getDirection(),
+            startPoint: A.getStartPoint(),
+            endPoint: A.getEndPoint(),
+            midpointY: b.toFixed(2)
+          };
+        })
+      ])
+    )
+  );
+  const I = Array.from(B.keys()).sort((f, p) => f - p), Z = I.length, tt = 80;
+  let h;
+  if (x !== void 0)
+    h = x, S = (Z > 1 ? (Z - 1) * h : 0) + 2 * tt;
+  else {
+    const f = S - 2 * tt;
+    h = Z > 1 ? f / (Z - 1) : 0;
+  }
+  if (I.forEach((f, p) => {
+    const A = B.get(f);
+    if (!A) return;
+    const w = A.nodes;
+    if (w.length === 0) return;
+    console.log(
+      `Column ${f} before sort:`,
+      w.map((D) => ({
+        name: D.name,
+        isVirtual: D.virtualNode,
+        pos: D.pos
+      }))
+    );
+    const v = Z > 1 ? tt + p * h : S / 2;
+    w.sort((D, X) => {
+      const P = D.getPosition(), L = X.getPosition();
+      return !P || !L ? 0 : L[1] - P[1];
+    }), console.log(
+      `Column ${f} after sort:`,
+      w.map((D) => ({
+        name: D.name,
+        isVirtual: D.virtualNode,
+        pos: D.pos
+      }))
+    );
+    const b = 50, m = w.filter((D) => !D.virtualNode), _ = m.length;
+    if (_ === 0) {
+      let D = (Y + w.reduce((X, P) => X + P.getHeightPoints(), 0)) / 2;
+      w.forEach((X) => {
+        const P = X.getHeightPoints();
+        D -= P / 2, X.pos = `${v},${D}`, D -= P / 2;
+      });
+      return;
+    }
+    let E, W;
+    if (_ % 2 === 1) {
+      const D = Math.floor(_ / 2), X = m[D];
+      W = w.indexOf(X), E = Y / 2;
+    } else {
+      const D = _ / 2 - 1, X = _ / 2, P = m[D];
+      m[X], W = w.indexOf(P), E = Y / 2;
+    }
+    const J = w[W], nt = J.getHeightPoints();
+    J.pos = `${v},${E}`, console.log(
+      `Positioned center ${J.name} (virtual: ${J.virtualNode}) at ${J.pos}`
+    );
+    let U = E + nt / 2;
+    for (let D = W - 1; D >= 0; D--) {
+      const X = w[D], P = w[D + 1], L = X.getHeightPoints(), V = X.virtualNode || P.virtualNode ? 0 : b;
+      U += V + L / 2, X.pos = `${v},${U}`, console.log(
+        `Positioned ${X.name} (virtual: ${X.virtualNode}) at ${X.pos}, spacing: ${V}`
+      ), U += L / 2;
+    }
+    U = E - nt / 2;
+    for (let D = W + 1; D < w.length; D++) {
+      const X = w[D], P = w[D - 1], L = X.getHeightPoints(), V = X.virtualNode || P.virtualNode ? 0 : b;
+      U -= V + L / 2, X.pos = `${v},${U}`, console.log(
+        `Positioned ${X.name} (virtual: ${X.virtualNode}) at ${X.pos}, spacing: ${V}`
+      ), U -= L / 2;
+    }
+  }), x !== void 0 && $.attr("viewBox", `0 0 ${S} ${Y}`), B.forEach((f) => {
+    f.nodes.forEach((p) => {
+      const A = p.getPosition();
+      if (!A) return;
+      const [w, v] = A, b = p.getWidthPoints(), m = p.getHeightPoints(), _ = p.virtualNode;
+      if (_ && !l) return;
+      const E = K.append("g").attr("class", _ ? "node virtual-node" : "node").attr("id", p.name), W = l && _, J = p.label ? Fn(p.label) : [], nt = (P) => /^\[[^\]]+\]$/.test(P.trim()), U = [], D = [];
+      for (const P of J)
+        if (nt(P.trim()) && D.length === 0) {
+          const L = P.trim().slice(1, -1);
+          U.push(L);
+        } else
+          D.push(P);
+      if ((U.length > 0 ? D.length >= 1 : D.length >= 2) && !_) {
+        const P = m / 2, L = m / 2, V = Y - v - m / 2;
+        E.append("rect").attr("x", w - b / 2).attr("y", V).attr("width", b).attr("height", P).attr("rx", 5).attr("ry", 0).attr("fill", "#EDF2F7").attr("stroke", "#D5DFEA").attr("stroke-width", 1), E.append("rect").attr("x", w - b / 2).attr("y", V + P).attr("width", b).attr("height", L).attr("rx", 0).attr("ry", 5).attr("fill", "white").attr("stroke", "#D5DFEA").attr("stroke-width", 1);
+        const rt = E.append("rect").attr("x", w - b / 2).attr("y", V).attr("width", b).attr("height", m).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#D5DFEA").attr("stroke-width", 1), it = E.append("rect").attr("x", w - b / 2 - 4).attr("y", V - 4).attr("width", b + 8).attr("height", m + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
+        rt.style("cursor", "pointer").on("mouseenter", function() {
+          it.attr("opacity", 1);
+        }).on("mouseleave", function() {
+          it.attr("opacity", 0);
+        });
+        let q = w - b / 2 + 8;
+        const j = V + P / 2, ct = 7.2, gt = 6, at = 18, jt = 4;
+        if (U.forEach((ht) => {
+          const $t = ht.length * ct + gt * 2;
+          E.append("rect").attr("x", q).attr("y", j - at / 2).attr("width", $t).attr("height", at).attr("rx", 5).attr("ry", 5).attr("fill", "#4E1E03").attr("stroke", "#AA4E09").attr("stroke-width", 1), E.append("text").attr("x", q + gt).attr("y", j).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", "white").text(ht), q += $t + jt;
+        }), D.length > 0) {
+          const ht = w + b / 2 - 8 - q, mt = E.append("text").attr("x", q).attr("y", j).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", "#334155");
+          ke(mt, ht, D[0]);
+        }
+        const st = (U.length > 0, 1);
+        if (D.length > st) {
+          const ht = b - 16, mt = E.append("text").attr("x", w - b / 2 + 8).attr("y", V + P + L / 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", "#334155");
+          ke(mt, ht, D[st]);
+        }
+      } else {
+        const P = E.append("rect").attr("x", w - b / 2).attr("y", Y - v - m / 2).attr("width", b).attr("height", m).attr("rx", 5).attr("ry", 5).attr("fill", W ? "#FEF2F2" : "white").attr("stroke", W ? "#EF4444" : "#D5DFEA").attr("stroke-width", W ? 2 : 1);
+        if (!_) {
+          const L = E.append("rect").attr("x", w - b / 2 - 4).attr("y", Y - v - m / 2 - 4).attr("width", b + 8).attr("height", m + 8).attr("rx", 5).attr("ry", 5).attr("fill", "none").attr("stroke", "#000000").attr("stroke-width", 2).attr("opacity", 0).style("pointer-events", "none");
+          P.style("cursor", "pointer").on("mouseenter", function() {
+            L.attr("opacity", 1);
+          }).on("mouseleave", function() {
+            L.attr("opacity", 0);
+          });
+        }
+        if (p.label) {
+          if (_)
+            E.append("text").attr("x", w).attr("y", Y - v).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-family", "Inter, Helvetica, Arial").attr("font-size", "10px").attr("fill", "#991B1B").text(
+              p.label.length > 20 ? p.label.slice(0, 20) + "..." : p.label
+            );
+          else if (J.length === 1) {
+            const L = b - 16, V = E.append("text").attr("x", w - b / 2 + 8).attr("y", Y - v).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", "#334155");
+            ke(V, L, J[0]);
+          }
+        }
+      }
+      !p.label && p._ldraw_ && p._ldraw_.length > 0 && !_ && p._ldraw_.forEach((P) => {
+        P.op === "T" && P.text && E.append("text").attr("x", w - b / 2 + 8).attr("y", Y - v).attr("text-anchor", "start").attr("dominant-baseline", "middle").attr("font-family", P.face || "Inter, Helvetica, Arial").attr("font-size", `${P.size || 11}px`).attr("fill", P.color || "#334155").text(P.text);
+      });
+    });
+  }), o) {
+    $s(B, Y), ks(et, H), console.log(
+      "debug: base edges selected:",
+      Object.fromEntries(
+        Array.from(H.entries()).map(([m, _]) => {
+          var E, W;
+          return [
+            m,
+            {
+              baseEdge: (E = _.baseEdge) == null ? void 0 : E.name,
+              baseEdgeId: (W = _.baseEdge) == null ? void 0 : W.edgeId,
+              baseEdgeIndex: _.baseEdgeIndex,
+              totalEdges: _.edges.length,
+              depth0Edges: _.edges.filter((J) => J.depth === 0).length
+            }
+          ];
+        })
+      )
+    );
+    const f = s.loopRadius, p = s.edgeSpacing, A = s.labelHeight;
+    H.forEach((m) => {
+      const _ = m.edges;
+      if (_.length === 0) return;
+      const E = m.baseEdge, W = m.baseEdgeIndex;
+      if (!E || W < 0) return;
+      const J = E.getStartPoint(), nt = E.getEndPoint();
+      if (!J || !nt) return;
+      const U = Y - J.y, D = Y - nt.y;
+      E.midY = (U + D) / 2;
+      const X = oe(
+        E,
+        Y,
+        void 0,
+        s
+      );
+      X && (E.midY = X.midY, E.orthogonalPathPoints = X.points), m.aboveY = E.midY, m.belowY = E.midY;
+      for (let P = W - 1; P >= 0; P--) {
+        const L = _[P];
+        if (L.depth !== 0) continue;
+        if (L.getDirection() === "self") {
+          const j = L.getStartPoint();
+          j && (L.midY = Y - j.y - f);
+          continue;
+        }
+        const rt = L.label ? p + A : p;
+        L.midY = m.aboveY - rt, m.aboveY = L.midY, L.baseDirection = "above", L.baseOffset = -(W - P);
+        const it = P < _.length - 1 ? _[P + 1] : void 0, q = oe(
+          L,
+          Y,
+          it,
+          s
+        );
+        q && (L.midY = q.midY, L.orthogonalPathPoints = q.points, m.aboveY = L.midY);
+      }
+      for (let P = W + 1; P < _.length; P++) {
+        const L = _[P];
+        if (L.depth !== 0) continue;
+        if (L.getDirection() === "self") {
+          const j = L.getStartPoint();
+          j && (L.midY = Y - j.y - f);
+          continue;
+        }
+        const rt = L.label ? p + A : p;
+        L.midY = m.belowY + rt, m.belowY = L.midY, L.baseDirection = "below", L.baseOffset = P - W;
+        const it = P > 0 ? _[P - 1] : void 0, q = oe(
+          L,
+          Y,
+          it,
+          s
+        );
+        q && (L.midY = q.midY, L.orthogonalPathPoints = q.points, m.belowY = L.midY);
+      }
+    });
+    const w = [];
+    H.forEach((m) => {
+      const _ = m.edges;
+      _.length === 0 || m.baseEdge || !_.every((W) => W.depth > 0) || _.forEach((W) => {
+        if (W.getDirection() !== "self")
+          w.push(W);
+        else {
+          const J = W.getStartPoint();
+          J && (W.midY = Y - J.y - f);
+        }
+      });
+    }), w.sort((m, _) => m.depth - _.depth), console.log("Processing deep edges by depth:", {
+      totalEdges: w.length,
+      depths: [...new Set(w.map((m) => m.depth))].sort((m, _) => m - _)
+    });
+    let v = 1 / 0, b = -1 / 0;
+    H.forEach((m) => {
+      m.aboveY !== 0 && (v = Math.min(v, m.aboveY)), m.belowY !== 0 && (b = Math.max(b, m.belowY));
+    }), B.forEach((m) => {
+      m.aboveY !== 0 && (v = Math.min(v, m.aboveY)), m.belowY !== 0 && (b = Math.max(b, m.belowY));
+    }), console.log("Global bounds before deep edges:", {
+      globalAboveY: v,
+      globalBelowY: b
+    }), w.forEach((m) => {
+      if (!m.sourceNode || !m.targetNode) return;
+      const _ = z.get(m.sourceNode._gvid), E = z.get(m.targetNode._gvid);
+      if (_ === void 0 || E === void 0) return;
+      const W = Math.min(_, E), J = Math.max(_, E), nt = [];
+      for (let j = W; j <= J; j++) {
+        const ct = B.get(j);
+        ct && nt.push(...ct.nodes);
+      }
+      const U = nt.map((j) => {
+        const ct = j.getPosition();
+        if (!ct) return null;
+        const gt = Y - ct[1], at = j.height ? parseFloat(j.height) * 72 : 40;
+        return { y: gt, height: at, bottomY: gt + at / 2 };
+      }).filter(
+        (j) => j !== null
+      ).sort((j, ct) => j.y - ct.y);
+      let D;
+      if (U.length === 0)
+        D = (v + b) / 2;
+      else if (U.length % 2 === 1)
+        D = U[Math.floor(U.length / 2)].bottomY;
+      else {
+        const j = U.length / 2;
+        D = (U[j - 1].bottomY + U[j].bottomY) / 2;
+      }
+      const X = m.getStartPoint(), P = m.getEndPoint(), V = (X && P ? Y - (X.y + P.y) / 2 : D) < D ? "above" : "below";
+      m.baseDirection = V;
+      const rt = m.label ? p + A : p;
+      let it;
+      V === "above" ? (m.midY = v - rt, it = v, v = m.midY) : (m.midY = b + rt, it = b, b = m.midY), console.log("Placed deep edge:", {
+        edgeId: m.edgeId,
+        depth: m.depth,
+        direction: V,
+        midY: m.midY,
+        centerNodeBottomY: D,
+        globalAboveY: v,
+        globalBelowY: b
+      });
+      const q = oe(
+        m,
+        Y,
+        { midY: it },
+        s
+      );
+      q && (m.midY = q.midY, m.orthogonalPathPoints = q.points, V === "above" ? v = Math.min(v, q.midY) : b = Math.max(b, q.midY));
+    });
+  }
+  const k = et.map((f) => f.edgeId).filter((f) => f !== void 0), y = k.length > 0 ? Math.min(...k) : 0, C = k.length > 0 ? Math.max(...k) : 0, T = Xe().scaleExtent([0.1, xs(t, S, c)]).on("zoom", (f) => {
+    const p = f.transform;
+    console.log("zoom event:", { x: p.x, y: p.y, k: p.k, isNaN: isNaN(p.x) || isNaN(p.y) || isNaN(p.k) }), !isNaN(p.x) && !isNaN(p.y) && !isNaN(p.k) && K.attr("transform", p.toString());
+  });
+  if ($.call(T), et.forEach((f) => {
+    if (r != null) {
+      if (i) {
+        if (f.depth > r) return;
+      } else if (f.depth !== r) return;
+    }
+    Cs(
+      f,
+      K,
+      Y,
+      s,
+      o,
+      y,
+      C,
+      T,
+      $,
+      t,
+      S,
+      Y,
+      a,
+      u,
+      l
+    );
+  }), l) {
+    const f = K.node();
+    if (f) {
+      const p = f.getBBox(), A = p.x + p.width / 2, w = p.y + p.height / 2;
+      K.append("rect").attr("x", p.x).attr("y", p.y).attr("width", p.width).attr("height", p.height).attr("fill", "none").attr("stroke", "yellow").attr("stroke-width", 3).attr("opacity", 0.8).style("pointer-events", "none").attr("class", "debug-root-border"), K.append("circle").attr("cx", A).attr("cy", w).attr("r", 10).attr("fill", "yellow").attr("stroke", "orange").attr("stroke-width", 2).attr("opacity", 0.9).style("pointer-events", "none").attr("class", "debug-geometric-center");
+    }
+  }
+  const R = K.node();
+  if (R) {
+    const f = R.getBBox(), p = 0.9 * S / f.width, A = f.x + f.width / 2, w = f.y + f.height / 2, v = S / 2 - A * p, b = Y / 2 - w * p;
+    $.call(
+      T.transform,
+      Nt.translate(v, b).scale(p)
+    );
+  }
+  return {
+    zoomBehavior: T,
+    svgElement: $.node(),
+    gElement: K.node(),
+    baseFontSize: c,
+    viewBoxWidth: S
+  };
+}
+function Mt(t, e, n) {
+  let r = "#000000", i = "#000000", s = "#000000";
+  e.forEach((o) => {
+    switch (o.op) {
+      case "c":
+        o.color && (r = o.color);
+        break;
+      case "C":
+        o.color && (i = o.color);
+        break;
+      case "F":
+        o.color && (s = o.color);
+        break;
+      case "T":
+        o.pt && o.text && t.append("text").attr("x", o.pt[0]).attr("y", n - o.pt[1]).attr(
+          "text-anchor",
+          o.align === "l" ? "start" : o.align === "r" ? "end" : "middle"
+        ).attr("font-family", o.face || "Inter, Helvetica, Arial").attr("font-size", `${o.size || 12}px`).attr("fill", o.color || s).text(o.text);
+        break;
+      case "p":
+        if (o.points) {
+          const c = o.points.map(([l, a]) => [l, n - a]);
+          t.append("polygon").attr("points", c.map((l) => l.join(",")).join(" ")).attr("fill", i).attr("stroke", r);
+        }
+        break;
+      case "P":
+        if (o.points) {
+          const c = o.points.map(([l, a]) => [l, n - a]);
+          t.append("polygon").attr("points", c.map((l) => l.join(",")).join(" ")).attr("fill", "none").attr("stroke", r);
+        }
+        break;
+      case "e":
+        if (o.rect) {
+          const [c, l, a, u] = o.rect;
+          t.append("ellipse").attr("cx", c).attr("cy", n - l).attr("rx", a).attr("ry", u).attr("fill", i).attr("stroke", r);
+        }
+        break;
+      case "E":
+        if (o.rect) {
+          const [c, l, a, u] = o.rect;
+          t.append("ellipse").attr("cx", c).attr("cy", n - l).attr("rx", a).attr("ry", u).attr("fill", "none").attr("stroke", r);
+        }
+        break;
+      case "b":
+        if (o.points) {
+          const c = o.points.map(([a, u]) => [a, n - u]), l = `M${c[0][0]},${c[0][1]} C${c.slice(1).map((a) => `${a[0]},${a[1]}`).join(" ")}`;
+          t.append("path").attr("d", l).attr("fill", "none").attr("stroke", r).attr("stroke-width", 1);
+        }
+        break;
+      case "B":
+        if (o.points) {
+          const c = o.points.map(([a, u]) => [a, n - u]), l = `M${c[0][0]},${c[0][1]} C${c.slice(1).map((a) => `${a[0]},${a[1]}`).join(" ")}`;
+          t.append("path").attr("d", l).attr("fill", i).attr("stroke", r).attr("stroke-width", 1);
+        }
+        break;
+      case "L":
+        if (o.points) {
+          const l = `M${o.points.map(([a, u]) => [a, n - u]).map((a) => `${a[0]},${a[1]}`).join(" L")}`;
+          t.append("path").attr("d", l).attr("fill", "none").attr("stroke", r).attr("stroke-width", 1);
+        }
+        break;
+    }
+  });
+}
+function As(t, e, n = 14) {
+  var x;
+  t.innerHTML = "";
+  const r = ((x = e.bb) == null ? void 0 : x.split(",").map(Number)) || [0, 0, 1e3, 800], [, , i, s] = r, o = ot(t).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${i} ${s}`).style("background", "white");
+  o.append("defs").html(`
+    <style>
+      .node rect, .node ellipse, .node polygon {
+        cursor: pointer;
+      }
+      .edge {
+        cursor: pointer;
+      }
+    </style>
+  `);
+  const c = o.append("g").attr("id", "graph0");
+  (e.objects || []).forEach((N) => {
+    const S = c.append("g").attr("class", "node").attr("id", N.name);
+    N._draw_ && Mt(S, N._draw_, s), N._ldraw_ && Mt(S, N._ldraw_, s);
+  }), (e.edges || []).forEach((N) => {
+    const S = c.append("g").attr("class", "edge").attr("id", `edge_${N._gvid}`);
+    N._draw_ && Mt(S, N._draw_, s), N._hdraw_ && Mt(S, N._hdraw_, s), N._tdraw_ && Mt(S, N._tdraw_, s), N._ldraw_ && Mt(S, N._ldraw_, s);
+  });
+  const u = Xe().scaleExtent([0.1, 10]).on("zoom", (N) => {
+    c.attr("transform", N.transform.toString());
+  });
+  o.call(u);
+  const d = t.clientWidth || 800, g = n * (d / i);
+  return {
+    zoomBehavior: u,
+    svgElement: o.node(),
+    gElement: c.node(),
+    baseFontSize: g,
+    viewBoxWidth: i
+  };
+}
+function Ms() {
+  const t = lt(null), e = lt(null), [n, r] = Ge(!1), [i, s] = Ge(null), o = be(() => {
+    const a = new Worker(
+      new URL(
+        /* @vite-ignore */
+        "/assets/graphvizWorker-Bbv8iQW7.js",
+        import.meta.url
+      ),
+      { type: "module" }
+    );
+    return a.onmessage = (u) => {
+      const { id: d, success: g, json: x, error: N } = u.data;
+      if (e.current && e.current.id === d) {
+        if (r(!1), g && x)
+          e.current.resolve(x);
+        else {
+          const S = new Error(N || "Unknown worker error");
+          s(S.message), e.current.reject(S);
+        }
+        e.current = null;
+      }
+    }, a.onerror = (u) => {
+      r(!1);
+      const d = new Error(`Worker error: ${u.message}`);
+      s(d.message), e.current && (e.current.reject(d), e.current = null);
+    }, a;
+  }, []);
+  Ce(() => (t.current = o(), () => {
+    var a;
+    (a = t.current) == null || a.terminate(), t.current = null;
+  }), [o]);
+  const c = be((a) => new Promise((u, d) => {
+    if (!t.current) {
+      d(new Error("Worker not initialized"));
+      return;
+    }
+    e.current && e.current.reject(new Error("Request cancelled"));
+    const g = Math.random().toString(36).slice(2);
+    e.current = { id: g, resolve: u, reject: d }, r(!0), s(null);
+    const x = { id: g, dot: a };
+    t.current.postMessage(x);
+  }), []), l = be(() => {
+    e.current && (console.warn("Graphviz worker: Request cancelled by user"), e.current.reject(new Error("Cancelled by user")), e.current = null, r(!1)), t.current && (t.current.terminate(), t.current = o());
+  }, [o]);
+  return { layout: c, cancel: l, isLoading: n, error: i };
+}
+function zs({ onCancel: t }) {
+  return /* @__PURE__ */ Et("div", { className: "absolute inset-0 bg-gray-900/80 flex flex-col items-center justify-center z-40", children: /* @__PURE__ */ ue("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ Et("div", { className: "w-12 h-12 border-4 border-blue-500/30 border-t-blue-500 rounded-full animate-spin" }),
+    /* @__PURE__ */ ue("div", { className: "text-center", children: [
+      /* @__PURE__ */ Et("p", { className: "text-white font-medium mb-1", children: "Processing layout..." }),
+      /* @__PURE__ */ Et("p", { className: "text-gray-400 text-sm", children: "This may take a while for large graphs" })
+    ] }),
+    /* @__PURE__ */ Et(
+      "button",
+      {
+        onClick: t,
+        className: "mt-2 px-4 py-2 rounded-lg bg-red-600/80 text-white hover:bg-red-600 transition-colors text-sm",
+        children: "Cancel"
+      }
+    )
+  ] }) });
+}
+const Bs = Hn(function({
+  dotString: e,
+  nodeMapping: n = {},
+  svgFontSize: r = 14,
+  loadingIndicator: i,
+  onSuccess: s,
+  onError: o,
+  onZoom: c,
+  onRenderProgress: l,
+  className: a = "",
+  showLoading: u = !0,
+  debug: d = !1,
+  selectedEdgeId: g = null,
+  onEdgeSelect: x,
+  useNativeRendering: N = !1,
+  nodeWidth: S = 240,
+  nodeHeight: Y = 64,
+  nodeColumnSpacing: $ = 800
+}, K) {
+  const O = lt(null), { layout: Q, cancel: G, isLoading: F, error: et } = Ms(), z = lt(null), B = lt(null), H = lt(null), I = lt(14), Z = lt(1e3), tt = lt(!1), h = lt(null), k = lt(null), y = lt(null), C = lt(null), T = lt(x);
+  return T.current = x, Wn(K, () => ({
+    zoomIn: (R = 10) => {
+      var b, m;
+      if (!z.current || !B.current || !H.current) return;
+      const M = Vt(H.current), f = 1 + R / 100, p = M.k * f, A = ot(B.current), w = ((b = O.current) == null ? void 0 : b.clientWidth) || 1, v = ((m = O.current) == null ? void 0 : m.clientHeight) || 1;
+      A.transition().duration(300).call(
+        z.current.scaleTo,
+        p,
+        [w / 2, v / 2]
+      );
+    },
+    zoomOut: (R = 10) => {
+      var b, m;
+      if (!z.current || !B.current || !H.current) return;
+      const M = Vt(H.current), f = 1 - R / 100, p = Math.max(0.1, M.k * f), A = ot(B.current), w = ((b = O.current) == null ? void 0 : b.clientWidth) || 1, v = ((m = O.current) == null ? void 0 : m.clientHeight) || 1;
+      A.transition().duration(300).call(
+        z.current.scaleTo,
+        p,
+        [w / 2, v / 2]
+      );
+    },
+    toggleZoom: () => {
+      var ct, gt;
+      if (!z.current || !B.current || !H.current) return;
+      const R = ot(B.current), M = ((ct = O.current) == null ? void 0 : ct.clientWidth) || 1;
+      (gt = O.current) != null && gt.clientHeight;
+      const f = I.current, p = B.current.getAttribute("viewBox");
+      if (!p) return;
+      const [, , A, w] = p.split(" ").map(Number);
+      if (isNaN(A) || isNaN(w))
+        return;
+      if (!k.current) {
+        const at = H.current.getBBox();
+        k.current = { x: at.x, y: at.y, width: at.width, height: at.height };
+      }
+      const v = k.current;
+      if (console.log("rootBBox:", v), isNaN(v.x) || isNaN(v.y) || isNaN(v.width) || isNaN(v.height)) {
+        console.error("rootBBox contains NaN values, recalculating...");
+        const at = H.current.getBBox();
+        k.current = { x: at.x, y: at.y, width: at.width, height: at.height };
+      }
+      const b = v.x + v.width / 2, m = v.y + v.height / 2, _ = M / A, E = 0.9 * A / v.width, W = f * _ * E, nt = 16 / (f * _), U = f * _ * nt, D = Math.min(E, nt), X = Math.max(E, nt), P = Vt(B.current), L = f * _ * P.k;
+      console.log("toggleZoom debug:", {
+        currentState: tt.current ? "zoomedIn" : "zoomedOut",
+        currentScale: P.k,
+        currentFontSize: L,
+        overviewScale: E,
+        overviewFontSize: W,
+        detailScale: nt,
+        detailFontSize: U,
+        zoomOutScale: D,
+        zoomInScale: X
+      });
+      let V;
+      tt.current ? (V = D, tt.current = !1) : (V = X, h.current = Vt(B.current), tt.current = !0), console.log("toggleZoom target:", {
+        targetScale: V,
+        targetFontSize: f * _ * V,
+        newState: tt.current ? "zoomedIn" : "zoomedOut"
+      });
+      const rt = A / 2 - b * V, it = w / 2 - m * V, q = Nt.translate(rt, it).scale(V);
+      console.log("newTransform:", { x: q.x, y: q.y, k: q.k }), ot(H.current).transition().duration(500).attr("transform", q.toString()).on("end", () => {
+        R.call(z.current.transform, q);
+      });
+    },
+    stopRendering: () => {
+      C.current && (clearInterval(C.current), C.current = null), y.current = null, G(), O.current && (O.current.innerHTML = ""), tt.current = !1, h.current = null;
+    }
+  }), [G]), Ce(() => {
+    if (!e || !O.current) return;
+    let R = !1;
+    return y.current = Date.now(), l && (C.current = setInterval(() => {
+      if (y.current) {
+        const M = Date.now() - y.current;
+        l(M);
+      }
+    }, 100)), Q(e).then((M) => {
+      var p;
+      if (R) return;
+      const f = JSON.parse(M);
+      if (O.current) {
+        let A = r;
+        if (f.objects) {
+          for (const v of f.objects)
+            if (v._ldraw_)
+              for (const b of v._ldraw_)
+                b.size && b.size > A && (A = b.size);
+        }
+        let w;
+        if (N ? w = As(
+          O.current,
+          f,
+          A
+        ) : w = Ss(
+          O.current,
+          f,
+          n,
+          null,
+          // maxDepth - always show all
+          !0,
+          // includeLesserDepths - always true
+          ys(),
+          // Use default layout config
+          !0,
+          // useOrthogonalRendering - always true
+          A,
+          d,
+          null,
+          // selectedEdgeId - handle selection separately via useEffect
+          (v) => {
+            var b;
+            return (b = T.current) == null ? void 0 : b.call(T, v);
+          },
+          // Use ref for callback
+          S,
+          Y,
+          $
+        ), z.current = w.zoomBehavior, B.current = w.svgElement, H.current = w.gElement, I.current = w.baseFontSize, Z.current = w.viewBoxWidth, H.current) {
+          const v = H.current.getBBox();
+          k.current = { x: v.x, y: v.y, width: v.width, height: v.height };
+          const b = Z.current, m = ((p = O.current) == null ? void 0 : p.clientWidth) || 1, _ = I.current, E = m / b, W = 0.9 * b / v.width, J = 16 / (_ * E);
+          tt.current = W >= J;
+        }
+        if (h.current = null, C.current && (clearInterval(C.current), C.current = null), y.current = null, c) {
+          const v = O.current.querySelector("svg"), b = v == null ? void 0 : v.querySelector("#graph0");
+          if (v && b) {
+            const m = A, _ = v.getAttribute("viewBox");
+            let E = 1e3;
+            if (_) {
+              const [, , U] = _.split(" ").map(Number);
+              U && (E = U);
+            }
+            const W = () => {
+              var V;
+              const U = b.getAttribute("transform");
+              let D = 1;
+              if (U) {
+                const rt = U.match(/scale\(([^,)]+)/);
+                if (rt) {
+                  const it = parseFloat(rt[1]);
+                  isNaN(it) || (D = it);
+                } else {
+                  const it = U.match(/matrix\(([^,)]+)/);
+                  if (it) {
+                    const q = parseFloat(it[1]);
+                    isNaN(q) || (D = q);
+                  }
+                }
+              }
+              const P = (((V = O.current) == null ? void 0 : V.clientWidth) || 1) / E, L = m * P * D;
+              !isNaN(L) && !isNaN(D) && c({ baseFontSize: m, actualFontSize: L, scale: D });
+            };
+            W();
+            const J = new MutationObserver(W);
+            J.observe(b, {
+              attributes: !0,
+              attributeFilter: ["transform"]
+            });
+            const nt = () => W();
+            return window.addEventListener("resize", nt), () => {
+              J.disconnect(), window.removeEventListener("resize", nt);
+            };
+          }
+        }
+      }
+      s == null || s(f);
+    }).catch((M) => {
+      R || (C.current && (clearInterval(C.current), C.current = null), y.current = null, M.message !== "Cancelled by user" && M.message !== "Request cancelled" && (console.error("GraphvizRenderer error:", M), O.current && (O.current.innerHTML = `<div style="padding: 1rem; color: #ef4444"><strong>Error rendering graph:</strong> ${M.message}</div>`), o == null || o(M instanceof Error ? M : new Error(String(M)))));
+    }), () => {
+      R = !0, C.current && (clearInterval(C.current), C.current = null), y.current = null, G();
+    };
+  }, [
+    e,
+    n,
+    r,
+    l,
+    d,
+    N,
+    S,
+    Y,
+    $
+  ]), Ce(() => {
+    var M;
+    if (N || !O.current) return;
+    const R = O.current.querySelector("svg");
+    if (R && (R.querySelectorAll("g.edge.selected").forEach((f) => {
+      f.classList.remove("selected"), f.querySelectorAll(".close-btn, .close-btn-bg").forEach((p) => p.remove());
+    }), g != null)) {
+      const f = R.querySelector(`g.edge[data-edge-id="${g}"]`);
+      if (f) {
+        f.classList.add("selected"), (M = f.parentNode) == null || M.appendChild(f);
+        const p = f.querySelector(".label-bg");
+        if (p && x) {
+          p.getBoundingClientRect();
+          const A = f.querySelector(".label-text");
+          if (A) {
+            const w = A.getAttribute("y"), v = parseFloat(p.getAttribute("x") || "0"), b = parseFloat(p.getAttribute("width") || "0"), m = v + b + 16;
+            if (!f.querySelector(".close-btn")) {
+              const _ = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+              _.setAttribute("class", "close-btn-bg"), _.setAttribute("cx", String(m)), _.setAttribute("cy", w || "0"), _.setAttribute("r", "8"), _.setAttribute("fill", "white"), _.setAttribute("stroke", "#d0d0d0"), _.setAttribute("stroke-width", "1"), _.style.cursor = "pointer";
+              const E = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              E.setAttribute("class", "close-btn"), E.setAttribute("x", String(m)), E.setAttribute("y", w || "0"), E.setAttribute("text-anchor", "middle"), E.setAttribute("dominant-baseline", "central"), E.setAttribute("font-family", "Arial"), E.setAttribute("font-size", "12px"), E.setAttribute("font-weight", "bold"), E.setAttribute("fill", "#888"), E.style.cursor = "pointer", E.textContent = "✕";
+              const W = (J) => {
+                J.stopPropagation(), x(null);
+              };
+              _.addEventListener("click", W), E.addEventListener("click", W), f.appendChild(_), f.appendChild(E);
+            }
+          }
+        }
+      }
+    }
+  }, [g, x, N]), /* @__PURE__ */ ue("div", { className: `graphviz-renderer ${a}`.trim(), style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ Et("div", { ref: O, style: { width: "100%", height: "100%" } }),
+    F && u && (i ?? /* @__PURE__ */ Et(zs, { onCancel: G })),
+    et && !F && /* @__PURE__ */ ue("div", { style: { padding: "1rem", color: "#ef4444" }, children: [
+      /* @__PURE__ */ Et("strong", { children: "Error:" }),
+      " ",
+      et
+    ] })
+  ] });
+});
+export {
+  ve as DEFAULT_LAYOUT_CONFIG,
+  Bs as GraphvizRenderer,
+  Ys as LARGE_GRAPH_THRESHOLD,
+  zs as WorkerLoadingIndicator,
+  ys as createLayoutConfig,
+  Ss as renderCustomGraph,
+  Ts as setupZoomPan,
+  Ms as useGraphvizWorker
+};