@avodado/render 0.1.0 → 0.1.2

package/dist/index.js

@@ -14,8 +14,8 @@ html{scroll-behavior:smooth;}
   --positive:#3f7d4e; --positive-soft:#e3efe2; --negative:#a13b2e; --negative-soft:#f4e0db;
   --purple:#5b4a8a; --purple-soft:#ebe6f3; --teal:#2f6f6a; --teal-soft:#e0eeec; --white:#fcfbf7;
   --radius:4px;
-  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
-  --font-body:Georgia,"Iowan Old Style",Palatino,"Times New Roman",serif;
+  --font-display:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
+  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
   --font-mono:"SF Mono",ui-monospace,Menlo,Consolas,"Courier New",monospace;
 }
 body{background:var(--white);color:var(--charcoal);font-family:var(--font-body);font-size:15px;line-height:1.6;}
@@ -414,67 +414,1746 @@ function renderCallout(data) {
   return `<div class="callout ${tone}"><div class="callout-title">${escapeHtml(title)}</div><div class="callout-body">${escapeHtml(body)}</div></div>`;
 }
 
+// ../../node_modules/.pnpm/@dagrejs+dagre@3.0.0/node_modules/@dagrejs/dagre/dist/dagre.esm.js
+var ge = Object.defineProperty;
+var hn = (e, n, t) => n in e ? ge(e, n, { enumerable: true, configurable: true, writable: true, value: t }) : e[n] = t;
+var fn = (e, n) => {
+  for (var t in n) ge(e, t, { get: n[t], enumerable: true });
+};
+var pe = (e, n, t) => hn(e, n + "" , t);
+var z = {};
+fn(z, { Graph: () => p, alg: () => R, json: () => ye, version: () => pn });
+var bn = Object.defineProperty;
+var Le = (e, n) => {
+  for (var t in n) bn(e, t, { get: n[t], enumerable: true });
+};
+var p = class {
+  constructor(e) {
+    this._isDirected = true, this._isMultigraph = false, this._isCompound = false, this._nodes = {}, this._in = {}, this._preds = {}, this._out = {}, this._sucs = {}, this._edgeObjs = {}, this._edgeLabels = {}, this._nodeCount = 0, this._edgeCount = 0, this._defaultNodeLabelFn = () => {
+    }, this._defaultEdgeLabelFn = () => {
+    }, e && (this._isDirected = "directed" in e ? e.directed : true, this._isMultigraph = "multigraph" in e ? e.multigraph : false, this._isCompound = "compound" in e ? e.compound : false), this._isCompound && (this._parent = {}, this._children = {}, this._children["\0"] = {});
+  }
+  isDirected() {
+    return this._isDirected;
+  }
+  isMultigraph() {
+    return this._isMultigraph;
+  }
+  isCompound() {
+    return this._isCompound;
+  }
+  setGraph(e) {
+    return this._label = e, this;
+  }
+  graph() {
+    return this._label;
+  }
+  setDefaultNodeLabel(e) {
+    return typeof e != "function" ? this._defaultNodeLabelFn = () => e : this._defaultNodeLabelFn = e, this;
+  }
+  nodeCount() {
+    return this._nodeCount;
+  }
+  nodes() {
+    return Object.keys(this._nodes);
+  }
+  sources() {
+    return this.nodes().filter((e) => Object.keys(this._in[e]).length === 0);
+  }
+  sinks() {
+    return this.nodes().filter((e) => Object.keys(this._out[e]).length === 0);
+  }
+  setNodes(e, n) {
+    return e.forEach((t) => {
+      n !== void 0 ? this.setNode(t, n) : this.setNode(t);
+    }), this;
+  }
+  setNode(e, n) {
+    return e in this._nodes ? (arguments.length > 1 && (this._nodes[e] = n), this) : (this._nodes[e] = arguments.length > 1 ? n : this._defaultNodeLabelFn(e), this._isCompound && (this._parent[e] = "\0", this._children[e] = {}, this._children["\0"][e] = true), this._in[e] = {}, this._preds[e] = {}, this._out[e] = {}, this._sucs[e] = {}, ++this._nodeCount, this);
+  }
+  node(e) {
+    return this._nodes[e];
+  }
+  hasNode(e) {
+    return e in this._nodes;
+  }
+  removeNode(e) {
+    if (e in this._nodes) {
+      let n = (t) => this.removeEdge(this._edgeObjs[t]);
+      delete this._nodes[e], this._isCompound && (this._removeFromParentsChildList(e), delete this._parent[e], this.children(e).forEach((t) => {
+        this.setParent(t);
+      }), delete this._children[e]), Object.keys(this._in[e]).forEach(n), delete this._in[e], delete this._preds[e], Object.keys(this._out[e]).forEach(n), delete this._out[e], delete this._sucs[e], --this._nodeCount;
+    }
+    return this;
+  }
+  setParent(e, n) {
+    if (!this._isCompound) throw new Error("Cannot set parent in a non-compound graph");
+    if (n === void 0) n = "\0";
+    else {
+      n += "";
+      for (let t = n; t !== void 0; t = this.parent(t)) if (t === e) throw new Error("Setting " + n + " as parent of " + e + " would create a cycle");
+      this.setNode(n);
+    }
+    return this.setNode(e), this._removeFromParentsChildList(e), this._parent[e] = n, this._children[n][e] = true, this;
+  }
+  parent(e) {
+    if (this._isCompound) {
+      let n = this._parent[e];
+      if (n !== "\0") return n;
+    }
+  }
+  children(e = "\0") {
+    if (this._isCompound) {
+      let n = this._children[e];
+      if (n) return Object.keys(n);
+    } else {
+      if (e === "\0") return this.nodes();
+      if (this.hasNode(e)) return [];
+    }
+    return [];
+  }
+  predecessors(e) {
+    let n = this._preds[e];
+    if (n) return Object.keys(n);
+  }
+  successors(e) {
+    let n = this._sucs[e];
+    if (n) return Object.keys(n);
+  }
+  neighbors(e) {
+    let n = this.predecessors(e);
+    if (n) {
+      let t = new Set(n);
+      for (let r of this.successors(e)) t.add(r);
+      return Array.from(t.values());
+    }
+  }
+  isLeaf(e) {
+    let n;
+    return this.isDirected() ? n = this.successors(e) : n = this.neighbors(e), n.length === 0;
+  }
+  filterNodes(e) {
+    let n = new this.constructor({ directed: this._isDirected, multigraph: this._isMultigraph, compound: this._isCompound });
+    n.setGraph(this.graph()), Object.entries(this._nodes).forEach(([o, i]) => {
+      e(o) && n.setNode(o, i);
+    }), Object.values(this._edgeObjs).forEach((o) => {
+      n.hasNode(o.v) && n.hasNode(o.w) && n.setEdge(o, this.edge(o));
+    });
+    let t = {}, r = (o) => {
+      let i = this.parent(o);
+      return !i || n.hasNode(i) ? (t[o] = i != null ? i : void 0, i != null ? i : void 0) : i in t ? t[i] : r(i);
+    };
+    return this._isCompound && n.nodes().forEach((o) => n.setParent(o, r(o))), n;
+  }
+  setDefaultEdgeLabel(e) {
+    return typeof e != "function" ? this._defaultEdgeLabelFn = () => e : this._defaultEdgeLabelFn = e, this;
+  }
+  edgeCount() {
+    return this._edgeCount;
+  }
+  edges() {
+    return Object.values(this._edgeObjs);
+  }
+  setPath(e, n) {
+    return e.reduce((t, r) => (n !== void 0 ? this.setEdge(t, r, n) : this.setEdge(t, r), r)), this;
+  }
+  setEdge(e, n, t, r) {
+    let o, i, s, a, d = false;
+    typeof e == "object" && e !== null && "v" in e ? (o = e.v, i = e.w, s = e.name, arguments.length === 2 && (a = n, d = true)) : (o = e, i = n, s = r, arguments.length > 2 && (a = t, d = true)), o = "" + o, i = "" + i, s !== void 0 && (s = "" + s);
+    let l = C(this._isDirected, o, i, s);
+    if (l in this._edgeLabels) return d && (this._edgeLabels[l] = a), this;
+    if (s !== void 0 && !this._isMultigraph) throw new Error("Cannot set a named edge when isMultigraph = false");
+    this.setNode(o), this.setNode(i), this._edgeLabels[l] = d ? a : this._defaultEdgeLabelFn(o, i, s);
+    let u = gn(this._isDirected, o, i, s);
+    return o = u.v, i = u.w, Object.freeze(u), this._edgeObjs[l] = u, me(this._preds[i], o), me(this._sucs[o], i), this._in[i][l] = u, this._out[o][l] = u, this._edgeCount++, this;
+  }
+  edge(e, n, t) {
+    let r = arguments.length === 1 ? Y(this._isDirected, e) : C(this._isDirected, e, n, t);
+    return this._edgeLabels[r];
+  }
+  edgeAsObj(e, n, t) {
+    let r = arguments.length === 1 ? this.edge(e) : this.edge(e, n, t);
+    return typeof r != "object" ? { label: r } : r;
+  }
+  hasEdge(e, n, t) {
+    return (arguments.length === 1 ? Y(this._isDirected, e) : C(this._isDirected, e, n, t)) in this._edgeLabels;
+  }
+  removeEdge(e, n, t) {
+    let r = arguments.length === 1 ? Y(this._isDirected, e) : C(this._isDirected, e, n, t), o = this._edgeObjs[r];
+    if (o) {
+      let i = o.v, s = o.w;
+      delete this._edgeLabels[r], delete this._edgeObjs[r], Ee(this._preds[s], i), Ee(this._sucs[i], s), delete this._in[s][r], delete this._out[i][r], this._edgeCount--;
+    }
+    return this;
+  }
+  inEdges(e, n) {
+    return this.isDirected() ? this.filterEdges(this._in[e], e, n) : this.nodeEdges(e, n);
+  }
+  outEdges(e, n) {
+    return this.isDirected() ? this.filterEdges(this._out[e], e, n) : this.nodeEdges(e, n);
+  }
+  nodeEdges(e, n) {
+    if (e in this._nodes) return this.filterEdges({ ...this._in[e], ...this._out[e] }, e, n);
+  }
+  _removeFromParentsChildList(e) {
+    delete this._children[this._parent[e]][e];
+  }
+  filterEdges(e, n, t) {
+    if (!e) return;
+    let r = Object.values(e);
+    return t ? r.filter((o) => o.v === n && o.w === t || o.v === t && o.w === n) : r;
+  }
+};
+function me(e, n) {
+  e[n] ? e[n]++ : e[n] = 1;
+}
+function Ee(e, n) {
+  e[n] !== void 0 && !--e[n] && delete e[n];
+}
+function C(e, n, t, r) {
+  let o = "" + n, i = "" + t;
+  if (!e && o > i) {
+    let s = o;
+    o = i, i = s;
+  }
+  return o + "
" + i + "
" + (r === void 0 ? "\0" : r);
+}
+function gn(e, n, t, r) {
+  let o = "" + n, i = "" + t;
+  if (!e && o > i) {
+    let a = o;
+    o = i, i = a;
+  }
+  let s = { v: o, w: i };
+  return r && (s.name = r), s;
+}
+function Y(e, n) {
+  return C(e, n.v, n.w, n.name);
+}
+var pn = "4.0.1";
+var ye = {};
+Le(ye, { read: () => yn, write: () => mn });
+function mn(e) {
+  let n = { options: { directed: e.isDirected(), multigraph: e.isMultigraph(), compound: e.isCompound() }, nodes: En(e), edges: Ln(e) }, t = e.graph();
+  return t !== void 0 && (n.value = structuredClone(t)), n;
+}
+function En(e) {
+  return e.nodes().map((n) => {
+    let t = e.node(n), r = e.parent(n), o = { v: n };
+    return t !== void 0 && (o.value = t), r !== void 0 && (o.parent = r), o;
+  });
+}
+function Ln(e) {
+  return e.edges().map((n) => {
+    let t = e.edge(n), r = { v: n.v, w: n.w };
+    return n.name !== void 0 && (r.name = n.name), t !== void 0 && (r.value = t), r;
+  });
+}
+function yn(e) {
+  let n = new p(e.options);
+  return e.value !== void 0 && n.setGraph(e.value), e.nodes.forEach((t) => {
+    n.setNode(t.v, t.value), t.parent && n.setParent(t.v, t.parent);
+  }), e.edges.forEach((t) => {
+    n.setEdge({ v: t.v, w: t.w, name: t.name }, t.value);
+  }), n;
+}
+var R = {};
+Le(R, { CycleException: () => D, bellmanFord: () => we, components: () => Gn, dijkstra: () => F, dijkstraAll: () => _n, findCycles: () => xn, floydWarshall: () => On, isAcyclic: () => Cn, postorder: () => Pn, preorder: () => Mn, prim: () => jn, shortestPaths: () => Sn, tarjan: () => Ge, topsort: () => ke });
+var wn = () => 1;
+function we(e, n, t, r) {
+  return Nn(e, String(n), t || wn, r || function(o) {
+    return e.outEdges(o);
+  });
+}
+function Nn(e, n, t, r) {
+  let o = {}, i, s = 0, a = e.nodes(), d = function(c) {
+    let h = t(c);
+    o[c.v].distance + h < o[c.w].distance && (o[c.w] = { distance: o[c.v].distance + h, predecessor: c.v }, i = true);
+  }, l = function() {
+    a.forEach(function(c) {
+      r(c).forEach(function(h) {
+        let f = h.v === c ? h.v : h.w, g = f === h.v ? h.w : h.v;
+        d({ v: f, w: g });
+      });
+    });
+  };
+  a.forEach(function(c) {
+    let h = c === n ? 0 : Number.POSITIVE_INFINITY;
+    o[c] = { distance: h, predecessor: "" };
+  });
+  let u = a.length;
+  for (let c = 1; c < u && (i = false, s++, l(), !!i); c++) ;
+  if (s === u - 1 && (i = false, l(), i)) throw new Error("The graph contains a negative weight cycle");
+  return o;
+}
+function Gn(e) {
+  let n = {}, t = [], r;
+  function o(i) {
+    i in n || (n[i] = true, r.push(i), e.successors(i).forEach(o), e.predecessors(i).forEach(o));
+  }
+  return e.nodes().forEach(function(i) {
+    r = [], o(i), r.length && t.push(r);
+  }), t;
+}
+var Ne = class {
+  constructor() {
+    this._arr = [], this._keyIndices = {};
+  }
+  size() {
+    return this._arr.length;
+  }
+  keys() {
+    return this._arr.map((e) => e.key);
+  }
+  has(e) {
+    return e in this._keyIndices;
+  }
+  priority(e) {
+    let n = this._keyIndices[e];
+    if (n !== void 0) return this._arr[n].priority;
+  }
+  min() {
+    if (this.size() === 0) throw new Error("Queue underflow");
+    return this._arr[0].key;
+  }
+  add(e, n) {
+    let t = this._keyIndices, r = String(e);
+    if (!(r in t)) {
+      let o = this._arr, i = o.length;
+      return t[r] = i, o.push({ key: r, priority: n }), this._decrease(i), true;
+    }
+    return false;
+  }
+  removeMin() {
+    this._swap(0, this._arr.length - 1);
+    let e = this._arr.pop();
+    return delete this._keyIndices[e.key], this._heapify(0), e.key;
+  }
+  decrease(e, n) {
+    let t = this._keyIndices[e];
+    if (t === void 0) throw new Error(`Key not found: ${e}`);
+    let r = this._arr[t].priority;
+    if (n > r) throw new Error(`New priority is greater than current priority. Key: ${e} Old: ${r} New: ${n}`);
+    this._arr[t].priority = n, this._decrease(t);
+  }
+  _heapify(e) {
+    let n = this._arr, t = 2 * e, r = t + 1, o = e;
+    t < n.length && (o = n[t].priority < n[o].priority ? t : o, r < n.length && (o = n[r].priority < n[o].priority ? r : o), o !== e && (this._swap(e, o), this._heapify(o)));
+  }
+  _decrease(e) {
+    let n = this._arr, t = n[e].priority, r;
+    for (; e !== 0 && (r = e >> 1, !(n[r].priority < t)); ) this._swap(e, r), e = r;
+  }
+  _swap(e, n) {
+    let t = this._arr, r = this._keyIndices, o = t[e], i = t[n];
+    t[e] = i, t[n] = o, r[i.key] = e, r[o.key] = n;
+  }
+};
+var kn = () => 1;
+function F(e, n, t, r) {
+  let o = function(i) {
+    return e.outEdges(i);
+  };
+  return vn(e, String(n), t || kn, r || o);
+}
+function vn(e, n, t, r) {
+  let o = {}, i = new Ne(), s, a, d = function(l) {
+    let u = l.v !== s ? l.v : l.w, c = o[u], h = t(l), f = a.distance + h;
+    if (h < 0) throw new Error("dijkstra does not allow negative edge weights. Bad edge: " + l + " Weight: " + h);
+    f < c.distance && (c.distance = f, c.predecessor = s, i.decrease(u, f));
+  };
+  for (e.nodes().forEach(function(l) {
+    let u = l === n ? 0 : Number.POSITIVE_INFINITY;
+    o[l] = { distance: u, predecessor: "" }, i.add(l, u);
+  }); i.size() > 0 && (s = i.removeMin(), a = o[s], a.distance !== Number.POSITIVE_INFINITY); ) r(s).forEach(d);
+  return o;
+}
+function _n(e, n, t) {
+  return e.nodes().reduce(function(r, o) {
+    return r[o] = F(e, o, n, t), r;
+  }, {});
+}
+function Ge(e) {
+  let n = 0, t = [], r = {}, o = [];
+  function i(s) {
+    let a = r[s] = { onStack: true, lowlink: n, index: n++ };
+    if (t.push(s), e.successors(s).forEach(function(d) {
+      d in r ? r[d].onStack && (a.lowlink = Math.min(a.lowlink, r[d].index)) : (i(d), a.lowlink = Math.min(a.lowlink, r[d].lowlink));
+    }), a.lowlink === a.index) {
+      let d = [], l;
+      do
+        l = t.pop(), r[l].onStack = false, d.push(l);
+      while (s !== l);
+      o.push(d);
+    }
+  }
+  return e.nodes().forEach(function(s) {
+    s in r || i(s);
+  }), o;
+}
+function xn(e) {
+  return Ge(e).filter(function(n) {
+    return n.length > 1 || n.length === 1 && e.hasEdge(n[0], n[0]);
+  });
+}
+var Tn = () => 1;
+function On(e, n, t) {
+  return In(e, n || Tn, t || function(r) {
+    return e.outEdges(r);
+  });
+}
+function In(e, n, t) {
+  let r = {}, o = e.nodes();
+  return o.forEach(function(i) {
+    r[i] = {}, r[i][i] = { distance: 0, predecessor: "" }, o.forEach(function(s) {
+      i !== s && (r[i][s] = { distance: Number.POSITIVE_INFINITY, predecessor: "" });
+    }), t(i).forEach(function(s) {
+      let a = s.v === i ? s.w : s.v, d = n(s);
+      r[i][a] = { distance: d, predecessor: i };
+    });
+  }), o.forEach(function(i) {
+    let s = r[i];
+    o.forEach(function(a) {
+      let d = r[a];
+      o.forEach(function(l) {
+        let u = d[i], c = s[l], h = d[l], f = u.distance + c.distance;
+        f < h.distance && (h.distance = f, h.predecessor = c.predecessor);
+      });
+    });
+  }), r;
+}
+var D = class extends Error {
+  constructor(...e) {
+    super(...e);
+  }
+};
+function ke(e) {
+  let n = {}, t = {}, r = [];
+  function o(i) {
+    if (i in t) throw new D();
+    i in n || (t[i] = true, n[i] = true, e.predecessors(i).forEach(o), delete t[i], r.push(i));
+  }
+  if (e.sinks().forEach(o), Object.keys(n).length !== e.nodeCount()) throw new D();
+  return r;
+}
+function Cn(e) {
+  try {
+    ke(e);
+  } catch (n) {
+    if (n instanceof D) return false;
+    throw n;
+  }
+  return true;
+}
+function Rn(e, n, t, r, o) {
+  Array.isArray(n) || (n = [n]);
+  let i = ((a) => {
+    var d;
+    return (d = e.isDirected() ? e.successors(a) : e.neighbors(a)) != null ? d : [];
+  }), s = {};
+  return n.forEach(function(a) {
+    if (!e.hasNode(a)) throw new Error("Graph does not have node: " + a);
+    o = ve(e, a, t === "post", s, i, r, o);
+  }), o;
+}
+function ve(e, n, t, r, o, i, s) {
+  return n in r || (r[n] = true, t || (s = i(s, n)), o(n).forEach(function(a) {
+    s = ve(e, a, t, r, o, i, s);
+  }), t && (s = i(s, n))), s;
+}
+function _e(e, n, t) {
+  return Rn(e, n, t, function(r, o) {
+    return r.push(o), r;
+  }, []);
+}
+function Pn(e, n) {
+  return _e(e, n, "post");
+}
+function Mn(e, n) {
+  return _e(e, n, "pre");
+}
+function jn(e, n) {
+  let t = new p(), r = {}, o = new Ne(), i;
+  function s(d) {
+    let l = d.v === i ? d.w : d.v, u = o.priority(l);
+    if (u !== void 0) {
+      let c = n(d);
+      c < u && (r[l] = i, o.decrease(l, c));
+    }
+  }
+  if (e.nodeCount() === 0) return t;
+  e.nodes().forEach(function(d) {
+    o.add(d, Number.POSITIVE_INFINITY), t.setNode(d);
+  }), o.decrease(e.nodes()[0], 0);
+  let a = false;
+  for (; o.size() > 0; ) {
+    if (i = o.removeMin(), i in r) t.setEdge(i, r[i]);
+    else {
+      if (a) throw new Error("Input graph is not connected: " + e);
+      a = true;
+    }
+    e.nodeEdges(i).forEach(s);
+  }
+  return t;
+}
+function Sn(e, n, t, r) {
+  return Fn(e, n, t, r != null ? r : ((o) => {
+    let i = e.outEdges(o);
+    return i != null ? i : [];
+  }));
+}
+function Fn(e, n, t, r) {
+  if (t === void 0) return F(e, n, t, r);
+  let o = false, i = e.nodes();
+  for (let s = 0; s < i.length; s++) {
+    let a = r(i[s]);
+    for (let d = 0; d < a.length; d++) {
+      let l = a[d], u = l.v === i[s] ? l.v : l.w, c = u === l.v ? l.w : l.v;
+      t({ v: u, w: c }) < 0 && (o = true);
+    }
+    if (o) return we(e, n, t, r);
+  }
+  return F(e, n, t, r);
+}
+function w(e, n, t, r) {
+  let o = r;
+  for (; e.hasNode(o); ) o = j(r);
+  return t.dummy = n, e.setNode(o, t), o;
+}
+function xe(e) {
+  let n = new p().setGraph(e.graph());
+  return e.nodes().forEach((t) => n.setNode(t, e.node(t))), e.edges().forEach((t) => {
+    let r = n.edge(t.v, t.w) || { weight: 0, minlen: 1 }, o = e.edge(t);
+    n.setEdge(t.v, t.w, { weight: r.weight + o.weight, minlen: Math.max(r.minlen, o.minlen) });
+  }), n;
+}
+function A(e) {
+  let n = new p({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+  return e.nodes().forEach((t) => {
+    e.children(t).length || n.setNode(t, e.node(t));
+  }), e.edges().forEach((t) => {
+    n.setEdge(t, e.edge(t));
+  }), n;
+}
+function H(e, n) {
+  let t = e.x, r = e.y, o = n.x - t, i = n.y - r, s = e.width / 2, a = e.height / 2;
+  if (!o && !i) throw new Error("Not possible to find intersection inside of the rectangle");
+  let d, l;
+  return Math.abs(i) * s > Math.abs(o) * a ? (i < 0 && (a = -a), d = a * o / i, l = a) : (o < 0 && (s = -s), d = s, l = s * i / o), { x: t + d, y: r + l };
+}
+function N(e) {
+  let n = k(X(e) + 1).map(() => []);
+  return e.nodes().forEach((t) => {
+    let r = e.node(t), o = r.rank;
+    o !== void 0 && (n[o] || (n[o] = []), n[o][r.order] = t);
+  }), n;
+}
+function Te(e) {
+  let n = e.nodes().map((r) => {
+    let o = e.node(r).rank;
+    return o === void 0 ? Number.MAX_VALUE : o;
+  }), t = L(Math.min, n);
+  e.nodes().forEach((r) => {
+    let o = e.node(r);
+    Object.hasOwn(o, "rank") && (o.rank -= t);
+  });
+}
+function Oe(e) {
+  let n = e.nodes().map((s) => e.node(s).rank).filter((s) => s !== void 0), t = L(Math.min, n), r = [];
+  e.nodes().forEach((s) => {
+    let a = e.node(s).rank - t;
+    r[a] || (r[a] = []), r[a].push(s);
+  });
+  let o = 0, i = e.graph().nodeRankFactor;
+  Array.from(r).forEach((s, a) => {
+    s === void 0 && a % i !== 0 ? --o : s !== void 0 && o && s.forEach((d) => e.node(d).rank += o);
+  });
+}
+function q(e, n, t, r) {
+  let o = { width: 0, height: 0 };
+  return arguments.length >= 4 && (o.rank = t, o.order = r), w(e, "border", o, n);
+}
+function Dn(e, n = Ie) {
+  let t = [];
+  for (let r = 0; r < e.length; r += n) {
+    let o = e.slice(r, r + n);
+    t.push(o);
+  }
+  return t;
+}
+var Ie = 65535;
+function L(e, n) {
+  if (n.length > Ie) {
+    let t = Dn(n);
+    return e(...t.map((r) => e(...r)));
+  } else return e(...n);
+}
+function X(e) {
+  let t = e.nodes().map((r) => {
+    let o = e.node(r).rank;
+    return o === void 0 ? Number.MIN_VALUE : o;
+  });
+  return L(Math.max, t);
+}
+function Ce(e, n) {
+  let t = { lhs: [], rhs: [] };
+  return e.forEach((r) => {
+    n(r) ? t.lhs.push(r) : t.rhs.push(r);
+  }), t;
+}
+function P(e, n) {
+  let t = Date.now();
+  try {
+    return n();
+  } finally {
+    console.log(e + " time: " + (Date.now() - t) + "ms");
+  }
+}
+function M(e, n) {
+  return n();
+}
+var An = 0;
+function j(e) {
+  let n = ++An;
+  return e + ("" + n);
+}
+function k(e, n, t = 1) {
+  n == null && (n = e, e = 0);
+  let r = (i) => i < n;
+  t < 0 && (r = (i) => n < i);
+  let o = [];
+  for (let i = e; r(i); i += t) o.push(i);
+  return o;
+}
+function T(e, n) {
+  let t = {};
+  for (let r of n) e[r] !== void 0 && (t[r] = e[r]);
+  return t;
+}
+function O(e, n) {
+  let t;
+  return typeof n == "string" ? t = (r) => r[n] : t = n, Object.entries(e).reduce((r, [o, i]) => (r[o] = t(i, o), r), {});
+}
+function Re(e, n) {
+  return e.reduce((t, r, o) => (t[r] = n[o], t), {});
+}
+var _ = "\0";
+var U = "3.0.0";
+var K = class {
+  constructor() {
+    pe(this, "_sentinel");
+    let n = {};
+    n._next = n._prev = n, this._sentinel = n;
+  }
+  dequeue() {
+    let n = this._sentinel, t = n._prev;
+    if (t !== n) return Pe(t), t;
+  }
+  enqueue(n) {
+    let t = this._sentinel;
+    n._prev && n._next && Pe(n), n._next = t._next, t._next._prev = n, t._next = n, n._prev = t;
+  }
+  toString() {
+    let n = [], t = this._sentinel, r = t._prev;
+    for (; r !== t; ) n.push(JSON.stringify(r, Vn)), r = r._prev;
+    return "[" + n.join(", ") + "]";
+  }
+};
+function Pe(e) {
+  e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
+}
+function Vn(e, n) {
+  if (e !== "_next" && e !== "_prev") return n;
+}
+var Me = K;
+var Wn = () => 1;
+function Q(e, n) {
+  if (e.nodeCount() <= 1) return [];
+  let t = Yn(e, n || Wn);
+  return Bn(t.graph, t.buckets, t.zeroIdx).flatMap((o) => e.outEdges(o.v, o.w) || []);
+}
+function Bn(e, n, t) {
+  var a;
+  let r = [], o = n[n.length - 1], i = n[0], s;
+  for (; e.nodeCount(); ) {
+    for (; s = i.dequeue(); ) $(e, n, t, s);
+    for (; s = o.dequeue(); ) $(e, n, t, s);
+    if (e.nodeCount()) {
+      for (let d = n.length - 2; d > 0; --d) if (s = (a = n[d]) == null ? void 0 : a.dequeue(), s) {
+        r = r.concat($(e, n, t, s, true) || []);
+        break;
+      }
+    }
+  }
+  return r;
+}
+function $(e, n, t, r, o) {
+  let i = [], s = o ? i : void 0;
+  return (e.inEdges(r.v) || []).forEach((a) => {
+    let d = e.edge(a), l = e.node(a.v);
+    o && i.push({ v: a.v, w: a.w }), l.out -= d, J(n, t, l);
+  }), (e.outEdges(r.v) || []).forEach((a) => {
+    let d = e.edge(a), l = a.w, u = e.node(l);
+    u.in -= d, J(n, t, u);
+  }), e.removeNode(r.v), s;
+}
+function Yn(e, n) {
+  let t = new p(), r = 0, o = 0;
+  e.nodes().forEach((a) => {
+    t.setNode(a, { v: a, in: 0, out: 0 });
+  }), e.edges().forEach((a) => {
+    let d = t.edge(a.v, a.w) || 0, l = n(a), u = d + l;
+    t.setEdge(a.v, a.w, u);
+    let c = t.node(a.v), h = t.node(a.w);
+    o = Math.max(o, c.out += l), r = Math.max(r, h.in += l);
+  });
+  let i = zn(o + r + 3).map(() => new Me()), s = r + 1;
+  return t.nodes().forEach((a) => {
+    J(i, s, t.node(a));
+  }), { graph: t, buckets: i, zeroIdx: s };
+}
+function J(e, n, t) {
+  var r, o, i;
+  t.out ? t.in ? (i = e[t.out - t.in + n]) == null || i.enqueue(t) : (o = e[e.length - 1]) == null || o.enqueue(t) : (r = e[0]) == null || r.enqueue(t);
+}
+function zn(e) {
+  let n = [];
+  for (let t = 0; t < e; t++) n.push(t);
+  return n;
+}
+function je(e) {
+  (e.graph().acyclicer === "greedy" ? Q(e, t(e)) : Hn(e)).forEach((r) => {
+    let o = e.edge(r);
+    e.removeEdge(r), o.forwardName = r.name, o.reversed = true, e.setEdge(r.w, r.v, o, j("rev"));
+  });
+  function t(r) {
+    return (o) => r.edge(o).weight;
+  }
+}
+function Hn(e) {
+  let n = [], t = {}, r = {};
+  function o(i) {
+    Object.hasOwn(r, i) || (r[i] = true, t[i] = true, e.outEdges(i).forEach((s) => {
+      Object.hasOwn(t, s.w) ? n.push(s) : o(s.w);
+    }), delete t[i]);
+  }
+  return e.nodes().forEach(o), n;
+}
+function Se(e) {
+  e.edges().forEach((n) => {
+    let t = e.edge(n);
+    if (t.reversed) {
+      e.removeEdge(n);
+      let r = t.forwardName;
+      delete t.reversed, delete t.forwardName, e.setEdge(n.w, n.v, t, r);
+    }
+  });
+}
+function Fe(e) {
+  e.graph().dummyChains = [], e.edges().forEach((n) => Xn(e, n));
+}
+function Xn(e, n) {
+  let t = n.v, r = e.node(t).rank, o = n.w, i = e.node(o).rank, s = n.name, a = e.edge(n), d = a.labelRank;
+  if (i === r + 1) return;
+  e.removeEdge(n);
+  let l, u, c;
+  for (c = 0, ++r; r < i; ++c, ++r) a.points = [], u = { width: 0, height: 0, edgeLabel: a, edgeObj: n, rank: r }, l = w(e, "edge", u, "_d"), r === d && (u.width = a.width, u.height = a.height, u.dummy = "edge-label", u.labelpos = a.labelpos), e.setEdge(t, l, { weight: a.weight }, s), c === 0 && e.graph().dummyChains.push(l), t = l;
+  e.setEdge(t, o, { weight: a.weight }, s);
+}
+function De(e) {
+  e.graph().dummyChains.forEach((n) => {
+    let t = e.node(n), r = t.edgeLabel, o;
+    for (e.setEdge(t.edgeObj, r); t.dummy; ) o = e.successors(n)[0], e.removeNode(n), r.points.push({ x: t.x, y: t.y }), t.dummy === "edge-label" && (r.x = t.x, r.y = t.y, r.width = t.width, r.height = t.height), n = o, t = e.node(n);
+  });
+}
+function S(e) {
+  let n = {};
+  function t(r) {
+    let o = e.node(r);
+    if (Object.hasOwn(n, r)) return o.rank;
+    n[r] = true;
+    let i = e.outEdges(r), s = i ? i.map((d) => d == null ? Number.POSITIVE_INFINITY : t(d.w) - e.edge(d).minlen) : [], a = L(Math.min, s);
+    return a === Number.POSITIVE_INFINITY && (a = 0), o.rank = a;
+  }
+  e.sources().forEach(t);
+}
+function v(e, n) {
+  return e.node(n.w).rank - e.node(n.v).rank - e.edge(n).minlen;
+}
+var V = Kn;
+function Kn(e) {
+  let n = new p({ directed: false }), t = e.nodes();
+  if (t.length === 0) throw new Error("Graph must have at least one node");
+  let r = t[0], o = e.nodeCount();
+  n.setNode(r, {});
+  let i, s;
+  for (; $n(n, e) < o && (i = Jn(n, e), !!i); ) s = n.hasNode(i.v) ? v(e, i) : -v(e, i), Qn(n, e, s);
+  return n;
+}
+function $n(e, n) {
+  function t(r) {
+    let o = n.nodeEdges(r);
+    o && o.forEach((i) => {
+      let s = i.v, a = r === s ? i.w : s;
+      !e.hasNode(a) && !v(n, i) && (e.setNode(a, {}), e.setEdge(r, a, {}), t(a));
+    });
+  }
+  return e.nodes().forEach(t), e.nodeCount();
+}
+function Jn(e, n) {
+  return n.edges().reduce((r, o) => {
+    let i = Number.POSITIVE_INFINITY;
+    return e.hasNode(o.v) !== e.hasNode(o.w) && (i = v(n, o)), i < r[0] ? [i, o] : r;
+  }, [Number.POSITIVE_INFINITY, null])[1];
+}
+function Qn(e, n, t) {
+  e.nodes().forEach((r) => n.node(r).rank += t);
+}
+var { preorder: Zn, postorder: et } = R;
+var Ve = x;
+x.initLowLimValues = ee;
+x.initCutValues = Z;
+x.calcCutValue = We;
+x.leaveEdge = Ye;
+x.enterEdge = ze;
+x.exchangeEdges = He;
+function x(e) {
+  e = xe(e), S(e);
+  let n = V(e);
+  ee(n), Z(n, e);
+  let t, r;
+  for (; t = Ye(n); ) r = ze(n, e, t), He(n, e, t, r);
+}
+function Z(e, n) {
+  let t = et(e, e.nodes());
+  t = t.slice(0, t.length - 1), t.forEach((r) => nt(e, n, r));
+}
+function nt(e, n, t) {
+  let o = e.node(t).parent, i = e.edge(t, o);
+  i.cutvalue = We(e, n, t);
+}
+function We(e, n, t) {
+  let o = e.node(t).parent, i = true, s = n.edge(t, o), a = 0;
+  s || (i = false, s = n.edge(o, t)), a = s.weight;
+  let d = n.nodeEdges(t);
+  return d && d.forEach((l) => {
+    let u = l.v === t, c = u ? l.w : l.v;
+    if (c !== o) {
+      let h = u === i, f = n.edge(l).weight;
+      if (a += h ? f : -f, rt(e, t, c)) {
+        let b = e.edge(t, c).cutvalue;
+        a += h ? -b : b;
+      }
+    }
+  }), a;
+}
+function ee(e, n) {
+  arguments.length < 2 && (n = e.nodes()[0]), Be(e, {}, 1, n);
+}
+function Be(e, n, t, r, o) {
+  let i = t, s = e.node(r);
+  n[r] = true;
+  let a = e.neighbors(r);
+  return a && a.forEach((d) => {
+    Object.hasOwn(n, d) || (t = Be(e, n, t, d, r));
+  }), s.low = i, s.lim = t++, o ? s.parent = o : delete s.parent, t;
+}
+function Ye(e) {
+  return e.edges().find((n) => e.edge(n).cutvalue < 0);
+}
+function ze(e, n, t) {
+  let r = t.v, o = t.w;
+  n.hasEdge(r, o) || (r = t.w, o = t.v);
+  let i = e.node(r), s = e.node(o), a = i, d = false;
+  return i.lim > s.lim && (a = s, d = true), n.edges().filter((u) => d === Ae(e, e.node(u.v), a) && d !== Ae(e, e.node(u.w), a)).reduce((u, c) => v(n, c) < v(n, u) ? c : u);
+}
+function He(e, n, t, r) {
+  let o = t.v, i = t.w;
+  e.removeEdge(o, i), e.setEdge(r.v, r.w, {}), ee(e), Z(e, n), tt(e, n);
+}
+function tt(e, n) {
+  let t = e.nodes().find((o) => !e.node(o).parent);
+  if (!t) return;
+  let r = Zn(e, [t]);
+  r = r.slice(1), r.forEach((o) => {
+    let s = e.node(o).parent, a = n.edge(o, s), d = false;
+    a || (a = n.edge(s, o), d = true), n.node(o).rank = n.node(s).rank + (d ? a.minlen : -a.minlen);
+  });
+}
+function rt(e, n, t) {
+  return e.hasEdge(n, t);
+}
+function Ae(e, n, t) {
+  return t.low <= n.lim && n.lim <= t.lim;
+}
+var Xe = ot;
+function ot(e) {
+  let n = e.graph().ranker;
+  if (typeof n == "function") return n(e);
+  switch (n) {
+    case "network-simplex":
+      qe(e);
+      break;
+    case "tight-tree":
+      st(e);
+      break;
+    case "longest-path":
+      it(e);
+      break;
+    case "none":
+      break;
+    default:
+      qe(e);
+  }
+}
+var it = S;
+function st(e) {
+  S(e), V(e);
+}
+function qe(e) {
+  Ve(e);
+}
+var Ue = at;
+function at(e) {
+  let n = lt(e);
+  e.graph().dummyChains.forEach((t) => {
+    let r = e.node(t), o = r.edgeObj, i = dt(e, n, o.v, o.w), s = i.path, a = i.lca, d = 0, l = s[d], u = true;
+    for (; t !== o.w; ) {
+      if (r = e.node(t), u) {
+        for (; (l = s[d]) !== a && e.node(l).maxRank < r.rank; ) d++;
+        l === a && (u = false);
+      }
+      if (!u) {
+        for (; d < s.length - 1 && e.node(s[d + 1]).minRank <= r.rank; ) d++;
+        l = s[d];
+      }
+      l !== void 0 && e.setParent(t, l), t = e.successors(t)[0];
+    }
+  });
+}
+function dt(e, n, t, r) {
+  let o = [], i = [], s = Math.min(n[t].low, n[r].low), a = Math.max(n[t].lim, n[r].lim), d;
+  d = t;
+  do
+    d = e.parent(d), o.push(d);
+  while (d && (n[d].low > s || a > n[d].lim));
+  let l = d, u = r;
+  for (; (u = e.parent(u)) !== l; ) i.push(u);
+  return { path: o.concat(i.reverse()), lca: l };
+}
+function lt(e) {
+  let n = {}, t = 0;
+  function r(o) {
+    let i = t;
+    e.children(o).forEach(r), n[o] = { low: i, lim: t++ };
+  }
+  return e.children(_).forEach(r), n;
+}
+function Ke(e) {
+  let n = w(e, "root", {}, "_root"), t = ut(e), r = Object.values(t), o = L(Math.max, r) - 1, i = 2 * o + 1;
+  e.graph().nestingRoot = n, e.edges().forEach((a) => e.edge(a).minlen *= i);
+  let s = ct(e) + 1;
+  e.children(_).forEach((a) => $e(e, n, i, s, o, t, a)), e.graph().nodeRankFactor = i;
+}
+function $e(e, n, t, r, o, i, s) {
+  var c;
+  let a = e.children(s);
+  if (!a.length) {
+    s !== n && e.setEdge(n, s, { weight: 0, minlen: t });
+    return;
+  }
+  let d = q(e, "_bt"), l = q(e, "_bb"), u = e.node(s);
+  e.setParent(d, s), u.borderTop = d, e.setParent(l, s), u.borderBottom = l, a.forEach((h) => {
+    var y;
+    $e(e, n, t, r, o, i, h);
+    let f = e.node(h), g = f.borderTop ? f.borderTop : h, b = f.borderBottom ? f.borderBottom : h, m = f.borderTop ? r : 2 * r, E = g !== b ? 1 : o - ((y = i[s]) != null ? y : 0) + 1;
+    e.setEdge(d, g, { weight: m, minlen: E, nestingEdge: true }), e.setEdge(b, l, { weight: m, minlen: E, nestingEdge: true });
+  }), e.parent(s) || e.setEdge(n, d, { weight: 0, minlen: o + ((c = i[s]) != null ? c : 0) });
+}
+function ut(e) {
+  let n = {};
+  function t(r, o) {
+    let i = e.children(r);
+    i && i.length && i.forEach((s) => t(s, o + 1)), n[r] = o;
+  }
+  return e.children(_).forEach((r) => t(r, 1)), n;
+}
+function ct(e) {
+  return e.edges().reduce((n, t) => n + e.edge(t).weight, 0);
+}
+function Je(e) {
+  let n = e.graph();
+  e.removeNode(n.nestingRoot), delete n.nestingRoot, e.edges().forEach((t) => {
+    e.edge(t).nestingEdge && e.removeEdge(t);
+  });
+}
+var Ze = ft;
+function ft(e) {
+  function n(t) {
+    let r = e.children(t), o = e.node(t);
+    if (r.length && r.forEach(n), Object.hasOwn(o, "minRank")) {
+      o.borderLeft = [], o.borderRight = [];
+      for (let i = o.minRank, s = o.maxRank + 1; i < s; ++i) Qe(e, "borderLeft", "_bl", t, o, i), Qe(e, "borderRight", "_br", t, o, i);
+    }
+  }
+  e.children(_).forEach(n);
+}
+function Qe(e, n, t, r, o, i) {
+  let s = { width: 0, height: 0, rank: i, borderType: n }, a = o[n][i - 1], d = w(e, "border", s, t);
+  o[n][i] = d, e.setParent(d, r), a && e.setEdge(a, d, { weight: 1 });
+}
+function nn(e) {
+  var t;
+  let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
+  (n === "lr" || n === "rl") && rn(e);
+}
+function tn(e) {
+  var t;
+  let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
+  (n === "bt" || n === "rl") && bt(e), (n === "lr" || n === "rl") && (gt(e), rn(e));
+}
+function rn(e) {
+  e.nodes().forEach((n) => en(e.node(n))), e.edges().forEach((n) => en(e.edge(n)));
+}
+function en(e) {
+  let n = e.width;
+  e.width = e.height, e.height = n;
+}
+function bt(e) {
+  e.nodes().forEach((n) => ne(e.node(n))), e.edges().forEach((n) => {
+    var r;
+    let t = e.edge(n);
+    (r = t.points) == null || r.forEach(ne), Object.hasOwn(t, "y") && ne(t);
+  });
+}
+function ne(e) {
+  e.y = -e.y;
+}
+function gt(e) {
+  e.nodes().forEach((n) => te(e.node(n))), e.edges().forEach((n) => {
+    var r;
+    let t = e.edge(n);
+    (r = t.points) == null || r.forEach(te), Object.hasOwn(t, "x") && te(t);
+  });
+}
+function te(e) {
+  let n = e.x;
+  e.x = e.y, e.y = n;
+}
+function re(e) {
+  let n = {}, t = e.nodes().filter((d) => !e.children(d).length), r = t.map((d) => e.node(d).rank), o = L(Math.max, r), i = k(o + 1).map(() => []);
+  function s(d) {
+    if (n[d]) return;
+    n[d] = true;
+    let l = e.node(d);
+    i[l.rank].push(d);
+    let u = e.successors(d);
+    u && u.forEach(s);
+  }
+  return t.sort((d, l) => e.node(d).rank - e.node(l).rank).forEach(s), i;
+}
+function oe(e, n) {
+  let t = 0;
+  for (let r = 1; r < n.length; ++r) t += mt(e, n[r - 1], n[r]);
+  return t;
+}
+function mt(e, n, t) {
+  let r = Re(t, t.map((l, u) => u)), o = n.flatMap((l) => {
+    let u = e.outEdges(l);
+    return u ? u.map((c) => ({ pos: r[c.w], weight: e.edge(c).weight })).sort((c, h) => c.pos - h.pos) : [];
+  }), i = 1;
+  for (; i < t.length; ) i <<= 1;
+  let s = 2 * i - 1;
+  i -= 1;
+  let a = new Array(s).fill(0), d = 0;
+  return o.forEach((l) => {
+    let u = l.pos + i;
+    a[u] += l.weight;
+    let c = 0;
+    for (; u > 0; ) u % 2 && (c += a[u + 1]), u = u - 1 >> 1, a[u] += l.weight;
+    d += l.weight * c;
+  }), d;
+}
+function ie(e, n = []) {
+  return n.map((t) => {
+    let r = e.inEdges(t);
+    if (!r || !r.length) return { v: t };
+    {
+      let o = r.reduce((i, s) => {
+        let a = e.edge(s), d = e.node(s.v);
+        return { sum: i.sum + a.weight * d.order, weight: i.weight + a.weight };
+      }, { sum: 0, weight: 0 });
+      return { v: t, barycenter: o.sum / o.weight, weight: o.weight };
+    }
+  });
+}
+function se(e, n) {
+  let t = {};
+  e.forEach((o, i) => {
+    let s = { indegree: 0, in: [], out: [], vs: [o.v], i };
+    o.barycenter !== void 0 && (s.barycenter = o.barycenter, s.weight = o.weight), t[o.v] = s;
+  }), n.edges().forEach((o) => {
+    let i = t[o.v], s = t[o.w];
+    i !== void 0 && s !== void 0 && (s.indegree++, i.out.push(s));
+  });
+  let r = Object.values(t).filter((o) => !o.indegree);
+  return Et(r);
+}
+function Et(e) {
+  let n = [];
+  function t(o) {
+    return (i) => {
+      i.merged || (i.barycenter === void 0 || o.barycenter === void 0 || i.barycenter >= o.barycenter) && Lt(o, i);
+    };
+  }
+  function r(o) {
+    return (i) => {
+      i.in.push(o), --i.indegree === 0 && e.push(i);
+    };
+  }
+  for (; e.length; ) {
+    let o = e.pop();
+    n.push(o), o.in.reverse().forEach(t(o)), o.out.forEach(r(o));
+  }
+  return n.filter((o) => !o.merged).map((o) => T(o, ["vs", "i", "barycenter", "weight"]));
+}
+function Lt(e, n) {
+  let t = 0, r = 0;
+  e.weight && (t += e.barycenter * e.weight, r += e.weight), n.weight && (t += n.barycenter * n.weight, r += n.weight), e.vs = n.vs.concat(e.vs), e.barycenter = t / r, e.weight = r, e.i = Math.min(n.i, e.i), n.merged = true;
+}
+function ae(e, n) {
+  let t = Ce(e, (u) => Object.hasOwn(u, "barycenter")), r = t.lhs, o = t.rhs.sort((u, c) => c.i - u.i), i = [], s = 0, a = 0, d = 0;
+  r.sort(yt(!!n)), d = on(i, o, d), r.forEach((u) => {
+    d += u.vs.length, i.push(u.vs), s += u.barycenter * u.weight, a += u.weight, d = on(i, o, d);
+  });
+  let l = { vs: i.flat(1) };
+  return a && (l.barycenter = s / a, l.weight = a), l;
+}
+function on(e, n, t) {
+  let r;
+  for (; n.length && (r = n[n.length - 1]).i <= t; ) n.pop(), e.push(r.vs), t++;
+  return t;
+}
+function yt(e) {
+  return (n, t) => n.barycenter < t.barycenter ? -1 : n.barycenter > t.barycenter ? 1 : e ? t.i - n.i : n.i - t.i;
+}
+function W(e, n, t, r) {
+  let o = e.children(n), i = e.node(n), s = i ? i.borderLeft : void 0, a = i ? i.borderRight : void 0, d = {};
+  s && (o = o.filter((h) => h !== s && h !== a));
+  let l = ie(e, o);
+  l.forEach((h) => {
+    if (e.children(h.v).length) {
+      let f = W(e, h.v, t, r);
+      d[h.v] = f, Object.hasOwn(f, "barycenter") && Nt(h, f);
+    }
+  });
+  let u = se(l, t);
+  wt(u, d);
+  let c = ae(u, r);
+  if (s && a) {
+    c.vs = [s, c.vs, a].flat(1);
+    let h = e.predecessors(s);
+    if (h && h.length) {
+      let f = e.node(h[0]), g = e.predecessors(a), b = e.node(g[0]);
+      Object.hasOwn(c, "barycenter") || (c.barycenter = 0, c.weight = 0), c.barycenter = (c.barycenter * c.weight + f.order + b.order) / (c.weight + 2), c.weight += 2;
+    }
+  }
+  return c;
+}
+function wt(e, n) {
+  e.forEach((t) => {
+    t.vs = t.vs.flatMap((r) => n[r] ? n[r].vs : r);
+  });
+}
+function Nt(e, n) {
+  e.barycenter !== void 0 ? (e.barycenter = (e.barycenter * e.weight + n.barycenter * n.weight) / (e.weight + n.weight), e.weight += n.weight) : (e.barycenter = n.barycenter, e.weight = n.weight);
+}
+function de(e, n, t, r) {
+  r || (r = e.nodes());
+  let o = Gt(e), i = new p({ compound: true }).setGraph({ root: o }).setDefaultNodeLabel((s) => e.node(s));
+  return r.forEach((s) => {
+    let a = e.node(s), d = e.parent(s);
+    if (a.rank === n || a.minRank <= n && n <= a.maxRank) {
+      i.setNode(s), i.setParent(s, d || o);
+      let l = e[t](s);
+      l && l.forEach((u) => {
+        let c = u.v === s ? u.w : u.v, h = i.edge(c, s), f = h !== void 0 ? h.weight : 0;
+        i.setEdge(c, s, { weight: e.edge(u).weight + f });
+      }), Object.hasOwn(a, "minRank") && i.setNode(s, { borderLeft: a.borderLeft[n], borderRight: a.borderRight[n] });
+    }
+  }), i;
+}
+function Gt(e) {
+  let n;
+  for (; e.hasNode(n = j("_root")); ) ;
+  return n;
+}
+function le(e, n, t) {
+  let r = {}, o;
+  t.forEach((i) => {
+    let s = e.parent(i), a, d;
+    for (; s; ) {
+      if (a = e.parent(s), a ? (d = r[a], r[a] = s) : (d = o, o = s), d && d !== s) {
+        n.setEdge(d, s);
+        return;
+      }
+      s = a;
+    }
+  });
+}
+function B(e, n = {}) {
+  if (typeof n.customOrder == "function") {
+    n.customOrder(e, B);
+    return;
+  }
+  let t = X(e), r = sn(e, k(1, t + 1), "inEdges"), o = sn(e, k(t - 1, -1, -1), "outEdges"), i = re(e);
+  if (an(e, i), n.disableOptimalOrderHeuristic) return;
+  let s = Number.POSITIVE_INFINITY, a, d = n.constraints || [];
+  for (let l = 0, u = 0; u < 4; ++l, ++u) {
+    kt(l % 2 ? r : o, l % 4 >= 2, d), i = N(e);
+    let c = oe(e, i);
+    c < s ? (u = 0, a = Object.assign({}, i), s = c) : c === s && (a = structuredClone(i));
+  }
+  an(e, a);
+}
+function sn(e, n, t) {
+  let r = /* @__PURE__ */ new Map(), o = (i, s) => {
+    r.has(i) || r.set(i, []), r.get(i).push(s);
+  };
+  for (let i of e.nodes()) {
+    let s = e.node(i);
+    if (typeof s.rank == "number" && o(s.rank, i), typeof s.minRank == "number" && typeof s.maxRank == "number") for (let a = s.minRank; a <= s.maxRank; a++) a !== s.rank && o(a, i);
+  }
+  return n.map(function(i) {
+    return de(e, i, t, r.get(i) || []);
+  });
+}
+function kt(e, n, t) {
+  let r = new p();
+  e.forEach(function(o) {
+    t.forEach((a) => r.setEdge(a.left, a.right));
+    let i = o.graph().root, s = W(o, i, r, n);
+    s.vs.forEach((a, d) => o.node(a).order = d), le(o, r, s.vs);
+  });
+}
+function an(e, n) {
+  Object.values(n).forEach((t) => t.forEach((r, o) => e.node(r).order = o));
+}
+function vt(e, n) {
+  let t = {};
+  function r(o, i) {
+    let s = 0, a = 0, d = o.length, l = i[i.length - 1];
+    return i.forEach((u, c) => {
+      let h = xt(e, u), f = h ? e.node(h).order : d;
+      (h || u === l) && (i.slice(a, c + 1).forEach((g) => {
+        let b = e.predecessors(g);
+        b && b.forEach((m) => {
+          let E = e.node(m), y = E.order;
+          (y < s || f < y) && !(E.dummy && e.node(g).dummy) && dn(t, m, g);
+        });
+      }), a = c + 1, s = f);
+    }), i;
+  }
+  return n.length && n.reduce(r), t;
+}
+function _t(e, n) {
+  let t = {};
+  function r(i, s, a, d, l) {
+    k(s, a).forEach((u) => {
+      let c = i[u];
+      if (c !== void 0 && e.node(c).dummy) {
+        let h = e.predecessors(c);
+        h && h.forEach((f) => {
+          if (f === void 0) return;
+          let g = e.node(f);
+          g.dummy && (g.order < d || g.order > l) && dn(t, f, c);
+        });
+      }
+    });
+  }
+  function o(i, s) {
+    let a = -1, d = -1, l = 0;
+    return s.forEach((u, c) => {
+      if (e.node(u).dummy === "border") {
+        let h = e.predecessors(u);
+        if (h && h.length) {
+          let f = h[0];
+          if (f === void 0) return;
+          d = e.node(f).order, r(s, l, c, a, d), l = c, a = d;
+        }
+      }
+      r(s, l, s.length, d, i.length);
+    }), s;
+  }
+  return n.length && n.reduce(o), t;
+}
+function xt(e, n) {
+  if (e.node(n).dummy) {
+    let t = e.predecessors(n);
+    if (t) return t.find((r) => e.node(r).dummy);
+  }
+}
+function dn(e, n, t) {
+  if (n > t) {
+    let o = n;
+    n = t, t = o;
+  }
+  let r = e[n];
+  r || (e[n] = r = {}), r[t] = true;
+}
+function Tt(e, n, t) {
+  if (n > t) {
+    let o = n;
+    n = t, t = o;
+  }
+  let r = e[n];
+  return r !== void 0 && Object.hasOwn(r, t);
+}
+function Ot(e, n, t, r) {
+  let o = {}, i = {}, s = {};
+  return n.forEach((a) => {
+    a.forEach((d, l) => {
+      o[d] = d, i[d] = d, s[d] = l;
+    });
+  }), n.forEach((a) => {
+    let d = -1;
+    a.forEach((l) => {
+      let u = r(l);
+      if (u && u.length) {
+        let c = u.sort((f, g) => {
+          let b = s[f], m = s[g];
+          return (b !== void 0 ? b : 0) - (m !== void 0 ? m : 0);
+        }), h = (c.length - 1) / 2;
+        for (let f = Math.floor(h), g = Math.ceil(h); f <= g; ++f) {
+          let b = c[f];
+          if (b === void 0) continue;
+          let m = s[b];
+          if (m !== void 0 && i[l] === l && d < m && !Tt(t, l, b)) {
+            let E = o[b];
+            E !== void 0 && (i[b] = l, i[l] = o[l] = E, d = m);
+          }
+        }
+      }
+    });
+  }), { root: o, align: i };
+}
+function It(e, n, t, r, o = false) {
+  let i = {}, s = Ct(e, n, t, o), a = o ? "borderLeft" : "borderRight";
+  function d(f, g) {
+    let b = s.nodes().slice(), m = {}, E = b.pop();
+    for (; E; ) {
+      if (m[E]) f(E);
+      else {
+        m[E] = true, b.push(E);
+        for (let y of g(E)) b.push(y);
+      }
+      E = b.pop();
+    }
+  }
+  function l(f) {
+    let g = s.inEdges(f);
+    g ? i[f] = g.reduce((b, m) => {
+      var I;
+      let E = (I = i[m.v]) != null ? I : 0, y = s.edge(m);
+      return Math.max(b, E + (y !== void 0 ? y : 0));
+    }, 0) : i[f] = 0;
+  }
+  function u(f) {
+    let g = s.outEdges(f), b = Number.POSITIVE_INFINITY;
+    g && (b = g.reduce((E, y) => {
+      let I = i[y.w], be = s.edge(y);
+      return Math.min(E, (I !== void 0 ? I : 0) - (be !== void 0 ? be : 0));
+    }, Number.POSITIVE_INFINITY));
+    let m = e.node(f);
+    b !== Number.POSITIVE_INFINITY && m.borderType !== a && (i[f] = Math.max(i[f] !== void 0 ? i[f] : 0, b));
+  }
+  function c(f) {
+    return s.predecessors(f) || [];
+  }
+  function h(f) {
+    return s.successors(f) || [];
+  }
+  return d(l, c), d(u, h), Object.keys(r).forEach((f) => {
+    var b;
+    let g = t[f];
+    g !== void 0 && (i[f] = (b = i[g]) != null ? b : 0);
+  }), i;
+}
+function Ct(e, n, t, r) {
+  let o = new p(), i = e.graph(), s = jt(i.nodesep, i.edgesep, r);
+  return n.forEach((a) => {
+    let d;
+    a.forEach((l) => {
+      let u = t[l];
+      if (u !== void 0) {
+        if (o.setNode(u), d !== void 0) {
+          let c = t[d];
+          if (c !== void 0) {
+            let h = o.edge(c, u);
+            o.setEdge(c, u, Math.max(s(e, l, d), h || 0));
+          }
+        }
+        d = l;
+      }
+    });
+  }), o;
+}
+function Rt(e, n) {
+  return Object.values(n).reduce((t, r) => {
+    let o = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY;
+    Object.entries(r).forEach(([a, d]) => {
+      let l = St(e, a) / 2;
+      o = Math.max(d + l, o), i = Math.min(d - l, i);
+    });
+    let s = o - i;
+    return s < t[0] && (t = [s, r]), t;
+  }, [Number.POSITIVE_INFINITY, null])[1];
+}
+function Pt(e, n) {
+  let t = Object.values(n), r = L(Math.min, t), o = L(Math.max, t);
+  ["u", "d"].forEach((i) => {
+    ["l", "r"].forEach((s) => {
+      let a = i + s, d = e[a];
+      if (!d || d === n) return;
+      let l = Object.values(d), u = r - L(Math.min, l);
+      s !== "l" && (u = o - L(Math.max, l)), u && (e[a] = O(d, (c) => c + u));
+    });
+  });
+}
+function Mt(e, n = void 0) {
+  let t = e.ul;
+  return t ? O(t, (r, o) => {
+    var s, a;
+    if (n) {
+      let d = n.toLowerCase(), l = e[d];
+      if (l && l[o] !== void 0) return l[o];
+    }
+    let i = Object.values(e).map((d) => {
+      let l = d[o];
+      return l !== void 0 ? l : 0;
+    }).sort((d, l) => d - l);
+    return (((s = i[1]) != null ? s : 0) + ((a = i[2]) != null ? a : 0)) / 2;
+  }) : {};
+}
+function ln(e) {
+  let n = N(e), t = Object.assign(vt(e, n), _t(e, n)), r = {}, o;
+  ["u", "d"].forEach((s) => {
+    o = s === "u" ? n : Object.values(n).reverse(), ["l", "r"].forEach((a) => {
+      a === "r" && (o = o.map((c) => Object.values(c).reverse()));
+      let l = Ot(e, o, t, (c) => (s === "u" ? e.predecessors(c) : e.successors(c)) || []), u = It(e, o, l.root, l.align, a === "r");
+      a === "r" && (u = O(u, (c) => -c)), r[s + a] = u;
+    });
+  });
+  let i = Rt(e, r);
+  return Pt(r, i), Mt(r, e.graph().align);
+}
+function jt(e, n, t) {
+  return (r, o, i) => {
+    let s = r.node(o), a = r.node(i), d = 0, l;
+    if (d += s.width / 2, Object.hasOwn(s, "labelpos")) switch (s.labelpos.toLowerCase()) {
+      case "l":
+        l = -s.width / 2;
+        break;
+      case "r":
+        l = s.width / 2;
+        break;
+    }
+    if (l && (d += t ? l : -l), l = void 0, d += (s.dummy ? n : e) / 2, d += (a.dummy ? n : e) / 2, d += a.width / 2, Object.hasOwn(a, "labelpos")) switch (a.labelpos.toLowerCase()) {
+      case "l":
+        l = a.width / 2;
+        break;
+      case "r":
+        l = -a.width / 2;
+        break;
+    }
+    return l && (d += t ? l : -l), d;
+  };
+}
+function St(e, n) {
+  return e.node(n).width;
+}
+function un(e) {
+  e = A(e), Ft(e), Object.entries(ln(e)).forEach(([n, t]) => e.node(n).x = t);
+}
+function Ft(e) {
+  let n = N(e), t = e.graph(), r = t.ranksep, o = t.rankalign, i = 0;
+  n.forEach((s) => {
+    let a = s.reduce((d, l) => {
+      var c;
+      let u = (c = e.node(l).height) != null ? c : 0;
+      return d > u ? d : u;
+    }, 0);
+    s.forEach((d) => {
+      let l = e.node(d);
+      o === "top" ? l.y = i + l.height / 2 : o === "bottom" ? l.y = i + a - l.height / 2 : l.y = i + a / 2;
+    }), i += a + r;
+  });
+}
+function he(e, n = {}) {
+  let t = n.debugTiming ? P : M;
+  return t("layout", () => {
+    let r = t("  buildLayoutGraph", () => Xt(e));
+    return t("  runLayout", () => Dt(r, t, n)), t("  updateInputGraph", () => At(e, r)), r;
+  });
+}
+function Dt(e, n, t) {
+  n("    makeSpaceForEdgeLabels", () => Ut(e)), n("    removeSelfEdges", () => rr(e)), n("    acyclic", () => je(e)), n("    nestingGraph.run", () => Ke(e)), n("    rank", () => Xe(A(e))), n("    injectEdgeLabelProxies", () => Kt(e)), n("    removeEmptyRanks", () => Oe(e)), n("    nestingGraph.cleanup", () => Je(e)), n("    normalizeRanks", () => Te(e)), n("    assignRankMinMax", () => $t(e)), n("    removeEdgeLabelProxies", () => Jt(e)), n("    normalize.run", () => Fe(e)), n("    parentDummyChains", () => Ue(e)), n("    addBorderSegments", () => Ze(e)), n("    order", () => B(e, t)), n("    insertSelfEdges", () => or(e)), n("    adjustCoordinateSystem", () => nn(e)), n("    position", () => un(e)), n("    positionSelfEdges", () => ir(e)), n("    removeBorderNodes", () => tr(e)), n("    normalize.undo", () => De(e)), n("    fixupEdgeLabelCoords", () => er(e)), n("    undoCoordinateSystem", () => tn(e)), n("    translateGraph", () => Qt(e)), n("    assignNodeIntersects", () => Zt(e)), n("    reversePoints", () => nr(e)), n("    acyclic.undo", () => Se(e));
+}
+function At(e, n) {
+  e.nodes().forEach((t) => {
+    let r = e.node(t), o = n.node(t);
+    r && (r.x = o.x, r.y = o.y, r.order = o.order, r.rank = o.rank, n.children(t).length && (r.width = o.width, r.height = o.height));
+  }), e.edges().forEach((t) => {
+    let r = e.edge(t), o = n.edge(t);
+    r.points = o.points, Object.hasOwn(o, "x") && (r.x = o.x, r.y = o.y);
+  }), e.graph().width = n.graph().width, e.graph().height = n.graph().height;
+}
+var Vt = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"];
+var Wt = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" };
+var Bt = ["acyclicer", "ranker", "rankdir", "align", "rankalign"];
+var Yt = ["width", "height", "rank"];
+var cn = { width: 0, height: 0 };
+var zt = ["minlen", "weight", "width", "height", "labeloffset"];
+var Ht = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" };
+var qt = ["labelpos"];
+function Xt(e) {
+  let n = new p({ multigraph: true, compound: true }), t = ce(e.graph());
+  return n.setGraph(Object.assign({}, Wt, ue(t, Vt), T(t, Bt))), e.nodes().forEach((r) => {
+    let o = ce(e.node(r)), i = ue(o, Yt);
+    Object.keys(cn).forEach((a) => {
+      i[a] === void 0 && (i[a] = cn[a]);
+    }), n.setNode(r, i);
+    let s = e.parent(r);
+    s !== void 0 && n.setParent(r, s);
+  }), e.edges().forEach((r) => {
+    let o = ce(e.edge(r));
+    n.setEdge(r, Object.assign({}, Ht, ue(o, zt), T(o, qt)));
+  }), n;
+}
+function Ut(e) {
+  let n = e.graph();
+  n.ranksep /= 2, e.edges().forEach((t) => {
+    let r = e.edge(t);
+    r.minlen *= 2, r.labelpos.toLowerCase() !== "c" && (n.rankdir === "TB" || n.rankdir === "BT" ? r.width += r.labeloffset : r.height += r.labeloffset);
+  });
+}
+function Kt(e) {
+  e.edges().forEach((n) => {
+    let t = e.edge(n);
+    if (t.width && t.height) {
+      let r = e.node(n.v), i = { rank: (e.node(n.w).rank - r.rank) / 2 + r.rank, e: n };
+      w(e, "edge-proxy", i, "_ep");
+    }
+  });
+}
+function $t(e) {
+  let n = 0;
+  e.nodes().forEach((t) => {
+    let r = e.node(t);
+    r.borderTop && (r.minRank = e.node(r.borderTop).rank, r.maxRank = e.node(r.borderBottom).rank, n = Math.max(n, r.maxRank));
+  }), e.graph().maxRank = n;
+}
+function Jt(e) {
+  e.nodes().forEach((n) => {
+    let t = e.node(n);
+    if (t.dummy === "edge-proxy") {
+      let r = t;
+      e.edge(r.e).labelRank = t.rank, e.removeNode(n);
+    }
+  });
+}
+function Qt(e) {
+  let n = Number.POSITIVE_INFINITY, t = 0, r = Number.POSITIVE_INFINITY, o = 0, i = e.graph(), s = i.marginx || 0, a = i.marginy || 0;
+  function d(l) {
+    let u = l.x, c = l.y, h = l.width, f = l.height;
+    n = Math.min(n, u - h / 2), t = Math.max(t, u + h / 2), r = Math.min(r, c - f / 2), o = Math.max(o, c + f / 2);
+  }
+  e.nodes().forEach((l) => d(e.node(l))), e.edges().forEach((l) => {
+    let u = e.edge(l);
+    Object.hasOwn(u, "x") && d(u);
+  }), n -= s, r -= a, e.nodes().forEach((l) => {
+    let u = e.node(l);
+    u.x -= n, u.y -= r;
+  }), e.edges().forEach((l) => {
+    let u = e.edge(l);
+    u.points.forEach((c) => {
+      c.x -= n, c.y -= r;
+    }), Object.hasOwn(u, "x") && (u.x -= n), Object.hasOwn(u, "y") && (u.y -= r);
+  }), i.width = t - n + s, i.height = o - r + a;
+}
+function Zt(e) {
+  e.edges().forEach((n) => {
+    let t = e.edge(n), r = e.node(n.v), o = e.node(n.w), i, s;
+    t.points ? (i = t.points[0], s = t.points[t.points.length - 1]) : (t.points = [], i = o, s = r), t.points.unshift(H(r, i)), t.points.push(H(o, s));
+  });
+}
+function er(e) {
+  e.edges().forEach((n) => {
+    let t = e.edge(n);
+    if (Object.hasOwn(t, "x")) switch ((t.labelpos === "l" || t.labelpos === "r") && (t.width -= t.labeloffset), t.labelpos) {
+      case "l":
+        t.x -= t.width / 2 + t.labeloffset;
+        break;
+      case "r":
+        t.x += t.width / 2 + t.labeloffset;
+        break;
+    }
+  });
+}
+function nr(e) {
+  e.edges().forEach((n) => {
+    let t = e.edge(n);
+    t.reversed && t.points.reverse();
+  });
+}
+function tr(e) {
+  e.nodes().forEach((n) => {
+    if (e.children(n).length) {
+      let t = e.node(n), r = e.node(t.borderTop), o = e.node(t.borderBottom), i = e.node(t.borderLeft[t.borderLeft.length - 1]), s = e.node(t.borderRight[t.borderRight.length - 1]);
+      t.width = Math.abs(s.x - i.x), t.height = Math.abs(o.y - r.y), t.x = i.x + t.width / 2, t.y = r.y + t.height / 2;
+    }
+  }), e.nodes().forEach((n) => {
+    e.node(n).dummy === "border" && e.removeNode(n);
+  });
+}
+function rr(e) {
+  e.edges().forEach((n) => {
+    if (n.v === n.w) {
+      let t = e.node(n.v);
+      t.selfEdges || (t.selfEdges = []), t.selfEdges.push({ e: n, label: e.edge(n) }), e.removeEdge(n);
+    }
+  });
+}
+function or(e) {
+  N(e).forEach((t) => {
+    let r = 0;
+    t.forEach((o, i) => {
+      let s = e.node(o);
+      s.order = i + r, (s.selfEdges || []).forEach((a) => {
+        w(e, "selfedge", { width: a.label.width, height: a.label.height, rank: s.rank, order: i + ++r, e: a.e, label: a.label }, "_se");
+      }), delete s.selfEdges;
+    });
+  });
+}
+function ir(e) {
+  e.nodes().forEach((n) => {
+    let t = e.node(n);
+    if (t.dummy === "selfedge") {
+      let r = t, o = e.node(r.e.v), i = o.x + o.width / 2, s = o.y, a = t.x - i, d = o.height / 2;
+      e.setEdge(r.e, r.label), e.removeNode(n), r.label.points = [{ x: i + 2 * a / 3, y: s - d }, { x: i + 5 * a / 6, y: s - d }, { x: i + a, y: s }, { x: i + 5 * a / 6, y: s + d }, { x: i + 2 * a / 3, y: s + d }], r.label.x = t.x, r.label.y = t.y;
+    }
+  });
+}
+function ue(e, n) {
+  return O(T(e, n), Number);
+}
+function ce(e) {
+  let n = {};
+  return e && Object.entries(e).forEach(([t, r]) => {
+    typeof t == "string" && (t = t.toLowerCase()), n[t] = r;
+  }), n;
+}
+function fe(e) {
+  let n = N(e), t = new p({ compound: true, multigraph: true }).setGraph({});
+  return e.nodes().forEach((r) => {
+    t.setNode(r, { label: r }), t.setParent(r, "layer" + e.node(r).rank);
+  }), e.edges().forEach((r) => t.setEdge(r.v, r.w, {}, r.name)), n.forEach((r, o) => {
+    let i = "layer" + o;
+    t.setNode(i, { rank: "same" }), r.reduce((s, a) => (t.setEdge(s, a, { style: "invis" }), a));
+  }), t;
+}
+var sr = { graphlib: z, version: U, layout: he, debug: fe, util: { time: P, notime: M } };
+var To = sr;
+
 // src/blocks/erd.ts
+var MAX_ROWS = 10;
+var COL_W = 216;
+var ROW_H = 24;
+var HEAD_H = 32;
+var BOT_PAD = 8;
 function renderErd(data) {
   const ents = data.entities ?? [];
   const rels = data.relations ?? [];
-  const colW = 200;
-  const rowH = 22;
-  const headH = 30;
-  const gapX = 80;
-  const top = 14;
-  const pad = 16;
-  let x = pad;
-  let maxH = 0;
   const boxes = ents.map((e) => {
     const cols = e.columns ?? [];
-    const h = headH + cols.length * rowH + 10;
-    const box = { name: e.name, columns: cols, x, y: top, w: colW, h };
-    x += colW + gapX;
-    if (h > maxH) maxH = h;
-    return box;
+    let rows = cols;
+    let hidden = 0;
+    if (cols.length > MAX_ROWS) {
+      rows = cols.slice(0, MAX_ROWS - 1);
+      hidden = cols.length - rows.length;
+    }
+    const bodyRows = rows.length + (hidden > 0 ? 1 : 0);
+    return {
+      name: e.name,
+      cols,
+      rows,
+      hidden,
+      pkIdx: cols.findIndex((c) => c.pk === true),
+      w: COL_W,
+      h: HEAD_H + bodyRows * ROW_H + BOT_PAD
+    };
   });
-  const W = pad * 2 + ents.length * colW + Math.max(0, ents.length - 1) * gapX;
-  const H = top + maxH + 24;
-  const byName = /* @__PURE__ */ new Map();
-  for (const b of boxes) byName.set(b.name, b);
-  let s = `<svg viewBox="0 0 ${W} ${H}" role="img"><title>Entity-relationship diagram</title>`;
-  const rowCenterY = (box, idx) => idx < 0 ? box.y + 24 : box.y + headH + 16 + idx * rowH - 4;
-  for (const r of rels) {
-    const a = byName.get(r.from);
-    const b = byName.get(r.to);
-    if (!a || !b) continue;
-    const fkIdx = pickFkIndex(a.columns, r.to);
-    const pkIdx = b.columns.findIndex((c) => c.pk === true);
-    const y1 = rowCenterY(a, fkIdx);
-    const y2 = rowCenterY(b, pkIdx);
-    const aLeftOfB = a.x + a.w / 2 <= b.x + b.w / 2;
-    const x1 = aLeftOfB ? a.x + a.w : a.x;
-    const x2 = aLeftOfB ? b.x : b.x + b.w;
-    const mx = (x1 + x2) / 2;
-    const dir = aLeftOfB ? 1 : -1;
-    s += `<path d="M${x1},${y1} H${mx} V${y2} H${x2}" fill="none" stroke="var(--gray)" stroke-width="1.5"/><circle cx="${x1}" cy="${y1}" r="2.6" fill="var(--gray)"/><path d="M${x2 - 9 * dir},${y2 - 6} L${x2},${y2} L${x2 - 9 * dir},${y2 + 6}" fill="none" stroke="var(--navy)" stroke-width="1.6" stroke-linejoin="round"/>`;
+  const byName = new Map(boxes.map((b) => [b.name, b]));
+  const validRels = rels.filter((r) => byName.has(r.from) && byName.has(r.to));
+  const g = new To.graphlib.Graph({ multigraph: true });
+  g.setGraph({ rankdir: "LR", nodesep: 38, ranksep: 96, marginx: 18, marginy: 18 });
+  g.setDefaultEdgeLabel(() => ({}));
+  for (const b of boxes) g.setNode(b.name, { width: b.w, height: b.h });
+  validRels.forEach((r, i) => g.setEdge(r.from, r.to, {}, `e${i}`));
+  To.layout(g);
+  const graph = g.graph();
+  const W2 = Math.ceil(graph.width ?? 0);
+  const H2 = Math.ceil(graph.height ?? 0);
+  const at2 = /* @__PURE__ */ new Map();
+  for (const b of boxes) {
+    const n = g.node(b.name);
+    at2.set(b.name, { x: n.x - b.w / 2, y: n.y - b.h / 2 });
+  }
+  let s = `<svg viewBox="0 0 ${W2} ${H2}" role="img"><title>Entity-relationship diagram</title>`;
+  validRels.forEach((r) => {
+    const src = byName.get(r.from);
+    const tgt = byName.get(r.to);
+    const sp = at2.get(r.from);
+    const tp = at2.get(r.to);
+    if (!src || !tgt || !sp || !tp) return;
+    const fkY = rowAnchorY(src, sp.y, pickFkIndex(src.cols, tgt.name));
+    const pkY = rowAnchorY(tgt, tp.y, tgt.pkIdx);
+    const rightward = tp.x + tgt.w / 2 >= sp.x + src.w / 2;
+    const sx = rightward ? sp.x + src.w : sp.x;
+    const tx = rightward ? tp.x : tp.x + tgt.w;
+    const lo = Math.min(sx, tx) + 10;
+    const hi = Math.max(sx, tx) - 10;
+    const midX = hi > lo ? clamp((sx + tx) / 2, lo, hi) : (sx + tx) / 2;
+    s += `<path d="M${round(sx)},${round(fkY)} H${round(midX)} V${round(pkY)} H${round(tx)}" fill="none" stroke="var(--gray)" stroke-width="1.5"/><circle cx="${round(sx)}" cy="${round(fkY)}" r="2.6" fill="var(--gray)"/>` + arrowHeadH(tx, pkY, rightward);
     if (r.card !== void 0) {
-      const w = 30;
-      const cy = (y1 + y2) / 2;
-      s += `<rect x="${mx - w / 2}" y="${cy - 9}" width="${w}" height="18" rx="9" fill="var(--white)" stroke="var(--rule)"/><text x="${mx}" y="${cy + 3}" class="edge-label">${escapeHtml(r.card)}</text>`;
+      const w2 = 30;
+      const cy = (fkY + pkY) / 2;
+      s += `<rect x="${round(midX - w2 / 2)}" y="${round(cy - 9)}" width="${w2}" height="18" rx="9" fill="var(--white)" stroke="var(--rule)"/><text x="${round(midX)}" y="${round(cy + 3)}" class="edge-label">${escapeHtml(r.card)}</text>`;
     }
-  }
+  });
   for (const b of boxes) {
-    s += `<rect x="${b.x}" y="${b.y}" width="${b.w}" height="${b.h}" rx="4" fill="var(--white)" stroke="var(--navy)"/><rect x="${b.x}" y="${b.y}" width="${b.w}" height="${headH}" rx="4" fill="var(--navy)"/><rect x="${b.x}" y="${b.y + headH - 4}" width="${b.w}" height="4" fill="var(--navy)"/><text x="${b.x + b.w / 2}" y="${b.y + 20}" class="er-head-text">${escapeHtml(b.name)}</text>`;
-    b.columns.forEach((f, j) => {
-      const fy = b.y + headH + 16 + j * rowH;
-      const nameX = f.pk === true || f.fk === true ? b.x + 38 : b.x + 12;
-      if (j > 0) {
-        s += `<line x1="${b.x}" y1="${fy - 14}" x2="${b.x + b.w}" y2="${fy - 14}" class="er-rowline"/>`;
+    const p2 = at2.get(b.name);
+    if (!p2) continue;
+    const { x: x2, y } = p2;
+    s += `<rect x="${round(x2)}" y="${round(y)}" width="${b.w}" height="${b.h}" rx="5" fill="var(--white)" stroke="var(--navy)"/><path d="M${round(x2)},${round(y + HEAD_H)} v${ -27} a5,5 0 0 1 5,-5 h${b.w - 10} a5,5 0 0 1 5,5 v${HEAD_H - 5} z" fill="var(--navy)"/><text x="${round(x2 + b.w / 2)}" y="${round(y + 21)}" class="er-head-text">${escapeHtml(b.name)}</text>`;
+    b.rows.forEach((f, j2) => {
+      const rowTop = y + HEAD_H + j2 * ROW_H;
+      const ty = rowTop + 16;
+      if (j2 > 0) {
+        s += `<line x1="${round(x2)}" y1="${round(rowTop)}" x2="${round(x2 + b.w)}" y2="${round(rowTop)}" class="er-rowline"/>`;
       }
+      const nameX = f.pk === true || f.fk === true ? x2 + 40 : x2 + 13;
       if (f.pk === true) {
-        s += `<text x="${b.x + 12}" y="${fy}" class="er-key">PK</text>`;
+        s += `<text x="${round(x2 + 13)}" y="${round(ty)}" class="er-key">PK</text>`;
       } else if (f.fk === true) {
-        s += `<text x="${b.x + 12}" y="${fy}" class="er-key fk">FK</text>`;
+        s += `<text x="${round(x2 + 13)}" y="${round(ty)}" class="er-key fk">FK</text>`;
       }
-      s += `<text x="${nameX}" y="${fy}" class="er-col">${escapeHtml(f.name)}</text><text x="${b.x + b.w - 12}" y="${fy}" class="er-col dim" text-anchor="end">${escapeHtml(f.type ?? "")}</text>`;
+      s += `<text x="${round(nameX)}" y="${round(ty)}" class="er-col">${escapeHtml(f.name)}</text><text x="${round(x2 + b.w - 13)}" y="${round(ty)}" class="er-col dim" text-anchor="end">${escapeHtml(f.type ?? "")}</text>`;
     });
+    if (b.hidden > 0) {
+      const rowTop = y + HEAD_H + b.rows.length * ROW_H;
+      s += `<line x1="${round(x2)}" y1="${round(rowTop)}" x2="${round(x2 + b.w)}" y2="${round(rowTop)}" class="er-rowline"/><text x="${round(x2 + b.w / 2)}" y="${round(rowTop + 16)}" class="er-col dim" text-anchor="middle">\u2026 +${b.hidden} more</text>`;
+    }
   }
   s += `</svg>`;
   const opts = {
@@ -485,18 +2164,28 @@ function renderErd(data) {
   };
   return diagramFrame(opts, s);
 }
+function rowAnchorY(box, topY, idx) {
+  if (idx >= 0 && idx < box.rows.length) return topY + HEAD_H + idx * ROW_H + ROW_H / 2;
+  return topY + box.h / 2;
+}
 function pickFkIndex(columns, toName) {
-  const fks = columns.map((c, i) => ({ c, i })).filter((x) => x.c.fk === true);
+  const fks = columns.map((c, i) => ({ c, i })).filter((x2) => x2.c.fk === true);
   const first = fks[0];
   if (first === void 0) return -1;
   const t = toName.toLowerCase();
   const singular = t.replace(/s$/, "");
-  const match = fks.find((x) => {
-    const n = x.c.name.toLowerCase();
+  const match = fks.find((x2) => {
+    const n = x2.c.name.toLowerCase();
     return n.includes(t) || n.includes(singular);
   });
   return (match ?? first).i;
 }
+function arrowHeadH(x2, y, pointRight) {
+  const dx = pointRight ? -10 : 10;
+  return `<path d="M${round(x2 + dx)},${round(y - 5)} L${round(x2)},${round(y)} L${round(x2 + dx)},${round(y + 5)}" fill="none" stroke="var(--navy)" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round"/>`;
+}
+var clamp = (n, lo, hi) => Math.max(lo, Math.min(hi, n));
+var round = (n) => Math.round(n * 10) / 10;
 
 // src/blocks/kanban.ts
 function renderKanban(data) {
@@ -544,21 +2233,21 @@ function renderFoot(foot) {
 function renderSequence(data) {
   const actors = data.actors ?? [];
   const messages = data.messages ?? [];
-  const N = Math.max(actors.length, 1);
+  const N2 = Math.max(actors.length, 1);
   const leftPad = 24;
   const laneW = 168;
   const gap = 58;
   const headY = 16;
   const headH = 42;
   const cx = (i) => leftPad + laneW / 2 + i * (laneW + gap);
-  const width = leftPad * 2 + N * laneW + (N - 1) * gap;
+  const width = leftPad * 2 + N2 * laneW + (N2 - 1) * gap;
   const idx = (id) => actors.findIndex((a) => a.id === id);
   const msgStartY = 92;
   const step = 42;
-  const rows = messages.map((m, k) => {
+  const rows = messages.map((m, k2) => {
     const base = {
-      n: k + 1,
-      y: msgStartY + k * step,
+      n: k2 + 1,
+      y: msgStartY + k2 * step,
       fromI: idx(m.from),
       toI: idx(m.to),
       kind: m.kind ?? "sync",
@@ -582,8 +2271,8 @@ function renderSequence(data) {
   });
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Sequence diagram</title><defs><marker id="sqArrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#1a1a2e"/></marker><marker id="sqOpen" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10" fill="none" stroke="#1a1a2e" stroke-width="1.2"/></marker><marker id="sqErr" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" fill="#991b1b"/></marker></defs>`;
   for (let i = 0; i < actors.length; i++) {
-    const x = cx(i);
-    s += `<line x1="${x}" y1="${headY + headH}" x2="${x}" y2="${bottom}" class="lifeline"/>`;
+    const x2 = cx(i);
+    s += `<line x1="${x2}" y1="${headY + headH}" x2="${x2}" y2="${bottom}" class="lifeline"/>`;
   }
   for (const ac of activations) {
     if (!ac) continue;
@@ -595,17 +2284,17 @@ function renderSequence(data) {
     s += `<g><rect x="${cx(i) - laneW / 2}" y="${headY}" width="${laneW}" height="${headH}" class="lane-head${extCls}"/><text x="${cx(i)}" y="${headY + 22}" class="lane-head-text">${escapeHtml(a.name)}</text>` + sub + `</g>`;
   });
   for (const r of rows) {
-    const k = KIND[r.kind];
+    const k2 = KIND[r.kind];
     if (r.kind === "note" || r.toI < 0) {
       if (r.fromI < 0) continue;
-      const x = cx(r.fromI);
-      s += `<g><circle cx="${x + 18}" cy="${r.y - 10}" r="10" class="step-badge"/><text x="${x + 18}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${x + 34}" y="${r.y - 6}" class="msg-text note">${escapeHtml(r.label)}</text></g>`;
+      const x3 = cx(r.fromI);
+      s += `<g><circle cx="${x3 + 18}" cy="${r.y - 10}" r="10" class="step-badge"/><text x="${x3 + 18}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${x3 + 34}" y="${r.y - 6}" class="msg-text note">${escapeHtml(r.label)}</text></g>`;
       continue;
     }
     if (r.fromI === r.toI) {
-      const x = cx(r.fromI);
+      const x3 = cx(r.fromI);
       const errCls = r.kind === "error" ? " err" : "";
-      s += `<g><circle cx="${x + 18}" cy="${r.y - 10}" r="10" class="step-badge${errCls}"/><text x="${x + 18}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${x + 34}" y="${r.y - 6}" class="msg-text note">${escapeHtml(r.label)}</text></g>`;
+      s += `<g><circle cx="${x3 + 18}" cy="${r.y - 10}" r="10" class="step-badge${errCls}"/><text x="${x3 + 18}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${x3 + 34}" y="${r.y - 6}" class="msg-text note">${escapeHtml(r.label)}</text></g>`;
       continue;
     }
     const x1 = cx(r.fromI);
@@ -616,8 +2305,8 @@ function renderSequence(data) {
     const badgeX = ltr ? x1 + 18 : x1 - 18;
     const labelX = ltr ? badgeX + 16 : badgeX - 16;
     const labelAnchor = ltr ? "start" : "end";
-    const markerAttr = k.marker !== null ? ` marker-end="url(#${k.marker})"` : "";
-    s += `<line x1="${x1}" y1="${r.y}" x2="${end}" y2="${r.y}" class="${k.cls}"${markerAttr}/><circle cx="${badgeX}" cy="${r.y - 10}" r="10" class="step-badge${errBadge}"/><text x="${badgeX}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${labelX}" y="${r.y - 6}" class="${k.txt}" text-anchor="${labelAnchor}">${escapeHtml(r.label)}</text>`;
+    const markerAttr = k2.marker !== null ? ` marker-end="url(#${k2.marker})"` : "";
+    s += `<line x1="${x1}" y1="${r.y}" x2="${end}" y2="${r.y}" class="${k2.cls}"${markerAttr}/><circle cx="${badgeX}" cy="${r.y - 10}" r="10" class="step-badge${errBadge}"/><text x="${badgeX}" y="${r.y - 6.5}" class="step-badge-text">${r.n}</text><text x="${labelX}" y="${r.y - 6}" class="${k2.txt}" text-anchor="${labelAnchor}">${escapeHtml(r.label)}</text>`;
   }
   s += `</svg>`;
   const actorById = /* @__PURE__ */ new Map();
@@ -690,11 +2379,11 @@ function renderTable(data) {
 function renderTimeline(data) {
   const items = data.items ?? [];
   let h = `<div class="tl">`;
-  for (const it of items) {
-    const st = it.status ?? "future";
-    const date = it.date !== void 0 ? `<div class="tl-date">${escapeHtml(it.date)}</div>` : "";
-    const desc = it.desc !== void 0 ? `<div class="tl-desc">${escapeHtml(it.desc)}</div>` : "";
-    h += `<div class="tl-item"><span class="tl-dot ${st}"></span>` + date + `<div class="tl-label">${escapeHtml(it.label)}</div>` + desc + `</div>`;
+  for (const it2 of items) {
+    const st2 = it2.status ?? "future";
+    const date = it2.date !== void 0 ? `<div class="tl-date">${escapeHtml(it2.date)}</div>` : "";
+    const desc = it2.desc !== void 0 ? `<div class="tl-desc">${escapeHtml(it2.desc)}</div>` : "";
+    h += `<div class="tl-item"><span class="tl-dot ${st2}"></span>` + date + `<div class="tl-label">${escapeHtml(it2.label)}</div>` + desc + `</div>`;
   }
   return h + `</div>`;
 }
@@ -708,18 +2397,18 @@ function renderTracker(data) {
   if (hasOwner) headCells.push("<th>Owner</th>");
   if (hasDue) headCells.push("<th>Due</th>");
   let h = `<table class="trk"><thead><tr>${headCells.join("")}</tr></thead><tbody>`;
-  for (const it of items) {
-    const st = it.status ?? "todo";
-    const pr = it.priority;
+  for (const it2 of items) {
+    const st2 = it2.status ?? "todo";
+    const pr = it2.priority;
     const prCell = pr !== void 0 ? `<span class="pri ${pr}">${escapeHtml(pr)}</span>` : "";
-    const rowCls = st === "done" ? ' class="done"' : "";
+    const rowCls = st2 === "done" ? ' class="done"' : "";
     const cells = [
-      `<td class="trk-task">${escapeHtml(it.task)}</td>`,
-      `<td><span class="st ${st}">${escapeHtml(st)}</span></td>`,
+      `<td class="trk-task">${escapeHtml(it2.task)}</td>`,
+      `<td><span class="st ${st2}">${escapeHtml(st2)}</span></td>`,
       `<td>${prCell}</td>`
     ];
-    if (hasOwner) cells.push(`<td>${escapeHtml(it.owner ?? "")}</td>`);
-    if (hasDue) cells.push(`<td>${escapeHtml(it.due ?? "")}</td>`);
+    if (hasOwner) cells.push(`<td>${escapeHtml(it2.owner ?? "")}</td>`);
+    if (hasDue) cells.push(`<td>${escapeHtml(it2.due ?? "")}</td>`);
     h += `<tr${rowCls}>${cells.join("")}</tr>`;
   }
   return h + `</tbody></table>`;
@@ -767,11 +2456,11 @@ function renderProseBlock(data) {
     if (t === "h") return `<h3>${escapeHtml(text)}</h3>`;
     if (t === "quote") return `<blockquote>${escapeHtml(text)}</blockquote>`;
     if (t === "ul") {
-      const items = (b.items ?? []).map((x) => `<li>${escapeHtml(x)}</li>`).join("");
+      const items = (b.items ?? []).map((x2) => `<li>${escapeHtml(x2)}</li>`).join("");
       return `<ul>${items}</ul>`;
     }
     if (t === "ol") {
-      const items = (b.items ?? []).map((x) => `<li>${escapeHtml(x)}</li>`).join("");
+      const items = (b.items ?? []).map((x2) => `<li>${escapeHtml(x2)}</li>`).join("");
       return `<ol>${items}</ol>`;
     }
     return `<p>${escapeHtml(text)}</p>`;
@@ -792,7 +2481,7 @@ function renderGlossary(data) {
 function renderProsCons(data) {
   const prosLabel = data.prosLabel ?? "Pros";
   const consLabel = data.consLabel ?? "Cons";
-  const pros = (data.pros ?? []).map((p) => `<div class="pc-item">${escapeHtml(p)}</div>`).join("");
+  const pros = (data.pros ?? []).map((p2) => `<div class="pc-item">${escapeHtml(p2)}</div>`).join("");
   const cons = (data.cons ?? []).map((c) => `<div class="pc-item">${escapeHtml(c)}</div>`).join("");
   return `<div class="pc"><div class="pc-col pro"><div class="pc-head">${escapeHtml(prosLabel)}</div>` + pros + `</div><div class="pc-col con"><div class="pc-head">${escapeHtml(consLabel)}</div>` + cons + `</div></div>`;
 }
@@ -801,8 +2490,8 @@ function renderProsCons(data) {
 function renderCvt(data) {
   const cur = data.current ?? {};
   const tgt = data.target ?? {};
-  const curItems = (cur.items ?? []).map((x) => `<div class="ct-item">${escapeHtml(x)}</div>`).join("");
-  const tgtItems = (tgt.items ?? []).map((x) => `<div class="ct-item">${escapeHtml(x)}</div>`).join("");
+  const curItems = (cur.items ?? []).map((x2) => `<div class="ct-item">${escapeHtml(x2)}</div>`).join("");
+  const tgtItems = (tgt.items ?? []).map((x2) => `<div class="ct-item">${escapeHtml(x2)}</div>`).join("");
   const curLabel = cur.label ?? "Current";
   const tgtLabel = tgt.label ?? "Target";
   const note = data.note !== void 0 ? `<div class="tbl-note">${escapeHtml(data.note)}</div>` : "";
@@ -846,9 +2535,9 @@ function highlightCode(code) {
     } else if (m[3] !== void 0) {
       out += `<span class="num">${escapeHtml(t)}</span>`;
     } else {
-      const lt = t.toLowerCase();
-      if (KW.has(lt)) out += `<span class="kw">${escapeHtml(t)}</span>`;
-      else if (TY.has(lt)) out += `<span class="ty">${escapeHtml(t)}</span>`;
+      const lt2 = t.toLowerCase();
+      if (KW.has(lt2)) out += `<span class="kw">${escapeHtml(t)}</span>`;
+      else if (TY.has(lt2)) out += `<span class="ty">${escapeHtml(t)}</span>`;
       else if (src[TOKEN_RE.lastIndex] === "(")
         out += `<span class="fn">${escapeHtml(t)}</span>`;
       else out += escapeHtml(t);
@@ -870,12 +2559,12 @@ function renderCode(data) {
 // src/blocks/agenda.ts
 function renderAgenda(data) {
   const items = data.items ?? [];
-  const rows = items.map((it) => {
-    const dur = it.duration !== void 0 ? `<div class="agenda-dur">${escapeHtml(it.duration)}</div>` : "";
-    const owner = it.owner !== void 0 ? `<span class="agenda-owner">${escapeHtml(it.owner)}</span>` : "";
-    const desc = it.desc !== void 0 ? `<div class="agenda-desc">${escapeHtml(it.desc)}</div>` : "";
-    const time = it.time !== void 0 ? `<div class="agenda-time">${escapeHtml(it.time)}</div>` : "";
-    return `<div class="agenda-row"><div>${time}${dur}</div><div><div class="agenda-title">${escapeHtml(it.title)}${owner}</div>` + desc + `</div></div>`;
+  const rows = items.map((it2) => {
+    const dur = it2.duration !== void 0 ? `<div class="agenda-dur">${escapeHtml(it2.duration)}</div>` : "";
+    const owner = it2.owner !== void 0 ? `<span class="agenda-owner">${escapeHtml(it2.owner)}</span>` : "";
+    const desc = it2.desc !== void 0 ? `<div class="agenda-desc">${escapeHtml(it2.desc)}</div>` : "";
+    const time = it2.time !== void 0 ? `<div class="agenda-time">${escapeHtml(it2.time)}</div>` : "";
+    return `<div class="agenda-row"><div>${time}${dur}</div><div><div class="agenda-title">${escapeHtml(it2.title)}${owner}</div>` + desc + `</div></div>`;
   }).join("");
   return `<div class="agenda">${rows}</div>`;
 }
@@ -923,78 +2612,78 @@ var CHART_COLORS = ["#0e54a1", "#1a6dbe", "#0f766e", "#1f9747", "#6b21a8", "#f79
 function renderPyramid(data) {
   const levels = data.levels ?? [];
   const n = Math.max(levels.length, 1);
-  const W = 520;
+  const W2 = 520;
   const top = 16;
   const rowH = Math.min(72, Math.floor(280 / n));
   const gap = 4;
-  const apex = W / 2;
+  const apex = W2 / 2;
   const pad = 16;
   const maxW = 430;
-  const H = top + n * (rowH + gap) + pad;
-  const polygons = levels.map((L, i) => {
+  const H2 = top + n * (rowH + gap) + pad;
+  const polygons = levels.map((L2, i) => {
     const y = top + i * (rowH + gap);
     const wTop = maxW * (i / n);
     const wBot = maxW * ((i + 1) / n);
     const fill = CHART_COLORS[i % CHART_COLORS.length] ?? "#0e54a1";
-    const desc = L.desc !== void 0 ? `<text x="${apex}" y="${y + rowH / 2 + 14}" class="pyr-desc">${escapeHtml(L.desc)}</text>` : "";
-    return `<g><polygon points="${apex - wTop / 2},${y} ${apex + wTop / 2},${y} ${apex + wBot / 2},${y + rowH} ${apex - wBot / 2},${y + rowH}" fill="${fill}"/><text x="${apex}" y="${y + rowH / 2 - 1}" class="pyr-label">${escapeHtml(L.label)}</text>` + desc + `</g>`;
+    const desc = L2.desc !== void 0 ? `<text x="${apex}" y="${y + rowH / 2 + 14}" class="pyr-desc">${escapeHtml(L2.desc)}</text>` : "";
+    return `<g><polygon points="${apex - wTop / 2},${y} ${apex + wTop / 2},${y} ${apex + wBot / 2},${y + rowH} ${apex - wBot / 2},${y + rowH}" fill="${fill}"/><text x="${apex}" y="${y + rowH / 2 - 1}" class="pyr-label">${escapeHtml(L2.label)}</text>` + desc + `</g>`;
   }).join("");
-  return `<svg viewBox="0 0 ${W} ${H}" role="img"><title>Pyramid</title>${polygons}</svg>`;
+  return `<svg viewBox="0 0 ${W2} ${H2}" role="img"><title>Pyramid</title>${polygons}</svg>`;
 }
 
 // src/blocks/funnel.ts
 var CHART_COLORS2 = ["#0e54a1", "#1a6dbe", "#0f766e", "#1f9747", "#6b21a8", "#f7952c"];
-function toNum(v) {
-  if (typeof v === "number") return v;
-  const n = parseFloat(v.replace(/[, _]/g, ""));
+function toNum(v2) {
+  if (typeof v2 === "number") return v2;
+  const n = parseFloat(v2.replace(/[, _]/g, ""));
   return Number.isFinite(n) ? n : 0;
 }
-function fmt(v) {
-  return typeof v === "number" ? v.toLocaleString() : v;
+function fmt(v2) {
+  return typeof v2 === "number" ? v2.toLocaleString() : v2;
 }
 function renderFunnel(data) {
   const stages = (data.stages ?? []).filter(Boolean);
-  const W = 560;
+  const W2 = 560;
   const top = 14;
   const rowH = 62;
   const maxW = 420;
   const pad = 14;
-  const cx = W / 2;
-  const H = top + stages.length * rowH + pad;
+  const cx = W2 / 2;
+  const H2 = top + stages.length * rowH + pad;
   const vals = stages.map((s) => toNum(s.value));
   const first = vals[0] ?? 0;
   const max = Math.max(1, ...vals);
-  const wOf = (v) => Math.max(78, maxW * (v / max));
+  const wOf = (v2) => Math.max(78, maxW * (v2 / max));
   const groups = stages.map((s, i) => {
-    const v = vals[i] ?? 0;
-    const vNext = i < stages.length - 1 ? vals[i + 1] ?? 0 : v * 0.82;
-    const wTop = wOf(v);
+    const v2 = vals[i] ?? 0;
+    const vNext = i < stages.length - 1 ? vals[i + 1] ?? 0 : v2 * 0.82;
+    const wTop = wOf(v2);
     const wBot = wOf(vNext);
     const y = top + i * rowH;
     const fill = CHART_COLORS2[i % CHART_COLORS2.length] ?? "#0e54a1";
-    const pct = first > 0 ? Math.round(v / first * 100) : 0;
+    const pct = first > 0 ? Math.round(v2 / first * 100) : 0;
     const sub = i > 0 && first > 0 ? `  \xB7  ${pct}%` : "";
     return `<g><polygon points="${cx - wTop / 2},${y} ${cx + wTop / 2},${y} ${cx + wBot / 2},${y + rowH} ${cx - wBot / 2},${y + rowH}" fill="${fill}" stroke="#fff" stroke-width="2"/><text x="${cx}" y="${y + rowH / 2 - 3}" class="funnel-label">${escapeHtml(s.label)}</text><text x="${cx}" y="${y + rowH / 2 + 15}" class="funnel-val">${escapeHtml(fmt(s.value))}${sub}</text></g>`;
   }).join("");
-  return `<svg viewBox="0 0 ${W} ${H}" role="img"><title>Funnel</title>${groups}</svg>`;
+  return `<svg viewBox="0 0 ${W2} ${H2}" role="img"><title>Funnel</title>${groups}</svg>`;
 }
 
 // src/svg/ortho.ts
-function ortho(A, B) {
-  const a = { x: A.x + A.w / 2, y: A.y + A.h / 2 };
-  const b = { x: B.x + B.w / 2, y: B.y + B.h / 2 };
+function ortho(A2, B2) {
+  const a = { x: A2.x + A2.w / 2, y: A2.y + A2.h / 2 };
+  const b = { x: B2.x + B2.w / 2, y: B2.y + B2.h / 2 };
   const dx = b.x - a.x;
   const dy = b.y - a.y;
   if (Math.abs(dx) >= Math.abs(dy)) {
-    const sx2 = dx >= 0 ? A.x + A.w : A.x;
-    const ex2 = dx >= 0 ? B.x : B.x + B.w;
+    const sx2 = dx >= 0 ? A2.x + A2.w : A2.x;
+    const ex2 = dx >= 0 ? B2.x : B2.x + B2.w;
     const sy2 = a.y;
     const ey2 = b.y;
     const mx = (sx2 + ex2) / 2;
     return { d: `M ${sx2} ${sy2} H ${mx} V ${ey2} H ${ex2}`, lx: mx, ly: (sy2 + ey2) / 2 };
   }
-  const sy = dy >= 0 ? A.y + A.h : A.y;
-  const ey = dy >= 0 ? B.y : B.y + B.h;
+  const sy = dy >= 0 ? A2.y + A2.h : A2.y;
+  const ey = dy >= 0 ? B2.y : B2.y + B2.h;
   const sx = a.x;
   const ex = b.x;
   const my = (sy + ey) / 2;
@@ -1007,16 +2696,16 @@ function wrapText(text, max, maxLines) {
   const words = String(text).split(/\s+/);
   const lines = [];
   let cur = "";
-  for (const w of words) {
+  for (const w2 of words) {
     if (!cur) {
-      cur = w;
+      cur = w2;
       continue;
     }
-    if ((cur + " " + w).length <= max) {
-      cur += " " + w;
+    if ((cur + " " + w2).length <= max) {
+      cur += " " + w2;
     } else {
       lines.push(cur);
-      cur = w;
+      cur = w2;
       if (lines.length === maxLines) break;
     }
   }
@@ -1025,11 +2714,11 @@ function wrapText(text, max, maxLines) {
 }
 
 // src/svg/edgePill.ts
-function edgePill(p, label, err = false) {
+function edgePill(p2, label, err = false) {
   if (label === void 0 || label === "") return "";
-  const w = Math.max(26, label.length * 5.4);
+  const w2 = Math.max(26, label.length * 5.4);
   const errClass = err ? " err" : "";
-  return `<g><rect x="${p.lx - w / 2}" y="${p.ly - 9}" width="${w}" height="18" rx="9" fill="#fff" stroke="#d1d5db"/><text x="${p.lx}" y="${p.ly + 3}" class="edge-label${errClass}">${escapeHtml(label)}</text></g>`;
+  return `<g><rect x="${p2.lx - w2 / 2}" y="${p2.ly - 9}" width="${w2}" height="18" rx="9" fill="#fff" stroke="#d1d5db"/><text x="${p2.lx}" y="${p2.ly + 3}" class="edge-label${errClass}">${escapeHtml(label)}</text></g>`;
 }
 
 // src/blocks/flow.ts
@@ -1071,32 +2760,32 @@ function renderFlowSvg(data) {
   const height = padTop + rows * cellH + (rows - 1) * gapY + padBot;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Flowchart</title>`;
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
     const isErr = e.kind === "error" || ERR_LABEL_RE.test(e.label ?? "");
     const stroke = isErr ? "#991b1b" : "#1a1a2e";
     const marker = isErr ? "gErr" : "gArrow";
     const sw = isErr ? 1.6 : 1.4;
-    s += `<g><path d="${p.d}" fill="none" stroke="${stroke}" stroke-width="${sw}" marker-end="url(#${marker})"/>` + edgePill(p, e.label, isErr) + `</g>`;
+    s += `<g><path d="${p2.d}" fill="none" stroke="${stroke}" stroke-width="${sw}" marker-end="url(#${marker})"/>` + edgePill(p2, e.label, isErr) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
-    const st = flowStyle(n.kind);
+    const st2 = flowStyle(n.kind);
     const cx = r.x + r.w / 2;
     const cy = r.y + r.h / 2;
     let shape;
-    if (st.shape === "diamond") {
-      shape = `<polygon points="${cx},${r.y} ${r.x + r.w},${cy} ${cx},${r.y + r.h} ${r.x},${cy}" fill="${st.fill}" stroke="${st.stroke}" stroke-width="1.5"/>`;
-    } else if (st.shape === "stadium") {
-      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="${r.h / 2}" fill="${st.fill}" stroke="${st.stroke}" stroke-width="1.5"/>`;
+    if (st2.shape === "diamond") {
+      shape = `<polygon points="${cx},${r.y} ${r.x + r.w},${cy} ${cx},${r.y + r.h} ${r.x},${cy}" fill="${st2.fill}" stroke="${st2.stroke}" stroke-width="1.5"/>`;
+    } else if (st2.shape === "stadium") {
+      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="${r.h / 2}" fill="${st2.fill}" stroke="${st2.stroke}" stroke-width="1.5"/>`;
     } else {
-      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="7" fill="${st.fill}" stroke="${st.stroke}" stroke-width="1.4"/>`;
+      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="7" fill="${st2.fill}" stroke="${st2.stroke}" stroke-width="1.4"/>`;
     }
     const lines = wrapText(n.label, 22, 2);
     const texts = lines.map(
-      (ln, j) => `<text x="${cx}" y="${cy + 4 - (lines.length - 1) * 7 + j * 14}" class="fc-label" fill="${st.text}">${escapeHtml(ln)}</text>`
+      (ln2, j2) => `<text x="${cx}" y="${cy + 4 - (lines.length - 1) * 7 + j2 * 14}" class="fc-label" fill="${st2.text}">${escapeHtml(ln2)}</text>`
     ).join("");
     s += `<g filter="url(#gshadow)">${shape}${texts}</g>`;
   }
@@ -1155,31 +2844,31 @@ function renderState(data) {
   const byId = new Map(states.map((s2) => [s2.id, s2]));
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>State machine</title>`;
   for (const t of trans) {
-    const A = byId.get(t.from);
-    const B = byId.get(t.to);
-    if (!A || !B) continue;
+    const A2 = byId.get(t.from);
+    const B2 = byId.get(t.to);
+    if (!A2 || !B2) continue;
     const label = t.event + (t.guard !== void 0 ? ` ${t.guard}` : "");
     if (t.from === t.to) {
-      const r = rectFor(A, cellW, cellH, gapX, gapY, padX, padTop);
+      const r = rectFor(A2, cellW, cellH, gapX, gapY, padX, padTop);
       s += `<g><path d="M ${r.cx - 12} ${r.y} C ${r.cx - 30} ${r.y - 32}, ${r.cx + 30} ${r.y - 32}, ${r.cx + 12} ${r.y}" fill="none" stroke="#1a1a2e" stroke-width="1.3" marker-end="url(#gArrow)"/>` + edgePill({ lx: r.cx, ly: r.y - 28 }, label) + `</g>`;
       continue;
     }
-    const p = ortho(
-      rectFor(A, cellW, cellH, gapX, gapY, padX, padTop),
-      rectFor(B, cellW, cellH, gapX, gapY, padX, padTop)
+    const p2 = ortho(
+      rectFor(A2, cellW, cellH, gapX, gapY, padX, padTop),
+      rectFor(B2, cellW, cellH, gapX, gapY, padX, padTop)
     );
-    s += `<g><path d="${p.d}" fill="none" stroke="#1a1a2e" stroke-width="1.3" marker-end="url(#gArrow)"/>` + edgePill(p, label) + `</g>`;
+    s += `<g><path d="${p2.d}" fill="none" stroke="#1a1a2e" stroke-width="1.3" marker-end="url(#gArrow)"/>` + edgePill(p2, label) + `</g>`;
   }
-  for (const st of states) {
-    const r = rectFor(st, cellW, cellH, gapX, gapY, padX, padTop);
-    if (st.kind === "start") {
+  for (const st2 of states) {
+    const r = rectFor(st2, cellW, cellH, gapX, gapY, padX, padTop);
+    if (st2.kind === "start") {
       s += `<circle cx="${r.cx}" cy="${r.cy}" r="10" fill="#1a1a2e"/>`;
-    } else if (st.kind === "terminal") {
+    } else if (st2.kind === "terminal") {
       s += `<g><circle cx="${r.cx}" cy="${r.cy}" r="12" fill="#fff" stroke="#1a1a2e" stroke-width="1.5"/><circle cx="${r.cx}" cy="${r.cy}" r="6" fill="#1a1a2e"/></g>`;
     } else {
-      const fill = st.kind === "wait" ? "#fde7cd" : "#dcf1e2";
-      const stroke = st.kind === "wait" ? "#f7952c" : "#1f9747";
-      s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="23" fill="${fill}" stroke="${stroke}" stroke-width="1.5"/><text x="${r.cx}" y="${r.cy + 4.5}" class="sm-name" fill="#1a1a2e">${escapeHtml(st.name ?? "")}</text></g>`;
+      const fill = st2.kind === "wait" ? "#fde7cd" : "#dcf1e2";
+      const stroke = st2.kind === "wait" ? "#f7952c" : "#1f9747";
+      s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="23" fill="${fill}" stroke="${stroke}" stroke-width="1.5"/><text x="${r.cx}" y="${r.cy + 4.5}" class="sm-name" fill="#1a1a2e">${escapeHtml(st2.name ?? "")}</text></g>`;
     }
   }
   s += `</svg>`;
@@ -1231,26 +2920,26 @@ function renderDfd(data) {
   const height = padTop + rows * cellH + (rows - 1) * gapY + padBot;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Data-flow diagram</title>`;
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    s += `<g><path d="${p.d}" fill="none" stroke="#1a1a2e" stroke-width="1.4" marker-end="url(#gArrow)"/>` + edgePill(p, e.label) + `</g>`;
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    s += `<g><path d="${p2.d}" fill="none" stroke="#1a1a2e" stroke-width="1.4" marker-end="url(#gArrow)"/>` + edgePill(p2, e.label) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
-    const st = dfdStyle(n.kind);
-    const k = (n.kind ?? "process").toLowerCase();
+    const st2 = dfdStyle(n.kind);
+    const k2 = (n.kind ?? "process").toLowerCase();
     let shape;
-    if (k === "process") {
-      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="16" fill="${st.fill}" stroke="${st.stroke}" stroke-width="1.4"/>`;
-    } else if (k === "store" || k === "datastore") {
-      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" fill="${st.fill}" stroke="none"/><line x1="${r.x}" y1="${r.y}" x2="${r.x + r.w}" y2="${r.y}" stroke="${st.stroke}" stroke-width="1.6"/><line x1="${r.x}" y1="${r.y + r.h}" x2="${r.x + r.w}" y2="${r.y + r.h}" stroke="${st.stroke}" stroke-width="1.6"/><line x1="${r.x}" y1="${r.y}" x2="${r.x}" y2="${r.y + r.h}" stroke="${st.stroke}" stroke-width="1.6"/>`;
+    if (k2 === "process") {
+      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="16" fill="${st2.fill}" stroke="${st2.stroke}" stroke-width="1.4"/>`;
+    } else if (k2 === "store" || k2 === "datastore") {
+      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" fill="${st2.fill}" stroke="none"/><line x1="${r.x}" y1="${r.y}" x2="${r.x + r.w}" y2="${r.y}" stroke="${st2.stroke}" stroke-width="1.6"/><line x1="${r.x}" y1="${r.y + r.h}" x2="${r.x + r.w}" y2="${r.y + r.h}" stroke="${st2.stroke}" stroke-width="1.6"/><line x1="${r.x}" y1="${r.y}" x2="${r.x}" y2="${r.y + r.h}" stroke="${st2.stroke}" stroke-width="1.6"/>`;
     } else {
-      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" fill="${st.fill}" stroke="${st.stroke}" stroke-width="1.4"/>`;
+      shape = `<rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" fill="${st2.fill}" stroke="${st2.stroke}" stroke-width="1.4"/>`;
     }
-    const num = n.num !== void 0 && k === "process" ? `<text x="${r.x + 12}" y="${r.y + 18}" class="dfd-num" fill="${st.text}">${escapeHtml(n.num)}</text>` : "";
-    s += `<g filter="url(#gshadow)">${shape}${num}<text x="${r.x + r.w / 2}" y="${r.y + r.h / 2 + 4}" class="dfd-name" fill="${st.text}">${escapeHtml(n.name)}</text></g>`;
+    const num = n.num !== void 0 && k2 === "process" ? `<text x="${r.x + 12}" y="${r.y + 18}" class="dfd-num" fill="${st2.text}">${escapeHtml(n.num)}</text>` : "";
+    s += `<g filter="url(#gshadow)">${shape}${num}<text x="${r.x + r.w / 2}" y="${r.y + r.h / 2 + 4}" class="dfd-name" fill="${st2.text}">${escapeHtml(n.name)}</text></g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -1265,34 +2954,34 @@ function renderDfd(data) {
 }
 
 // src/blocks/journey.ts
-function clamp01(v) {
-  if (v < 0) return 0;
-  if (v > 1) return 1;
-  return v;
+function clamp01(v2) {
+  if (v2 < 0) return 0;
+  if (v2 > 1) return 1;
+  return v2;
 }
 function renderJourney(data) {
   const stages = data.stages ?? [];
   const rows = data.rows ?? [];
   const emotion = data.emotion ?? [];
   const n = Math.max(stages.length, 1);
-  const W = Math.max(380, n * 150);
-  const H = 92;
+  const W2 = Math.max(380, n * 150);
+  const H2 = 92;
   const pad = 20;
-  const colW = (W - pad * 2) / n;
+  const colW = (W2 - pad * 2) / n;
   const ex = (i) => pad + colW * (i + 0.5);
-  const ey = (v) => H - 14 - (H - 30) * clamp01(v);
+  const ey = (v2) => H2 - 14 - (H2 - 30) * clamp01(v2);
   const head = `<tr><th></th>` + stages.map((s) => `<th class="c">${escapeHtml(s.label)}</th>`).join("") + `</tr>`;
   const body = rows.map(
     (r) => `<tr><td class="lead">${escapeHtml(r.label)}</td>` + (r.cells ?? []).map((c) => `<td class="c">${escapeHtml(c)}</td>`).join("") + `</tr>`
   ).join("");
   let svg = "";
   if (emotion.length > 0) {
-    const points = emotion.map((v, i) => `${ex(i)},${ey(v)}`).join(" ");
-    const dots = emotion.map((v, i) => {
-      const fill = v >= 0.6 ? "#1f9747" : v <= 0.35 ? "#991b1b" : "#f7952c";
-      return `<circle cx="${ex(i)}" cy="${ey(v)}" r="5" fill="${fill}" stroke="#fff" stroke-width="1.5"/>`;
+    const points = emotion.map((v2, i) => `${ex(i)},${ey(v2)}`).join(" ");
+    const dots = emotion.map((v2, i) => {
+      const fill = v2 >= 0.6 ? "#1f9747" : v2 <= 0.35 ? "#991b1b" : "#f7952c";
+      return `<circle cx="${ex(i)}" cy="${ey(v2)}" r="5" fill="${fill}" stroke="#fff" stroke-width="1.5"/>`;
     }).join("");
-    svg = `<div style="margin-top:10px"><div style="font-size:10px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px">Emotion</div><svg viewBox="0 0 ${W} ${H}" style="width:100%" role="img"><title>Emotion curve</title><polyline points="${points}" fill="none" stroke="#0e54a1" stroke-width="2"/>` + dots + `</svg></div>`;
+    svg = `<div style="margin-top:10px"><div style="font-size:10px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px">Emotion</div><svg viewBox="0 0 ${W2} ${H2}" style="width:100%" role="img"><title>Emotion curve</title><polyline points="${points}" fill="none" stroke="#0e54a1" stroke-width="2"/>` + dots + `</svg></div>`;
   }
   return `<div><table class="pres-table"><thead>${head}</thead><tbody>${body}</tbody></table>` + svg + `</div>`;
 }
@@ -1314,7 +3003,7 @@ function ganttColor(kind) {
 function renderGantt(data) {
   const periods = data.periods ?? [];
   const tasks = data.tasks ?? [];
-  const P = Math.max(periods.length, 1);
+  const P2 = Math.max(periods.length, 1);
   const labelW = 156;
   const padX = 20;
   const padTop = 34;
@@ -1322,14 +3011,14 @@ function renderGantt(data) {
   const barH = 18;
   const colW = 64;
   const padBot = 14;
-  const width = labelW + padX * 2 + P * colW;
+  const width = labelW + padX * 2 + P2 * colW;
   const height = padTop + tasks.length * rowH + padBot;
   const xCol = (i) => labelW + padX + i * colW;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Schedule</title>`;
   for (let i = 0; i < periods.length; i++) {
     s += `<g><line x1="${xCol(i)}" y1="${padTop - 6}" x2="${xCol(i)}" y2="${height - padBot}" stroke="#eef0f3" stroke-width="1"/><text x="${xCol(i) + colW / 2}" y="${padTop - 12}" class="gantt-head">${escapeHtml(periods[i] ?? "")}</text></g>`;
   }
-  s += `<line x1="${xCol(P)}" y1="${padTop - 6}" x2="${xCol(P)}" y2="${height - padBot}" stroke="#eef0f3" stroke-width="1"/>`;
+  s += `<line x1="${xCol(P2)}" y1="${padTop - 6}" x2="${xCol(P2)}" y2="${height - padBot}" stroke="#eef0f3" stroke-width="1"/>`;
   for (let i = 0; i < tasks.length; i++) {
     const t = tasks[i];
     if (t === void 0) continue;
@@ -1362,21 +3051,21 @@ function renderGraph(data) {
   const rectFor2 = (n) => {
     const cx = cxOf(n.col);
     const cy = cyOf(n.row);
-    const w = Math.max(98, n.label.length * 8 + 26);
-    return { x: cx - w / 2, y: cy - 20, w, h: 40, cx, cy };
+    const w2 = Math.max(98, n.label.length * 8 + 26);
+    return { x: cx - w2 / 2, y: cy - 20, w: w2, h: 40, cx, cy };
   };
   const byId = new Map(nodes.map((n) => [n.id, n]));
   const width = padX * 2 + cols * cellW + (cols - 1) * gapX;
   const height = padTop + rows * cellH + (rows - 1) * gapY + padBot;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Graph</title>`;
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
     const directed = (e.dir ?? "directed") !== "undirected";
     const markerAttr = directed ? ` marker-end="url(#gArrow)"` : "";
-    s += `<g><path d="${p.d}" fill="none" stroke="#6b7280" stroke-width="1.4"${markerAttr}/>` + edgePill(p, e.label) + `</g>`;
+    s += `<g><path d="${p2.d}" fill="none" stroke="#6b7280" stroke-width="1.4"${markerAttr}/>` + edgePill(p2, e.label) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
@@ -1396,28 +3085,28 @@ function renderGraph(data) {
 }
 
 // src/blocks/quadrant.ts
-function clamp012(v) {
-  if (v === void 0 || Number.isNaN(v)) return 0.5;
-  if (v < 0) return 0;
-  if (v > 1) return 1;
-  return v;
+function clamp012(v2) {
+  if (v2 === void 0 || Number.isNaN(v2)) return 0.5;
+  if (v2 < 0) return 0;
+  if (v2 > 1) return 1;
+  return v2;
 }
 function renderQuadrant(data) {
-  const W = 580;
-  const H = 440;
+  const W2 = 580;
+  const H2 = 440;
   const pad = 56;
   const x0 = pad;
-  const x1 = W - pad;
+  const x1 = W2 - pad;
   const y0 = pad - 16;
-  const y1 = H - pad;
+  const y1 = H2 - pad;
   const mx = (x0 + x1) / 2;
   const my = (y0 + y1) / 2;
-  const px = (v) => x0 + (x1 - x0) * clamp012(v);
-  const py = (v) => y1 - (y1 - y0) * clamp012(v);
+  const px = (v2) => x0 + (x1 - x0) * clamp012(v2);
+  const py = (v2) => y1 - (y1 - y0) * clamp012(v2);
   const items = data.items ?? [];
   const xA = data.xAxis ?? {};
   const yA = data.yAxis ?? {};
-  let s = `<svg viewBox="0 0 ${W} ${H}" role="img"><title>Quadrant</title>`;
+  let s = `<svg viewBox="0 0 ${W2} ${H2}" role="img"><title>Quadrant</title>`;
   s += `<rect x="${x0}" y="${y0}" width="${x1 - x0}" height="${y1 - y0}" fill="#fafbfc" stroke="#e5e7eb"/>`;
   s += `<rect x="${mx}" y="${y0}" width="${x1 - mx}" height="${my - y0}" fill="#0e54a1" fill-opacity="0.04"/>`;
   s += `<line x1="${x0}" y1="${my}" x2="${x1}" y2="${my}" class="quad-axis" marker-end="url(#gArrow)"/>`;
@@ -1434,13 +3123,13 @@ function renderQuadrant(data) {
     s += `<text x="${x0 - 10}" y="${y0 + 6}" class="quad-end" text-anchor="end">${escapeHtml(yA.high)}</text>`;
   if (yA.low !== void 0)
     s += `<text x="${x0 - 10}" y="${y1}" class="quad-end" text-anchor="end">${escapeHtml(yA.low)}</text>`;
-  for (const it of items) {
-    const cx = px(it.x);
-    const cy = py(it.y);
+  for (const it2 of items) {
+    const cx = px(it2.x);
+    const cy = py(it2.y);
     const left = cx > mx;
     const tx = cx + (left ? -12 : 12);
     const anchor = left ? "end" : "start";
-    s += `<g filter="url(#gshadow)"><circle cx="${cx}" cy="${cy}" r="7" fill="#f7952c" stroke="#fff" stroke-width="1.5"/><text x="${tx}" y="${cy + 4}" class="quad-pt-label" text-anchor="${anchor}">${escapeHtml(it.label)}</text></g>`;
+    s += `<g filter="url(#gshadow)"><circle cx="${cx}" cy="${cy}" r="7" fill="#f7952c" stroke="#fff" stroke-width="1.5"/><text x="${tx}" y="${cy + 4}" class="quad-pt-label" text-anchor="${anchor}">${escapeHtml(it2.label)}</text></g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -1495,23 +3184,23 @@ function renderSwimlane(data) {
   const height = padTop + lanes.length * laneH + padBot;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>Swimlane</title>`;
   for (let i = 0; i < lanes.length; i++) {
-    const L = lanes[i];
-    if (L === void 0) continue;
-    s += `<g><rect x="${padX}" y="${yLane(i)}" width="${width - padX * 2}" height="${laneH}" fill="${i % 2 ? "#fafafa" : "#fff"}" stroke="#e5e7eb"/><rect x="${padX}" y="${yLane(i)}" width="${labelW}" height="${laneH}" fill="#0e54a1"/><text x="${padX + 14}" y="${yLane(i) + laneH / 2 + 4}" class="sl-lane-label">${escapeHtml(L.label)}</text></g>`;
+    const L2 = lanes[i];
+    if (L2 === void 0) continue;
+    s += `<g><rect x="${padX}" y="${yLane(i)}" width="${width - padX * 2}" height="${laneH}" fill="${i % 2 ? "#fafafa" : "#fff"}" stroke="#e5e7eb"/><rect x="${padX}" y="${yLane(i)}" width="${labelW}" height="${laneH}" fill="#0e54a1"/><text x="${padX + 14}" y="${yLane(i) + laneH / 2 + 4}" class="sl-lane-label">${escapeHtml(L2.label)}</text></g>`;
   }
   for (const lk of links) {
-    const A = byId.get(lk.from);
-    const B = byId.get(lk.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    s += `<g><path d="${p.d}" fill="none" stroke="#1a1a2e" stroke-width="1.4" marker-end="url(#gArrow)"/>` + edgePill(p, lk.label) + `</g>`;
-  }
-  for (const st of steps) {
-    const r = rectFor2(st);
-    const c = laneColor(st.kind);
-    const lines = wrapText(st.label, 20, 2);
+    const A2 = byId.get(lk.from);
+    const B2 = byId.get(lk.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    s += `<g><path d="${p2.d}" fill="none" stroke="#1a1a2e" stroke-width="1.4" marker-end="url(#gArrow)"/>` + edgePill(p2, lk.label) + `</g>`;
+  }
+  for (const st2 of steps) {
+    const r = rectFor2(st2);
+    const c = laneColor(st2.kind);
+    const lines = wrapText(st2.label, 20, 2);
     const texts = lines.map(
-      (ln, j) => `<text x="${r.x + r.w / 2}" y="${r.y + r.h / 2 + 4 - (lines.length - 1) * 7 + j * 14}" class="sl-step" fill="${c.text}">${escapeHtml(ln)}</text>`
+      (ln2, j2) => `<text x="${r.x + r.w / 2}" y="${r.y + r.h / 2 + 4 - (lines.length - 1) * 7 + j2 * 14}" class="sl-step" fill="${c.text}">${escapeHtml(ln2)}</text>`
     ).join("");
     s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="7" fill="${c.fill}" stroke="${c.stroke}" stroke-width="1.3"/>` + texts + `</g>`;
   }
@@ -1575,35 +3264,35 @@ function blockStyle(kind) {
       return { accent: "#374151", fill: "#fff", text: "#1a1a2e" };
   }
 }
-function nodeGlyph(kind, x, y, c) {
-  const k = (kind ?? "").toLowerCase();
-  if (k === "store" || k === "db" || k === "database") {
-    return `<g stroke="${c}" stroke-width="1.3" fill="none"><ellipse cx="${x + 8}" cy="${y + 3}" rx="7" ry="3"/><path d="M${x + 1} ${y + 3} V ${y + 13}"/><path d="M${x + 15} ${y + 3} V ${y + 13}"/><path d="M${x + 1} ${y + 13} a 7 3 0 0 0 14 0"/></g>`;
+function nodeGlyph(kind, x2, y, c) {
+  const k2 = (kind ?? "").toLowerCase();
+  if (k2 === "store" || k2 === "db" || k2 === "database") {
+    return `<g stroke="${c}" stroke-width="1.3" fill="none"><ellipse cx="${x2 + 8}" cy="${y + 3}" rx="7" ry="3"/><path d="M${x2 + 1} ${y + 3} V ${y + 13}"/><path d="M${x2 + 15} ${y + 3} V ${y + 13}"/><path d="M${x2 + 1} ${y + 13} a 7 3 0 0 0 14 0"/></g>`;
   }
-  if (k === "bucket" || k === "blob" || k === "object") {
-    return `<g stroke="${c}" stroke-width="1.3" fill="none"><ellipse cx="${x + 8}" cy="${y + 3}" rx="7" ry="2.5"/><path d="M${x + 1.5} ${y + 3} L ${x + 3.5} ${y + 14} L ${x + 12.5} ${y + 14} L ${x + 14.5} ${y + 3}"/></g>`;
+  if (k2 === "bucket" || k2 === "blob" || k2 === "object") {
+    return `<g stroke="${c}" stroke-width="1.3" fill="none"><ellipse cx="${x2 + 8}" cy="${y + 3}" rx="7" ry="2.5"/><path d="M${x2 + 1.5} ${y + 3} L ${x2 + 3.5} ${y + 14} L ${x2 + 12.5} ${y + 14} L ${x2 + 14.5} ${y + 3}"/></g>`;
   }
-  if (k === "queue" || k === "topic") {
-    return `<g stroke="${c}" stroke-width="1.6"><path d="M${x + 2} ${y + 1} V ${y + 14}"/><path d="M${x + 8} ${y + 1} V ${y + 14}"/><path d="M${x + 14} ${y + 1} V ${y + 14}"/></g>`;
+  if (k2 === "queue" || k2 === "topic") {
+    return `<g stroke="${c}" stroke-width="1.6"><path d="M${x2 + 2} ${y + 1} V ${y + 14}"/><path d="M${x2 + 8} ${y + 1} V ${y + 14}"/><path d="M${x2 + 14} ${y + 1} V ${y + 14}"/></g>`;
   }
-  if (k === "firewall") {
-    return `<path d="M${x + 8} ${y} L ${x + 15} ${y + 3} V ${y + 9} Q ${x + 15} ${y + 14} ${x + 8} ${y + 16} Q ${x + 1} ${y + 14} ${x + 1} ${y + 9} V ${y + 3} Z" fill="none" stroke="${c}" stroke-width="1.3"/>`;
+  if (k2 === "firewall") {
+    return `<path d="M${x2 + 8} ${y} L ${x2 + 15} ${y + 3} V ${y + 9} Q ${x2 + 15} ${y + 14} ${x2 + 8} ${y + 16} Q ${x2 + 1} ${y + 14} ${x2 + 1} ${y + 9} V ${y + 3} Z" fill="none" stroke="${c}" stroke-width="1.3"/>`;
   }
-  if (k === "cache") {
-    const slab = (dy) => `<path d="M${x + 1} ${y + 5 + dy} L${x + 8} ${y + 2 + dy} L${x + 15} ${y + 5 + dy} L${x + 8} ${y + 8 + dy} Z" fill="none" stroke="${c}" stroke-width="1.2"/>`;
+  if (k2 === "cache") {
+    const slab = (dy) => `<path d="M${x2 + 1} ${y + 5 + dy} L${x2 + 8} ${y + 2 + dy} L${x2 + 15} ${y + 5 + dy} L${x2 + 8} ${y + 8 + dy} Z" fill="none" stroke="${c}" stroke-width="1.2"/>`;
     return `<g>${slab(0)}${slab(3.5)}${slab(7)}</g>`;
   }
-  if (k === "function" || k === "lambda") {
-    return `<text x="${x + 7}" y="${y + 14}" font-family="Georgia, serif" font-size="17" font-style="italic" font-weight="700" fill="${c}" text-anchor="middle">\u0192</text>`;
+  if (k2 === "function" || k2 === "lambda") {
+    return `<text x="${x2 + 7}" y="${y + 14}" font-family="Georgia, serif" font-size="17" font-style="italic" font-weight="700" fill="${c}" text-anchor="middle">\u0192</text>`;
   }
-  if (k === "cdn" || k === "external") {
-    return `<path d="M${x + 3} ${y + 13} a 4 4 0 0 1 0.5 -8 a 5 5 0 0 1 9.5 1.2 a 3 3 0 0 1 1 6.8 z" fill="none" stroke="${c}" stroke-width="1.3"/>`;
+  if (k2 === "cdn" || k2 === "external") {
+    return `<path d="M${x2 + 3} ${y + 13} a 4 4 0 0 1 0.5 -8 a 5 5 0 0 1 9.5 1.2 a 3 3 0 0 1 1 6.8 z" fill="none" stroke="${c}" stroke-width="1.3"/>`;
   }
-  if (k === "gateway" || k === "lb") {
-    return `<g stroke="${c}" stroke-width="1.5" fill="none"><path d="M${x + 2} ${y + 1} L ${x + 8} ${y + 7} L ${x + 2} ${y + 13}"/><path d="M${x + 8} ${y + 1} L ${x + 14} ${y + 7} L ${x + 8} ${y + 13}"/></g>`;
+  if (k2 === "gateway" || k2 === "lb") {
+    return `<g stroke="${c}" stroke-width="1.5" fill="none"><path d="M${x2 + 2} ${y + 1} L ${x2 + 8} ${y + 7} L ${x2 + 2} ${y + 13}"/><path d="M${x2 + 8} ${y + 1} L ${x2 + 14} ${y + 7} L ${x2 + 8} ${y + 13}"/></g>`;
   }
-  if (k === "service" || k === "microservice" || k === "compute" || k === "container") {
-    return `<g stroke="${c}" stroke-width="1.3"><rect x="${x + 4}" y="${y + 1}" width="11" height="11" rx="1.5" fill="none"/><rect x="${x + 1}" y="${y + 4}" width="11" height="11" rx="1.5" fill="#fff"/></g>`;
+  if (k2 === "service" || k2 === "microservice" || k2 === "compute" || k2 === "container") {
+    return `<g stroke="${c}" stroke-width="1.3"><rect x="${x2 + 4}" y="${y + 1}" width="11" height="11" rx="1.5" fill="none"/><rect x="${x2 + 1}" y="${y + 4}" width="11" height="11" rx="1.5" fill="#fff"/></g>`;
   }
   return "";
 }
@@ -1763,42 +3452,42 @@ function renderC4(data) {
       const minY = Math.min(...internals.map((r) => r.y)) - 26;
       const maxX = Math.max(...internals.map((r) => r.x + r.w)) + 16;
       const maxY = Math.max(...internals.map((r) => r.y + r.h)) + 16;
-      const w = Math.max(120, data.boundary.label.length * 6.2);
-      boundarySvg = `<g><rect x="${minX}" y="${minY}" width="${maxX - minX}" height="${maxY - minY}" rx="12" class="c4-boundary"/><rect x="${minX + 12}" y="${minY - 8}" width="${w}" height="16" fill="#fff"/><text x="${minX + 16}" y="${minY + 4}" class="c4-boundary-label">${escapeHtml(data.boundary.label)}</text></g>`;
+      const w2 = Math.max(120, data.boundary.label.length * 6.2);
+      boundarySvg = `<g><rect x="${minX}" y="${minY}" width="${maxX - minX}" height="${maxY - minY}" rx="12" class="c4-boundary"/><rect x="${minX + 12}" y="${minY - 8}" width="${w2}" height="16" fill="#fff"/><text x="${minX + 16}" y="${minY + 4}" class="c4-boundary-label">${escapeHtml(data.boundary.label)}</text></g>`;
     }
   }
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>C4 diagram</title>${boundarySvg}`;
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    const st = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? {
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    const st2 = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? {
       stroke: "#1a1a2e",
       sw: 1.4,
       dash: "",
       marker: "gArrow",
       err: false
     };
-    s += `<g><path d="${p.d}" fill="none" stroke="${st.stroke}" stroke-width="${st.sw}" stroke-dasharray="${st.dash}" marker-end="url(#${st.marker})"/>` + edgePill(p, e.label, st.err) + `</g>`;
+    s += `<g><path d="${p2.d}" fill="none" stroke="${st2.stroke}" stroke-width="${st2.sw}" stroke-dasharray="${st2.dash}" marker-end="url(#${st2.marker})"/>` + edgePill(p2, e.label, st2.err) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
-    const st = c4Style(n);
+    const st2 = c4Style(n);
     const px = r.x + 16;
     const desc = wrapText(n.desc, 30, 2);
-    const strokeWidth = st.solid === true ? 0 : 1.2;
-    const strokeAttr = st.solid === true ? "none" : st.accent;
-    const dashAttr = st.dash !== void 0 ? ` stroke-dasharray="${st.dash}"` : "";
-    const stripe = st.solid === true ? "" : `<rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st.accent}"/>`;
-    const personGlyph = n.kind === "person" ? `<g fill="${st.text}"><circle cx="${px + 6}" cy="${r.y + 19}" r="6"/><path d="M ${px} ${r.y + 34} a 6 7 0 0 1 12 0 z"/></g>` : "";
+    const strokeWidth = st2.solid === true ? 0 : 1.2;
+    const strokeAttr = st2.solid === true ? "none" : st2.accent;
+    const dashAttr = st2.dash !== void 0 ? ` stroke-dasharray="${st2.dash}"` : "";
+    const stripe = st2.solid === true ? "" : `<rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st2.accent}"/>`;
+    const personGlyph = n.kind === "person" ? `<g fill="${st2.text}"><circle cx="${px + 6}" cy="${r.y + 19}" r="6"/><path d="M ${px} ${r.y + 34} a 6 7 0 0 1 12 0 z"/></g>` : "";
     const chipX = n.kind === "person" ? px + 22 : px;
-    const chipFill = st.solid === true ? st.sub : st.accent;
-    const techLine = n.tech !== void 0 ? `<text x="${px}" y="${r.y + 60}" class="c4-tech" fill="${st.sub}">${escapeHtml(n.tech)}</text>` : "";
+    const chipFill = st2.solid === true ? st2.sub : st2.accent;
+    const techLine = n.tech !== void 0 ? `<text x="${px}" y="${r.y + 60}" class="c4-tech" fill="${st2.sub}">${escapeHtml(n.tech)}</text>` : "";
     const descLines = desc.map(
-      (ln, j) => `<text x="${px}" y="${r.y + 77 + j * 13}" class="c4-desc" fill="${st.sub}">${escapeHtml(ln)}</text>`
+      (ln2, j2) => `<text x="${px}" y="${r.y + 77 + j2 * 13}" class="c4-desc" fill="${st2.sub}">${escapeHtml(ln2)}</text>`
     ).join("");
-    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="10" fill="${st.fill}" stroke="${strokeAttr}" stroke-width="${strokeWidth}"${dashAttr}/>` + stripe + personGlyph + `<text x="${chipX}" y="${r.y + 22}" class="c4-chip" fill="${chipFill}">${escapeHtml(st.chip)}</text><text x="${px}" y="${r.y + 44}" class="c4-name" fill="${st.text}">${escapeHtml(n.name)}</text>` + techLine + descLines + `</g>`;
+    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="10" fill="${st2.fill}" stroke="${strokeAttr}" stroke-width="${strokeWidth}"${dashAttr}/>` + stripe + personGlyph + `<text x="${chipX}" y="${r.y + 22}" class="c4-chip" fill="${chipFill}">${escapeHtml(st2.chip)}</text><text x="${px}" y="${r.y + 44}" class="c4-name" fill="${st2.text}">${escapeHtml(n.name)}</text>` + techLine + descLines + `</g>`;
   }
   s += `</svg>`;
   const legend = `<div class="legend">` + LEGEND.map(
@@ -1871,14 +3560,14 @@ function renderUml(data) {
   const height = acc - gapY + padBot;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>UML class diagram</title><defs><marker id="umlTri" viewBox="0 0 14 14" refX="13" refY="7" markerWidth="15" markerHeight="15" orient="auto-start-reverse"><path d="M1,1 L13,7 L1,13 z" fill="#fff" stroke="#1a1a2e" stroke-width="1.2"/></marker><marker id="umlDiaF" viewBox="0 0 20 12" refX="19" refY="6" markerWidth="20" markerHeight="12" orient="auto-start-reverse"><path d="M1,6 L10,1 L19,6 L10,11 z" fill="#1a1a2e"/></marker><marker id="umlDiaH" viewBox="0 0 20 12" refX="19" refY="6" markerWidth="20" markerHeight="12" orient="auto-start-reverse"><path d="M1,6 L10,1 L19,6 L10,11 z" fill="#fff" stroke="#1a1a2e" stroke-width="1.2"/></marker><marker id="umlOpen" viewBox="0 0 12 12" refX="10" refY="6" markerWidth="12" markerHeight="12" orient="auto-start-reverse"><path d="M1,1 L11,6 L1,11" fill="none" stroke="#1a1a2e" stroke-width="1.3"/></marker></defs>`;
   for (const rl of rels) {
-    const A = byId.get(rl.from);
-    const B = byId.get(rl.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    const st = umlRel(rl.kind);
-    const start = st.start !== void 0 ? ` marker-start="url(#${st.start})"` : "";
-    const end = st.end !== void 0 ? ` marker-end="url(#${st.end})"` : "";
-    s += `<g><path d="${p.d}" fill="none" stroke="#1a1a2e" stroke-width="1.3" stroke-dasharray="${st.dash}"${start}${end}/>` + edgePill(p, rl.label) + `</g>`;
+    const A2 = byId.get(rl.from);
+    const B2 = byId.get(rl.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    const st2 = umlRel(rl.kind);
+    const start = st2.start !== void 0 ? ` marker-start="url(#${st2.start})"` : "";
+    const end = st2.end !== void 0 ? ` marker-end="url(#${st2.end})"` : "";
+    s += `<g><path d="${p2.d}" fill="none" stroke="#1a1a2e" stroke-width="1.3" stroke-dasharray="${st2.dash}"${start}${end}/>` + edgePill(p2, rl.label) + `</g>`;
   }
   for (const c of classes) {
     const r = rectFor2(c);
@@ -1887,10 +3576,10 @@ function renderUml(data) {
     const nameY = r.y + (c.stereotype !== void 0 ? 24 : 19);
     const stereo = c.stereotype !== void 0 ? `<text x="${r.x + r.w / 2}" y="${r.y + 13}" class="uml-stereo">\xAB${escapeHtml(c.stereotype)}\xBB</text>` : "";
     const attrs = (c.attrs ?? []).map(
-      (a, j) => `<text x="${r.x + 10}" y="${r.y + hh + 14 + j * rowH}" class="uml-row">${escapeHtml(a)}</text>`
+      (a, j2) => `<text x="${r.x + 10}" y="${r.y + hh + 14 + j2 * rowH}" class="uml-row">${escapeHtml(a)}</text>`
     ).join("");
     const methods = (c.methods ?? []).map(
-      (m, j) => `<text x="${r.x + 10}" y="${r.y + hh + aH + 14 + j * rowH}" class="uml-row">${escapeHtml(m)}</text>`
+      (m, j2) => `<text x="${r.x + 10}" y="${r.y + hh + aH + 14 + j2 * rowH}" class="uml-row">${escapeHtml(m)}</text>`
     ).join("");
     s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="3" fill="#fff" stroke="#0e54a1" stroke-width="1.3"/>` + stereo + `<text x="${r.x + r.w / 2}" y="${nameY}" class="uml-name">${escapeHtml(c.name)}</text><line x1="${r.x}" y1="${r.y + hh}" x2="${r.x + r.w}" y2="${r.y + hh}" class="uml-sep"/>` + attrs + `<line x1="${r.x}" y1="${r.y + hh + aH}" x2="${r.x + r.w}" y2="${r.y + hh + aH}" class="uml-sep"/>` + methods + `</g>`;
   }
@@ -1971,20 +3660,20 @@ function renderMece(data) {
   }
   for (const n of nodes) {
     if (!pos.has(n.id)) continue;
-    const x = xOf(n.id);
+    const x2 = xOf(n.id);
     const y = yOf(n.id);
-    const st = meceStyle(depth.get(n.id) ?? 0);
-    const stroke = st.solid === true ? "none" : st.accent;
-    const stripe = st.solid === true ? "" : `<rect x="${x}" y="${y}" width="5" height="${nodeH}" rx="2" fill="${st.accent}"/>`;
-    const labelX = x + (st.solid === true ? nodeW / 2 : 14);
-    const anchor = st.solid === true ? "middle" : "start";
-    const lines = wrapText(n.label, st.solid === true ? 22 : 20, n.note !== void 0 ? 1 : 2);
+    const st2 = meceStyle(depth.get(n.id) ?? 0);
+    const stroke = st2.solid === true ? "none" : st2.accent;
+    const stripe = st2.solid === true ? "" : `<rect x="${x2}" y="${y}" width="5" height="${nodeH}" rx="2" fill="${st2.accent}"/>`;
+    const labelX = x2 + (st2.solid === true ? nodeW / 2 : 14);
+    const anchor = st2.solid === true ? "middle" : "start";
+    const lines = wrapText(n.label, st2.solid === true ? 22 : 20, n.note !== void 0 ? 1 : 2);
     const startY = lines.length === 2 ? y + 22 : y + (n.note !== void 0 ? 22 : 30);
     const labelTexts = lines.map(
-      (ln, j) => `<text x="${labelX}" y="${startY + j * 14}" class="blk-name" fill="${st.text}" text-anchor="${anchor}">${escapeHtml(ln)}</text>`
+      (ln2, j2) => `<text x="${labelX}" y="${startY + j2 * 14}" class="blk-name" fill="${st2.text}" text-anchor="${anchor}">${escapeHtml(ln2)}</text>`
     ).join("");
-    const note = n.note !== void 0 ? `<text x="${labelX}" y="${y + 38}" class="ft-note" fill="${st.solid === true ? "#cfe0f3" : st.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
-    s += `<g filter="url(#gshadow)"><rect x="${x}" y="${y}" width="${nodeW}" height="${nodeH}" rx="6" fill="${st.fill}" stroke="${stroke}" stroke-width="1.3"/>` + stripe + labelTexts + note + `</g>`;
+    const note = n.note !== void 0 ? `<text x="${labelX}" y="${y + 38}" class="ft-note" fill="${st2.solid === true ? "#cfe0f3" : st2.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
+    s += `<g filter="url(#gshadow)"><rect x="${x2}" y="${y}" width="${nodeW}" height="${nodeH}" rx="6" fill="${st2.fill}" stroke="${stroke}" stroke-width="1.3"/>` + stripe + labelTexts + note + `</g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -2082,20 +3771,20 @@ function renderFrontend(data) {
   }
   for (const n of nodes) {
     if (!pos.has(n.id)) continue;
-    const x = xOf(n.id);
+    const x2 = xOf(n.id);
     const y = yOf(n.id);
-    const st = ftStyle(n.kind);
-    const stroke = st.solid === true ? "none" : st.accent;
-    const stripe = st.solid === true ? "" : `<rect x="${x}" y="${y}" width="5" height="${nodeH}" rx="2" fill="${st.accent}"/>`;
-    const labelX = x + (st.solid === true ? nodeW / 2 : 14);
-    const anchor = st.solid === true ? "middle" : "start";
-    const lines = wrapText(n.name, st.solid === true ? 20 : 18, n.note !== void 0 ? 1 : 2);
+    const st2 = ftStyle(n.kind);
+    const stroke = st2.solid === true ? "none" : st2.accent;
+    const stripe = st2.solid === true ? "" : `<rect x="${x2}" y="${y}" width="5" height="${nodeH}" rx="2" fill="${st2.accent}"/>`;
+    const labelX = x2 + (st2.solid === true ? nodeW / 2 : 14);
+    const anchor = st2.solid === true ? "middle" : "start";
+    const lines = wrapText(n.name, st2.solid === true ? 20 : 18, n.note !== void 0 ? 1 : 2);
     const startY = lines.length === 2 ? y + 25 : y + (n.note !== void 0 ? 25 : 33);
     const labelTexts = lines.map(
-      (ln, j) => `<text x="${labelX}" y="${startY + j * 14}" class="blk-name" fill="${st.text}" text-anchor="${anchor}">${escapeHtml(ln)}</text>`
+      (ln2, j2) => `<text x="${labelX}" y="${startY + j2 * 14}" class="blk-name" fill="${st2.text}" text-anchor="${anchor}">${escapeHtml(ln2)}</text>`
     ).join("");
-    const note = n.note !== void 0 ? `<text x="${labelX}" y="${y + 41}" class="ft-note" fill="${st.solid === true ? "#cfe0f3" : st.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
-    s += `<g filter="url(#gshadow)"><rect x="${x}" y="${y}" width="${nodeW}" height="${nodeH}" rx="8" fill="${st.fill}" stroke="${stroke}" stroke-width="1.2"/>` + stripe + labelTexts + note + `</g>`;
+    const note = n.note !== void 0 ? `<text x="${labelX}" y="${y + 41}" class="ft-note" fill="${st2.solid === true ? "#cfe0f3" : st2.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
+    s += `<g filter="url(#gshadow)"><rect x="${x2}" y="${y}" width="${nodeW}" height="${nodeH}" rx="8" fill="${st2.fill}" stroke="${stroke}" stroke-width="1.2"/>` + stripe + labelTexts + note + `</g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -2164,36 +3853,36 @@ function renderCluster(data) {
     s += `<g><rect x="${cb.x}" y="${cb.y}" width="${cb.w}" height="${cb.h}" rx="12" fill="#0e54a1" fill-opacity="0.035" stroke="#0e54a1" stroke-width="1.4" stroke-dasharray="8 5"/><rect x="${cb.x}" y="${cb.y}" width="${cb.w}" height="${cHeader}" rx="12" fill="#0e54a1"/><rect x="${cb.x}" y="${cb.y + cHeader - 12}" width="${cb.w}" height="12" fill="#0e54a1"/><text x="${cb.x + 16}" y="${cb.y + 21}" class="cl-head">${escapeHtml(cb.c.label)}</text>` + kindLabel + `</g>`;
   }
   for (const e of edges) {
-    const A = rects.get(e.from);
-    const B = rects.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(A, B);
-    const st = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? {
+    const A2 = rects.get(e.from);
+    const B2 = rects.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(A2, B2);
+    const st2 = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? {
       stroke: "#1a1a2e",
       sw: 1.4,
       dash: "",
       marker: "gArrow",
       err: false
     };
-    s += `<g><path d="${p.d}" fill="none" stroke="${st.stroke}" stroke-width="${st.sw}" stroke-dasharray="${st.dash}" marker-end="url(#${st.marker})"/>` + edgePill(p, e.label, st.err) + `</g>`;
+    s += `<g><path d="${p2.d}" fill="none" stroke="${st2.stroke}" stroke-width="${st2.sw}" stroke-dasharray="${st2.dash}" marker-end="url(#${st2.marker})"/>` + edgePill(p2, e.label, st2.err) + `</g>`;
   }
   for (const sv of services) {
     const r = rects.get(sv.id);
     if (r === void 0) continue;
-    const st = blockStyle(sv.kind);
-    const gl = nodeGlyph(sv.kind, r.x + 14, r.y + 14, st.accent);
+    const st2 = blockStyle(sv.kind);
+    const gl = nodeGlyph(sv.kind, r.x + 14, r.y + 14, st2.accent);
     const nx = gl.length > 0 ? r.x + 38 : r.x + 14;
     const reps = sv.replicas ?? 0;
-    const techLine = sv.tech !== void 0 ? `<text x="${nx}" y="${r.y + 42}" class="blk-tech" fill="${st.accent}">${escapeHtml(sv.tech)}</text>` : "";
+    const techLine = sv.tech !== void 0 ? `<text x="${nx}" y="${r.y + 42}" class="blk-tech" fill="${st2.accent}">${escapeHtml(sv.tech)}</text>` : "";
     const repIndicator = reps > 0 ? (() => {
       const shown = Math.min(reps, 5);
       let bars = "";
-      for (let j = 0; j < shown; j++) {
-        bars += `<rect x="${r.x + 12 + j * 8}" y="${r.y + r.h - 14}" width="5" height="8" rx="1" fill="${st.accent}" opacity="0.7"/>`;
+      for (let j2 = 0; j2 < shown; j2++) {
+        bars += `<rect x="${r.x + 12 + j2 * 8}" y="${r.y + r.h - 14}" width="5" height="8" rx="1" fill="${st2.accent}" opacity="0.7"/>`;
       }
-      return `<g>` + bars + `<text x="${r.x + 12 + shown * 8 + 4}" y="${r.y + r.h - 7}" class="blk-tech" fill="${st.accent}">\xD7${reps}</text></g>`;
+      return `<g>` + bars + `<text x="${r.x + 12 + shown * 8 + 4}" y="${r.y + r.h - 7}" class="blk-tech" fill="${st2.accent}">\xD7${reps}</text></g>`;
     })() : "";
-    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="8" fill="${st.fill}" stroke="${st.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st.accent}"/>` + gl + `<text x="${nx}" y="${r.y + (sv.tech !== void 0 ? 26 : 30)}" class="blk-name" fill="${st.text}" style="font-size:12px">${escapeHtml(sv.label)}</text>` + techLine + repIndicator + `</g>`;
+    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="8" fill="${st2.fill}" stroke="${st2.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st2.accent}"/>` + gl + `<text x="${nx}" y="${r.y + (sv.tech !== void 0 ? 26 : 30)}" class="blk-name" fill="${st2.text}" style="font-size:12px">${escapeHtml(sv.label)}</text>` + techLine + repIndicator + `</g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -2267,21 +3956,21 @@ function renderGrid(data) {
     s += `<g>${zone}${label}</g>`;
   }
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    const st = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? FALLBACK_EDGE;
-    s += `<g><path d="${p.d}" fill="none" stroke="${st.stroke}" stroke-width="${st.sw}" stroke-dasharray="${st.dash}" marker-end="url(#${st.marker})"/>` + edgePill(p, e.label, st.err) + `</g>`;
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    const st2 = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? FALLBACK_EDGE;
+    s += `<g><path d="${p2.d}" fill="none" stroke="${st2.stroke}" stroke-width="${st2.sw}" stroke-dasharray="${st2.dash}" marker-end="url(#${st2.marker})"/>` + edgePill(p2, e.label, st2.err) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
-    const st = blockStyle(n.kind);
-    const gl = nodeGlyph(n.kind, r.x + 16, r.y + 16, st.accent);
+    const st2 = blockStyle(n.kind);
+    const gl = nodeGlyph(n.kind, r.x + 16, r.y + 16, st2.accent);
     const nx = gl.length > 0 ? r.x + 42 : r.x + 16;
-    const chip = gl.length === 0 && n.kind !== void 0 ? `<text x="${r.x + 16}" y="${r.y + 22}" class="blk-chip" fill="${st.accent}">${escapeHtml(n.kind)}</text>` : "";
-    const tech = n.tech !== void 0 ? `<text x="${nx}" y="${r.y + (gl.length > 0 ? 50 : 60)}" class="blk-tech" fill="${st.accent}">${escapeHtml(n.tech)}</text>` : "";
-    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="9" fill="${st.fill}" stroke="${st.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st.accent}"/>` + gl + chip + `<text x="${nx}" y="${r.y + (gl.length > 0 ? 34 : 44)}" class="blk-name" fill="${st.text}">${escapeHtml(n.name)}</text>` + tech + `</g>`;
+    const chip = gl.length === 0 && n.kind !== void 0 ? `<text x="${r.x + 16}" y="${r.y + 22}" class="blk-chip" fill="${st2.accent}">${escapeHtml(n.kind)}</text>` : "";
+    const tech = n.tech !== void 0 ? `<text x="${nx}" y="${r.y + (gl.length > 0 ? 50 : 60)}" class="blk-tech" fill="${st2.accent}">${escapeHtml(n.tech)}</text>` : "";
+    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="9" fill="${st2.fill}" stroke="${st2.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st2.accent}"/>` + gl + chip + `<text x="${nx}" y="${r.y + (gl.length > 0 ? 34 : 44)}" class="blk-name" fill="${st2.text}">${escapeHtml(n.name)}</text>` + tech + `</g>`;
   }
   s += `</svg>`;
   return s;
@@ -2291,7 +3980,7 @@ function renderLayered(data) {
   const nodes = data.nodes ?? [];
   const edges = data.edges ?? [];
   const byLayer = layers.map(
-    (_, i) => nodes.filter((n) => (n.layer ?? 0) === i)
+    (_2, i) => nodes.filter((n) => (n.layer ?? 0) === i)
   );
   const outerPad = 28;
   const titleH = data.systemLabel !== void 0 ? 32 : 16;
@@ -2315,9 +4004,9 @@ function renderLayered(data) {
   const rects = /* @__PURE__ */ new Map();
   byLayer.forEach((arr, i) => {
     const startX = contentX + (bandInnerW - rowW(arr.length)) / 2;
-    arr.forEach((n, j) => {
+    arr.forEach((n, j2) => {
       rects.set(n.id, {
-        x: startX + j * (nodeW + nodeGap),
+        x: startX + j2 * (nodeW + nodeGap),
         y: bandY(i) + bandPadY,
         w: nodeW,
         h: nodeH
@@ -2329,26 +4018,26 @@ function renderLayered(data) {
     s += `<text x="${outerPad + 14}" y="${outerPad + 18}" class="grp-label" fill="#0e54a1">${escapeHtml(data.systemLabel)}</text>`;
   }
   for (let i = 0; i < layers.length; i++) {
-    const L = layers[i];
-    if (L === void 0) continue;
-    s += `<g><rect x="${innerX}" y="${bandY(i)}" width="${labelW + bandInnerW}" height="${bandH}" rx="6" fill="#f3f4f6" stroke="#d1d5db"/><rect x="${innerX}" y="${bandY(i)}" width="${labelW}" height="${bandH}" rx="6" fill="#0e54a1"/><rect x="${innerX + labelW - 8}" y="${bandY(i)}" width="8" height="${bandH}" fill="#0e54a1"/><text x="${innerX + 14}" y="${bandY(i) + bandH / 2 + 4}" class="layer-label">${escapeHtml(L.label)}</text></g>`;
+    const L2 = layers[i];
+    if (L2 === void 0) continue;
+    s += `<g><rect x="${innerX}" y="${bandY(i)}" width="${labelW + bandInnerW}" height="${bandH}" rx="6" fill="#f3f4f6" stroke="#d1d5db"/><rect x="${innerX}" y="${bandY(i)}" width="${labelW}" height="${bandH}" rx="6" fill="#0e54a1"/><rect x="${innerX + labelW - 8}" y="${bandY(i)}" width="8" height="${bandH}" fill="#0e54a1"/><text x="${innerX + 14}" y="${bandY(i) + bandH / 2 + 4}" class="layer-label">${escapeHtml(L2.label)}</text></g>`;
   }
   for (const e of edges) {
-    const A = rects.get(e.from);
-    const B = rects.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(A, B);
-    const st = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? FALLBACK_EDGE;
-    s += `<g><path d="${p.d}" fill="none" stroke="${st.stroke}" stroke-width="${st.sw}" stroke-dasharray="${st.dash}" marker-end="url(#${st.marker})"/>` + edgePill(p, e.label, st.err) + `</g>`;
+    const A2 = rects.get(e.from);
+    const B2 = rects.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(A2, B2);
+    const st2 = GEDGE[e.kind ?? "solid"] ?? GEDGE["solid"] ?? FALLBACK_EDGE;
+    s += `<g><path d="${p2.d}" fill="none" stroke="${st2.stroke}" stroke-width="${st2.sw}" stroke-dasharray="${st2.dash}" marker-end="url(#${st2.marker})"/>` + edgePill(p2, e.label, st2.err) + `</g>`;
   }
   for (const n of nodes) {
     const r = rects.get(n.id);
     if (r === void 0) continue;
-    const st = blockStyle(n.kind);
-    const gl = nodeGlyph(n.kind, r.x + 12, r.y + 12, st.accent);
+    const st2 = blockStyle(n.kind);
+    const gl = nodeGlyph(n.kind, r.x + 12, r.y + 12, st2.accent);
     const nx = gl.length > 0 ? r.x + 34 : r.x + 14;
-    const tech = n.tech !== void 0 ? `<text x="${nx}" y="${r.y + 42}" class="blk-tech" fill="${st.accent}">${escapeHtml(n.tech)}</text>` : "";
-    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="8" fill="${st.fill}" stroke="${st.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st.accent}"/>` + gl + `<text x="${nx}" y="${r.y + (n.tech !== void 0 ? 26 : 33)}" class="blk-name" fill="${st.text}">${escapeHtml(n.name)}</text>` + tech + `</g>`;
+    const tech = n.tech !== void 0 ? `<text x="${nx}" y="${r.y + 42}" class="blk-tech" fill="${st2.accent}">${escapeHtml(n.tech)}</text>` : "";
+    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="8" fill="${st2.fill}" stroke="${st2.accent}" stroke-width="1.2"/><rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st2.accent}"/>` + gl + `<text x="${nx}" y="${r.y + (n.tech !== void 0 ? 26 : 33)}" class="blk-name" fill="${st2.text}">${escapeHtml(n.name)}</text>` + tech + `</g>`;
   }
   s += `</svg>`;
   return s;
@@ -2528,28 +4217,28 @@ function renderFelogicGraph(data, frame) {
     s += `<g><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="10" fill="${col}" fill-opacity="0.05" stroke="${col}" stroke-opacity="0.5" stroke-width="1.2" stroke-dasharray="7 5"/><text x="${r.x + 14}" y="${r.y + 15}" class="grp-label" fill="${col}">${escapeHtml(g.label)}</text></g>`;
   }
   for (const e of edges) {
-    const A = byId.get(e.from);
-    const B = byId.get(e.to);
-    if (!A || !B) continue;
-    const p = ortho(rectFor2(A), rectFor2(B));
-    const st = feEdge(e.kind);
-    s += `<g><path d="${p.d}" fill="none" stroke="${st.stroke}" stroke-width="${st.sw}" stroke-dasharray="${st.dash}" marker-end="url(#${st.marker})"/>` + edgePill(p, e.label) + `</g>`;
+    const A2 = byId.get(e.from);
+    const B2 = byId.get(e.to);
+    if (!A2 || !B2) continue;
+    const p2 = ortho(rectFor2(A2), rectFor2(B2));
+    const st2 = feEdge(e.kind);
+    s += `<g><path d="${p2.d}" fill="none" stroke="${st2.stroke}" stroke-width="${st2.sw}" stroke-dasharray="${st2.dash}" marker-end="url(#${st2.marker})"/>` + edgePill(p2, e.label) + `</g>`;
   }
   for (const n of nodes) {
     const r = rectFor2(n);
-    const st = feStyle(n.kind);
-    const k = (n.kind ?? "").toLowerCase();
-    const gl = GLYPH_KINDS.has(k) ? nodeGlyph(GLYPH_REMAP[k] ?? k, r.x + 16, r.y + 16, st.accent) : "";
-    const nx = st.solid === true ? r.x + r.w / 2 : gl.length > 0 ? r.x + 42 : r.x + 16;
-    const anchor = st.solid === true ? "middle" : "start";
-    const nameY = r.y + (st.stereo !== void 0 ? 38 : n.note !== void 0 ? 36 : 44);
-    const noteY = r.y + (st.stereo !== void 0 ? 56 : 52);
-    const stroke = st.solid === true ? "none" : st.accent;
-    const dashAttr = st.dash !== void 0 ? ` stroke-dasharray="${st.dash}"` : "";
-    const stripe = st.solid === true ? "" : `<rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st.accent}"/>`;
-    const stereo = st.stereo !== void 0 ? `<text x="${r.x + r.w / 2}" y="${r.y + 20}" class="uml-stereo">\xAB${escapeHtml(st.stereo)}\xBB</text>` : "";
-    const note = n.note !== void 0 ? `<text x="${nx}" y="${noteY}" class="blk-tech" fill="${st.solid === true ? "#cfe0f3" : st.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
-    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="9" fill="${st.fill}" stroke="${stroke}" stroke-width="1.2"${dashAttr}/>` + stripe + gl + stereo + `<text x="${nx}" y="${nameY}" class="blk-name" fill="${st.text}" text-anchor="${anchor}">${escapeHtml(n.name)}</text>` + note + `</g>`;
+    const st2 = feStyle(n.kind);
+    const k2 = (n.kind ?? "").toLowerCase();
+    const gl = GLYPH_KINDS.has(k2) ? nodeGlyph(GLYPH_REMAP[k2] ?? k2, r.x + 16, r.y + 16, st2.accent) : "";
+    const nx = st2.solid === true ? r.x + r.w / 2 : gl.length > 0 ? r.x + 42 : r.x + 16;
+    const anchor = st2.solid === true ? "middle" : "start";
+    const nameY = r.y + (st2.stereo !== void 0 ? 38 : n.note !== void 0 ? 36 : 44);
+    const noteY = r.y + (st2.stereo !== void 0 ? 56 : 52);
+    const stroke = st2.solid === true ? "none" : st2.accent;
+    const dashAttr = st2.dash !== void 0 ? ` stroke-dasharray="${st2.dash}"` : "";
+    const stripe = st2.solid === true ? "" : `<rect x="${r.x}" y="${r.y}" width="5" height="${r.h}" rx="2" fill="${st2.accent}"/>`;
+    const stereo = st2.stereo !== void 0 ? `<text x="${r.x + r.w / 2}" y="${r.y + 20}" class="uml-stereo">\xAB${escapeHtml(st2.stereo)}\xBB</text>` : "";
+    const note = n.note !== void 0 ? `<text x="${nx}" y="${noteY}" class="blk-tech" fill="${st2.solid === true ? "#cfe0f3" : st2.accent}" text-anchor="${anchor}">${escapeHtml(n.note)}</text>` : "";
+    s += `<g filter="url(#gshadow)"><rect x="${r.x}" y="${r.y}" width="${r.w}" height="${r.h}" rx="9" fill="${st2.fill}" stroke="${stroke}" stroke-width="1.2"${dashAttr}/>` + stripe + gl + stereo + `<text x="${nx}" y="${nameY}" class="blk-name" fill="${st2.text}" text-anchor="${anchor}">${escapeHtml(n.name)}</text>` + note + `</g>`;
   }
   s += `</svg>`;
   return diagramFrame(
@@ -2613,11 +4302,11 @@ function elementHeight(el) {
   }
 }
 var PH = 'fill="var(--light-gray)" stroke="var(--rule)" stroke-width="1"';
-function drawElement(el, x, y, w) {
+function drawElement(el, x2, y, w2) {
   const rows = Math.max(1, el.rows ?? 1);
   const label = el.label ?? "";
   const accent = el.tone === "danger" ? "var(--negative)" : el.tone === "muted" ? "var(--gray)" : "var(--navy)";
-  const anchorX = el.align === "c" ? x + w / 2 : el.align === "r" ? x + w : x;
+  const anchorX = el.align === "c" ? x2 + w2 / 2 : el.align === "r" ? x2 + w2 : x2;
   const anchor = el.align === "c" ? "middle" : el.align === "r" ? "end" : "start";
   switch (el.type) {
     case "header":
@@ -2627,69 +4316,69 @@ function drawElement(el, x, y, w) {
     case "text": {
       let s = "";
       for (let i = 0; i < rows; i++) {
-        const lw = i === rows - 1 ? w * 0.66 : w;
-        s += `<rect x="${x}" y="${y + i * 12}" width="${lw}" height="6" rx="3" fill="var(--rule)"/>`;
+        const lw = i === rows - 1 ? w2 * 0.66 : w2;
+        s += `<rect x="${x2}" y="${y + i * 12}" width="${lw}" height="6" rx="3" fill="var(--rule)"/>`;
       }
       return s;
     }
     case "button":
-      return `<rect x="${x}" y="${y}" width="${w}" height="34" rx="8" fill="${accent}"/><text x="${x + w / 2}" y="${y + 22}" class="wf-btn" text-anchor="middle">${escapeHtml(label || "Button")}</text>`;
+      return `<rect x="${x2}" y="${y}" width="${w2}" height="34" rx="8" fill="${accent}"/><text x="${x2 + w2 / 2}" y="${y + 22}" class="wf-btn" text-anchor="middle">${escapeHtml(label || "Button")}</text>`;
     case "input":
     case "search": {
-      const icon = el.type === "search" ? `<circle cx="${x + 16}" cy="${y + 17}" r="5" fill="none" stroke="var(--gray)" stroke-width="1.4"/><path d="M${x + 20} ${y + 21} l4 4" stroke="var(--gray)" stroke-width="1.4"/>` : "";
-      const tx = el.type === "search" ? x + 30 : x + 12;
-      return `<rect x="${x}" y="${y}" width="${w}" height="34" rx="8" fill="var(--white)" stroke="var(--rule)" stroke-width="1.2"/>` + icon + `<text x="${tx}" y="${y + 21}" class="wf-ph-text">${escapeHtml(label || "Type here\u2026")}</text>`;
+      const icon = el.type === "search" ? `<circle cx="${x2 + 16}" cy="${y + 17}" r="5" fill="none" stroke="var(--gray)" stroke-width="1.4"/><path d="M${x2 + 20} ${y + 21} l4 4" stroke="var(--gray)" stroke-width="1.4"/>` : "";
+      const tx = el.type === "search" ? x2 + 30 : x2 + 12;
+      return `<rect x="${x2}" y="${y}" width="${w2}" height="34" rx="8" fill="var(--white)" stroke="var(--rule)" stroke-width="1.2"/>` + icon + `<text x="${tx}" y="${y + 21}" class="wf-ph-text">${escapeHtml(label || "Type here\u2026")}</text>`;
     }
     case "image":
-      return `<rect x="${x}" y="${y}" width="${w}" height="88" rx="8" ${PH}/><path d="M${x} ${y + 88} L${x + w * 0.4} ${y + 40} L${x + w * 0.62} ${y + 66} L${x + w * 0.78} ${y + 50} L${x + w} ${y + 88}" fill="none" stroke="var(--gray)" stroke-width="1.3"/><circle cx="${x + w * 0.74} " cy="${y + 26}" r="7" fill="none" stroke="var(--gray)" stroke-width="1.3"/>`;
+      return `<rect x="${x2}" y="${y}" width="${w2}" height="88" rx="8" ${PH}/><path d="M${x2} ${y + 88} L${x2 + w2 * 0.4} ${y + 40} L${x2 + w2 * 0.62} ${y + 66} L${x2 + w2 * 0.78} ${y + 50} L${x2 + w2} ${y + 88}" fill="none" stroke="var(--gray)" stroke-width="1.3"/><circle cx="${x2 + w2 * 0.74} " cy="${y + 26}" r="7" fill="none" stroke="var(--gray)" stroke-width="1.3"/>`;
     case "avatar":
-      return `<circle cx="${x + 22}" cy="${y + 22}" r="20" ${PH}/><circle cx="${x + 22}" cy="${y + 17}" r="7" fill="var(--gray)"/><path d="M${x + 9} ${y + 40} a13 11 0 0 1 26 0" fill="var(--gray)"/>` + (label ? `<text x="${x + 52}" y="${y + 27}" class="wf-sub" fill="var(--charcoal)">${escapeHtml(label)}</text>` : "");
+      return `<circle cx="${x2 + 22}" cy="${y + 22}" r="20" ${PH}/><circle cx="${x2 + 22}" cy="${y + 17}" r="7" fill="var(--gray)"/><path d="M${x2 + 9} ${y + 40} a13 11 0 0 1 26 0" fill="var(--gray)"/>` + (label ? `<text x="${x2 + 52}" y="${y + 27}" class="wf-sub" fill="var(--charcoal)">${escapeHtml(label)}</text>` : "");
     case "card": {
       let s = "";
       for (let i = 0; i < rows; i++) {
         const cy = y + i * 74;
-        s += `<rect x="${x}" y="${cy}" width="${w}" height="64" rx="10" fill="var(--white)" stroke="var(--rule)" stroke-width="1.2"/><rect x="${x + 12}" y="${cy + 12}" width="40" height="40" rx="8" ${PH}/><rect x="${x + 64}" y="${cy + 16}" width="${w - 92}" height="7" rx="3.5" fill="var(--rule)"/><rect x="${x + 64}" y="${cy + 34}" width="${(w - 92) * 0.6}" height="6" rx="3" fill="var(--rule)"/>`;
+        s += `<rect x="${x2}" y="${cy}" width="${w2}" height="64" rx="10" fill="var(--white)" stroke="var(--rule)" stroke-width="1.2"/><rect x="${x2 + 12}" y="${cy + 12}" width="40" height="40" rx="8" ${PH}/><rect x="${x2 + 64}" y="${cy + 16}" width="${w2 - 92}" height="7" rx="3.5" fill="var(--rule)"/><rect x="${x2 + 64}" y="${cy + 34}" width="${(w2 - 92) * 0.6}" height="6" rx="3" fill="var(--rule)"/>`;
       }
-      const cap = label ? `<text x="${x + 64}" y="${y + 30}" class="wf-ph-text"></text>` : "";
+      const cap = label ? `<text x="${x2 + 64}" y="${y + 30}" class="wf-ph-text"></text>` : "";
       return s + cap;
     }
     case "list": {
       let s = "";
       for (let i = 0; i < rows; i++) {
         const ly = y + i * 40;
-        s += `<circle cx="${x + 16}" cy="${ly + 20}" r="12" ${PH}/><rect x="${x + 38}" y="${ly + 12}" width="${w - 76}" height="6" rx="3" fill="var(--rule)"/><rect x="${x + 38}" y="${ly + 24}" width="${(w - 76) * 0.55}" height="5" rx="2.5" fill="var(--rule)"/><path d="M${x + w - 14} ${ly + 15} l5 5 l-5 5" fill="none" stroke="var(--gray)" stroke-width="1.4"/>` + (i < rows - 1 ? `<line x1="${x + 38}" y1="${ly + 40}" x2="${x + w}" y2="${ly + 40}" stroke="var(--light-gray)" stroke-width="1"/>` : "");
+        s += `<circle cx="${x2 + 16}" cy="${ly + 20}" r="12" ${PH}/><rect x="${x2 + 38}" y="${ly + 12}" width="${w2 - 76}" height="6" rx="3" fill="var(--rule)"/><rect x="${x2 + 38}" y="${ly + 24}" width="${(w2 - 76) * 0.55}" height="5" rx="2.5" fill="var(--rule)"/><path d="M${x2 + w2 - 14} ${ly + 15} l5 5 l-5 5" fill="none" stroke="var(--gray)" stroke-width="1.4"/>` + (i < rows - 1 ? `<line x1="${x2 + 38}" y1="${ly + 40}" x2="${x2 + w2}" y2="${ly + 40}" stroke="var(--light-gray)" stroke-width="1"/>` : "");
       }
       return s;
     }
     case "nav": {
       const items = (label || "Home, Docs, Pricing, About").split(",").map((t) => t.trim());
       let s = "";
-      let nx = x;
-      for (const it of items) {
-        const pw = 16 + it.length * 6.2;
-        s += `<rect x="${nx}" y="${y + 4}" width="${pw}" height="22" rx="11" fill="var(--light-gray)"/><text x="${nx + pw / 2}" y="${y + 19}" class="wf-ph-text" text-anchor="middle">${escapeHtml(it)}</text>`;
+      let nx = x2;
+      for (const it2 of items) {
+        const pw = 16 + it2.length * 6.2;
+        s += `<rect x="${nx}" y="${y + 4}" width="${pw}" height="22" rx="11" fill="var(--light-gray)"/><text x="${nx + pw / 2}" y="${y + 19}" class="wf-ph-text" text-anchor="middle">${escapeHtml(it2)}</text>`;
         nx += pw + 8;
       }
       return s;
     }
     case "tabs": {
       const items = (label || "Home, Search, Bell, Profile").split(",").map((t) => t.trim());
-      const seg = w / items.length;
-      let s = `<line x1="${x}" y1="${y}" x2="${x + w}" y2="${y}" stroke="var(--rule)" stroke-width="1"/>`;
-      items.forEach((it, i) => {
-        const cx = x + seg * i + seg / 2;
-        s += `<circle cx="${cx}" cy="${y + 18}" r="8" fill="none" stroke="${i === 0 ? accent : "var(--gray)"}" stroke-width="1.6"/><text x="${cx}" y="${y + 42}" class="wf-tab" text-anchor="middle" fill="${i === 0 ? accent : "var(--gray)"}">${escapeHtml(it)}</text>`;
+      const seg = w2 / items.length;
+      let s = `<line x1="${x2}" y1="${y}" x2="${x2 + w2}" y2="${y}" stroke="var(--rule)" stroke-width="1"/>`;
+      items.forEach((it2, i) => {
+        const cx = x2 + seg * i + seg / 2;
+        s += `<circle cx="${cx}" cy="${y + 18}" r="8" fill="none" stroke="${i === 0 ? accent : "var(--gray)"}" stroke-width="1.6"/><text x="${cx}" y="${y + 42}" class="wf-tab" text-anchor="middle" fill="${i === 0 ? accent : "var(--gray)"}">${escapeHtml(it2)}</text>`;
       });
       return s;
     }
     case "divider":
-      return `<line x1="${x}" y1="${y + 7}" x2="${x + w}" y2="${y + 7}" stroke="var(--rule)" stroke-width="1"/>`;
+      return `<line x1="${x2}" y1="${y + 7}" x2="${x2 + w2}" y2="${y + 7}" stroke="var(--rule)" stroke-width="1"/>`;
     case "badge": {
       const pw = 22 + label.length * 6.4;
       return `<rect x="${anchorX - (anchor === "middle" ? pw / 2 : anchor === "end" ? pw : 0)}" y="${y}" width="${pw}" height="22" rx="11" fill="${accent}"/><text x="${anchorX - (anchor === "middle" ? 0 : anchor === "end" ? pw / 2 : -pw / 2)}" y="${y + 15}" class="wf-btn" text-anchor="middle">${escapeHtml(label || "New")}</text>`;
     }
     case "toggle":
-      return (label ? `<text x="${x}" y="${y + 19}" class="wf-sub" fill="var(--charcoal)">${escapeHtml(label)}</text>` : "") + `<rect x="${x + w - 44}" y="${y + 6}" width="44" height="22" rx="11" fill="${accent}"/><circle cx="${x + w - 16}" cy="${y + 17}" r="8" fill="#fff"/>`;
+      return (label ? `<text x="${x2}" y="${y + 19}" class="wf-sub" fill="var(--charcoal)">${escapeHtml(label)}</text>` : "") + `<rect x="${x2 + w2 - 44}" y="${y + 6}" width="44" height="22" rx="11" fill="${accent}"/><circle cx="${x2 + w2 - 16}" cy="${y + 17}" r="8" fill="#fff"/>`;
     case "spacer":
       return "";
     default:
@@ -2758,18 +4447,18 @@ function renderWireframe(data) {
   const width = totalW + padX * 2;
   const height = maxH + capH + padY * 2;
   let s = `<svg viewBox="0 0 ${width} ${height}" role="img"><title>${escapeHtml(data.title ?? "UI mockup")}</title>`;
-  let x = padX;
+  let x2 = padX;
   drawn.forEach((d, i) => {
     const screen = screens[i];
-    s += `<g transform="translate(${x}, ${padY})">${d.svg}</g>`;
+    s += `<g transform="translate(${x2}, ${padY})">${d.svg}</g>`;
     const cap = screen?.label;
     if (cap !== void 0 && cap.length > 0) {
       const lines = wrapText(cap, Math.floor(d.width / 6), 2);
-      lines.forEach((ln, j) => {
-        s += `<text x="${x + d.width / 2}" y="${padY + maxH + 16 + j * 12}" class="wf-caption" text-anchor="middle">${escapeHtml(ln)}</text>`;
+      lines.forEach((ln2, j2) => {
+        s += `<text x="${x2 + d.width / 2}" y="${padY + maxH + 16 + j2 * 12}" class="wf-caption" text-anchor="middle">${escapeHtml(ln2)}</text>`;
       });
     }
-    x += d.width + gap;
+    x2 += d.width + gap;
   });
   s += `</svg>`;
   return diagramFrame(
@@ -2946,7 +4635,7 @@ var themes = {
 function themeStyle(name) {
   const vars = themes[name].vars;
   const parts = [];
-  for (const k of Object.keys(vars)) parts.push(`${k}:${vars[k]};`);
+  for (const k2 of Object.keys(vars)) parts.push(`${k2}:${vars[k2]};`);
   return parts.join("");
 }
 
@@ -2969,8 +4658,8 @@ function renderSectionHead(num, kind, title, lede) {
   return `<div class="section-head"><div class="section-num">SECTION ${pad2(num)} \xB7 ${escapeHtml(label)}</div>` + titleHtml + ledeHtml + `</div>`;
 }
 function dispatchBlock(kind, data) {
-  const fn = htmlRenderers[kind];
-  return fn(data);
+  const fn2 = htmlRenderers[kind];
+  return fn2(data);
 }
 function renderTypedSegment(seg, ctx) {
   if (seg.kind === "meta") return "";
@@ -3000,7 +4689,7 @@ function renderSegment(seg, ctx) {
 function buildThemeVars(theme, vars) {
   let css = themeStyle(theme);
   if (vars !== void 0) {
-    for (const k of Object.keys(vars)) css += `${k}:${vars[k]};`;
+    for (const k2 of Object.keys(vars)) css += `${k2}:${vars[k2]};`;
   }
   return css;
 }
@@ -3033,6 +4722,11 @@ function renderDocument(doc, opts = {}) {
 </html>
 `;
 }
+/*! Bundled license information:
+
+@dagrejs/dagre/dist/dagre.esm.js:
+  (*! For license information please see dagre.esm.js.LEGAL.txt *)
+*/
 
 export { DEFAULT_THEME, buildThemeVars, edgePill, escapeHtml, globalDefsSvg, houseCss, htmlRenderers, ortho, renderDocument, renderDocumentParts, renderProse, safeColor, safeUrl, themeStyle, themes, wrapText };
 //# sourceMappingURL=index.js.map