@popcorn245/cornfield-components 0.52.0 → 0.53.0

package/dist/chunks/{map-CeP9M2_w.js → map-DbfPgQRe.js}

@@ -1,88 +1,96 @@
-import { $ as e, $t as t, A as n, An as r, At as i, C as a, Ct as o, E as s, G as c, H as l, Ht as u, J as d, Jt as f, K as p, Mt as m, O as h, Qt as g, S as _, Sn as v, Tn as y, Ut as b, V as x, W as S, Wt as C, X as w, Xt as T, Y as E, Yt as D, Zt as O, _ as k, b as A, bn as ee, c as j, d as M, en as N, f as P, g as F, gn as I, hn as te, i as L, j as R, jt as z, l as ne, m as B, n as V, p as H, q as U, qt as W, r as G, rt as K, sn as re, tn as q, u as ie, v as J, w as ae, wn as oe, xn as se } from "./engine-HIgX35hE.js";
-var Y = 96, ce = "letters:", le = (e) => `${ce}${e}`, ue = (e) => typeof e == "string" && e.startsWith(ce), de = (e) => e.slice(8), fe = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, pe = /* @__PURE__ */ new Map();
-function me(e, t = null) {
+import { $t as e, At as t, B as n, C as r, Cn as i, D as a, Dn as o, En as s, Et as c, G as l, Gt as u, H as d, I as f, Kt as p, L as m, M as h, Mn as g, Mt as _, Qt as v, Sn as y, St as b, T as x, U as S, V as C, W as w, Wt as T, Xt as E, Yt as D, Zt as O, _ as ee, _n as te, b as k, c as A, d as j, en as M, f as N, g as P, ht as F, i as I, j as L, jt as R, k as z, l as ne, ln as re, m as B, n as V, nn as H, p as U, r as W, rn as G, tn as ie, u as K, v as q, vn as ae, w as oe, wn as se, x as J, z as ce } from "./engine-xmHJvQY9.js";
+var le = 96, ue = "letters:", de = (e) => `${ue}${e}`, fe = (e) => typeof e == "string" && e.startsWith(ue), pe = (e) => e.slice(8), me = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, he = /* @__PURE__ */ new Map();
+function ge(e, t = null) {
 	if (typeof e != "string" || !e) return null;
 	let n = `${typeof t == "string" ? t : ""}|${e}`;
-	if (pe.has(n)) return pe.get(n);
-	if (pe.size >= 128) return null;
+	if (he.has(n)) return he.get(n);
+	if (he.size >= 128) return null;
 	let r = null;
 	try {
-		let n = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(Y, Y) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
-			width: Y,
-			height: Y
+		let n = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(le, le) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
+			width: le,
+			height: le
 		}) : null, i = n && n.getContext && n.getContext("2d");
 		if (i && i.fillText) {
-			i.font = `700 ${e.length > 1 ? 56 : 72}px ${F}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
-			let a = typeof t == "string" ? t : l;
-			i.strokeStyle = d(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, Y / 2, 51), i.fillStyle = a, i.fillText(e, Y / 2, 51), r = n;
+			i.font = `700 ${e.length > 1 ? 56 : 72}px ${P}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
+			let a = typeof t == "string" ? t : m;
+			i.strokeStyle = S(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, le / 2, 51), i.fillStyle = a, i.fillText(e, le / 2, 51), r = n;
 		}
 	} catch {
 		r = null;
 	}
-	return pe.set(n, r), r;
+	return he.set(n, r), r;
 }
 // ../explorer/renderer-canvas2d.js
-var he = Math.PI * 2, ge = 1.5, _e = (e, t, n, r) => {
-	e.beginPath(), e.arc(t, n, r, 0, he);
+var _e = Math.PI * 2, ve = 1.5, ye = /* @__PURE__ */ new Map();
+function be(e) {
+	let t = ye.get(e);
+	return t === void 0 && (ye.size > 512 && ye.clear(), t = c(e)[3], ye.set(e, t)), t;
+}
+var Y = (e, t, n, r) => {
+	e.beginPath(), e.arc(t, n, r, 0, _e);
 };
-function ve(e, t, n, r, i) {
+function xe(e, t, n, r, i, a = !1) {
+	let o = () => {
+		a || e.beginPath();
+	};
 	if (t === "rounded-square" || t === "square") {
-		let a = i * (t === "square" ? A.squareHalf : A.roundedHalf), o = i * (t === "square" ? A.squareCorner : A.roundedCorner);
-		e.beginPath(), e.roundRect ? e.roundRect(n - a, r - a, a * 2, a * 2, o) : e.rect(n - a, r - a, a * 2, a * 2);
+		let a = i * (t === "square" ? J.squareHalf : J.roundedHalf), s = i * (t === "square" ? J.squareCorner : J.roundedCorner);
+		o(), e.roundRect ? e.roundRect(n - a, r - a, a * 2, a * 2, s) : e.rect(n - a, r - a, a * 2, a * 2);
 	} else if (t === "hexagon") {
-		let t = i * A.hexInradius / Math.cos(Math.PI / 6);
-		e.beginPath();
+		let t = i * J.hexInradius / Math.cos(Math.PI / 6);
+		o();
 		for (let i = 0; i < 6; i++) {
 			let a = Math.PI / 6 + i * Math.PI / 3, o = n + t * Math.cos(a), s = r + t * Math.sin(a);
 			i ? e.lineTo(o, s) : e.moveTo(o, s);
 		}
 		e.closePath();
 	} else if (t === "diamond") {
-		let t = i * A.diamondHalf;
-		e.beginPath(), e.moveTo(n, r - t), e.lineTo(n + t, r), e.lineTo(n, r + t), e.lineTo(n - t, r), e.closePath();
-	} else _e(e, n, r, i);
+		let t = i * J.diamondHalf;
+		o(), e.moveTo(n, r - t), e.lineTo(n + t, r), e.lineTo(n, r + t), e.lineTo(n - t, r), e.closePath();
+	} else a ? (e.moveTo(n + i, r), e.arc(n, r, i, 0, _e)) : Y(e, n, r, i);
 }
-function ye(e, t, n, r, i) {
+function Se(e, t, n, r, i) {
 	let a = -n.x / n.zoom - t.margin, o = (r - n.x) / n.zoom + t.margin, s = -n.y / n.zoom - t.margin, c = (i - n.y) / n.zoom + t.margin;
 	e.beginPath(), e.strokeStyle = t.color, e.lineWidth = t.width;
 	for (let n = Math.floor(a / t.size) * t.size; n < o; n += t.size) e.moveTo(n, s), e.lineTo(n, c);
 	for (let n = Math.floor(s / t.size) * t.size; n < c; n += t.size) e.moveTo(a, n), e.lineTo(o, n);
 	e.stroke();
 }
-function be(e, t) {
+function Ce(e, t) {
 	e.save(), t.forEach((t) => {
-		e.lineWidth = t.width, e.setLineDash(t.dash), e.strokeStyle = t.color, _e(e, t.x, t.y, t.r), e.stroke();
+		e.lineWidth = t.width, e.setLineDash(t.dash), e.strokeStyle = t.color, Y(e, t.x, t.y, t.r), e.stroke();
 	}), e.restore();
 }
-function xe(e, t) {
+function we(e, t) {
 	e.save(), t.forEach((t) => {
 		e.fillStyle = t.fill, e.strokeStyle = t.stroke, e.lineWidth = t.strokeWidth, e.beginPath(), e.roundRect(t.x, t.y, t.w, t.h, t.radius), e.fill(), e.stroke();
 	}), e.restore();
 }
-function Se(e, t, n, r, i = !0) {
-	if (e.save(), e.globalAlpha = t.alpha, e.beginPath(), e.moveTo(t.x1, t.y1), t.curve ? e.quadraticCurveTo(t.curve.cx, t.curve.cy, t.x2, t.y2) : e.lineTo(t.x2, t.y2), e.strokeStyle = t.color, e.lineWidth = t.mark && t.mark !== "none" ? Math.max(t.width, J.edge / r) : t.width, e.setLineDash(t.dash || []), t.glow && t.glow * r >= ge) {
+function Te(e, t, n, r, i = !0) {
+	if (e.save(), e.globalAlpha = t.alpha, e.beginPath(), e.moveTo(t.x1, t.y1), t.curve ? e.quadraticCurveTo(t.curve.cx, t.curve.cy, t.x2, t.y2) : e.lineTo(t.x2, t.y2), e.strokeStyle = t.color, e.lineWidth = t.mark && t.mark !== "none" ? Math.max(t.width, q.edge / r) : t.width, e.setLineDash(t.dash || []), t.glow && t.glow * r >= ve) {
 		let n = e.lineWidth;
 		e.save(), e.globalAlpha = t.alpha * .3, e.strokeStyle = t.glowColor || t.color, e.lineWidth = n + t.glow * .6, e.stroke(), e.restore();
 	}
 	if (e.stroke(), e.setLineDash([]), t.mark === "removed") {
-		let n = ae(t, .5), i = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [a, o] = i > 0 ? [(t.x2 - t.x1) / i, (t.y2 - t.y1) / i] : [1, 0];
-		e.beginPath(), e.moveTo(n.x - o * H.halfLength, n.y + a * H.halfLength), e.lineTo(n.x + o * H.halfLength, n.y - a * H.halfLength), e.lineWidth = Math.max(H.width, 1.5 / r), e.stroke();
+		let n = x(t, .5), i = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [a, o] = i > 0 ? [(t.x2 - t.x1) / i, (t.y2 - t.y1) / i] : [1, 0];
+		e.beginPath(), e.moveTo(n.x - o * U.halfLength, n.y + a * U.halfLength), e.lineTo(n.x + o * U.halfLength, n.y - a * U.halfLength), e.lineWidth = Math.max(U.width, 1.5 / r), e.stroke();
 	}
-	if (t.ticks && we(e, t, r), t.arrow) {
+	if (t.ticks && De(e, t, r), t.arrow) {
 		let { cx: n, cy: i } = t.curve || {
 			cx: t.x1,
 			cy: t.y1
 		};
-		Ce(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
+		Ee(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
 	}
-	i && t.packet && Te(e, t, n, r), e.restore();
+	i && t.packet && Oe(e, t, n, r), e.restore();
 }
-function Ce(e, t, n, r) {
+function Ee(e, t, n, r) {
 	let i = t.end || "triangle", { x2: a, y2: o, color: s } = t, c = Math.cos(n), l = Math.sin(n), u = (e, t) => [a - c * e - l * t, o - l * e + c * t], d = Math.max(B.strokeWidth, 1.2 / r);
-	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - M.spread) * M.length, o - Math.sin(n - M.spread) * M.length), e.lineTo(a - Math.cos(n + M.spread) * M.length, o - Math.sin(n + M.spread) * M.length), e.closePath(), e.fillStyle = s, e.fill();
+	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - j.spread) * j.length, o - Math.sin(n - j.spread) * j.length), e.lineTo(a - Math.cos(n + j.spread) * j.length, o - Math.sin(n + j.spread) * j.length), e.closePath(), e.fillStyle = s, e.fill();
 	else {
 		if (e.strokeStyle = s, e.lineWidth = d, e.lineJoin = "miter", i === "chevron") {
-			let t = M.length * Math.cos(M.spread), n = M.length * Math.sin(M.spread);
+			let t = j.length * Math.cos(j.spread), n = j.length * Math.sin(j.spread);
 			e.moveTo(...u(t, n)), e.lineTo(a, o), e.lineTo(...u(t, -n));
 		} else if (i === "bar") e.moveTo(...u(d / 2, B.barHalf)), e.lineTo(...u(d / 2, -B.barHalf));
 		else {
@@ -92,8 +100,8 @@ function Ce(e, t, n, r) {
 		e.stroke();
 	}
 }
-function we(e, t, n) {
-	let r = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [i, a] = r > 0 ? [(t.x2 - t.x1) / r, (t.y2 - t.y1) / r] : [1, 0], o = ae(t, .5);
+function De(e, t, n) {
+	let r = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [i, a] = r > 0 ? [(t.x2 - t.x1) / r, (t.y2 - t.y1) / r] : [1, 0], o = x(t, .5);
 	e.beginPath();
 	for (let n = 0; n < t.ticks; n++) {
 		let r = (n - (t.ticks - 1) / 2) * B.tickGap, s = o.x + i * r, c = o.y + a * r;
@@ -101,104 +109,116 @@ function we(e, t, n) {
 	}
 	e.strokeStyle = t.color, e.lineWidth = Math.max(B.tickWidth, 1.5 / n), e.setLineDash([]), e.stroke();
 }
-function Te(e, t, n, r) {
-	let i = R(t, n), { packet: a } = t;
-	a.glow && a.glow * r >= ge && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, he), e.globalAlpha = t.alpha * .3, e.fillStyle = a.glowColor || a.color, e.fill(), e.globalAlpha = t.alpha), e.beginPath(), e.arc(i.x, i.y, a.radius, 0, he), e.fillStyle = a.color, e.fill();
+function Oe(e, t, n, r) {
+	let i = h(t, n), { packet: a } = t;
+	a.glow && a.glow * r >= ve && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, _e), e.globalAlpha = t.alpha * .3, e.fillStyle = a.glowColor || a.color, e.fill(), e.globalAlpha = t.alpha), e.beginPath(), e.arc(i.x, i.y, a.radius, 0, _e), e.fillStyle = a.color, e.fill();
 }
-function Ee(e, t, n, r) {
-	e.save(), e.globalAlpha = t.alpha, Te(e, t, n, r), e.restore();
+function ke(e, t, n, r) {
+	e.save(), e.globalAlpha = t.alpha, Oe(e, t, n, r), e.restore();
 }
-var De = 16, Oe = /* @__PURE__ */ new WeakMap();
-function ke(e) {
-	let t = Oe.get(e);
+var Ae = 16, je = /* @__PURE__ */ new WeakMap();
+function Me(e) {
+	let t = je.get(e);
 	return t || (t = new Float64Array(e.edges.length * 4), e.edges.forEach((e, n) => {
-		let r = e.curve ? e.curve.cx : e.x1, i = e.curve ? e.curve.cy : e.y1, a = (e.glow || 0) * .6 + (e.packet ? e.packet.radius + (e.packet.glow || 0) * .5 : 0), o = (e.width || 0) / 2 + a + De;
+		let r = e.curve ? e.curve.cx : e.x1, i = e.curve ? e.curve.cy : e.y1, a = (e.glow || 0) * .6 + (e.packet ? e.packet.radius + (e.packet.glow || 0) * .5 : 0), o = (e.width || 0) / 2 + a + Ae;
 		t[n * 4] = Math.min(e.x1, e.x2, r) - o, t[n * 4 + 1] = Math.min(e.y1, e.y2, i) - o, t[n * 4 + 2] = Math.max(e.x1, e.x2, r) + o, t[n * 4 + 3] = Math.max(e.y1, e.y2, i) + o;
-	}), Oe.set(e, t)), t;
+	}), je.set(e, t)), t;
 }
-function Ae(e, t, n, r) {
-	let i = ke(e), a = t.zoom || 1, o = 4 / a, s = -t.x / a - o, c = -t.y / a - o, l = (n - t.x) / a + o, u = (r - t.y) / a + o, d = [];
+function Ne(e, t, n, r) {
+	let i = Me(e), a = t.zoom || 1, o = 4 / a, s = -t.x / a - o, c = -t.y / a - o, l = (n - t.x) / a + o, u = (r - t.y) / a + o, d = [];
 	for (let t = 0; t < e.edges.length; t++) i[t * 4 + 2] < s || i[t * 4] > l || i[t * 4 + 3] < c || i[t * 4 + 1] > u || d.push(e.edges[t]);
 	return d;
 }
-function je(e, t, n, r, i) {
+function Pe(e, t, r, i, a, o) {
 	e.save(), e.globalAlpha = t.alpha;
-	let a = r.halo[t.halo];
-	a && (a.fill && (_e(e, t.x, t.y, t.r + a.fillR), e.fillStyle = a.fill, e.fill()), _e(e, t.x, t.y, t.r + a.ringR), e.strokeStyle = a.ring, e.lineWidth = a.ringWidth, e.stroke());
-	let o = r.mark[t.mark];
-	if (o) {
-		let r = t.r + Math.max(o.ringR, J.gap / n);
-		_e(e, t.x, t.y, r), e.strokeStyle = o.color, e.lineWidth = Math.max(o.ringWidth, J.ring / n), e.setLineDash(o.ringDash || []), e.stroke(), e.setLineDash([]), t.mark === "removed" && (e.beginPath(), e.moveTo(t.x - r, t.y), e.lineTo(t.x + r, t.y), e.stroke());
-	}
-	ve(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= ge && (e.save(), e.globalAlpha = t.alpha * .28, _e(e, t.x, t.y, t.r + t.glow * .7), e.fillStyle = t.color, e.fill(), e.restore(), ve(e, t.shape, t.x, t.y, t.r)), e.fillStyle = t.color, e.fill();
-	let s = t.icon && i.icons ? i.icons.get(t.icon) : null, l = !s && fe(t, n), u = !s && !l && w(t, n) ? S(t.glyph, c(t, i)) : null;
-	if (u || (_e(e, t.x, t.y, t.r * P), e.fillStyle = r.core, e.fill()), t.stroke && (ve(e, t.shape, t.x, t.y, Math.max(0, t.r - t.stroke.width / 2)), e.strokeStyle = t.stroke.color, e.lineWidth = t.stroke.width, e.stroke()), s) {
-		let n = t.r * G;
-		e.imageSmoothingEnabled = !i.pixelated, e.drawImage(s, t.x - n / 2, t.y - n / 2, n, n);
-	} else if (l) {
-		let n = me(t.letters, i.values && i.values["--corn-map-glyph"]);
+	let s = i.halo[t.halo];
+	s && (s.fill && (Y(e, t.x, t.y, t.r + s.fillR), e.fillStyle = s.fill, e.fill()), Y(e, t.x, t.y, t.r + s.ringR), e.strokeStyle = s.ring, e.lineWidth = s.ringWidth, e.stroke());
+	let c = i.mark[t.mark];
+	if (c) {
+		let n = t.r + Math.max(c.ringR, q.gap / r);
+		Y(e, t.x, t.y, n), e.strokeStyle = c.color, e.lineWidth = Math.max(c.ringWidth, q.ring / r), e.setLineDash(c.ringDash || []), e.stroke(), e.setLineDash([]), t.mark === "removed" && (e.beginPath(), e.moveTo(t.x - n, t.y), e.lineTo(t.x + n, t.y), e.stroke());
+	}
+	if (xe(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * r >= ve) {
+		e.save(), e.globalAlpha = t.alpha * .28;
+		let n = t.r + t.glow * .7;
+		if (e.fillStyle = t.color, be(t.color) < 1) {
+			if (t.r * (k[t.shape] || 1) < n) Y(e, t.x, t.y, n), xe(e, t.shape, t.x, t.y, t.r, !0), e.fill("evenodd");
+			else {
+				let r = n + t.r;
+				e.beginPath(), e.rect(t.x - r, t.y - r, r * 2, r * 2), xe(e, t.shape, t.x, t.y, t.r, !0), e.clip("evenodd"), Y(e, t.x, t.y, n), e.fill();
+			}
+		} else Y(e, t.x, t.y, n), e.fill();
+		e.restore(), xe(e, t.shape, t.x, t.y, t.r);
+	}
+	e.fillStyle = t.color, e.fill();
+	let u = t.icon && a.icons ? a.icons.get(t.icon) : null, d = !u && me(t, r), p = !u && !d && l(t, r) ? ce(t.glyph, n(t, a, o)) : null;
+	if (p || (Y(e, t.x, t.y, t.r * N), e.fillStyle = i.core, e.fill()), t.stroke && (xe(e, t.shape, t.x, t.y, Math.max(0, t.r - t.stroke.width / 2)), e.strokeStyle = t.stroke.color, e.lineWidth = t.stroke.width, e.stroke()), u) {
+		let n = t.r * W;
+		e.imageSmoothingEnabled = !a.pixelated, e.drawImage(u, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (d) {
+		let n = ge(t.letters, a.values && a.values["--corn-map-glyph"]);
 		if (n) {
 			let r = t.r * 1;
 			e.imageSmoothingEnabled = !0, e.drawImage(n, t.x - r / 2, t.y - r / 2, r, r);
 		}
-	} else if (u) {
-		let n = t.r * x;
-		e.imageSmoothingEnabled = !0, e.drawImage(u, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (p) {
+		let n = t.r * f;
+		e.imageSmoothingEnabled = !0, e.drawImage(p, t.x - n / 2, t.y - n / 2, n, n);
 	}
 	e.restore();
 }
-function Me(e, t = {}) {
-	let r = t.mapStyle || (() => L), i = e.getContext("2d"), a = 0, o = 0, s = 1, c = null, l = null, u = null, d = () => {
-		if (c) return c;
+function Fe(e, t = {}) {
+	let n = t.mapStyle || (() => I), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c = null, l = null, u = () => {
+		if (s) return s;
 		try {
-			c = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e.width || 1, e.height || 1) : e.ownerDocument ? e.ownerDocument.createElement("canvas") : null, l = c && c.getContext ? c.getContext("2d") : null;
+			s = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e.width || 1, e.height || 1) : e.ownerDocument ? e.ownerDocument.createElement("canvas") : null, c = s && s.getContext ? s.getContext("2d") : null;
 		} catch {
-			l = null;
+			c = null;
 		}
-		return l || (c = null), c;
-	}, f = t.layerMinEdges ?? 600, p = /* @__PURE__ */ new WeakMap(), m = (e) => (p.has(e) || p.set(e, e.edges.some((e) => e.packet)), p.get(e));
-	function h(e, t, n) {
+		return c || (s = null), s;
+	}, d = t.layerMinEdges ?? 600, f = /* @__PURE__ */ new WeakMap(), p = (e) => (f.has(e) || f.set(e, e.edges.some((e) => e.packet)), f.get(e));
+	function m(e, t, n) {
 		e.save(), e.translate(n.x, n.y), e.scale(n.zoom, n.zoom);
 		let { decor: r } = t;
-		r.grid && ye(e, r.grid, n, a, o), r.lanes.length && xe(e, r.lanes), r.rings.length && be(e, r.rings), Ae(t, n, a, o).forEach((t) => Se(e, t, 0, n.zoom, !1)), e.restore();
+		r.grid && Se(e, r.grid, n, i, a), r.lanes.length && we(e, r.lanes), r.rings.length && Ce(e, r.rings), Ne(t, n, i, a).forEach((t) => Te(e, t, 0, n.zoom, !1)), e.restore();
 	}
 	return {
 		kind: "canvas2d",
-		resize(t, n, r) {
-			a = t, o = n, s = r, e.width = t * r, e.height = n * r, i.setTransform(r, 0, 0, r, 0, 0), u = null, c && (c.width = e.width, c.height = e.height, l.setTransform(r, 0, 0, r, 0, 0));
+		resize(t, n, u) {
+			i = t, a = n, o = u, e.width = t * u, e.height = n * u, r.setTransform(u, 0, 0, u, 0, 0), l = null, s && (s.width = e.width, s.height = e.height, c.setTransform(u, 0, 0, u, 0, 0));
 		},
-		draw(t, p, g) {
-			let _ = r(), v = ie(t, _);
-			i.clearRect(0, 0, a, o);
-			let y = j(n(v.theme), _), b = Ae(v, p, a, o);
-			if (m(v) && b.length > f && d()) {
-				u && u.scene === v && u.x === p.x && u.y === p.y && u.zoom === p.zoom && u.w === e.width && u.h === e.height || ((c.width !== e.width || c.height !== e.height) && (c.width = e.width, c.height = e.height), l.setTransform(s, 0, 0, s, 0, 0), l.clearRect(0, 0, a, o), h(l, v, p), u = {
-					scene: v,
-					x: p.x,
-					y: p.y,
-					zoom: p.zoom,
+		draw(t, f, h) {
+			let g = n(), _ = K(t, g);
+			r.clearRect(0, 0, i, a);
+			let v = A(L(_.theme), g), y = Ne(_, f, i, a);
+			if (p(_) && y.length > d && u()) {
+				l && l.scene === _ && l.x === f.x && l.y === f.y && l.zoom === f.zoom && l.w === e.width && l.h === e.height || ((s.width !== e.width || s.height !== e.height) && (s.width = e.width, s.height = e.height), c.setTransform(o, 0, 0, o, 0, 0), c.clearRect(0, 0, i, a), m(c, _, f), l = {
+					scene: _,
+					x: f.x,
+					y: f.y,
+					zoom: f.zoom,
 					w: e.width,
 					h: e.height
-				}), i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.drawImage(c, 0, 0), i.restore(), i.save(), i.translate(p.x, p.y), i.scale(p.zoom, p.zoom), b.forEach((e) => {
-					e.packet && Ee(i, e, g, p.zoom);
-				}), v.nodes.forEach((e) => je(i, e, p.zoom, y, _)), i.restore();
+				}), r.save(), r.setTransform(1, 0, 0, 1, 0, 0), r.drawImage(s, 0, 0), r.restore(), r.save(), r.translate(f.x, f.y), r.scale(f.zoom, f.zoom), y.forEach((e) => {
+					e.packet && ke(r, e, h, f.zoom);
+				}), _.nodes.forEach((e) => Pe(r, e, f.zoom, v, g, _.theme)), r.restore();
 				return;
 			}
-			i.save(), i.translate(p.x, p.y), i.scale(p.zoom, p.zoom);
-			let { decor: x } = v;
-			x.grid && ye(i, x.grid, p, a, o), x.lanes.length && xe(i, x.lanes), x.rings.length && be(i, x.rings), b.forEach((e) => Se(i, e, g, p.zoom)), v.nodes.forEach((e) => je(i, e, p.zoom, y, _)), i.restore();
+			r.save(), r.translate(f.x, f.y), r.scale(f.zoom, f.zoom);
+			let { decor: b } = _;
+			b.grid && Se(r, b.grid, f, i, a), b.lanes.length && we(r, b.lanes), b.rings.length && Ce(r, b.rings), y.forEach((e) => Te(r, e, h, f.zoom)), _.nodes.forEach((e) => Pe(r, e, f.zoom, v, g, _.theme)), r.restore();
 		},
 		destroy() {
-			c = null, l = null, u = null;
+			s = null, c = null, l = null;
 		}
 	};
 }
-var Ne = (e) => typeof e.hitR == "number" && e.hitR > e.r ? e.hitR : e.r;
-function Pe(e, { cellSize: t = 64 } = {}) {
+var Ie = (e) => typeof e.hitR == "number" && e.hitR > e.r ? e.hitR : e.r;
+function Le(e, { cellSize: t = 64 } = {}) {
 	let n = /* @__PURE__ */ new Map(), r = 0, i = (e, t) => e * 4194304 + t;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
-		Ne(o) > r && (r = Ne(o));
+		Ie(o) > r && (r = Ie(o));
 		let s = i(Math.floor(o.x / t), Math.floor(o.y / t)), c = n.get(s);
 		c ? c.push(a) : n.set(s, [a]);
 	}
@@ -214,7 +234,7 @@ function Pe(e, { cellSize: t = 64 } = {}) {
 				if (a) for (let t = 0; t < a.length; t++) {
 					let n = a[t];
 					if (n <= _) continue;
-					let r = e[n], i = Math.max(Ne(r) + u, d);
+					let r = e[n], i = Math.max(Ie(r) + u, d);
 					Math.hypot(r.x - s, r.y - c) <= i && (_ = n);
 				}
 			}
@@ -227,32 +247,32 @@ function Pe(e, { cellSize: t = 64 } = {}) {
 				let a = n.get(i(t, r));
 				if (a) for (let t = 0; t < a.length; t++) {
 					let n = a[t], r = e[n], i = r.x - Math.min(Math.max(r.x, o), c), u = r.y - Math.min(Math.max(r.y, s), l);
-					i * i + u * u <= Ne(r) ** 2 && m.push(n);
+					i * i + u * u <= Ie(r) ** 2 && m.push(n);
 				}
 			}
 			return m.sort((e, t) => e - t).map((t) => e[t]);
 		}
 	};
 }
-function Fe(e, t, n, r, i = !1) {
+function Re(e, t, n, r, i = !1) {
 	let a = t.zoom;
 	return e.nodeAt((n - t.x) / a, (r - t.y) / a, {
 		pad: (i ? 16 : 6) / a,
 		min: (i ? 32 : 12) / a
 	});
 }
-function Ie(e) {
+function ze(e) {
 	let t = null, n = null, r = {
 		builds: 0,
 		get(i) {
-			return n && t === i || (n = Pe(i.nodes, e), t = i, r.builds++), n;
+			return n && t === i || (n = Le(i.nodes, e), t = i, r.builds++), n;
 		}
 	};
 	return r;
 }
 // ../explorer/frame.js
-var Le = 3e4;
-function Re({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i, clientsWant: a = !1 }) {
+var Be = 3e4;
+function Ve({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i, clientsWant: a = !1 }) {
 	if (n) return {
 		draw: !1,
 		again: !1
@@ -263,8 +283,8 @@ function Re({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i
 		again: o
 	};
 }
-function ze(e, t, n, r) {
-	let i = Ve(e);
+function He(e, t, n, r) {
+	let i = We(e);
 	if (i.length === 0) return !1;
 	if (!(n > 0) || !(r > 0)) return !0;
 	let a = -t.x / t.zoom, o = -t.y / t.zoom, s = (n - t.x) / t.zoom, c = (r - t.y) / t.zoom;
@@ -274,12 +294,12 @@ function ze(e, t, n, r) {
 	}
 	return !1;
 }
-var Be = /* @__PURE__ */ new WeakMap();
-function Ve(e) {
-	let t = Be.get(e);
-	return t || (t = e.edges.filter((e) => e.packet), Be.set(e, t)), t;
+var Ue = /* @__PURE__ */ new WeakMap();
+function We(e) {
+	let t = Ue.get(e);
+	return t || (t = e.edges.filter((e) => e.packet), Ue.set(e, t)), t;
 }
-function He(e) {
+function Ge(e) {
 	let { draw: t, packetsVisible: n, isHidden: r, reduceMotion: i, extraDirty: a, tickClients: o, clientsWant: s, now: c, raf: l, caf: u } = e, d = !0, f = null, p = -Infinity, m = c(), h = !1, g = /* @__PURE__ */ new Set(), _ = () => {
 		if (g.size === 0) return;
 		let e = [...g];
@@ -292,7 +312,7 @@ function He(e) {
 		let n = o && !r() ? o(e) : !1, i = d || (a ? a() : !1), { draw: s, again: c } = b(i, n);
 		s && (i || e - p >= 31) && (d = !1, p = e, x.draws++, t()), x.frames++, c && v();
 	}
-	let b = (e, t) => Re({
+	let b = (e, t) => Ve({
 		dirty: e,
 		packetsVisible: n(),
 		hidden: r(),
@@ -312,7 +332,7 @@ function He(e) {
 			v();
 		},
 		noteInput() {
-			let e = c(), t = e - m >= Le;
+			let e = c(), t = e - m >= Be;
 			m = e, t && v();
 		},
 		shown() {
@@ -335,7 +355,7 @@ function He(e) {
 	};
 	return x;
 }
-var Ue = 1, We = .3, Ge = .58, Ke = 3, qe = 100, X = 64, Z = {
+var Ke = 1, qe = .3, Je = .58, Ye = 3, Xe = 100, X = 64, Z = {
 	selected: 0,
 	current: 1,
 	match: 2,
@@ -344,19 +364,19 @@ var Ue = 1, We = .3, Ge = .58, Ke = 3, qe = 100, X = 64, Z = {
 	hub: 5,
 	rest: 6,
 	greyed: 7
-}, Je = 1.5, Ye = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, Xe = (e) => Ye(e.labelMin), Ze = (e) => k.includes(e.type) && !e.greyed, Qe = (e, t) => e.selected ? Z.selected : e.current ? Z.current : e.match ? Z.match : t && e.connected ? Z.lit : e.mark && e.mark !== "none" || e.labelKeep && !Ze(e) ? Z.marked : e.greyed ? Z.greyed : Ze(e) ? Z.hub : Z.rest;
-function $e(e, t, n = {}) {
-	let { measure: r = null } = n, i = Xe(e), a = e.nodes.some((e) => e.selected || !e.connected), o = [];
+}, Ze = 1.5, Qe = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, $e = (e) => Qe(e.labelMin), et = (e) => ee.includes(e.type) && !e.greyed, tt = (e, t) => e.selected ? Z.selected : e.current ? Z.current : e.match ? Z.match : t && e.connected ? Z.lit : e.mark && e.mark !== "none" || e.labelKeep && !et(e) ? Z.marked : e.greyed ? Z.greyed : et(e) ? Z.hub : Z.rest;
+function nt(e, t, n = {}) {
+	let { measure: r = null } = n, i = $e(e), a = e.nodes.some((e) => e.selected || !e.connected), o = [];
 	e.nodes.forEach((e, t) => {
 		e.label && e.labelAlpha >= .15 && o.push({
 			node: e,
 			index: t,
-			tier: Qe(e, a)
+			tier: tt(e, a)
 		});
 	}), o.sort((e, t) => e.tier - t.tier || t.node.r - e.node.r || (t.node.degree || 0) - (e.node.degree || 0) || e.index - t.index);
-	let s = /* @__PURE__ */ new Map(), c = (e, t) => (e + 8192) * 16384 + (t + 8192), l = [], u = Math.max(Ke, Ke * t);
+	let s = /* @__PURE__ */ new Map(), c = (e, t) => (e + 8192) * 16384 + (t + 8192), l = [], u = Math.max(Ye, Ye * t);
 	for (let { node: e, index: n, tier: a } of o) {
-		let o = Ze(e), d = !e.greyed && (!!e.labelBold || o), f = Math.max(o ? i + 2 : i, e.labelSize * t), p = r ? r(e.label, qe, d) * f / qe : e.label.length * f * Ge, m = e.x * t, h = e.y * t + e.r * t + u + f, g = m - p / 2, _ = m + p / 2, v = h - f * Ue, y = h + f * We, b = a === Z.greyed ? 2 + f * Je : 2, x = Math.floor((g - b) / X), S = Math.floor((_ + b) / X), C = Math.floor((v - b) / X), w = Math.floor((y + b) / X), T = !1;
+		let o = et(e), d = !e.greyed && (!!e.labelBold || o), f = Math.max(o ? i + 2 : i, e.labelSize * t), p = r ? r(e.label, Xe, d) * f / Xe : e.label.length * f * Je, m = e.x * t, h = e.y * t + e.r * t + u + f, g = m - p / 2, _ = m + p / 2, v = h - f * Ke, y = h + f * qe, b = a === Z.greyed ? 2 + f * Ze : 2, x = Math.floor((g - b) / X), S = Math.floor((_ + b) / X), C = Math.floor((v - b) / X), w = Math.floor((y + b) / X), T = !1;
 		for (let e = x; e <= S && !T; e++) for (let t = C; t <= w && !T; t++) {
 			let n = s.get(c(e, t));
 			if (n) for (let e = 0; e < n.length; e++) {
@@ -386,21 +406,21 @@ function $e(e, t, n = {}) {
 			b: y
 		};
 		l.push(E);
-		let D = Math.floor(g / X), O = Math.floor(_ / X), k = Math.floor(v / X), A = Math.floor(y / X);
-		for (let e = D; e <= O; e++) for (let t = k; t <= A; t++) {
+		let D = Math.floor(g / X), O = Math.floor(_ / X), ee = Math.floor(v / X), te = Math.floor(y / X);
+		for (let e = D; e <= O; e++) for (let t = ee; t <= te; t++) {
 			let n = c(e, t), r = s.get(n);
 			r ? r.push(E) : s.set(n, [E]);
 		}
 	}
 	return l;
 }
-function et(e, t, r, i = {}) {
-	let { max: a = 400, margin: o = 32, measure: s = null, hover: c = null } = i, l = [], u = e.labelOutline || n(e.theme).labelOutline;
+function rt(e, t, n, r = {}) {
+	let { max: i = 400, margin: a = 32, measure: o = null, hover: s = null } = r, c = [], l = e.labelOutline || L(e.theme).labelOutline;
 	for (let t of e.decor.lanes) for (let n of [
 		t.title,
 		t.note,
 		t.arrow
-	]) n && l.push({
+	]) n && c.push({
 		kind: "lane",
 		text: n.text,
 		x: n.x,
@@ -414,12 +434,12 @@ function et(e, t, r, i = {}) {
 		align: "center",
 		family: e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif"
 	});
-	let { zoom: d } = t, f = i.placed || $e(e, d, { measure: s }), p = -o - t.x, m = r.width + o - t.x, h = -o - t.y, g = r.height + o - t.y, _ = f.filter((e) => e.r >= p && e.l <= m && e.b >= h && e.t <= g);
-	_.length > a && (_ = _.slice(0, Math.max(0, a))), _.sort((e, t) => e.index - t.index);
-	let v = e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif";
-	for (let e of _) {
-		let t = Math.max(1, 1 / d);
-		l.push({
+	let { zoom: u } = t, d = r.placed || nt(e, u, { measure: o }), f = -a - t.x, p = n.width + a - t.x, m = -a - t.y, h = n.height + a - t.y, g = d.filter((e) => e.r >= f && e.l <= p && e.b >= m && e.t <= h);
+	g.length > i && (g = g.slice(0, Math.max(0, i))), g.sort((e, t) => e.index - t.index);
+	let _ = e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif";
+	for (let e of g) {
+		let t = Math.max(1, 1 / u);
+		c.push({
 			kind: "node",
 			id: e.id,
 			text: e.node.label,
@@ -430,99 +450,99 @@ function et(e, t, r, i = {}) {
 			italic: !1,
 			color: e.node.labelColor,
 			alpha: e.node.labelAlpha,
-			outline: u.node ? {
-				color: u.node.color,
-				width: u.node.width * t
+			outline: l.node ? {
+				color: l.node.color,
+				width: l.node.width * t
 			} : null,
 			align: "center",
-			family: v,
+			family: _,
 			strike: !!e.node.labelStrike,
 			px: e.px,
 			screen: e.screen
 		});
 	}
-	let y = Xe(e), b = _.map((e) => ({
+	let v = $e(e), y = g.map((e) => ({
 		l: t.x + e.l,
 		r: t.x + e.r,
 		t: t.y + e.t,
 		b: t.y + e.b
 	}));
-	for (let n of e.nodes) {
-		if (n.alpha < .5) continue;
-		let e = t.x + n.x * d, i = t.y + n.y * d, a = n.r * d;
-		e + a < 0 || e - a > r.width || i + a < 0 || i - a > r.height || b.push({
+	for (let r of e.nodes) {
+		if (r.alpha < .5) continue;
+		let e = t.x + r.x * u, i = t.y + r.y * u, a = r.r * u;
+		e + a < 0 || e - a > n.width || i + a < 0 || i - a > n.height || y.push({
 			l: e - a,
 			r: e + a,
 			t: i - a,
 			b: i + a
 		});
 	}
-	let x = 0;
-	for (let n of e.edges) {
-		let i = n.label;
-		if (!i || x >= 120) continue;
-		let a = t.x + i.x * d, o = t.y + i.y * d;
-		if (a < 0 || a > r.width || o < 0 || o > r.height) continue;
-		let c = (s ? s(i.text, y, !1) : i.text.length * y * .55) / 2 + 2, f = {
-			l: a - c,
-			r: a + c,
-			t: o - y * .6 - 2,
-			b: o + y * .6 + 2
+	let b = 0;
+	for (let r of e.edges) {
+		let i = r.label;
+		if (!i || b >= 120) continue;
+		let a = t.x + i.x * u, s = t.y + i.y * u;
+		if (a < 0 || a > n.width || s < 0 || s > n.height) continue;
+		let d = (o ? o(i.text, v, !1) : i.text.length * v * .55) / 2 + 2, f = {
+			l: a - d,
+			r: a + d,
+			t: s - v * .6 - 2,
+			b: s + v * .6 + 2
 		};
-		b.some((e) => f.l < e.r && f.r > e.l && f.t < e.b && f.b > e.t) || (b.push(f), x++, l.push({
+		y.some((e) => f.l < e.r && f.r > e.l && f.t < e.b && f.b > e.t) || (y.push(f), b++, c.push({
 			kind: "edge",
 			text: i.text,
 			x: i.x,
-			y: i.y + y * .35 / d,
-			size: y / d,
-			px: y,
+			y: i.y + v * .35 / u,
+			size: v / u,
+			px: v,
 			screen: !0,
 			bold: !1,
 			italic: !!i.italic,
 			color: i.color,
-			alpha: n.alpha,
-			outline: u.edge,
+			alpha: r.alpha,
+			outline: l.edge,
 			align: "center",
 			family: e.labelFont || "\"Segoe UI\", -apple-system, sans-serif"
 		}));
 	}
-	if (c) {
-		let n = e.nodes.find((e) => e.id === c);
-		if (n && n.label && !f.some((e) => e.id === c && _.includes(e))) {
-			let r = Xe(e), i = t.y + n.y * d - n.r * d > 40 ? n.y - n.r - 5 / d : n.y + n.r + (5 + r) / d;
-			l.push({
+	if (s) {
+		let n = e.nodes.find((e) => e.id === s);
+		if (n && n.label && !d.some((e) => e.id === s && g.includes(e))) {
+			let r = $e(e), i = t.y + n.y * u - n.r * u > 40 ? n.y - n.r - 5 / u : n.y + n.r + (5 + r) / u;
+			c.push({
 				kind: "chip",
 				id: n.id,
 				text: n.label,
 				x: n.x,
 				y: i,
-				size: r / d,
+				size: r / u,
 				px: r,
 				screen: !0,
 				bold: !1,
 				italic: !1,
 				color: (e.nodes.find((e) => e.connected) || n).labelColor,
 				alpha: 1,
-				outline: u.node,
+				outline: l.node,
 				align: "center",
-				family: v,
+				family: _,
 				strike: !1
 			});
 		}
 	}
-	return l;
+	return c;
 }
-var tt = (e) => `${e.italic ? "italic " : ""}${e.bold ? "bold " : ""}${e.screen ? e.px : e.size}px ${e.family}`, nt = {
+var it = (e) => `${e.italic ? "italic " : ""}${e.bold ? "bold " : ""}${e.screen ? e.px : e.size}px ${e.family}`, at = {
 	ox: 0,
 	oy: 0,
 	k: 1
 };
-function rt(e, t, n) {
-	e.font = tt(t);
-	let r = e.measureText(t.text).width + 8, i = t.px * 1.3 + 4, a = n.ox + t.x * n.k, o = n.oy + t.y * n.k, s = a - r / 2, c = o - t.px * Ue - 2;
+function ot(e, t, n) {
+	e.font = it(t);
+	let r = e.measureText(t.text).width + 8, i = t.px * 1.3 + 4, a = n.ox + t.x * n.k, o = n.oy + t.y * n.k, s = a - r / 2, c = o - t.px * Ke - 2;
 	e.globalAlpha = 1, e.beginPath(), e.roundRect ? e.roundRect(s, c, r, i, 4) : e.rect(s, c, r, i), e.fillStyle = t.outline ? t.outline.color : "rgba(9, 13, 22, 0.95)", e.fill(), e.lineWidth = 1, e.strokeStyle = t.color, e.stroke(), e.textAlign = t.align, e.fillStyle = t.color, e.fillText(t.text, a, o);
 }
-function it() {
+function st() {
 	return {
 		font: "",
 		alpha: -1,
@@ -532,13 +552,13 @@ function it() {
 		align: ""
 	};
 }
-function at(e, t, n, r = nt) {
+function ct(e, t, n, r = at) {
 	if (t.kind === "chip") {
-		rt(e, t, r);
+		ot(e, t, r);
 		return;
 	}
 	n.alpha !== t.alpha && (e.globalAlpha = t.alpha, n.alpha = t.alpha);
-	let i = tt(t);
+	let i = it(t);
 	n.font !== i && (e.font = i, n.font = i), n.align !== t.align && (e.textAlign = t.align, n.align = t.align);
 	let a = r.ox + t.x * r.k, o = r.oy + t.y * r.k;
 	if (t.outline) {
@@ -551,15 +571,15 @@ function at(e, t, n, r = nt) {
 		e.beginPath(), e.moveTo(a - i, o - s * .32), e.lineTo(a + i, o - s * .32), e.strokeStyle = t.color, e.lineWidth = 1.4, e.stroke(), n.stroke = t.color, n.width = 1.4;
 	}
 }
-function ot(e, t, n, r) {
+function lt(e, t, n, r) {
 	let i = null;
 	for (let a of e) n >= t.x + a.l && n <= t.x + a.r && r >= t.y + a.t && r <= t.y + a.b && (!i || a.index > i.index) && (i = a);
 	return i ? i.id : null;
 }
-function st(e, t = {}) {
-	let n = t.mapStyle || (() => L), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c, l, u, d, f, p, m = null, h = !0, g = !1, _ = /* @__PURE__ */ new Map(), v = F, y = (e, t, n) => {
+function ut(e, t = {}) {
+	let n = t.mapStyle || (() => I), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c, l, u, d, f, p, m = null, h = !0, g = !1, _ = /* @__PURE__ */ new Map(), v = P, y = (e, t, n) => {
 		let i = `${n ? "b" : "n"}${t}|${v}|${e}`, a = _.get(i);
-		return a === void 0 && (_.size > 2e4 && _.clear(), r.font = tt({
+		return a === void 0 && (_.size > 2e4 && _.clear(), r.font = it({
 			italic: !1,
 			bold: n,
 			size: t,
@@ -568,7 +588,7 @@ function st(e, t = {}) {
 	};
 	return {
 		hit(e, t) {
-			return m && s ? ot(m, {
+			return m && s ? lt(m, {
 				x: l,
 				y: u,
 				zoom: d
@@ -583,28 +603,28 @@ function st(e, t = {}) {
 			if (!h && e === s && e.version === c && t.x === l && t.y === u && t.zoom === d && x === f && S === p) return !1;
 			let C = m && e === s && e.version === c && t.zoom === d && x === f && !h;
 			s = e, c = e.version, l = t.x, u = t.y, d = t.zoom, f = x, p = S, h = !1;
-			let w = ie(e, b);
-			v = w.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif", r.setTransform(o, 0, 0, o, 0, 0), r.clearRect(0, 0, i, a), r.save(), r.translate(t.x, t.y), r.scale(t.zoom, t.zoom), C || (m = $e(w, t.zoom, { measure: y }));
-			let T = et(w, t, {
+			let w = K(e, b);
+			v = w.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif", r.setTransform(o, 0, 0, o, 0, 0), r.clearRect(0, 0, i, a), r.save(), r.translate(t.x, t.y), r.scale(t.zoom, t.zoom), C || (m = nt(w, t.zoom, { measure: y }));
+			let T = rt(w, t, {
 				width: i,
 				height: a
 			}, {
 				measure: y,
 				hover: S,
 				placed: m
-			}), E = it();
-			for (let e of T) e.kind === "lane" && at(r, e, E);
-			for (let e of T) e.kind === "node" && !e.screen && at(r, e, E);
+			}), E = st();
+			for (let e of T) e.kind === "lane" && ct(r, e, E);
+			for (let e of T) e.kind === "node" && !e.screen && ct(r, e, E);
 			r.restore();
 			let D = {
 				ox: t.x,
 				oy: t.y,
 				k: t.zoom
 			};
-			E = it();
-			for (let e of T) e.kind === "node" && e.screen && at(r, e, E, D);
-			for (let e of T) e.kind === "edge" && at(r, e, E, D);
-			for (let e of T) e.kind === "chip" && at(r, e, E, D);
+			E = st();
+			for (let e of T) e.kind === "node" && e.screen && ct(r, e, E, D);
+			for (let e of T) e.kind === "edge" && ct(r, e, E, D);
+			for (let e of T) e.kind === "chip" && ct(r, e, E, D);
 			return !0;
 		},
 		destroy() {
@@ -613,7 +633,7 @@ function st(e, t = {}) {
 	};
 }
 // ../explorer/engine/render.js
-var ct = [
+var dt = [
 	"pointerdown",
 	"pointermove",
 	"mousedown",
@@ -623,60 +643,60 @@ var ct = [
 	"touchmove",
 	"keydown"
 ];
-function lt(e, t = {}) {
+function ft(e, t = {}) {
 	if (e.map) return e.map;
-	let { state: n } = e, r = t.measureCovered || (() => n.coveredBottom || 0), i = ne(e).get, o = !1, c = (e) => h(n, e), l = (e) => h(n, e, { viewer: !0 }), u = (t, r = e.viewEdges(), i = {
+	let { state: n } = e, i = t.measureCovered || (() => n.coveredBottom || 0), o = ne(e).get, s = !1, c = (e) => z(n, e), l = (e) => z(n, e, { viewer: !0 }), u = (t, r = e.viewEdges(), i = {
 		throughChildren: !!n.throughChildren,
 		kind: n.selectedKind || null
-	}) => s(t, r, i), d = a((t) => _(t, { reduceMotion: e.reducedMotion })), f = () => d.get(n), p = () => d.builds, m = Ie(), g = () => m.get(f()), v = () => m.builds, y = null, b = null;
-	function x() {
-		return y && b === n.canvas || (y && y.destroy(), y = Me(n.canvas, { mapStyle: i }), b = n.canvas, n.width && y.resize(n.width, n.height, e.dpr())), y;
+	}) => a(t, r, i), d = oe((t) => r(t, { reduceMotion: e.reducedMotion })), f = () => d.get(n), p = () => d.builds, m = ze(), h = () => m.get(f()), g = () => m.builds, _ = null, v = null;
+	function y() {
+		return _ && v === n.canvas || (_ && _.destroy(), _ = Fe(n.canvas, { mapStyle: o }), v = n.canvas, n.width && _.resize(n.width, n.height, e.dpr())), _;
 	}
-	let S = null, C = null;
-	function w() {
-		return n.labelCanvas ? (S && C === n.labelCanvas || (S && S.destroy(), S = st(n.labelCanvas, { mapStyle: i }), C = n.labelCanvas, n.width && S.resize(n.width, n.height, e.dpr())), S) : null;
+	let b = null, x = null;
+	function S() {
+		return n.labelCanvas ? (b && x === n.labelCanvas || (b && b.destroy(), b = ut(n.labelCanvas, { mapStyle: o }), x = n.labelCanvas, n.width && b.resize(n.width, n.height, e.dpr())), b) : null;
 	}
-	function T(t) {
-		y && y !== t && y.destroy(), y = t, b = n.canvas, n.width && y.resize(n.width, n.height, e.dpr()), G();
+	function C(t) {
+		_ && _ !== t && _.destroy(), _ = t, v = n.canvas, n.width && _.resize(n.width, n.height, e.dpr()), H();
 	}
-	function E() {
+	function w() {
 		let { canvas: t } = n, r = `${n.width}x${n.height}`;
-		n.width = t.parentElement.clientWidth, n.height = t.parentElement.clientHeight, x().resize(n.width, n.height, e.dpr());
-		let i = w();
-		i && i.resize(n.width, n.height, e.dpr()), r !== `${n.width}x${n.height}` && O(), G();
+		n.width = t.parentElement.clientWidth, n.height = t.parentElement.clientHeight, y().resize(n.width, n.height, e.dpr());
+		let i = S();
+		i && i.resize(n.width, n.height, e.dpr()), r !== `${n.width}x${n.height}` && E(), H();
 	}
-	let D = e.slot("fit", () => ({
+	let T = e.slot("fit", () => ({
 		lastFit: null,
 		waiting: null
 	}));
-	function O() {
+	function E() {
 		if (!n.width || !n.height) return;
-		if (D.waiting) {
-			let { padding: e, only: t } = D.waiting;
-			N(e === null ? P() : e, t);
+		if (T.waiting) {
+			let { padding: e, only: t } = T.waiting;
+			j(e === null ? M() : e, t);
 			return;
 		}
-		let { camera: e } = n, t = D.lastFit;
-		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && N(t.auto ? P() : t.padding, t.only);
+		let { camera: e } = n, t = T.lastFit;
+		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && j(t.auto ? M() : t.padding, t.only);
 	}
-	function k() {
+	function D() {
 		let t = n.canvas && n.canvas.parentElement, r = e.win && e.win.ResizeObserver;
 		if (!t || !r) return () => {};
 		let i = new r(() => {
-			n.canvas && (t.clientWidth !== n.width || t.clientHeight !== n.height) && E();
+			n.canvas && (t.clientWidth !== n.width || t.clientHeight !== n.height) && w();
 		});
 		i.observe(t);
 		let a = () => i.disconnect();
 		return e.own(a), a;
 	}
-	function A(e, t = null) {
-		let { nodes: i, width: a, height: o } = n, s = i.filter(c);
+	function O(e, t = null) {
+		let { nodes: r, width: a, height: o } = n, s = r.filter(c);
 		if (t) {
 			let e = s.filter((e) => t.has(e.id));
 			e.length && (s = e);
 		}
 		if (s.length === 0) return null;
-		let l = Math.max(160, o - r()), u = Infinity, d = -Infinity, f = Infinity, p = -Infinity;
+		let l = Math.max(160, o - i()), u = Infinity, d = -Infinity, f = Infinity, p = -Infinity;
 		s.forEach((e) => {
 			let t = e.r || 18;
 			u = Math.min(u, e.x - t - 25), d = Math.max(d, e.x + t + 25), f = Math.min(f, e.y - t - 25), p = Math.max(p, e.y + t + 35);
@@ -691,145 +711,145 @@ function lt(e, t = {}) {
 			raw: g
 		};
 	}
-	let ee = "", j = I;
-	function M() {
-		let e = `${n.sceneVersion}|${n.width}|${n.height}|${n.view}|${r()}`;
+	let ee = "", k = ae;
+	function A() {
+		let e = `${n.sceneVersion}|${n.width}|${n.height}|${n.view}|${i()}`;
 		if (e !== ee) {
 			ee = e;
-			let t = A(P());
-			j = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(te, Math.min(I, t.raw)) : I;
+			let t = O(M());
+			k = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(te, Math.min(ae, t.raw)) : ae;
 		}
-		return j;
+		return k;
 	}
-	function N(e = 40, t = null) {
+	function j(e = 40, t = null) {
 		let { width: r, height: i, camera: a } = n;
 		if (!r || !i) {
-			n.nodes.length && (D.waiting = {
-				padding: e === P() ? null : e,
+			n.nodes.length && (T.waiting = {
+				padding: e === M() ? null : e,
 				only: t
 			});
 			return;
 		}
-		D.waiting = null;
-		let o = A(e, t);
+		T.waiting = null;
+		let o = O(e, t);
 		if (!o) return;
 		let { minX: s, maxX: c, minY: l, maxY: u, mapHeight: d } = o, f = Math.min(1, Math.max(te, o.raw));
-		a.zoom = f, a.x = r / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, D.lastFit = {
+		a.zoom = f, a.x = r / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, T.lastFit = {
 			padding: e,
-			auto: e === P(),
+			auto: e === M(),
 			only: t,
 			x: a.x,
 			y: a.y,
 			zoom: a.zoom
-		}, G();
+		}, H();
 	}
-	let P = () => n.width < 640 ? 24 : 48, F = (e, t) => ({
+	let M = () => n.width < 640 ? 24 : 48, N = (e, t) => ({
 		x: (e - n.camera.x) / n.camera.zoom,
 		y: (t - n.camera.y) / n.camera.zoom
-	}), L = -1;
-	function R() {
+	}), P = -1;
+	function F() {
 		if (!n.canvas) return;
 		let e = f();
-		L = e.version, x().draw(e, n.camera, performance.now());
-		let t = w();
-		t && t.draw(e, n.camera, { hover: n.hoverNodeId }), V.forEach((t) => t(e, n.camera));
+		P = e.version, y().draw(e, n.camera, performance.now());
+		let t = S();
+		t && t.draw(e, n.camera, { hover: n.hoverNodeId }), R.forEach((t) => t(e, n.camera));
 	}
-	function z(e, t) {
-		let n = w();
+	function I(e, t) {
+		let n = S();
 		return n ? n.hit(e, t) : null;
 	}
-	function B(e) {
+	function L(e) {
 		let t = e || null;
 		if (n.hoverNodeId === t) return;
 		n.hoverNodeId = t;
-		let r = w();
+		let r = S();
 		r && n.canvas && n.width && r.draw(f(), n.camera, { hover: t });
 	}
-	let V = /* @__PURE__ */ new Set(), H = (e) => (V.add(e), () => V.delete(e)), U = /* @__PURE__ */ new Set(), W = He({
-		draw: R,
-		packetsVisible: () => !!n.canvas && ze(f(), n.camera, n.width, n.height),
+	let R = /* @__PURE__ */ new Set(), re = (e) => (R.add(e), () => R.delete(e)), B = /* @__PURE__ */ new Set(), V = Ge({
+		draw: F,
+		packetsVisible: () => !!n.canvas && He(f(), n.camera, n.width, n.height),
 		isHidden: () => e.hidden(),
 		tickClients: (e) => {
 			let t = !1;
-			return U.forEach((n) => {
+			return B.forEach((n) => {
 				n.tick(e), n.wants() && (t = !0);
 			}), t;
 		},
-		clientsWant: () => [...U].some((e) => e.wants()),
+		clientsWant: () => [...B].some((e) => e.wants()),
 		reduceMotion: () => e.reducedMotion,
-		extraDirty: () => n.sceneVersion !== L,
+		extraDirty: () => n.sceneVersion !== P,
 		now: () => performance.now(),
 		raf: (e) => requestAnimationFrame(e),
 		caf: (e) => cancelAnimationFrame(e)
 	});
-	function G() {
-		!o && n.canvas && W.markDirty();
+	function H() {
+		!s && n.canvas && V.markDirty();
 	}
-	function K() {
-		!o && n.canvas && W.drawNow();
+	function U() {
+		!s && n.canvas && V.drawNow();
 	}
-	function re(e) {
-		return U.add(e), () => U.delete(e);
+	function W(e) {
+		return B.add(e), () => B.delete(e);
 	}
-	let q = [];
+	let G = [];
 	if (e.root) {
-		let t = () => W.noteInput();
-		for (let n of ct) q.push(e.listen(e.root, n, t, {
+		let t = () => V.noteInput();
+		for (let n of dt) G.push(e.listen(e.root, n, t, {
 			passive: !0,
 			capture: !0
 		}));
 	}
-	q.push(e.onShown(() => W.shown())), q.push(e.onShown(() => {
+	G.push(e.onShown(() => V.shown())), G.push(e.onShown(() => {
 		let e = n.canvas && n.canvas.parentElement;
-		!o && e && e.clientWidth && e.clientHeight && (e.clientWidth !== n.width || e.clientHeight !== n.height) && E();
+		!s && e && e.clientWidth && e.clientHeight && (e.clientWidth !== n.width || e.clientHeight !== n.height) && w();
 	}));
 	function ie() {
-		o = !0;
-		for (let e of q.splice(0)) e();
-		e.map === J && (e.map = null), W.cancel(), y && (y.release ? y.release() : y.destroy(), y = null, b = null), S && (S.destroy(), S = null, C = null), V.clear(), U.clear();
+		s = !0;
+		for (let e of G.splice(0)) e();
+		e.map === K && (e.map = null), V.cancel(), _ && (_.release ? _.release() : _.destroy(), _ = null, v = null), b && (b.destroy(), b = null, x = null), R.clear(), B.clear();
 	}
-	let J = {
+	let K = {
 		isNodeVisible: c,
 		isNodeVisibleToViewer: l,
 		getActiveSubgraph: u,
 		getScene: f,
 		sceneBuilds: p,
-		getSpatialIndex: g,
-		spatialBuilds: v,
-		getRenderer: x,
-		setRenderer: T,
-		resize: E,
-		watchSize: k,
-		getMinZoom: M,
-		fitGraphToViewport: N,
-		fitPadding: P,
-		screenToWorld: F,
-		labelNodeAt: z,
-		setHoverNode: B,
-		onPaint: H,
-		render: G,
-		renderNow: K,
-		addFrameClient: re,
+		getSpatialIndex: h,
+		spatialBuilds: g,
+		getRenderer: y,
+		setRenderer: C,
+		resize: w,
+		watchSize: D,
+		getMinZoom: A,
+		fitGraphToViewport: j,
+		fitPadding: M,
+		screenToWorld: N,
+		labelNodeAt: I,
+		setHoverNode: L,
+		onPaint: re,
+		render: H,
+		renderNow: U,
+		addFrameClient: W,
 		queueFrameWork: (e, t) => {
-			o || W.queue(e, t);
+			s || V.queue(e, t);
 		},
 		frameStats: () => ({
-			frames: W.frames,
-			draws: W.draws
+			frames: V.frames,
+			draws: V.draws
 		}),
 		holdFrames: (e) => {
-			o || W.hold(e);
+			s || V.hold(e);
 		},
-		cancelFrame: () => W.cancel(),
+		cancelFrame: () => V.cancel(),
 		ensureFlowLoop: () => {
-			o || W.wake();
+			s || V.wake();
 		},
 		destroy: ie
 	};
-	return e.map = J, e.own(ie), J;
+	return e.map = K, e.own(ie), K;
 }
 // ../explorer/flow-build.js
-function ut(e, t) {
+function pt(e, t) {
 	let n = new Map(e.map((e) => [e.id, e])), r = /* @__PURE__ */ new Map();
 	t.forEach((e) => {
 		!e.kind && !e.dashed && n.get(e.from)?.type === "app" && n.get(e.to)?.type === "page" && r.set(e.to, e.from);
@@ -917,55 +937,55 @@ function ut(e, t) {
 	};
 }
 // ../explorer/engine/topology.js
-function dt(e) {
+function mt(e) {
 	return {
 		nodes: e && Array.isArray(e.nodes) ? e.nodes.filter((e) => e && typeof e.id == "string") : [],
 		edges: e && Array.isArray(e.edges) ? e.edges.filter((e) => e && typeof e.from == "string" && typeof e.to == "string") : []
 	};
 }
-function ft(e, t) {
-	let { state: n } = e, { nodes: r, edges: i } = dt(t), a = n.selectedNode ? n.selectedNode.id : null;
-	n.baseNodes = r, n.baseEdges = i, n.nodes = r.map((e) => ({ ...e })), n.edges = i.map((e) => ({ ...e })), n.mapNodes = n.nodes, n.mapEdges = n.edges, n.flow = ut(n.nodes, n.edges);
+function ht(e, t) {
+	let { state: n } = e, { nodes: r, edges: i } = mt(t), a = n.selectedNode ? n.selectedNode.id : null;
+	n.baseNodes = r, n.baseEdges = i, n.nodes = r.map((e) => ({ ...e })), n.edges = i.map((e) => ({ ...e })), n.mapNodes = n.nodes, n.mapEdges = n.edges, n.flow = pt(n.nodes, n.edges);
 	let o = a && n.nodes.find((e) => e.id === a) || null;
 	return o ? (n.selectedEdge = null, n.selectedNode = o) : (n.selectedNode || n.selectedEdge) && (n.selectedNode = null, n.selectedEdge = null), e.touchScene(), n.nodes.length > 0;
 }
-function pt(e, { placeLive: t } = {}) {
-	let { state: n } = e;
-	T(e), n.view === "dataflow" && n.flow ? (n.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
+function gt(t, { placeLive: n } = {}) {
+	let { state: r } = t;
+	v(t), r.view === "dataflow" && r.flow ? (r.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
 		e.r = Math.min(e.r, 13);
-	})), n.proposal && n.baseNodes && ht(e) || O(e, n.flow)) : n.baseNodes && (n.proposal || n.nodes.some((e) => e.live)) ? gt(e, t) : g(e);
-}
-function mt(e, t, n) {
-	let { state: r } = e;
-	r.mapNodes = t, r.mapEdges = n, r.nodes = t, r.edges = n, r.flow = ut(t, n), i(r.flow), e.touchScene(), pt(e);
-}
-function ht(e) {
-	let { state: t } = e, n = {
-		nodes: t.nodes,
-		edges: t.edges
-	}, r = t.baseNodes.map((e) => ({ ...e }));
-	t.nodes = r, t.edges = t.baseEdges, T(e);
-	let i = ut(r, t.baseEdges);
-	i.tiers.forEach((e) => e.nodes.forEach((e) => {
+	})), r.proposal && r.baseNodes && vt(t) || e(t, r.flow)) : r.baseNodes && (r.proposal || r.nodes.some((e) => e.live)) ? yt(t, n) : M(t);
+}
+function _t(e, n, r) {
+	let { state: i } = e;
+	i.mapNodes = n, i.mapEdges = r, i.nodes = n, i.edges = r, i.flow = pt(n, r), t(i.flow), e.touchScene(), gt(e);
+}
+function vt(t) {
+	let { state: n } = t, r = {
+		nodes: n.nodes,
+		edges: n.edges
+	}, i = n.baseNodes.map((e) => ({ ...e }));
+	n.nodes = i, n.edges = n.baseEdges, v(t);
+	let a = pt(i, n.baseEdges);
+	a.tiers.forEach((e) => e.nodes.forEach((e) => {
 		e.r = Math.min(e.r, 13);
-	})), O(e, i), t.nodes = n.nodes, t.edges = n.edges;
-	let a = z(t.flow, i);
-	return e.touchScene(), a;
+	})), e(t, a), n.nodes = r.nodes, n.edges = r.edges;
+	let o = R(n.flow, a);
+	return t.touchScene(), o;
 }
-function gt(e, t) {
+function yt(e, t) {
 	let { state: n } = e, r = {
 		nodes: n.nodes,
 		edges: n.edges
 	}, i = n.baseNodes.map((e) => ({ ...e }));
-	n.nodes = i, n.edges = n.baseEdges, T(e), g(e);
+	n.nodes = i, n.edges = n.baseEdges, v(e), M(e);
 	let a = new Map(i.map((e) => [e.id, e]));
-	n.nodes = r.nodes, n.edges = r.edges, T(e), n.nodes.forEach((e) => {
+	n.nodes = r.nodes, n.edges = r.edges, v(e), n.nodes.forEach((e) => {
 		let t = a.get(e.id);
 		t && (e.x = t.x, e.y = t.y, e.r = t.r);
-	}), m(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
+	}), _(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
 }
 // ../explorer/shaders.js
-var Q = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", _t = "\nvec4 toClip(vec2 pos) {\n  return vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);\n}\n", vt = "\nout vec4 outColor;\n\n// Coverage of one device pixel by the half plane d < 0 (d: signed distance in CSS px, pix: the pixel's size)\nfloat coverEdge(float d, float pix) {\n  return clamp(0.5 - d / pix, 0.0, 1.0);\n}\n\n// Coverage of one pixel by a band of half width hw around dist = 0 (dist >= 0: distance from the centre line)\nfloat coverBand(float dist, float hw, float pix) {\n  float hi = min(hw, dist + 0.5 * pix);\n  float lo = max(-hw, dist - 0.5 * pix);\n  return clamp((hi - lo) / pix, 0.0, 1.0);\n}\n\n// Coverage by a dash pattern along an arc (on / off in world units; on <= 0 or off <= 0 is solid)\nfloat coverDash(float arc, float on, float off, float pixWorld) {\n  if (on <= 0.0 || off <= 0.0) return 1.0;\n  float period = on + off;\n  float u = mod(arc - on * 0.5 + period * 0.5, period) - period * 0.5;\n  return clamp((on * 0.5 - abs(u)) / pixWorld + 0.5, 0.0, 1.0);\n}\n\n// Straight colour at alpha a, composited over acc (premultiplied)\nvoid over(inout vec4 acc, vec3 rgb, float a) {\n  acc = vec4(rgb * a, a) + acc * (1.0 - a);\n}\n\n// What Canvas 2D's shadowBlur gives a disc of radius R at distance len from its centre: a blurred copy\n// of the disc. s is the blur's sigma in CSS px (shadowBlur is in DEVICE px and sigma = blur / 2). A big\n// disc has a straight-edge profile (a logistic stands in for the Gaussian's CDF); a small one is a\n// Gaussian bump whose height is what the blur leaves of it.\nfloat glowDisc(float len, float R, float s) {\n  float wide = 1.0 / (1.0 + exp(clamp(1.702 * (len - R) / s, -30.0, 30.0)));\n  float narrow = (1.0 - exp(-R * R / (2.0 * s * s))) * exp(-len * len / (2.0 * s * s));\n  return mix(narrow, wide, smoothstep(0.5 * s, 2.5 * s, R));\n}\n\n// The normal distribution's CDF, as the same logistic (error under 0.01)\nfloat phi(float x) {\n  return 1.0 / (1.0 + exp(clamp(-1.702 * x, -30.0, 30.0)));\n}\n", yt = `${Q}
+var Q = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", bt = "\nvec4 toClip(vec2 pos) {\n  return vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);\n}\n", xt = "\nout vec4 outColor;\n\n// Coverage of one device pixel by the half plane d < 0 (d: signed distance in CSS px, pix: the pixel's size)\nfloat coverEdge(float d, float pix) {\n  return clamp(0.5 - d / pix, 0.0, 1.0);\n}\n\n// Coverage of one pixel by a band of half width hw around dist = 0 (dist >= 0: distance from the centre line)\nfloat coverBand(float dist, float hw, float pix) {\n  float hi = min(hw, dist + 0.5 * pix);\n  float lo = max(-hw, dist - 0.5 * pix);\n  return clamp((hi - lo) / pix, 0.0, 1.0);\n}\n\n// Coverage by a dash pattern along an arc (on / off in world units; on <= 0 or off <= 0 is solid)\nfloat coverDash(float arc, float on, float off, float pixWorld) {\n  if (on <= 0.0 || off <= 0.0) return 1.0;\n  float period = on + off;\n  float u = mod(arc - on * 0.5 + period * 0.5, period) - period * 0.5;\n  return clamp((on * 0.5 - abs(u)) / pixWorld + 0.5, 0.0, 1.0);\n}\n\n// Straight colour at alpha a, composited over acc (premultiplied)\nvoid over(inout vec4 acc, vec3 rgb, float a) {\n  acc = vec4(rgb * a, a) + acc * (1.0 - a);\n}\n\n// What Canvas 2D's shadowBlur gives a disc of radius R at distance len from its centre: a blurred copy\n// of the disc. s is the blur's sigma in CSS px (shadowBlur is in DEVICE px and sigma = blur / 2). A big\n// disc has a straight-edge profile (a logistic stands in for the Gaussian's CDF); a small one is a\n// Gaussian bump whose height is what the blur leaves of it.\nfloat glowDisc(float len, float R, float s) {\n  float wide = 1.0 / (1.0 + exp(clamp(1.702 * (len - R) / s, -30.0, 30.0)));\n  float narrow = (1.0 - exp(-R * R / (2.0 * s * s))) * exp(-len * len / (2.0 * s * s));\n  return mix(narrow, wide, smoothstep(0.5 * s, 2.5 * s, R));\n}\n\n// The normal distribution's CDF, as the same logistic (error under 0.01)\nfloat phi(float x) {\n  return 1.0 / (1.0 + exp(clamp(-1.702 * x, -30.0, 30.0)));\n}\n", St = `${Q}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_grid;   // size, width
 layout(location = 2) in vec4 a_color;
@@ -978,7 +998,7 @@ void main() {
   v_color = a_color;
   gl_Position = vec4(a_corner, 0.0, 1.0);
 }
-`, bt = `${Q}${vt}
+`, Ct = `${Q}${xt}
 in vec2 v_pos;
 flat in vec4 v_grid;
 flat in vec4 v_color;
@@ -991,7 +1011,7 @@ void main() {
   float cover = max(coverBand(dist.x, hw, pix), coverBand(dist.y, hw, pix));
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * cover;
 }
-`, xt = `${Q}${_t}
+`, wt = `${Q}${bt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_rect;    // x, y, w, h (world)
 layout(location = 2) in vec4 a_fill;
@@ -1015,7 +1035,7 @@ void main() {
   v_stroke = a_stroke;
   gl_Position = toClip(pos);
 }
-`, St = `${Q}${vt}
+`, Tt = `${Q}${xt}
 in vec2 v_local;
 flat in vec2 v_half;
 flat in vec2 v_style;
@@ -1032,7 +1052,7 @@ void main() {
   over(acc, v_stroke.rgb, v_stroke.a * coverBand(abs(sd), v_style.y * zoom * 0.5, pix));
   outColor = acc;
 }
-`, Ct = `${Q}${_t}
+`, Et = `${Q}${bt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, r, width (world)
 layout(location = 2) in vec4 a_color;
@@ -1052,7 +1072,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = toClip(pos);
 }
-`, wt = `${Q}${vt}
+`, Dt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1067,7 +1087,7 @@ void main() {
   cover *= coverDash(arc, v_dash.x, v_dash.y, pix / zoom);
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * cover;
 }
-`, Tt = `${Q}${_t}
+`, Ot = `${Q}${bt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, r (world), alpha
 layout(location = 2) in vec4 a_color;   // r, g, b (0..1), glow (px)
@@ -1095,7 +1115,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(centre + v_local);
 }
-`, Et = `${Q}${vt}
+`, kt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1148,15 +1168,26 @@ void main() {
     over(acc, ring.rgb, ring.a * al * coverBand(abs(len - (rw + u_haloGeom[halo].y) * zoom), u_haloGeom[halo].z * zoom * 0.5, pix));
   }
 
-  // Glow: a blurred copy of the disc under it (see glowDisc)
-  float glow = v_color.w;
-  if (glow > 0.0) over(acc, v_color.rgb, v_kind.z * al * glowDisc(len, R, glow * 0.5 / u_dpr));
-
-  // The silhouette, and its white core unless the type's glyph is drawn there (glyphs.js: the icon pass draws it once the node is wide enough)
   int shapeCode = int(v_kind.w + 0.5);
   bool glyph = shapeCode >= 8;
   if (glyph) shapeCode -= 8;
-  over(acc, v_color.rgb, v_kind.z * al * coverEdge(sdShape(v_local, R, shapeCode, len), pix));
+  float shapeCover = coverEdge(sdShape(v_local, R, shapeCode, len), pix); // how much of this pixel the silhouette covers
+
+  // Glow: a blurred copy of the disc under it (see glowDisc), then the silhouette. An opaque fill hides the glow under it: drawn as it always was.
+  // Under a translucent fill the glow is left out, so the fill alone sets what is seen through it, as renderer-canvas2d.js drawNode does (a clip).
+  // Glow and fill are the same colour, so that is ONE layer: the fill in the part of the pixel the silhouette covers, the glow in the rest. Two
+  // layers (the glow times 1 - cover, then the fill times cover) would let the ground through both at the edge: a dark line round a square or a
+  // diamond, whose sides lie inside the glow's disc
+  float glow = v_color.w;
+  if (v_kind.z < 1.0) {
+    float soft = glow > 0.0 ? glowDisc(len, R, glow * 0.5 / u_dpr) : 0.0;
+    over(acc, v_color.rgb, v_kind.z * al * mix(soft, 1.0, shapeCover));
+  } else {
+    if (glow > 0.0) over(acc, v_color.rgb, v_kind.z * al * glowDisc(len, R, glow * 0.5 / u_dpr));
+    over(acc, v_color.rgb, v_kind.z * al * shapeCover);
+  }
+
+  // The white core unless the type's glyph is drawn there (glyphs.js: the icon pass draws it once the node is wide enough)
   if (!glyph || 2.0 * R < u_glyphMin) over(acc, u_core.rgb, u_core.a * al * coverEdge(len - R * u_coreRatio, pix));
 
   // Mark: a ring with the look of its own mark (dashed when its dash is set: added), and for removed a
@@ -1185,7 +1216,7 @@ void main() {
 
   outColor = acc;
 }
-`, Dt = "\nvec2 bez(vec2 a, vec2 c, vec2 b, float t) {\n  float u = 1.0 - t;\n  return u * u * a + 2.0 * u * t * c + t * t * b;\n}\nvec2 bezD(vec2 a, vec2 c, vec2 b, float t) {\n  return 2.0 * (1.0 - t) * (c - a) + 2.0 * t * (b - c);\n}\n// Arc length from 0 to t, in world units (midpoint rule, 8 steps: the speed is smooth)\nfloat bezArc(vec2 a, vec2 c, vec2 b, float t) {\n  float sum = 0.0;\n  for (int j = 0; j < 8; j++) sum += length(bezD(a, c, b, (float(j) + 0.5) * t / 8.0));\n  return sum * t / 8.0;\n}\n", Ot = "\nvec2 packetPos(vec4 ends, vec4 mot, float timeSec) {\n  float k = fract(timeSec * mot.z + mot.w);\n  return bez(ends.xy, mot.xy, ends.zw, k);\n}\n", kt = (e) => `${Q}${Dt}
+`, At = "\nvec2 bez(vec2 a, vec2 c, vec2 b, float t) {\n  float u = 1.0 - t;\n  return u * u * a + 2.0 * u * t * c + t * t * b;\n}\nvec2 bezD(vec2 a, vec2 c, vec2 b, float t) {\n  return 2.0 * (1.0 - t) * (c - a) + 2.0 * t * (b - c);\n}\n// Arc length from 0 to t, in world units (midpoint rule, 8 steps: the speed is smooth)\nfloat bezArc(vec2 a, vec2 c, vec2 b, float t) {\n  float sum = 0.0;\n  for (int j = 0; j < 8; j++) sum += length(bezD(a, c, b, (float(j) + 0.5) * t / 8.0));\n  return sum * t / 8.0;\n}\n", jt = "\nvec2 packetPos(vec4 ends, vec4 mot, float timeSec) {\n  float k = fract(timeSec * mot.z + mot.w);\n  return bez(ends.xy, mot.xy, ends.zw, k);\n}\n", Mt = (e) => `${Q}${At}
 #define SEGS ${e}
 layout(location = 1) in vec4 a_ends;    // x1, y1, x2, y2 (world)
 layout(location = 2) in vec4 a_geom;    // control x, y (world), width (world), glow blur (px)
@@ -1227,7 +1258,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);
 }
-`, At = `${Q}${vt}
+`, Nt = `${Q}${xt}
 in float v_across;
 in float v_arc;
 flat in float v_len;
@@ -1277,7 +1308,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * cover);
   outColor = acc;
 }
-`, jt = `${Q}${_t}
+`, Pt = `${Q}${bt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_tip;     // x, y (world), direction x, y (unit)
 layout(location = 2) in vec4 a_color;
@@ -1297,7 +1328,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(u_cam.xy + a_tip.xy * zoom + off);
 }
-`, Mt = `${Q}${vt}
+`, Ft = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_color;
 flat in float v_kind;
@@ -1353,7 +1384,7 @@ void main() {
   }
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * coverEdge(sd, pix);
 }
-`, Nt = `${Q}${_t}${Dt}${Ot}
+`, It = `${Q}${bt}${At}${jt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_ends;    // x1, y1, x2, y2 (world)
 layout(location = 2) in vec4 a_mot;     // control x, y (world), speed (trips per second), phase
@@ -1374,7 +1405,7 @@ void main() {
   v_glow = a_glow;
   gl_Position = toClip(centre + v_local);
 }
-`, Pt = `${Q}${vt}
+`, Lt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_size;
 flat in vec4 v_color;
@@ -1389,7 +1420,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * coverEdge(len - R, pix));
   outColor = acc;
 }
-`, Ft = `${Q}${_t}
+`, Rt = `${Q}${bt}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, side (world), alpha
 uniform float u_minR;                   // letters and glyphs: the least on-screen radius (px) of a node that shows them; 0 for a theme's icon
@@ -1404,7 +1435,7 @@ void main() {
   v_alpha = a_geom.w;
   gl_Position = toClip(pos);
 }
-`, It = `${Q}
+`, zt = `${Q}
 uniform sampler2D u_tex;
 in vec2 v_uv;
 flat in float v_alpha;
@@ -1412,34 +1443,34 @@ out vec4 outColor;
 void main() {
   outColor = texture(u_tex, v_uv) * v_alpha; // the texture is uploaded premultiplied
 }
-`, Lt = {
+`, Bt = {
 	none: 0,
 	selected: 1,
 	match: 2,
 	child: 3
-}, Rt = {
+}, Vt = {
 	arrow: 1,
 	strike: 2,
 	chevron: 3,
 	bar: 4,
 	diamond: 5,
 	tick: 6
-}, zt = Object.freeze(Object.fromEntries(o.map((e, t) => [e, t]))), Bt = {
+}, Ht = Object.freeze(Object.fromEntries(F.map((e, t) => [e, t]))), Ut = {
 	none: 0,
 	added: 1,
 	changed: 2,
 	removed: 3,
 	edit: 4
 }, $ = (e) => {
-	let [t, n, r, i] = K(e);
+	let [t, n, r, i] = c(e);
 	return [
 		t / 255,
 		n / 255,
 		r / 255,
 		i
 	];
-}, Vt = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
-function Ht(e) {
+}, Wt = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
+function Gt(e) {
 	let { nodes: t } = e, n = new Float32Array(t.length * 12);
 	return t.forEach((e, t) => {
 		let [r, i, a, o] = $(e.color);
@@ -1452,10 +1483,10 @@ function Ht(e) {
 			i,
 			a,
 			e.glow || 0,
-			Vt(Lt, e.halo),
-			Vt(Bt, e.mark),
+			Wt(Bt, e.halo),
+			Wt(Ut, e.mark),
 			o,
-			Vt(zt, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
+			Wt(Ht, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
 		], t * 12);
 	}), {
 		data: n,
@@ -1463,7 +1494,7 @@ function Ht(e) {
 		stride: 12
 	};
 }
-function Ut(e) {
+function Kt(e) {
 	let { grid: t, rings: n, lanes: r } = e.decor, i = new Float32Array(t ? 8 : 0);
 	t && i.set([
 		t.size,
@@ -1515,7 +1546,7 @@ function Ut(e) {
 		}
 	};
 }
-function Wt(e) {
+function qt(e) {
 	let t = {
 		straight: [],
 		curved: [],
@@ -1550,7 +1581,7 @@ function Wt(e) {
 			l,
 			_
 		]), e.arrow) {
-			let a = Math.atan2(e.y2 - (e.curve ? e.curve.cy : e.y1), e.x2 - (e.curve ? e.curve.cx : e.x1)), o = e.end && e.end !== "triangle" && Vt(Rt, e.end) || Rt.arrow;
+			let a = Math.atan2(e.y2 - (e.curve ? e.curve.cy : e.y1), e.x2 - (e.curve ? e.curve.cx : e.x1)), o = e.end && e.end !== "triangle" && Wt(Vt, e.end) || Vt.arrow;
 			t.tips.push([
 				e.x2,
 				e.y2,
@@ -1564,7 +1595,7 @@ function Wt(e) {
 			]);
 		}
 		if (e.ticks) {
-			let a = ae(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
+			let a = x(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
 			for (let o = 0; o < e.ticks; o++) {
 				let u = (o - (e.ticks - 1) / 2) * B.tickGap;
 				t.tips.push([
@@ -1576,12 +1607,12 @@ function Wt(e) {
 					r,
 					i,
 					s,
-					Rt.tick
+					Vt.tick
 				]);
 			}
 		}
 		if (e.mark === "removed") {
-			let a = ae(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
+			let a = x(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
 			t.tips.push([
 				a.x,
 				a.y,
@@ -1591,7 +1622,7 @@ function Wt(e) {
 				r,
 				i,
 				s,
-				Rt.strike
+				Vt.strike
 			]);
 		}
 		if (e.packet) {
@@ -1633,12 +1664,12 @@ function Wt(e) {
 		packets: n(t.packets, 18)
 	};
 }
-var Gt = (e) => ({
-	...Ut(e),
-	nodes: Ht(e),
-	...Wt(e)
+var Jt = (e) => ({
+	...Kt(e),
+	nodes: Gt(e),
+	...qt(e)
 });
-function Kt(e) {
+function Yt(e) {
 	let t = [];
 	e.nodes.forEach((e) => {
 		if (!e.stroke) return;
@@ -1663,87 +1694,87 @@ function Kt(e) {
 		stride: 10
 	};
 }
-function qt(e, t, n = null) {
-	let r = /* @__PURE__ */ new Map();
-	e.nodes.forEach((e) => {
-		let i = e.icon && t(e.icon) ? e.icon : null, a = e.r * G;
-		if (!i && !e.icon && e.letters && t(le(e.letters)) && (i = le(e.letters), a = e.r * 1), !i && !e.icon && !e.letters && e.glyph) {
-			let r = p(e.glyph, c(e, n));
-			t(r) && (i = r, a = e.r * x);
+function Xt(e, t, r = null) {
+	let i = /* @__PURE__ */ new Map();
+	e.nodes.forEach((a) => {
+		let o = a.icon && t(a.icon) ? a.icon : null, s = a.r * W;
+		if (!o && !a.icon && a.letters && t(de(a.letters)) && (o = de(a.letters), s = a.r * 1), !o && !a.icon && !a.letters && a.glyph) {
+			let i = C(a.glyph, n(a, r, e.theme));
+			t(i) && (o = i, s = a.r * f);
 		}
-		if (!i) return;
-		r.has(i) || r.set(i, {
+		if (!o) return;
+		i.has(o) || i.set(o, {
 			rows: [],
 			minR: Infinity,
 			maxR: 0
 		});
-		let o = r.get(i);
-		o.maxR = Math.max(o.maxR, e.r), o.rows.push([
-			e.x,
-			e.y,
-			a,
-			e.alpha
-		]), o.minR = Math.min(o.minR, e.r);
+		let c = i.get(o);
+		c.maxR = Math.max(c.maxR, a.r), c.rows.push([
+			a.x,
+			a.y,
+			s,
+			a.alpha
+		]), c.minR = Math.min(c.minR, a.r);
 	});
-	let i = [], a = [];
-	for (let [e, { rows: t, minR: n, maxR: o }] of r) i.push({
+	let a = [], o = [];
+	for (let [e, { rows: t, minR: n, maxR: r }] of i) a.push({
 		kind: e,
-		first: a.length,
+		first: o.length,
 		count: t.length,
 		minR: n,
-		maxR: o
-	}), a.push(...t);
-	let o = new Float32Array(a.length * 4);
-	return a.forEach((e, t) => o.set(e, t * 4)), {
-		data: o,
-		count: a.length,
+		maxR: r
+	}), o.push(...t);
+	let s = new Float32Array(o.length * 4);
+	return o.forEach((e, t) => s.set(e, t * 4)), {
+		data: s,
+		count: o.length,
 		stride: 4,
-		groups: i
+		groups: a
 	};
 }
-function Jt(e = "dark", t = null) {
-	let { halo: r, mark: i, core: a } = t ? j(n(e), t) : n(e), o = /* @__PURE__ */ new Float32Array(16), s = /* @__PURE__ */ new Float32Array(16), c = /* @__PURE__ */ new Float32Array(16);
-	Object.entries(Lt).forEach(([e, t]) => {
-		let n = r[e];
-		t && n && (o.set($(n.fill), t * 4), s.set($(n.ring), t * 4), c.set([
-			n.fillR,
-			n.ringR,
-			n.ringWidth,
+function Zt(e = "dark", t = null) {
+	let { halo: n, mark: r, core: i } = t ? A(L(e), t) : L(e), a = /* @__PURE__ */ new Float32Array(16), o = /* @__PURE__ */ new Float32Array(16), s = /* @__PURE__ */ new Float32Array(16);
+	Object.entries(Bt).forEach(([e, t]) => {
+		let r = n[e];
+		t && r && (a.set($(r.fill), t * 4), o.set($(r.ring), t * 4), s.set([
+			r.fillR,
+			r.ringR,
+			r.ringWidth,
 			0
 		], t * 4));
 	});
-	let l = /* @__PURE__ */ new Float32Array(20), u = /* @__PURE__ */ new Float32Array(20);
-	return Object.entries(Bt).forEach(([e, t]) => {
+	let c = /* @__PURE__ */ new Float32Array(20), l = /* @__PURE__ */ new Float32Array(20);
+	return Object.entries(Ut).forEach(([e, t]) => {
 		if (!t) return;
-		let n = i[e];
-		l.set($(n.color), t * 4);
-		let [r, a] = n.ringDash || [0, 0];
-		u.set([
+		let n = r[e];
+		c.set($(n.color), t * 4);
+		let [i, a] = n.ringDash || [0, 0];
+		l.set([
 			n.ringR,
 			n.ringWidth,
-			r,
+			i,
 			a
 		], t * 4);
 	}), {
-		haloFill: o,
-		haloRing: s,
-		haloGeom: c,
-		markColor: l,
-		markGeom: u,
+		haloFill: a,
+		haloRing: o,
+		haloGeom: s,
+		markColor: c,
+		markGeom: l,
 		markMin: new Float32Array([
-			J.ring,
-			J.edge,
-			J.gap
+			q.ring,
+			q.edge,
+			q.gap
 		]),
-		core: new Float32Array($(a)),
-		coreRatio: P
+		core: new Float32Array($(i)),
+		coreRatio: N
 	};
 }
-var Yt = [
+var Qt = [
 	{
 		name: "grid",
-		vert: yt,
-		frag: bt,
+		vert: St,
+		frag: Ct,
 		stride: 8,
 		attribs: [[
 			1,
@@ -1757,8 +1788,8 @@ var Yt = [
 	},
 	{
 		name: "lanes",
-		vert: xt,
-		frag: St,
+		vert: wt,
+		frag: Tt,
 		stride: 14,
 		attribs: [
 			[
@@ -1785,8 +1816,8 @@ var Yt = [
 	},
 	{
 		name: "rings",
-		vert: Ct,
-		frag: wt,
+		vert: Et,
+		frag: Dt,
 		stride: 10,
 		attribs: [
 			[
@@ -1808,8 +1839,8 @@ var Yt = [
 	},
 	{
 		name: "straight",
-		vert: kt(1),
-		frag: At,
+		vert: Mt(1),
+		frag: Nt,
 		stride: 19,
 		verts: 8,
 		attribs: [
@@ -1848,8 +1879,8 @@ var Yt = [
 	},
 	{
 		name: "curved",
-		vert: kt(24),
-		frag: At,
+		vert: Mt(24),
+		frag: Nt,
 		stride: 19,
 		verts: 54,
 		attribs: [
@@ -1888,8 +1919,8 @@ var Yt = [
 	},
 	{
 		name: "tips",
-		vert: jt,
-		frag: Mt,
+		vert: Pt,
+		frag: Ft,
 		stride: 9,
 		attribs: [
 			[
@@ -1912,8 +1943,8 @@ var Yt = [
 	},
 	{
 		name: "packets",
-		vert: Nt,
-		frag: Pt,
+		vert: It,
+		frag: Lt,
 		stride: 18,
 		attribs: [
 			[
@@ -1946,8 +1977,8 @@ var Yt = [
 	},
 	{
 		name: "nodes",
-		vert: Tt,
-		frag: Et,
+		vert: Ot,
+		frag: kt,
 		stride: 12,
 		attribs: [
 			[
@@ -1968,17 +1999,17 @@ var Yt = [
 		],
 		constants: "nodes"
 	}
-], Xt = {
+], $t = {
 	nodes(e, t, n) {
-		e.uniform4fv(t("u_haloFill"), n.haloFill), e.uniform4fv(t("u_haloRing"), n.haloRing), e.uniform4fv(t("u_haloGeom"), n.haloGeom), e.uniform4fv(t("u_markColor"), n.markColor), e.uniform4fv(t("u_markGeom"), n.markGeom), e.uniform3fv(t("u_markMin"), n.markMin), e.uniform4fv(t("u_core"), n.core), e.uniform1f(t("u_coreRatio"), n.coreRatio), e.uniform4f(t("u_shape"), A.roundedHalf, A.roundedCorner, A.hexInradius, A.squareHalf), e.uniform2f(t("u_shape2"), A.squareCorner, A.diamondHalf), e.uniform1f(t("u_glyphMin"), 14);
+		e.uniform4fv(t("u_haloFill"), n.haloFill), e.uniform4fv(t("u_haloRing"), n.haloRing), e.uniform4fv(t("u_haloGeom"), n.haloGeom), e.uniform4fv(t("u_markColor"), n.markColor), e.uniform4fv(t("u_markGeom"), n.markGeom), e.uniform3fv(t("u_markMin"), n.markMin), e.uniform4fv(t("u_core"), n.core), e.uniform1f(t("u_coreRatio"), n.coreRatio), e.uniform4f(t("u_shape"), J.roundedHalf, J.roundedCorner, J.hexInradius, J.squareHalf), e.uniform2f(t("u_shape2"), J.squareCorner, J.diamondHalf), e.uniform1f(t("u_glyphMin"), 14);
 	},
 	edges(e, t, n) {
 		e.uniform3fv(t("u_markMin"), n.markMin);
 	},
 	tips(e, t) {
-		e.uniform4f(t("u_tip"), M.length, M.spread, H.halfLength, H.width), e.uniform4f(t("u_end"), B.strokeWidth, B.barHalf, B.diamondHalf, B.diamondAcross), e.uniform2f(t("u_tick"), B.tickHalf, B.tickWidth);
+		e.uniform4f(t("u_tip"), j.length, j.spread, U.halfLength, U.width), e.uniform4f(t("u_end"), B.strokeWidth, B.barHalf, B.diamondHalf, B.diamondAcross), e.uniform2f(t("u_tick"), B.tickHalf, B.tickWidth);
 	}
-}, Zt = {
+}, en = {
 	alpha: !0,
 	premultipliedAlpha: !0,
 	antialias: !1,
@@ -1987,7 +2018,7 @@ var Yt = [
 	preserveDrawingBuffer: !1,
 	powerPreference: "high-performance"
 };
-function Qt(e, t, n, r) {
+function tn(e, t, n, r) {
 	let i = e.createShader(t);
 	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(i);
@@ -1995,23 +2026,23 @@ function Qt(e, t, n, r) {
 	}
 	return i;
 }
-function $t(e, t, n, r) {
-	let i = Qt(e, e.VERTEX_SHADER, t, `${r} vertex`), a = Qt(e, e.FRAGMENT_SHADER, n, `${r} fragment`), o = e.createProgram();
+function nn(e, t, n, r) {
+	let i = tn(e, e.VERTEX_SHADER, t, `${r} vertex`), a = tn(e, e.FRAGMENT_SHADER, n, `${r} fragment`), o = e.createProgram();
 	if (e.attachShader(o, i), e.attachShader(o, a), e.linkProgram(o), e.deleteShader(i), e.deleteShader(a), !e.getProgramParameter(o, e.LINK_STATUS)) {
 		let t = e.getProgramInfoLog(o);
 		throw e.deleteProgram(o), Error(`${r} program did not link: ${t}`);
 	}
 	return o;
 }
-var en = (e) => !e || e.plain ? 0 : e.version;
-function tn(e, t, n, r = null) {
-	let i = Jt(n, r);
+var rn = (e) => !e || e.plain ? 0 : e.version;
+function an(e, t, n, r = null) {
+	let i = Zt(n, r);
 	t.passes.forEach((t) => {
-		t.spec.constants && (e.useProgram(t.program), Xt[t.spec.constants](e, t.at, i));
-	}), t.theme = n, t.styleKey = en(r);
+		t.spec.constants && (e.useProgram(t.program), $t[t.spec.constants](e, t.at, i));
+	}), t.theme = n, t.styleKey = rn(r);
 }
-function nn(e, t, n) {
-	let r = $t(e, t.vert, t.frag, t.name), i = e.createVertexArray(), a = e.createBuffer();
+function on(e, t, n) {
+	let r = nn(e, t.vert, t.frag, t.name), i = e.createVertexArray(), a = e.createBuffer();
 	e.bindVertexArray(i), t.verts || (e.bindBuffer(e.ARRAY_BUFFER, n), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.vertexAttribDivisor(0, 0)), e.bindBuffer(e.ARRAY_BUFFER, a), t.attribs.forEach(([n, r, i]) => {
 		e.enableVertexAttribArray(n), e.vertexAttribPointer(n, r, e.FLOAT, !1, t.stride * 4, i * 4), e.vertexAttribDivisor(n, 1);
 	}), e.bindVertexArray(null);
@@ -2031,11 +2062,11 @@ function nn(e, t, n) {
 		}
 	};
 }
-var rn = {
+var sn = {
 	strokes: {
 		name: "strokes",
-		vert: Ct,
-		frag: wt,
+		vert: Et,
+		frag: Dt,
 		stride: 10,
 		attribs: [
 			[
@@ -2057,8 +2088,8 @@ var rn = {
 	},
 	icons: {
 		name: "icons",
-		vert: Ft,
-		frag: It,
+		vert: Rt,
+		frag: zt,
 		stride: 4,
 		attribs: [[
 			1,
@@ -2067,7 +2098,7 @@ var rn = {
 		]]
 	}
 };
-function an(e, t = "dark", n = null) {
+function cn(e, t = "dark", n = null) {
 	let r = e.createBuffer();
 	e.bindBuffer(e.ARRAY_BUFFER, r), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 		-1,
@@ -2081,7 +2112,7 @@ function an(e, t = "dark", n = null) {
 	]), e.STATIC_DRAW);
 	let i = {
 		corners: r,
-		passes: Yt.map((t) => nn(e, t, r)),
+		passes: Qt.map((t) => on(e, t, r)),
 		theme: t,
 		styleKey: 0,
 		extras: {
@@ -2091,40 +2122,40 @@ function an(e, t = "dark", n = null) {
 		textures: /* @__PURE__ */ new Map(),
 		iconStore: null
 	};
-	return tn(e, i, t, n), i;
+	return an(e, i, t, n), i;
 }
-function on(e, t) {
+function ln(e, t) {
 	e.deleteBuffer(t.corners), t.textures.forEach(({ texture: t }) => e.deleteTexture(t)), [...t.passes, ...Object.values(t.extras).filter(Boolean)].forEach((t) => {
 		e.deleteProgram(t.program), e.deleteVertexArray(t.vao), e.deleteBuffer(t.buffer);
 	});
 }
-function sn(e, t = {}) {
-	let n = t.gl || e.getContext("webgl2", Zt);
+function un(e, t = {}) {
+	let n = t.gl || e.getContext("webgl2", en);
 	if (!n) throw Error("WebGL2 is not available");
-	let r = t.mapStyle || (() => L), i = {
+	let r = t.mapStyle || (() => I), i = {
 		uploads: 0,
 		draws: 0
-	}, a = an(n), o = !1, s = 0, c = 0, l = null, u = null, d, f = null;
-	function p(e) {
-		return a.extras[e] || (a.extras[e] = nn(n, rn[e], a.corners)), a.extras[e];
+	}, a = cn(n), o = !1, s = 0, c = 0, l = null, u = null, p, m = null, h = null;
+	function g(e) {
+		return a.extras[e] || (a.extras[e] = on(n, sn[e], a.corners)), a.extras[e];
 	}
-	function m() {
+	function _() {
 		a.passes.forEach((e) => {
 			let t = l[e.spec.name];
 			e.count = t.count, t.count && (n.bindBuffer(n.ARRAY_BUFFER, e.buffer), n.bufferData(n.ARRAY_BUFFER, t.data, n.DYNAMIC_DRAW));
 		});
-		for (let e of Object.keys(rn)) {
+		for (let e of Object.keys(sn)) {
 			let t = l[e];
 			if (!t.count && !a.extras[e]) continue;
-			let r = p(e);
+			let r = g(e);
 			r.count = t.count, t.count && (n.bindBuffer(n.ARRAY_BUFFER, r.buffer), n.bufferData(n.ARRAY_BUFFER, t.data, n.DYNAMIC_DRAW));
 		}
 		i.uploads++;
 	}
-	function h(e, t) {
+	function v(e, t) {
 		n.bindTexture(n.TEXTURE_2D, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, t ? n.NEAREST : n.LINEAR_MIPMAP_LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, t ? n.NEAREST : n.LINEAR);
 	}
-	function g(e, t, r) {
+	function y(e, t, r) {
 		let i = a.textures.get(e);
 		if (!i || i.image !== t) {
 			i && n.deleteTexture(i.texture);
@@ -2135,90 +2166,90 @@ function sn(e, t = {}) {
 				pixelated: null
 			}, a.textures.set(e, i);
 		}
-		return i.pixelated !== r && (h(i.texture, r), i.pixelated = r), i.texture;
+		return i.pixelated !== r && (v(i.texture, r), i.pixelated = r), i.texture;
 	}
-	function _(t, p, h) {
-		if (f = [
+	function b(t, g, v) {
+		if (h = [
 			t,
-			p,
-			h
+			g,
+			v
 		], o || !a || !s || !c) return;
-		let _ = r(), v = ie(t, _), y = _.values ? _.values[V] : void 0;
-		(a.iconStore !== _.icons || a.glyphInk !== y) && (a.textures.forEach(({ texture: e }) => n.deleteTexture(e)), a.textures.clear(), a.iconStore = _.icons, a.glyphInk = y, u = null), (v !== u || v.version !== d) && (l = {
-			...Gt(v),
-			strokes: Kt(v),
-			icons: qt(v, (e) => ue(e) ? !!me(de(e), y) : E(e) ? !!S(U(e).type, U(e).ink) : !!(_.icons && _.icons.get(e)), _)
-		}, u = v, d = v.version, m());
-		let b = v.theme || "dark";
-		(a.theme !== b || a.styleKey !== en(_)) && tn(n, a, b, _), n.viewport(0, 0, e.width, e.height), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), a.passes.forEach((t) => {
-			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, s, c), n.uniform3f(t.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(t.uniforms.dpr, e.width / s), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (h || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
+		let b = r(), x = K(t, b), S = b.values ? b.values[V] : void 0;
+		(a.iconStore !== b.icons || a.glyphInk !== S) && (a.textures.forEach(({ texture: e }) => n.deleteTexture(e)), a.textures.clear(), a.iconStore = b.icons, a.glyphInk = S, u = null), m !== b.ground && (m = b.ground, u = null), (x !== u || x.version !== p) && (l = {
+			...Jt(x),
+			strokes: Yt(x),
+			icons: Xt(x, (e) => fe(e) ? !!ge(pe(e), S) : w(e) ? !!ce(d(e).type, d(e).ink) : !!(b.icons && b.icons.get(e)), b)
+		}, u = x, p = x.version, _());
+		let C = x.theme || "dark";
+		(a.theme !== C || a.styleKey !== rn(b)) && an(n, a, C, b), n.viewport(0, 0, e.width, e.height), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), a.passes.forEach((t) => {
+			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, s, c), n.uniform3f(t.uniforms.cam, g.x, g.y, g.zoom), n.uniform1f(t.uniforms.dpr, e.width / s), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (v || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
 		});
-		let C = a.extras.strokes;
-		C && C.count && (n.useProgram(C.program), n.uniform2f(C.uniforms.viewport, s, c), n.uniform3f(C.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(C.uniforms.dpr, e.width / s), n.bindVertexArray(C.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, C.count), i.draws++);
-		let w = a.extras.icons;
-		if (w && w.count) {
-			n.useProgram(w.program), n.uniform2f(w.uniforms.viewport, s, c), n.uniform3f(w.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(w.uniforms.dpr, e.width / s), n.uniform1i(w.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(w.vao), n.bindBuffer(n.ARRAY_BUFFER, w.buffer);
+		let T = a.extras.strokes;
+		T && T.count && (n.useProgram(T.program), n.uniform2f(T.uniforms.viewport, s, c), n.uniform3f(T.uniforms.cam, g.x, g.y, g.zoom), n.uniform1f(T.uniforms.dpr, e.width / s), n.bindVertexArray(T.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, T.count), i.draws++);
+		let E = a.extras.icons;
+		if (E && E.count) {
+			n.useProgram(E.program), n.uniform2f(E.uniforms.viewport, s, c), n.uniform3f(E.uniforms.cam, g.x, g.y, g.zoom), n.uniform1f(E.uniforms.dpr, e.width / s), n.uniform1i(E.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(E.vao), n.bindBuffer(n.ARRAY_BUFFER, E.buffer);
 			for (let e of l.icons.groups) {
-				let t = ue(e.kind), r = E(e.kind), a = t || r ? 14 : 0;
-				if (a && e.maxR * 2 * p.zoom < a) continue;
-				n.uniform1f(w.at("u_minR"), a / 2), n.uniform1f(w.at("u_sideRatio"), t ? 1 : r ? x : 1);
-				let o = t ? me(de(e.kind), _.values && _.values["--corn-map-glyph"]) : r ? S(U(e.kind).type, U(e.kind).ink) : _.icons && _.icons.get(e.kind);
-				o && (n.bindTexture(n.TEXTURE_2D, g(e.kind, o, !!_.pixelated && !t && !r)), n.vertexAttribPointer(1, 4, n.FLOAT, !1, 16, e.first * 4 * 4), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, e.count), i.draws++);
+				let t = fe(e.kind), r = w(e.kind), a = t || r ? 14 : 0;
+				if (a && e.maxR * 2 * g.zoom < a) continue;
+				n.uniform1f(E.at("u_minR"), a / 2), n.uniform1f(E.at("u_sideRatio"), t ? 1 : r ? f : 1);
+				let o = t ? ge(pe(e.kind), b.values && b.values["--corn-map-glyph"]) : r ? ce(d(e.kind).type, d(e.kind).ink) : b.icons && b.icons.get(e.kind);
+				o && (n.bindTexture(n.TEXTURE_2D, y(e.kind, o, !!b.pixelated && !t && !r)), n.vertexAttribPointer(1, 4, n.FLOAT, !1, 16, e.first * 4 * 4), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, e.count), i.draws++);
 			}
 		}
 		n.bindVertexArray(null);
 	}
-	let v = (e) => {
+	let x = (e) => {
 		e.preventDefault(), o = !0, a = null;
-	}, y = () => {
+	}, S = () => {
 		try {
-			a = an(n, f && f[0].theme || "dark", r()), o = !1, l && m(), f && _(...f);
+			a = cn(n, h && h[0].theme || "dark", r()), o = !1, l && _(), h && b(...h);
 		} catch (e) {
 			console.warn("WebGL2 context restored but the renderer could not be rebuilt:", e.message);
 		}
 	};
-	return e.addEventListener("webglcontextlost", v), e.addEventListener("webglcontextrestored", y), {
+	return e.addEventListener("webglcontextlost", x), e.addEventListener("webglcontextrestored", S), {
 		kind: "webgl2",
 		stats: i,
 		resize(t, n, r) {
-			s = t, c = n, e.width = Math.round(t * r), e.height = Math.round(n * r), f && _(...f);
+			s = t, c = n, e.width = Math.round(t * r), e.height = Math.round(n * r), h && b(...h);
 		},
-		draw: _,
-		destroy: b,
+		draw: b,
+		destroy: C,
 		release() {
 			let e = o;
-			b();
+			C();
 			try {
 				let t = !e && n.getExtension ? n.getExtension("WEBGL_lose_context") : null;
 				t && t.loseContext();
 			} catch {}
 		}
 	};
-	function b() {
-		e.removeEventListener("webglcontextlost", v), e.removeEventListener("webglcontextrestored", y), a && !o && on(n, a), a = null, o = !0;
+	function C() {
+		e.removeEventListener("webglcontextlost", x), e.removeEventListener("webglcontextrestored", S), a && !o && ln(n, a), a = null, o = !0;
 	}
 }
 // ../explorer/renderer.js
-function cn(e) {
+function dn(e) {
 	let t = e.ownerDocument.createElement("canvas");
 	return t.className = "hx-overlay", t.setAttribute("data-corn", "map-overlay"), t.setAttribute("part", "map-overlay"), t.setAttribute("aria-hidden", "true"), e.after(t), t;
 }
-function ln(e, t = {}) {
+function fn(e, t = {}) {
 	let n = t.prefer || null, r = t.mapStyle ? { mapStyle: t.mapStyle } : {};
-	if (n === "canvas2d") return Me(e, r);
+	if (n === "canvas2d") return Fe(e, r);
 	let i = null;
 	try {
-		i = e.getContext("webgl2", Zt);
+		i = e.getContext("webgl2", en);
 	} catch {}
-	if (!i) return Me(e, r);
+	if (!i) return Fe(e, r);
 	try {
-		return sn(e, {
+		return un(e, {
 			gl: i,
 			...r
 		});
 	} catch (n) {
 		console.warn(`WebGL2 renderer unavailable, drawing with Canvas 2D: ${n.message}`);
-		let i = (t.makeStandIn || cn)(e), a = Me(i, r);
+		let i = (t.makeStandIn || dn)(e), a = Fe(i, r);
 		return {
 			...a,
 			destroy() {
@@ -2228,7 +2259,7 @@ function ln(e, t = {}) {
 	}
 }
 // ../explorer/cluster.js
-function un(e, t) {
+function pn(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) !e.kind && !e.dashed && e.from && e.to && (n.get(e.from) || n.set(e.from, []).get(e.from)).push(e.to);
 	let r = /* @__PURE__ */ new Set([e]), i = [e];
@@ -2236,139 +2267,139 @@ function un(e, t) {
 	return r;
 }
 // ../explorer/input.js
-function dn(e) {
-	let { state: n } = e, { render: r, getSpatialIndex: i, queueFrameWork: a, screenToWorld: o, getMinZoom: s, setHoverNode: c, labelNodeAt: l, fitGraphToViewport: u, fitPadding: d } = e.map, f = (t) => e.emit("select", t), p = () => e.emit("background"), m = () => e.emit("grab"), h = !1, g = null, _ = {
+function mn(e) {
+	let { state: t } = e, { render: n, getSpatialIndex: r, queueFrameWork: a, screenToWorld: o, getMinZoom: s, setHoverNode: c, labelNodeAt: l, fitGraphToViewport: u, fitPadding: d } = e.map, f = (t) => e.emit("select", t), p = () => e.emit("background"), m = () => e.emit("grab"), h = !1, g = null, _ = {
 		x: 0,
 		y: 0
-	}, y = {
+	}, v = {
 		x: 0,
 		y: 0
-	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, A = !1, j = "", M = () => n.isFreeform && n.view === "orbit";
-	function N(e) {
-		let t = n.canvas.getBoundingClientRect(), r = e.touches ? e.touches[0] : e, i = t.width && n.width ? n.width / t.width : 1, a = t.height && n.height ? n.height / t.height : 1;
+	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, te = !1, k = "", A = () => t.isFreeform && t.view === "orbit";
+	function j(e) {
+		let n = t.canvas.getBoundingClientRect(), r = e.touches ? e.touches[0] : e, i = n.width && t.width ? t.width / n.width : 1, a = n.height && t.height ? t.height / n.height : 1;
 		return {
-			x: (r.clientX - t.left) * i,
-			y: (r.clientY - t.top) * a
+			x: (r.clientX - n.left) * i,
+			y: (r.clientY - n.top) * a
 		};
 	}
-	let P = {
+	let M = {
 		nodes: null,
 		size: -1,
 		map: null
 	};
-	function F(e) {
-		return (P.nodes !== n.nodes || P.size !== n.nodes.length) && (P = {
-			nodes: n.nodes,
-			size: n.nodes.length,
-			map: new Map(n.nodes.map((e) => [e.id, e]))
-		}), P.map.get(e) || null;
-	}
-	function I(e, t, r) {
-		let a = Fe(i(), n.camera, e, t, r);
-		return a ? F(a.id) : null;
-	}
-	let te = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
-	function L(e) {
-		let t = n.canvas.getBoundingClientRect();
+	function N(e) {
+		return (M.nodes !== t.nodes || M.size !== t.nodes.length) && (M = {
+			nodes: t.nodes,
+			size: t.nodes.length,
+			map: new Map(t.nodes.map((e) => [e.id, e]))
+		}), M.map.get(e) || null;
+	}
+	function P(e, n, i) {
+		let a = Re(r(), t.camera, e, n, i);
+		return a ? N(a.id) : null;
+	}
+	let F = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
+	function I(e) {
+		let n = t.canvas.getBoundingClientRect();
 		return {
-			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - t.left,
-			y: (e.touches[0].clientY + e.touches[1].clientY) / 2 - t.top
+			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - n.left,
+			y: (e.touches[0].clientY + e.touches[1].clientY) / 2 - n.top
 		};
 	}
-	function R(e) {
+	function L(e) {
 		if (T = !0, m(), c(null), e.touches && e.touches.length === 2) {
-			w = se(n.camera, te(e), L(e)), E = null, h = !1, g = null, x = null;
+			w = i(t.camera, F(e), I(e)), E = null, h = !1, g = null, x = null;
 			return;
 		}
-		let t = !!(e.touches && e.touches.length > 0), r = N(e);
-		y = {
+		let n = !!(e.touches && e.touches.length > 0), r = j(e);
+		v = {
 			x: r.x,
 			y: r.y
-		}, b = !1, E = null, x = I(r.x, r.y, t), M() && x ? (g = x, e.cancelable && e.preventDefault()) : (h = !0, _ = r);
+		}, b = !1, E = null, x = P(r.x, r.y, n), A() && x ? (g = x, e.cancelable && e.preventDefault()) : (h = !0, _ = r);
 	}
-	function z() {
-		D && w && Object.assign(n.camera, ee(w, D.dist, D.mid, s())), D = null;
-		let r = E;
-		if (E = null, r) {
-			if (g && M()) {
-				let i = o(r.x, r.y);
-				g.x = i.x, g.y = i.y, n.freeformPositions[g.id] = {
-					x: i.x,
-					y: i.y
-				}, e.touchScene(), t(e);
-			} else h && (n.camera.x += r.x - _.x, n.camera.y += r.y - _.y, _ = r);
+	function R() {
+		D && w && Object.assign(t.camera, y(w, D.dist, D.mid, s())), D = null;
+		let n = E;
+		if (E = null, n) {
+			if (g && A()) {
+				let r = o(n.x, n.y);
+				g.x = r.x, g.y = r.y, t.freeformPositions[g.id] = {
+					x: r.x,
+					y: r.y
+				}, e.touchScene(), ie(e);
+			} else h && (t.camera.x += n.x - _.x, t.camera.y += n.y - _.y, _ = n);
 		}
 	}
-	function ne() {
+	function z() {
 		let e = O;
 		if (O = null, !e || h || g) return;
-		let t = I(e.x, e.y, !1);
-		B(!!t), c(t ? t.id : null);
+		let t = P(e.x, e.y, !1);
+		ne(!!t), c(t ? t.id : null);
 	}
-	function B(e) {
-		e !== A && n.canvas && (e && (j = n.canvas.style.cursor), A = e, n.canvas.style.cursor = e ? "pointer" : j);
+	function ne(e) {
+		e !== te && t.canvas && (e && (k = t.canvas.style.cursor), te = e, t.canvas.style.cursor = e ? "pointer" : k);
 	}
-	function V(e) {
+	function re(e) {
 		if (e.touches && e.touches.length === 2 && w) {
 			e.cancelable && e.preventDefault(), D = {
-				dist: te(e),
-				mid: L(e)
-			}, a(z);
+				dist: F(e),
+				mid: I(e)
+			}, a(R);
 			return;
 		}
-		let t = N(e);
-		Math.hypot(t.x - y.x, t.y - y.y) > 8 && (b = !0), g && M() || h ? (e.cancelable && e.preventDefault(), E = t, a(z)) : e.touches || (O = t, a(ne, { draw: !1 }));
+		let t = j(e);
+		Math.hypot(t.x - v.x, t.y - v.y) > 8 && (b = !0), g && A() || h ? (e.cancelable && e.preventDefault(), E = t, a(R)) : e.touches || (O = t, a(z, { draw: !1 }));
 	}
-	function H(e) {
-		z();
-		let t = !!(e.changedTouches && e.changedTouches.length > 0), r = n.canvas.getBoundingClientRect(), i = t ? {
+	function B(e) {
+		R();
+		let n = !!(e.changedTouches && e.changedTouches.length > 0), r = t.canvas.getBoundingClientRect(), i = n ? {
 			x: e.changedTouches[0].clientX - r.left,
 			y: e.changedTouches[0].clientY - r.top
-		} : N(e);
+		} : j(e);
 		if (!b && T) {
 			if (x) {
-				let e = I(i.x, i.y, t);
+				let e = P(i.x, i.y, n);
 				if (e && e.id === x.id) {
-					if (!M()) f(x);
+					if (!A()) f(x);
 					else {
 						let e = Date.now();
 						S && S.id === x.id && e - C < 380 ? (f(x), S = null, C = 0) : (S = x, C = e);
 					}
 				}
 			} else {
-				let e = F(l(i.x, i.y));
-				e && k.includes(e.type) && e.id !== "root" ? u(d(), un(e.id, n.edges)) : n.selectedNode && p();
+				let e = N(l(i.x, i.y));
+				e && ee.includes(e.type) && e.id !== "root" ? u(d(), pn(e.id, t.edges)) : t.selectedNode && p();
 			}
 		}
 		h = !1, g = null, x = null, w = null, D = null, T = !1;
 	}
-	let { canvas: U } = n, W = !(e.root && e.root.nodeType === 9), G = (t) => {
-		if (W && !t.ctrlKey && !t.metaKey && e.active() !== n.canvas) return;
-		t.preventDefault(), m();
-		let i = N(t);
-		Object.assign(n.camera, v(n.camera, t.deltaY < 0 ? 1.12 : .88, i.x, i.y, s())), r();
-	}, K = e.root || U, re = [
-		e.listen(U, "mousedown", R),
-		e.listen(U, "mousemove", V),
-		e.listen(U, "mouseleave", () => {
-			O = null, B(!1), c(null);
+	let { canvas: V } = t, H = !(e.root && e.root.nodeType === 9), U = (r) => {
+		if (H && !r.ctrlKey && !r.metaKey && e.active() !== t.canvas) return;
+		r.preventDefault(), m();
+		let i = j(r);
+		Object.assign(t.camera, se(t.camera, r.deltaY < 0 ? 1.12 : .88, i.x, i.y, s())), n();
+	}, W = e.root || V, G = [
+		e.listen(V, "mousedown", L),
+		e.listen(V, "mousemove", re),
+		e.listen(V, "mouseleave", () => {
+			O = null, ne(!1), c(null);
 		}),
-		e.listen(K, "mouseup", H),
-		e.listen(U, "touchstart", R, { passive: !1 }),
-		e.listen(U, "touchmove", V, { passive: !1 }),
-		e.listen(K, "touchend", H, { passive: !1 }),
-		e.listen(K, "touchcancel", H, { passive: !1 }),
-		e.listen(U, "wheel", G, { passive: !1 })
+		e.listen(W, "mouseup", B),
+		e.listen(V, "touchstart", L, { passive: !1 }),
+		e.listen(V, "touchmove", re, { passive: !1 }),
+		e.listen(W, "touchend", B, { passive: !1 }),
+		e.listen(W, "touchcancel", B, { passive: !1 }),
+		e.listen(V, "wheel", U, { passive: !1 })
 	];
-	return () => re.forEach((e) => e());
+	return () => G.forEach((e) => e());
 }
 // ../explorer/pieces/map.js
-var fn = "Arrow keys pan, plus and minus zoom, 0 fits the map. N and P select the next and the previous node, Home and End the first and the last. F frames the selected node and what it lights. Escape clears the selection.", pn = "<canvas id=\"graph-canvas\" data-corn=\"map-canvas\" tabindex=\"0\" role=\"application\" aria-roledescription=\"map\" aria-label=\"Topology map\" aria-describedby=\"map-keys-help\"></canvas>", mn = ({ keysHelp: e = fn } = {}) => ({ stage: `${pn}
-<p id="map-keys-help" class="hx-sr-only">${C(e)}</p>
+var hn = "Arrow keys pan, plus and minus zoom, 0 fits the map. N and P select the next and the previous node, Home and End the first and the last. F frames the selected node and what it lights. Escape clears the selection.", gn = "<canvas id=\"graph-canvas\" data-corn=\"map-canvas\" tabindex=\"0\" role=\"application\" aria-roledescription=\"map\" aria-label=\"Topology map\" aria-describedby=\"map-keys-help\"></canvas>", _n = ({ keysHelp: e = hn } = {}) => ({ stage: `${gn}
+<p id="map-keys-help" class="hx-sr-only">${p(e)}</p>
 <p id="map-announcer" class="hx-sr-only" role="status" aria-live="polite"></p>
 <canvas id="label-canvas" data-corn="label-canvas" aria-hidden="true"></canvas>` });
-function hn(e, t, n) {
-	let r = oe(t, e, "<div data-corn=\"map-stage\"></div>", null, "stage"), i = n.mountStatus(r[0], t, { follow: !1 });
+function vn(e, t, n) {
+	let r = s(t, e, "<div data-corn=\"map-stage\"></div>", null, "stage"), i = n.mountStatus(r[0], t, { follow: !1 });
 	i.refuse("second-map"), t.emit("piece:refused", {
 		piece: "map",
 		reason: "second-map",
@@ -2391,16 +2422,16 @@ function hn(e, t, n) {
 		}
 	};
 }
-function gn(e) {
+function yn(e) {
 	let t = e.nodeType === 11 ? e.host : e;
 	return t && typeof t.getRootNode == "function" ? t.getRootNode() : null;
 }
-function _n(e, t, n = {}) {
-	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? vn(e, n) : yn(e, t, n, null);
+function bn(e, t, n = {}) {
+	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? xn(e, n) : Sn(e, t, n, null);
 }
-function vn(e, t) {
+function xn(e, t) {
 	let n = e.nodeType === 11 ? e.host : e, r = {}, i = null, a = !1;
-	return import("./scope-CUhp8mkf.js").then((e) => e.n).then(({ mountScope: o }) => {
+	return import("./scope-2m2VmJXn.js").then((e) => e.n).then(({ mountScope: o }) => {
 		if (a) return;
 		let s = o(n, {
 			src: t.src,
@@ -2412,7 +2443,7 @@ function vn(e, t) {
 			onAuth: t.onAuth,
 			onError: t.onError
 		});
-		i = yn(e, s.instance, {
+		i = Sn(e, s.instance, {
 			...t,
 			...r
 		}, s);
@@ -2451,176 +2482,176 @@ function vn(e, t) {
 		}
 	};
 }
-function yn(t, n, i, a) {
-	let o = !n;
-	o && (n = r({
-		root: t,
-		base: i.base || "",
-		fetch: i.fetch,
-		strings: i.strings
+function Sn(e, t, n, r) {
+	let i = !t;
+	i && (t = g({
+		root: e,
+		base: n.base || "",
+		fetch: n.fetch,
+		strings: n.strings
 	}));
-	let s = u(n), c = () => {};
-	if (s) try {
-		c = n.attach(t);
+	let a = T(t), c = () => {};
+	if (a) try {
+		c = t.attach(e);
 	} catch {
-		return a && a.destroy(), hn(t, n, s);
-	}
-	let { state: l } = n, d = s ? s.source : null;
-	if (i.tokens) {
-		let e = gn(t);
-		e && b(e.nodeType === 9 ? e : e.ownerDocument, i.tokens), e && e.nodeType === 11 && b(e, i.tokens);
-	}
-	let p = y(n);
-	p.own(c), a && p.own(() => a.destroy());
-	let m = (e) => e === "canvas2d" ? "canvas2d" : "auto", h = (e) => e === "light" || e === "dark" ? e : "auto", g = {
-		renderer: m(i.renderer),
-		theme: h(i.theme),
+		return r && r.destroy(), vn(e, t, a);
+	}
+	let { state: l } = t, d = a ? a.source : null;
+	if (n.tokens) {
+		let t = yn(e);
+		t && u(t.nodeType === 9 ? t : t.ownerDocument, n.tokens), t && t.nodeType === 11 && u(t, n.tokens);
+	}
+	let f = o(t);
+	f.own(c), r && f.own(() => r.destroy()), a && f.on("map:set", ({ nodes: e, edges: n }) => (_t(t, e, n), !0));
+	let p = (e) => e === "canvas2d" ? "canvas2d" : "auto", m = (e) => e === "light" || e === "dark" ? e : "auto", h = {
+		renderer: p(n.renderer),
+		theme: m(n.theme),
 		topology: void 0
-	}, _ = i.topology !== void 0 && i.topology !== null, v = !1, x = !1, S = mn({ keysHelp: i.keysHelp }).stage, C = i.slots && i.slots.stage ? i.slots : null, w = oe(n, t, C ? S : `<div data-corn="map-stage">${S}</div>`, C, "stage"), T = (e) => w.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
-	p.own(() => {
-		for (let e of [...w, l.canvas]) e && e.remove();
+	}, _ = n.topology !== void 0 && n.topology !== null, v = !1, y = !1, x = _n({ keysHelp: n.keysHelp }).stage, S = n.slots && n.slots.stage ? n.slots : null, C = s(t, e, S ? x : `<div data-corn="map-stage">${x}</div>`, S, "stage"), w = (e) => C.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
+	f.own(() => {
+		for (let e of [...C, l.canvas]) e && e.remove();
 	});
-	let E = T("#map-announcer");
-	if (E) {
-		let e = D(n, E);
-		p.on("announce:write", (t) => (e(t), !0));
-	}
-	let O = w.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
-	if (d && O) {
-		let e = s.mountStatus(O, n, {
+	let ee = w("#map-announcer");
+	if (ee) {
+		let e = O(t, ee);
+		f.on("announce:write", (t) => (e(t), !0));
+	}
+	let te = C.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
+	if (d && te) {
+		let e = a.mountStatus(te, t, {
 			onRetry: () => d.load(),
 			focusMap: () => {
 				l.canvas && l.canvas.focus();
 			}
 		});
-		p.own(e.destroy);
+		f.own(e.destroy);
 	}
-	l.canvas = T("[data-corn=\"map-canvas\"]"), l.labelCanvas = T("[data-corn=\"label-canvas\"]"), l.ctx = n.doc.createElement("canvas").getContext("2d");
-	let k = lt(n, i.measureCovered ? { measureCovered: i.measureCovered } : {}), A = ne(n);
-	p.own(A.watch()), p.own(A.onChange(() => k.render()));
-	let ee = () => g.renderer === "canvas2d" ? "canvas2d" : null, j = () => k.setRenderer(ln(l.canvas, {
-		prefer: ee(),
+	l.canvas = w("[data-corn=\"map-canvas\"]"), l.labelCanvas = w("[data-corn=\"label-canvas\"]"), l.ctx = t.doc.createElement("canvas").getContext("2d");
+	let k = ft(t, n.measureCovered ? { measureCovered: n.measureCovered } : {}), A = ne(t);
+	f.own(A.watch()), f.own(A.onChange(() => k.render()));
+	let j = () => h.renderer === "canvas2d" ? "canvas2d" : null, M = () => k.setRenderer(fn(l.canvas, {
+		prefer: j(),
 		mapStyle: A.get
-	})), M = n.win && n.win.matchMedia ? n.win.matchMedia("(prefers-color-scheme: light)") : null;
+	})), N = t.win && t.win.matchMedia ? t.win.matchMedia("(prefers-color-scheme: light)") : null;
 	function P() {
-		if (g.theme === "light" || g.theme === "dark") return g.theme;
-		if (s && (s.theme === "light" || s.theme === "dark")) return s.theme;
-		let t = n.doc && n.doc.documentElement, r = t ? t.getAttribute("data-theme") : null;
-		return r === "light" || r === "dark" ? r : e("system", !!(M && M.matches));
+		if (h.theme === "light" || h.theme === "dark") return h.theme;
+		if (a && (a.theme === "light" || a.theme === "dark")) return a.theme;
+		let e = t.doc && t.doc.documentElement, n = e ? e.getAttribute("data-theme") : null;
+		return n === "light" || n === "dark" ? n : b("system", !!(N && N.matches));
 	}
 	function F() {
 		if (v) return;
 		let e = P();
-		A.refresh(), l.theme !== e && (l.theme = e, n.touchScene()), k.render();
+		A.refresh(), l.theme !== e && (l.theme = e, t.touchScene()), k.render();
 	}
-	l.theme = P(), s && p.own(s.serverTheme.adopt(t)), s && (p.on("theme", () => F()), p.on("scope:theme", () => F())), M && M.addEventListener && (M.addEventListener("change", F), p.own(() => M.removeEventListener("change", F)));
-	let I = n.win && n.win.MutationObserver;
-	if (I && n.doc && n.doc.documentElement) {
+	l.theme = P(), a && f.own(a.serverTheme.adopt(e)), a && (f.on("theme", () => F()), f.on("scope:theme", () => F())), N && N.addEventListener && (N.addEventListener("change", F), f.own(() => N.removeEventListener("change", F)));
+	let I = t.win && t.win.MutationObserver;
+	if (I && t.doc && t.doc.documentElement) {
 		let e = new I(F);
-		e.observe(n.doc.documentElement, {
+		e.observe(t.doc.documentElement, {
 			attributes: !0,
 			attributeFilter: ["data-theme", "class"]
-		}), p.own(() => e.disconnect());
+		}), f.own(() => e.disconnect());
 	}
-	j();
-	let te = () => pt(n), L = () => {
+	M();
+	let L = () => gt(t), R = () => {
 		l.nodes.length && k.fitGraphToViewport(k.fitPadding());
-	}, R = (e) => l.nodes.find((t) => t.id === e) || null, z = null;
-	p.on("select", (e) => q(n, e, { source: "tap" })), p.on("background", () => N(n, { source: "tap" })), p.on("grab", () => re(n)), p.on("selection", ({ node: e, edge: t, source: n }) => {
-		v || ((e || t) && (z = null), i.onSelect && (e ? i.onSelect({
+	}, z = (e) => l.nodes.find((t) => t.id === e) || null, B = null;
+	f.on("select", (e) => G(t, e, { source: "tap" })), f.on("background", () => H(t, { source: "tap" })), f.on("grab", () => re(t)), f.on("selection", ({ node: e, edge: t, source: r }) => {
+		v || ((e || t) && (B = null), n.onSelect && (e ? n.onSelect({
 			id: e.id,
 			kind: "node",
-			source: n
-		}) : t ? i.onSelect({
+			source: r
+		}) : t ? n.onSelect({
 			id: `${t.from}->${t.to}`,
 			kind: "edge",
 			from: t.from,
 			to: t.to,
-			source: n
-		}) : i.onSelect({
+			source: r
+		}) : n.onSelect({
 			id: null,
 			kind: null,
-			source: n
+			source: r
 		})));
 	});
-	function B(e) {
-		let t = R(String(e));
-		return !t || v ? !1 : (q(n, t, {
+	function V(e) {
+		let n = z(String(e));
+		return !n || v ? !1 : (G(t, n, {
 			frame: !0,
 			source: "api"
 		}), !0);
 	}
-	let V = () => {}, H = !!n.root && n.root.nodeType === 9;
-	function U() {
-		let e = l.canvas, t = [dn(n)];
-		H || t.push(n.listen(e, "pointerdown", (t) => {
+	let U = () => {}, W = !!t.root && t.root.nodeType === 9;
+	function ie() {
+		let e = l.canvas, n = [mn(t)];
+		W || n.push(t.listen(e, "pointerdown", (t) => {
 			if (t.pointerType === "mouse" && e.setPointerCapture) try {
 				e.setPointerCapture(t.pointerId);
 			} catch {}
-		})), f(n), W(n), t.push(() => f(n)), V = () => t.forEach((e) => e());
+		})), E(t), D(t), n.push(() => E(t)), U = () => n.forEach((e) => e());
 	}
-	p.own(k.onPaint(() => {
-		!x && l.nodes.length && (x = !0, i.onReady && i.onReady());
-	})), U(), p.own(() => V());
-	let G = () => {
-		!_ && d && d.topology && d.topology !== g.topology && (g.topology = d.topology, K(d.topology));
+	f.own(k.onPaint(() => {
+		!y && l.nodes.length && (y = !0, n.onReady && n.onReady());
+	})), ie(), f.own(() => U());
+	let K = () => {
+		!_ && d && d.topology && d.topology !== h.topology && (h.topology = d.topology, q(d.topology));
 	};
-	d && p.on("source", (e) => {
-		e.state === "ready" && G();
-	}), p.own(k.watchSize()), k.resize();
-	function K(e) {
-		let t = l.selectedNode ? l.selectedNode.id : null;
-		ft(n, e);
-		let r = t ? R(t) : null;
-		l.nodes.length && (te(), L());
-		let i = !r && z ? R(z) : null;
-		i && q(n, i, { source: "api" }), k.render(), k.ensureFlowLoop();
-	}
-	function ie(e) {
-		let t = e === "dataflow" ? "dataflow" : "orbit";
-		l.view !== t && (l.view = t, n.touchScene(), l.nodes.length && (te(), L(), k.ensureFlowLoop()));
-	}
-	function J() {
+	d && f.on("source", (e) => {
+		e.state === "ready" && K();
+	}), f.own(k.watchSize()), k.resize();
+	function q(e) {
+		let n = l.selectedNode ? l.selectedNode.id : null;
+		ht(t, e);
+		let r = n ? z(n) : null;
+		l.nodes.length && (L(), R());
+		let i = !r && B ? z(B) : null;
+		i && G(t, i, { source: "api" }), k.render(), k.ensureFlowLoop(), t.emit("map:topology");
+	}
+	function ae(e) {
+		let n = e === "dataflow" ? "dataflow" : "orbit";
+		l.view !== n && (l.view = n, t.touchScene(), l.nodes.length && (L(), R(), k.ensureFlowLoop()));
+	}
+	function oe() {
 		let e = k.getRenderer();
-		e.release ? e.release() : e.destroy(), V();
-		let t = n.doc.createElement("template");
-		t.innerHTML = pn;
-		let r = t.content.firstElementChild;
+		e.release ? e.release() : e.destroy(), U();
+		let n = t.doc.createElement("template");
+		n.innerHTML = gn;
+		let r = n.content.firstElementChild;
 		r.setAttribute("part", "map-canvas");
-		let i = n.active() === l.canvas;
-		l.canvas.replaceWith(r), l.canvas = r, U(), j(), k.resize(), i && r.focus();
+		let i = t.active() === l.canvas;
+		l.canvas.replaceWith(r), l.canvas = r, ie(), M(), k.resize(), i && r.focus(), t.emit("map:canvas");
 	}
-	function ae(e = {}) {
+	function se(e = {}) {
 		if (!v) {
 			if ("renderer" in e) {
-				let t = m(e.renderer);
-				t !== g.renderer && (g.renderer = t, J());
+				let t = p(e.renderer);
+				t !== h.renderer && (h.renderer = t, oe());
 			}
 			if ("theme" in e) {
-				let t = h(e.theme);
-				t !== g.theme && (g.theme = t, F());
+				let t = m(e.theme);
+				t !== h.theme && (h.theme = t, F());
 			}
-			if ("topology" in e && (_ = e.topology !== void 0 && e.topology !== null, _ && e.topology !== g.topology ? (g.topology = e.topology, K(e.topology)) : !_ && d && d.topology ? (g.topology = void 0, G()) : !_ && e.topology !== g.topology && (g.topology = e.topology, K(e.topology))), "view" in e && ie(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
-				let t = e.node == null || e.node === "" ? null : String(e.node);
-				if (t === null) z = null, (l.selectedNode || l.selectedEdge) && N(n, { source: "api" });
+			if ("topology" in e && (_ = e.topology !== void 0 && e.topology !== null, _ && e.topology !== h.topology ? (h.topology = e.topology, q(e.topology)) : !_ && d && d.topology ? (h.topology = void 0, K()) : !_ && e.topology !== h.topology && (h.topology = e.topology, q(e.topology))), "view" in e && ae(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
+				let n = e.node == null || e.node === "" ? null : String(e.node);
+				if (n === null) B = null, (l.selectedNode || l.selectedEdge) && H(t, { source: "api" });
 				else {
-					let e = R(t);
-					e ? l.selectedNode && l.selectedNode.id === t || q(n, e, { source: "api" }) : z = t;
+					let e = z(n);
+					e ? l.selectedNode && l.selectedNode.id === n || G(t, e, { source: "api" }) : B = n;
 				}
 			}
 		}
 	}
-	function se() {
-		v || (v = !0, p.destroy(), k.destroy(), o && n.destroy());
+	function J() {
+		v || (v = !0, f.destroy(), k.destroy(), i && t.destroy());
 	}
-	let Y = {};
+	let ce = {};
 	for (let e of [
 		"topology",
 		"view",
 		"node"
-	]) i[e] !== void 0 && (Y[e] = i[e]);
-	return ae(Y), G(), F(), p.own(() => n.emit("map:gone")), n.emit("map:ready"), {
-		inst: n,
+	]) n[e] !== void 0 && (ce[e] = n[e]);
+	return se(ce), K(), F(), f.own(() => t.emit("map:gone")), t.emit("map:ready"), {
+		inst: t,
 		map: k,
 		selection() {
 			return l.selectedNode ? {
@@ -2631,12 +2662,12 @@ function yn(t, n, i, a) {
 				kind: "edge"
 			} : null;
 		},
-		update: ae,
-		destroy: se,
-		fit: L,
-		focusNode: B,
+		update: se,
+		destroy: J,
+		fit: R,
+		focusNode: V,
 		refresh: F,
 		applyTheme: (e) => A.applyTheme(e)
 	};
 }
-export { ft as i, pt as n, mt as r, _n as t };
+export { ht as i, gt as n, _t as r, bn as t };