@popcorn245/cornfield-components 0.51.8 → 0.52.1

package/dist/chunks/{map-LS9aQk6z.js → map-BZRFOYkt.js}

@@ -1,154 +1,174 @@
-import { $ as e, At as t, B as n, Ct as r, Dt as i, Et as a, F as o, G as s, H as c, I as l, J as u, L as d, M as f, N as p, Ot as m, P as h, Q as g, Qt as _, St as v, Tt as y, U as b, V as x, W as S, X as C, Y as w, Z as T, _ as E, an as D, at as O, b as ee, c as k, d as A, g as j, gt as M, h as N, ht as te, it as P, j as F, ln as ne, lt as I, mt as L, o as R, on as re, q as z, rt as ie, s as B, sn as V, tt as H, u as ae, ut as U, v as W, vt as G, wt as K, xt as oe, yt as se, z as ce } from "./engine-ClfnAsgM.js";
-var q = 96, le = "letters:", ue = (e) => `${le}${e}`, de = (e) => typeof e == "string" && e.startsWith(le), fe = (e) => e.slice(8), pe = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, me = /* @__PURE__ */ new Map();
-function he(e, t = null) {
+import { $t as e, C as t, Cn as n, D as r, Dn as i, En as a, G as o, Gt as s, H as c, J as l, K as u, Kt as d, M as f, Mn as p, Mt as m, Nt as h, Pt as g, Qt as _, Sn as v, T as y, Tt as b, U as x, Wt as S, X as C, Xt as w, Y as T, Yt as E, Z as D, Zt as O, _ as k, _n as A, b as j, c as M, d as N, en as P, et as ee, f as F, g as I, i as L, it as R, j as z, k as B, l as te, ln as ne, m as V, n as H, nn as U, p as W, q as re, r as G, rn as ie, tn as K, u as ae, v as q, vn as oe, w as se, wn as ce, x as J } from "./engine-BmXtSISH.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 (me.has(n)) return me.get(n);
-	if (me.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(q, q) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
-			width: q,
-			height: q
+		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 ${z}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
-			let a = typeof t == "string" ? t : se;
-			i.strokeStyle = y(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, q / 2, 51), i.fillStyle = a, i.fillText(e, q / 2, 51), r = n;
+			i.font = `700 ${e.length > 1 ? 56 : 72}px ${I}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
+			let a = typeof t == "string" ? t : x;
+			i.strokeStyle = T(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 me.set(n, r), r;
+	return he.set(n, r), r;
 }
 // ../explorer/renderer-canvas2d.js
-var ge = Math.PI * 2, _e = 1.5, J = (e, t, n, r) => {
-	e.beginPath(), e.arc(t, n, r, 0, ge);
+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 = R(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" ? C.squareHalf : C.roundedHalf), o = i * (t === "square" ? C.squareCorner : C.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 * C.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 * C.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 J(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, J(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(t, n, r, i, a = !0) {
-	if (t.save(), t.globalAlpha = n.alpha, t.beginPath(), t.moveTo(n.x1, n.y1), n.curve ? t.quadraticCurveTo(n.curve.cx, n.curve.cy, n.x2, n.y2) : t.lineTo(n.x2, n.y2), t.strokeStyle = n.color, t.lineWidth = n.mark && n.mark !== "none" ? Math.max(n.width, w.edge / i) : n.width, t.setLineDash(n.dash || []), n.glow && n.glow * i >= _e) {
-		let e = t.lineWidth;
-		t.save(), t.globalAlpha = n.alpha * .3, t.strokeStyle = n.glowColor || n.color, t.lineWidth = e + n.glow * .6, t.stroke(), t.restore();
+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 (t.stroke(), t.setLineDash([]), n.mark === "removed") {
-		let r = e(n, .5), a = Math.hypot(n.x2 - n.x1, n.y2 - n.y1), [o, s] = a > 0 ? [(n.x2 - n.x1) / a, (n.y2 - n.y1) / a] : [1, 0];
-		t.beginPath(), t.moveTo(r.x - s * S.halfLength, r.y + o * S.halfLength), t.lineTo(r.x + s * S.halfLength, r.y - o * S.halfLength), t.lineWidth = Math.max(S.width, 1.5 / i), t.stroke();
+	if (e.stroke(), e.setLineDash([]), t.mark === "removed") {
+		let n = y(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 * W.halfLength, n.y + a * W.halfLength), e.lineTo(n.x + o * W.halfLength, n.y - a * W.halfLength), e.lineWidth = Math.max(W.width, 1.5 / r), e.stroke();
 	}
-	if (n.ticks && we(t, n, i), n.arrow) {
-		let { cx: e, cy: r } = n.curve || {
-			cx: n.x1,
-			cy: n.y1
+	if (t.ticks && De(e, t, r), t.arrow) {
+		let { cx: n, cy: i } = t.curve || {
+			cx: t.x1,
+			cy: t.y1
 		};
-		Ce(t, n, Math.atan2(n.y2 - r, n.x2 - e), i);
+		Ee(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
 	}
-	a && n.packet && Te(t, n, r, i), t.restore();
+	i && t.packet && Oe(e, t, n, r), e.restore();
 }
-function Ce(e, t, n, r) {
-	let i = t.end || "triangle", { x2: a, y2: o, color: l } = t, u = Math.cos(n), d = Math.sin(n), f = (e, t) => [a - u * e - d * t, o - d * e + u * t], p = Math.max(s.strokeWidth, 1.2 / r);
-	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - c.spread) * c.length, o - Math.sin(n - c.spread) * c.length), e.lineTo(a - Math.cos(n + c.spread) * c.length, o - Math.sin(n + c.spread) * c.length), e.closePath(), e.fillStyle = l, e.fill();
+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(V.strokeWidth, 1.2 / r);
+	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - N.spread) * N.length, o - Math.sin(n - N.spread) * N.length), e.lineTo(a - Math.cos(n + N.spread) * N.length, o - Math.sin(n + N.spread) * N.length), e.closePath(), e.fillStyle = s, e.fill();
 	else {
-		if (e.strokeStyle = l, e.lineWidth = p, e.lineJoin = "miter", i === "chevron") {
-			let t = c.length * Math.cos(c.spread), n = c.length * Math.sin(c.spread);
-			e.moveTo(...f(t, n)), e.lineTo(a, o), e.lineTo(...f(t, -n));
-		} else if (i === "bar") e.moveTo(...f(p / 2, s.barHalf)), e.lineTo(...f(p / 2, -s.barHalf));
+		if (e.strokeStyle = s, e.lineWidth = d, e.lineJoin = "miter", i === "chevron") {
+			let t = N.length * Math.cos(N.spread), n = N.length * Math.sin(N.spread);
+			e.moveTo(...u(t, n)), e.lineTo(a, o), e.lineTo(...u(t, -n));
+		} else if (i === "bar") e.moveTo(...u(d / 2, V.barHalf)), e.lineTo(...u(d / 2, -V.barHalf));
 		else {
-			let t = s.diamondHalf;
-			e.moveTo(a, o), e.lineTo(...f(t, s.diamondAcross)), e.lineTo(...f(2 * t, 0)), e.lineTo(...f(t, -s.diamondAcross)), e.closePath();
+			let t = V.diamondHalf;
+			e.moveTo(a, o), e.lineTo(...u(t, V.diamondAcross)), e.lineTo(...u(2 * t, 0)), e.lineTo(...u(t, -V.diamondAcross)), e.closePath();
 		}
 		e.stroke();
 	}
 }
-function we(t, n, r) {
-	let i = Math.hypot(n.x2 - n.x1, n.y2 - n.y1), [a, o] = i > 0 ? [(n.x2 - n.x1) / i, (n.y2 - n.y1) / i] : [1, 0], c = e(n, .5);
-	t.beginPath();
-	for (let e = 0; e < n.ticks; e++) {
-		let r = (e - (n.ticks - 1) / 2) * s.tickGap, i = c.x + a * r, l = c.y + o * r;
-		t.moveTo(i - o * s.tickHalf, l + a * s.tickHalf), t.lineTo(i + o * s.tickHalf, l - a * s.tickHalf);
+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 = y(t, .5);
+	e.beginPath();
+	for (let n = 0; n < t.ticks; n++) {
+		let r = (n - (t.ticks - 1) / 2) * V.tickGap, s = o.x + i * r, c = o.y + a * r;
+		e.moveTo(s - a * V.tickHalf, c + i * V.tickHalf), e.lineTo(s + a * V.tickHalf, c - i * V.tickHalf);
 	}
-	t.strokeStyle = n.color, t.lineWidth = Math.max(s.tickWidth, 1.5 / r), t.setLineDash([]), t.stroke();
+	e.strokeStyle = t.color, e.lineWidth = Math.max(V.tickWidth, 1.5 / n), e.setLineDash([]), e.stroke();
 }
-function Te(e, t, n, r) {
-	let i = O(t, n), { packet: a } = t;
-	a.glow && a.glow * r >= _e && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, ge), 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, ge), e.fillStyle = a.color, e.fill();
+function Oe(e, t, n, r) {
+	let i = f(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, a) {
+function Pe(e, t, n, r, i, a) {
 	e.save(), e.globalAlpha = t.alpha;
-	let o = r.halo[t.halo];
-	o && (o.fill && (J(e, t.x, t.y, t.r + o.fillR), e.fillStyle = o.fill, e.fill()), J(e, t.x, t.y, t.r + o.ringR), e.strokeStyle = o.ring, e.lineWidth = o.ringWidth, e.stroke());
-	let s = r.mark[t.mark];
-	if (s) {
-		let r = t.r + Math.max(s.ringR, w.gap / n);
-		J(e, t.x, t.y, r), e.strokeStyle = s.color, e.lineWidth = Math.max(s.ringWidth, w.ring / n), e.setLineDash(s.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 >= _e && (e.save(), e.globalAlpha = t.alpha * .28, J(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 c = t.icon && a.icons ? a.icons.get(t.icon) : null, u = !c && pe(t, n), d = !c && !u && i(t, n) ? oe(t.glyph, v(t, a)) : null;
-	if (d || (J(e, t.x, t.y, t.r * b), 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()), c) {
-		let n = t.r * l;
-		e.imageSmoothingEnabled = !a.pixelated, e.drawImage(c, t.x - n / 2, t.y - n / 2, n, n);
-	} else if (u) {
-		let n = he(t.letters, a.values && a.values["--corn-map-glyph"]);
+	let s = r.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 l = r.mark[t.mark];
+	if (l) {
+		let r = t.r + Math.max(l.ringR, q.gap / n);
+		Y(e, t.x, t.y, r), e.strokeStyle = l.color, e.lineWidth = Math.max(l.ringWidth, q.ring / n), e.setLineDash(l.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());
+	}
+	if (xe(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= 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 * (j[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 d = t.icon && i.icons ? i.icons.get(t.icon) : null, f = !d && me(t, n), p = !d && !f && D(t, n) ? o(t.glyph, u(t, i, a)) : null;
+	if (p || (Y(e, t.x, t.y, t.r * F), e.fillStyle = r.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()), d) {
+		let n = t.r * G;
+		e.imageSmoothingEnabled = !i.pixelated, e.drawImage(d, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (f) {
+		let n = ge(t.letters, i.values && i.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 (d) {
-		let n = t.r * G;
-		e.imageSmoothingEnabled = !0, e.drawImage(d, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (p) {
+		let n = t.r * c;
+		e.imageSmoothingEnabled = !0, e.drawImage(p, t.x - n / 2, t.y - n / 2, n, n);
 	}
 	e.restore();
 }
-function Me(e, t = {}) {
-	let n = t.mapStyle || (() => d), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c = null, l = null, u = () => {
+function Fe(e, t = {}) {
+	let n = t.mapStyle || (() => L), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c = null, l = null, u = () => {
 		if (s) return s;
 		try {
 			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;
@@ -156,49 +176,49 @@ function Me(e, t = {}) {
 			c = null;
 		}
 		return c || (s = null), s;
-	}, 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) {
+	}, 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, i, a), r.lanes.length && xe(e, r.lanes), r.rings.length && be(e, r.rings), Ae(t, n, i, a).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, 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, d, p) {
-			let g = n(), _ = x(t, g);
+		draw(t, f, h) {
+			let g = n(), _ = ae(t, g);
 			r.clearRect(0, 0, i, a);
-			let v = ce(P(_.theme), g), y = Ae(_, d, i, a);
-			if (m(_) && y.length > f && u()) {
-				l && l.scene === _ && l.x === d.x && l.y === d.y && l.zoom === d.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), h(c, _, d), l = {
+			let v = M(z(_.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: d.x,
-					y: d.y,
-					zoom: d.zoom,
+					x: f.x,
+					y: f.y,
+					zoom: f.zoom,
 					w: e.width,
 					h: e.height
-				}), r.save(), r.setTransform(1, 0, 0, 1, 0, 0), r.drawImage(s, 0, 0), r.restore(), r.save(), r.translate(d.x, d.y), r.scale(d.zoom, d.zoom), y.forEach((e) => {
-					e.packet && Ee(r, e, p, d.zoom);
-				}), _.nodes.forEach((e) => je(r, e, d.zoom, v, g)), r.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;
 			}
-			r.save(), r.translate(d.x, d.y), r.scale(d.zoom, d.zoom);
+			r.save(), r.translate(f.x, f.y), r.scale(f.zoom, f.zoom);
 			let { decor: b } = _;
-			b.grid && ye(r, b.grid, d, i, a), b.lanes.length && xe(r, b.lanes), b.rings.length && be(r, b.rings), y.forEach((e) => Se(r, e, p, d.zoom)), _.nodes.forEach((e) => je(r, e, d.zoom, v, g)), r.restore();
+			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() {
 			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, Y = 64, X = {
+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, Y = 64, X = {
 	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) => u.includes(e.type) && !e.greyed, Qe = (e, t) => e.selected ? X.selected : e.current ? X.current : e.match ? X.match : t && e.connected ? X.lit : e.mark && e.mark !== "none" || e.labelKeep && !Ze(e) ? X.marked : e.greyed ? X.greyed : Ze(e) ? X.hub : X.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) => k.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 === X.greyed ? 2 + f * Je : 2, x = Math.floor((g - b) / Y), S = Math.floor((_ + b) / Y), C = Math.floor((v - b) / Y), w = Math.floor((y + b) / Y), 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,16 +406,16 @@ function $e(e, t, n = {}) {
 			b: y
 		};
 		l.push(E);
-		let D = Math.floor(g / Y), O = Math.floor(_ / Y), ee = Math.floor(v / Y), k = Math.floor(y / Y);
-		for (let e = D; e <= O; e++) for (let t = ee; t <= k; t++) {
+		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 n = c(e, t), r = s.get(n);
 			r ? r.push(E) : s.set(n, [E]);
 		}
 	}
 	return l;
 }
-function et(e, t, n, r = {}) {
-	let { max: i = 400, margin: a = 32, measure: o = null, hover: s = null } = r, c = [], l = e.labelOutline || P(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 || z(e.theme).labelOutline;
 	for (let t of e.decor.lanes) for (let n of [
 		t.title,
 		t.note,
@@ -414,7 +434,7 @@ function et(e, t, n, r = {}) {
 		align: "center",
 		family: e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif"
 	});
-	let { zoom: u } = t, d = r.placed || $e(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);
+	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) {
@@ -441,7 +461,7 @@ function et(e, t, n, r = {}) {
 			screen: e.screen
 		});
 	}
-	let v = Xe(e), y = g.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,
@@ -489,7 +509,7 @@ function et(e, t, n, r = {}) {
 	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 = Xe(e), i = t.y + n.y * u - n.r * u > 40 ? n.y - n.r - 5 / u : n.y + n.r + (5 + r) / u;
+			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,
@@ -512,17 +532,17 @@ function et(e, t, n, r = {}) {
 	}
 	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,69 +571,69 @@ 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 || (() => d), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c, l, u, f, p, m, h = null, g = !0, _ = !1, v = /* @__PURE__ */ new Map(), y = z, b = (e, t, n) => {
-		let i = `${n ? "b" : "n"}${t}|${y}|${e}`, a = v.get(i);
-		return a === void 0 && (v.size > 2e4 && v.clear(), r.font = tt({
+function ut(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 = I, y = (e, t, n) => {
+		let i = `${n ? "b" : "n"}${t}|${v}|${e}`, a = _.get(i);
+		return a === void 0 && (_.size > 2e4 && _.clear(), r.font = it({
 			italic: !1,
 			bold: n,
 			size: t,
-			family: y
-		}), a = r.measureText(e).width, v.set(i, a)), a;
+			family: v
+		}), a = r.measureText(e).width, _.set(i, a)), a;
 	};
 	return {
 		hit(e, t) {
-			return h && s ? ot(h, {
+			return m && s ? lt(m, {
 				x: l,
 				y: u,
-				zoom: f
+				zoom: d
 			}, e, t) : null;
 		},
 		resize(t, n, s) {
-			i = t, a = n, o = s, e.width = t * s, e.height = n * s, r.setTransform(s, 0, 0, s, 0, 0), g = !0;
+			i = t, a = n, o = s, e.width = t * s, e.height = n * s, r.setTransform(s, 0, 0, s, 0, 0), h = !0;
 		},
-		draw(e, t, d = {}) {
-			if (_) return !1;
-			let v = n(), S = v.plain ? 0 : v.version, C = d.hover || null;
-			if (!g && e === s && e.version === c && t.x === l && t.y === u && t.zoom === f && S === p && C === m) return !1;
-			let w = h && e === s && e.version === c && t.zoom === f && S === p && !g;
-			s = e, c = e.version, l = t.x, u = t.y, f = t.zoom, p = S, m = C, g = !1;
-			let T = x(e, v);
-			y = T.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), w || (h = $e(T, t.zoom, { measure: b }));
-			let E = et(T, t, {
+		draw(e, t, _ = {}) {
+			if (g) return !1;
+			let b = n(), x = b.plain ? 0 : b.version, S = _.hover || null;
+			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 = ae(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: b,
-				hover: C,
-				placed: h
-			}), D = it();
-			for (let e of E) e.kind === "lane" && at(r, e, D);
-			for (let e of E) e.kind === "node" && !e.screen && at(r, e, D);
+				measure: y,
+				hover: S,
+				placed: m
+			}), 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 O = {
+			let D = {
 				ox: t.x,
 				oy: t.y,
 				k: t.zoom
 			};
-			D = it();
-			for (let e of E) e.kind === "node" && e.screen && at(r, e, D, O);
-			for (let e of E) e.kind === "edge" && at(r, e, D, O);
-			for (let e of E) e.kind === "chip" && at(r, e, D, O);
+			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() {
-			_ = !0, s = null, h = null, v.clear(), r.setTransform(1, 0, 0, 1, 0, 0), r.clearRect(0, 0, i, a);
+			g = !0, s = null, m = null, _.clear(), r.setTransform(1, 0, 0, 1, 0, 0), r.clearRect(0, 0, i, a);
 		}
 	};
 }
 // ../explorer/engine/render.js
-var ct = [
+var dt = [
 	"pointerdown",
 	"pointermove",
 	"mousedown",
@@ -623,65 +643,65 @@ var ct = [
 	"touchmove",
 	"keydown"
 ];
-function lt(e, t = {}) {
+function ft(e, n = {}) {
 	if (e.map) return e.map;
-	let { state: r } = e, i = t.measureCovered || (() => r.coveredBottom || 0), a = n(e).get, o = !1, s = (e) => ie(r, e), c = (e) => ie(r, e, { viewer: !0 }), l = (t, n = e.viewEdges(), i = {
-		throughChildren: !!r.throughChildren,
-		kind: r.selectedKind || null
-	}) => H(t, n, i), u = g((t) => T(t, { reduceMotion: e.reducedMotion })), d = () => u.get(r), f = () => u.builds, p = Ie(), m = () => p.get(d()), h = () => p.builds, _ = null, v = null;
+	let { state: i } = e, a = n.measureCovered || (() => i.coveredBottom || 0), o = te(e).get, s = !1, c = (e) => B(i, e), l = (e) => B(i, e, { viewer: !0 }), u = (t, n = e.viewEdges(), a = {
+		throughChildren: !!i.throughChildren,
+		kind: i.selectedKind || null
+	}) => r(t, n, a), d = se((n) => t(n, { reduceMotion: e.reducedMotion })), f = () => d.get(i), p = () => d.builds, m = ze(), h = () => m.get(f()), g = () => m.builds, _ = null, v = null;
 	function y() {
-		return _ && v === r.canvas || (_ && _.destroy(), _ = Me(r.canvas, { mapStyle: a }), v = r.canvas, r.width && _.resize(r.width, r.height, e.dpr())), _;
+		return _ && v === i.canvas || (_ && _.destroy(), _ = Fe(i.canvas, { mapStyle: o }), v = i.canvas, i.width && _.resize(i.width, i.height, e.dpr())), _;
 	}
 	let b = null, x = null;
 	function S() {
-		return r.labelCanvas ? (b && x === r.labelCanvas || (b && b.destroy(), b = st(r.labelCanvas, { mapStyle: a }), x = r.labelCanvas, r.width && b.resize(r.width, r.height, e.dpr())), b) : null;
+		return i.labelCanvas ? (b && x === i.labelCanvas || (b && b.destroy(), b = ut(i.labelCanvas, { mapStyle: o }), x = i.labelCanvas, i.width && b.resize(i.width, i.height, e.dpr())), b) : null;
 	}
 	function C(t) {
-		_ && _ !== t && _.destroy(), _ = t, v = r.canvas, r.width && _.resize(r.width, r.height, e.dpr()), V();
+		_ && _ !== t && _.destroy(), _ = t, v = i.canvas, i.width && _.resize(i.width, i.height, e.dpr()), U();
 	}
 	function w() {
-		let { canvas: t } = r, n = `${r.width}x${r.height}`;
-		r.width = t.parentElement.clientWidth, r.height = t.parentElement.clientHeight, y().resize(r.width, r.height, e.dpr());
-		let i = S();
-		i && i.resize(r.width, r.height, e.dpr()), n !== `${r.width}x${r.height}` && D(), V();
+		let { canvas: t } = i, n = `${i.width}x${i.height}`;
+		i.width = t.parentElement.clientWidth, i.height = t.parentElement.clientHeight, y().resize(i.width, i.height, e.dpr());
+		let r = S();
+		r && r.resize(i.width, i.height, e.dpr()), n !== `${i.width}x${i.height}` && E(), U();
 	}
-	let E = e.slot("fit", () => ({
+	let T = e.slot("fit", () => ({
 		lastFit: null,
 		waiting: null
 	}));
-	function D() {
-		if (!r.width || !r.height) return;
-		if (E.waiting) {
-			let { padding: e, only: t } = E.waiting;
-			M(e === null ? N() : e, t);
+	function E() {
+		if (!i.width || !i.height) return;
+		if (T.waiting) {
+			let { padding: e, only: t } = T.waiting;
+			N(e === null ? P() : e, t);
 			return;
 		}
-		let { camera: e } = r, t = E.lastFit;
-		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && M(t.auto ? N() : t.padding, t.only);
+		let { camera: e } = i, t = T.lastFit;
+		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && N(t.auto ? P() : t.padding, t.only);
 	}
-	function O() {
-		let t = r.canvas && r.canvas.parentElement, n = e.win && e.win.ResizeObserver;
+	function D() {
+		let t = i.canvas && i.canvas.parentElement, n = e.win && e.win.ResizeObserver;
 		if (!t || !n) return () => {};
-		let i = new n(() => {
-			r.canvas && (t.clientWidth !== r.width || t.clientHeight !== r.height) && w();
+		let r = new n(() => {
+			i.canvas && (t.clientWidth !== i.width || t.clientHeight !== i.height) && w();
 		});
-		i.observe(t);
-		let a = () => i.disconnect();
+		r.observe(t);
+		let a = () => r.disconnect();
 		return e.own(a), a;
 	}
-	function ee(e, t = null) {
-		let { nodes: n, width: a, height: o } = r, c = n.filter(s);
+	function O(e, t = null) {
+		let { nodes: n, width: r, height: o } = i, s = n.filter(c);
 		if (t) {
-			let e = c.filter((e) => t.has(e.id));
-			e.length && (c = e);
+			let e = s.filter((e) => t.has(e.id));
+			e.length && (s = e);
 		}
-		if (c.length === 0) return null;
-		let l = Math.max(160, o - i()), u = Infinity, d = -Infinity, f = Infinity, p = -Infinity;
-		c.forEach((e) => {
+		if (s.length === 0) return null;
+		let l = Math.max(160, o - a()), 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);
-		}), r.view === "dataflow" && r.flow && (f = Math.min(f, r.flow.top - 10)), r.view === "house" && r.house && r.house.fit && !t && ({minX: u, maxX: d, minY: f, maxY: p} = r.house.fit);
-		let m = Math.max(160, a - e * 2), h = Math.max(160, l - e * 2), g = Math.min(m / (d - u), h / (p - f));
+		}), i.view === "dataflow" && i.flow && (f = Math.min(f, i.flow.top - 10)), i.view === "house" && i.house && i.house.fit && !t && ({minX: u, maxX: d, minY: f, maxY: p} = i.house.fit);
+		let m = Math.max(160, r - e * 2), h = Math.max(160, l - e * 2), g = Math.min(m / (d - u), h / (p - f));
 		return {
 			minX: u,
 			maxX: d,
@@ -691,142 +711,145 @@ function lt(e, t = {}) {
 			raw: g
 		};
 	}
-	let k = "", A = U;
-	function j() {
-		let e = `${r.sceneVersion}|${r.width}|${r.height}|${r.view}|${i()}`;
+	let k = "", j = oe;
+	function M() {
+		let e = `${i.sceneVersion}|${i.width}|${i.height}|${i.view}|${a()}`;
 		if (e !== k) {
 			k = e;
-			let t = ee(N());
-			A = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(I, Math.min(U, t.raw)) : U;
+			let t = O(P());
+			j = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(A, Math.min(oe, t.raw)) : oe;
 		}
-		return A;
+		return j;
 	}
-	function M(e = 40, t = null) {
-		let { width: n, height: i, camera: a } = r;
-		if (!n || !i) {
-			r.nodes.length && (E.waiting = {
-				padding: e === N() ? null : e,
+	function N(e = 40, t = null) {
+		let { width: n, height: r, camera: a } = i;
+		if (!n || !r) {
+			i.nodes.length && (T.waiting = {
+				padding: e === P() ? null : e,
 				only: t
 			});
 			return;
 		}
-		E.waiting = null;
-		let o = ee(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(I, o.raw));
-		a.zoom = f, a.x = n / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, E.lastFit = {
+		let { minX: s, maxX: c, minY: l, maxY: u, mapHeight: d } = o, f = Math.min(1, Math.max(A, o.raw));
+		a.zoom = f, a.x = n / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, T.lastFit = {
 			padding: e,
-			auto: e === N(),
+			auto: e === P(),
 			only: t,
 			x: a.x,
 			y: a.y,
 			zoom: a.zoom
-		}, V();
-	}
-	let N = () => r.width < 640 ? 24 : 48, te = (e, t) => ({
-		x: (e - r.camera.x) / r.camera.zoom,
-		y: (t - r.camera.y) / r.camera.zoom
-	}), P = -1;
-	function F() {
-		if (!r.canvas) return;
-		let e = d();
-		P = e.version, y().draw(e, r.camera, performance.now());
+		}, U();
+	}
+	let P = () => i.width < 640 ? 24 : 48, ee = (e, t) => ({
+		x: (e - i.camera.x) / i.camera.zoom,
+		y: (t - i.camera.y) / i.camera.zoom
+	}), F = -1;
+	function I() {
+		if (!i.canvas) return;
+		let e = f();
+		F = e.version, y().draw(e, i.camera, performance.now());
 		let t = S();
-		t && t.draw(e, r.camera, { hover: r.hoverNodeId }), R.forEach((t) => t(e, r.camera));
+		t && t.draw(e, i.camera, { hover: i.hoverNodeId }), z.forEach((t) => t(e, i.camera));
 	}
-	function ne(e, t) {
+	function L(e, t) {
 		let n = S();
 		return n ? n.hit(e, t) : null;
 	}
-	function L(e) {
+	function R(e) {
 		let t = e || null;
-		if (r.hoverNodeId === t) return;
-		r.hoverNodeId = t;
+		if (i.hoverNodeId === t) return;
+		i.hoverNodeId = t;
 		let n = S();
-		n && r.canvas && r.width && n.draw(d(), r.camera, { hover: t });
+		n && i.canvas && i.width && n.draw(f(), i.camera, { hover: t });
 	}
-	let R = /* @__PURE__ */ new Set(), re = (e) => (R.add(e), () => R.delete(e)), z = /* @__PURE__ */ new Set(), B = He({
-		draw: F,
-		packetsVisible: () => !!r.canvas && ze(d(), r.camera, r.width, r.height),
+	let z = /* @__PURE__ */ new Set(), ne = (e) => (z.add(e), () => z.delete(e)), V = /* @__PURE__ */ new Set(), H = Ge({
+		draw: I,
+		packetsVisible: () => !!i.canvas && He(f(), i.camera, i.width, i.height),
 		isHidden: () => e.hidden(),
 		tickClients: (e) => {
 			let t = !1;
-			return z.forEach((n) => {
+			return V.forEach((n) => {
 				n.tick(e), n.wants() && (t = !0);
 			}), t;
 		},
-		clientsWant: () => [...z].some((e) => e.wants()),
+		clientsWant: () => [...V].some((e) => e.wants()),
 		reduceMotion: () => e.reducedMotion,
-		extraDirty: () => r.sceneVersion !== P,
+		extraDirty: () => i.sceneVersion !== F,
 		now: () => performance.now(),
 		raf: (e) => requestAnimationFrame(e),
 		caf: (e) => cancelAnimationFrame(e)
 	});
-	function V() {
-		!o && r.canvas && B.markDirty();
+	function U() {
+		!s && i.canvas && H.markDirty();
 	}
-	function ae() {
-		!o && r.canvas && B.drawNow();
+	function W() {
+		!s && i.canvas && H.drawNow();
 	}
-	function W(e) {
-		return z.add(e), () => z.delete(e);
+	function re(e) {
+		return V.add(e), () => V.delete(e);
 	}
+	let G = [];
 	if (e.root) {
-		let t = () => B.noteInput();
-		for (let n of ct) e.listen(e.root, n, t, {
+		let t = () => H.noteInput();
+		for (let n of dt) G.push(e.listen(e.root, n, t, {
 			passive: !0,
 			capture: !0
-		});
+		}));
 	}
-	e.onShown(() => B.shown()), e.onShown(() => {
-		let e = r.canvas && r.canvas.parentElement;
-		!o && e && e.clientWidth && e.clientHeight && (e.clientWidth !== r.width || e.clientHeight !== r.height) && w();
-	});
-	function G() {
-		o = !0, e.map === K && (e.map = null), B.cancel(), _ && (_.release ? _.release() : _.destroy(), _ = null, v = null), b && (b.destroy(), b = null, x = null), R.clear(), z.clear();
+	G.push(e.onShown(() => H.shown())), G.push(e.onShown(() => {
+		let e = i.canvas && i.canvas.parentElement;
+		!s && e && e.clientWidth && e.clientHeight && (e.clientWidth !== i.width || e.clientHeight !== i.height) && w();
+	}));
+	function ie() {
+		s = !0;
+		for (let e of G.splice(0)) e();
+		e.map === K && (e.map = null), H.cancel(), _ && (_.release ? _.release() : _.destroy(), _ = null, v = null), b && (b.destroy(), b = null, x = null), z.clear(), V.clear();
 	}
 	let K = {
-		isNodeVisible: s,
-		isNodeVisibleToViewer: c,
-		getActiveSubgraph: l,
-		getScene: d,
-		sceneBuilds: f,
-		getSpatialIndex: m,
-		spatialBuilds: h,
+		isNodeVisible: c,
+		isNodeVisibleToViewer: l,
+		getActiveSubgraph: u,
+		getScene: f,
+		sceneBuilds: p,
+		getSpatialIndex: h,
+		spatialBuilds: g,
 		getRenderer: y,
 		setRenderer: C,
 		resize: w,
-		watchSize: O,
-		getMinZoom: j,
-		fitGraphToViewport: M,
-		fitPadding: N,
-		screenToWorld: te,
-		labelNodeAt: ne,
-		setHoverNode: L,
-		onPaint: re,
-		render: V,
-		renderNow: ae,
-		addFrameClient: W,
+		watchSize: D,
+		getMinZoom: M,
+		fitGraphToViewport: N,
+		fitPadding: P,
+		screenToWorld: ee,
+		labelNodeAt: L,
+		setHoverNode: R,
+		onPaint: ne,
+		render: U,
+		renderNow: W,
+		addFrameClient: re,
 		queueFrameWork: (e, t) => {
-			o || B.queue(e, t);
+			s || H.queue(e, t);
 		},
 		frameStats: () => ({
-			frames: B.frames,
-			draws: B.draws
+			frames: H.frames,
+			draws: H.draws
 		}),
 		holdFrames: (e) => {
-			o || B.hold(e);
+			s || H.hold(e);
 		},
-		cancelFrame: () => B.cancel(),
+		cancelFrame: () => H.cancel(),
 		ensureFlowLoop: () => {
-			o || B.wake();
+			s || H.wake();
 		},
-		destroy: G
+		destroy: ie
 	};
-	return e.map = K, e.own(G), K;
+	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);
@@ -914,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;
-	F(e), n.view === "dataflow" && n.flow ? (n.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
+function gt(t, { placeLive: n } = {}) {
+	let { state: r } = t;
+	_(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) || f(e, n.flow)) : n.baseNodes && (n.proposal || n.nodes.some((e) => e.live)) ? gt(e, t) : p(e);
+	})), r.proposal && r.baseNodes && vt(t) || e(t, r.flow)) : r.baseNodes && (r.proposal || r.nodes.some((e) => e.live)) ? yt(t, n) : P(t);
 }
-function mt(e, t, n) {
+function _t(e, t, n) {
 	let { state: r } = e;
-	r.mapNodes = t, r.mapEdges = n, r.nodes = t, r.edges = n, r.flow = ut(t, n), D(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, F(e);
-	let i = ut(r, t.baseEdges);
-	i.tiers.forEach((e) => e.nodes.forEach((e) => {
+	r.mapNodes = t, r.mapEdges = n, r.nodes = t, r.edges = n, r.flow = pt(t, n), m(r.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, _(t);
+	let a = pt(i, n.baseEdges);
+	a.tiers.forEach((e) => e.nodes.forEach((e) => {
 		e.r = Math.min(e.r, 13);
-	})), f(e, i), t.nodes = n.nodes, t.edges = n.edges;
-	let a = re(t.flow, i);
-	return e.touchScene(), a;
+	})), e(t, a), n.nodes = r.nodes, n.edges = r.edges;
+	let o = h(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, F(e), p(e);
+	n.nodes = i, n.edges = n.baseEdges, _(e), P(e);
 	let a = new Map(i.map((e) => [e.id, e]));
-	n.nodes = r.nodes, n.edges = r.edges, F(e), n.nodes.forEach((e) => {
+	n.nodes = r.nodes, n.edges = r.edges, _(e), n.nodes.forEach((e) => {
 		let t = a.get(e.id);
 		t && (e.x = t.x, e.y = t.y, e.r = t.r);
-	}), V(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
+	}), g(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
 }
 // ../explorer/shaders.js
-var Z = "#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", Q = "\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", vt = `${Z}
+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;
@@ -975,7 +998,7 @@ void main() {
   v_color = a_color;
   gl_Position = vec4(a_corner, 0.0, 1.0);
 }
-`, yt = `${Z}${Q}
+`, Ct = `${Q}${xt}
 in vec2 v_pos;
 flat in vec4 v_grid;
 flat in vec4 v_color;
@@ -988,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;
 }
-`, bt = `${Z}${_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;
@@ -1012,7 +1035,7 @@ void main() {
   v_stroke = a_stroke;
   gl_Position = toClip(pos);
 }
-`, xt = `${Z}${Q}
+`, Tt = `${Q}${xt}
 in vec2 v_local;
 flat in vec2 v_half;
 flat in vec2 v_style;
@@ -1029,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;
 }
-`, St = `${Z}${_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;
@@ -1049,7 +1072,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = toClip(pos);
 }
-`, Ct = `${Z}${Q}
+`, Dt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1064,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;
 }
-`, wt = `${Z}${_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)
@@ -1092,7 +1115,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(centre + v_local);
 }
-`, Tt = `${Z}${Q}
+`, kt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1145,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
@@ -1182,7 +1216,7 @@ void main() {
 
   outColor = acc;
 }
-`, Et = "\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", Dt = "\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", Ot = (e) => `${Z}${Et}
+`, 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)
@@ -1224,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);
 }
-`, kt = `${Z}${Q}
+`, Nt = `${Q}${xt}
 in float v_across;
 in float v_arc;
 flat in float v_len;
@@ -1274,7 +1308,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * cover);
   outColor = acc;
 }
-`, At = `${Z}${_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;
@@ -1294,7 +1328,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(u_cam.xy + a_tip.xy * zoom + off);
 }
-`, jt = `${Z}${Q}
+`, Ft = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_color;
 flat in float v_kind;
@@ -1350,7 +1384,7 @@ void main() {
   }
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * coverEdge(sd, pix);
 }
-`, Mt = `${Z}${_t}${Et}${Dt}
+`, 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
@@ -1371,7 +1405,7 @@ void main() {
   v_glow = a_glow;
   gl_Position = toClip(centre + v_local);
 }
-`, Nt = `${Z}${Q}
+`, Lt = `${Q}${xt}
 in vec2 v_local;
 flat in vec4 v_size;
 flat in vec4 v_color;
@@ -1386,7 +1420,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * coverEdge(len - R, pix));
   outColor = acc;
 }
-`, Pt = `${Z}${_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
@@ -1401,7 +1435,7 @@ void main() {
   v_alpha = a_geom.w;
   gl_Position = toClip(pos);
 }
-`, Ft = `${Z}
+`, zt = `${Q}
 uniform sampler2D u_tex;
 in vec2 v_uv;
 flat in float v_alpha;
@@ -1409,34 +1443,34 @@ out vec4 outColor;
 void main() {
   outColor = texture(u_tex, v_uv) * v_alpha; // the texture is uploaded premultiplied
 }
-`, It = {
+`, Bt = {
 	none: 0,
 	selected: 1,
 	match: 2,
 	child: 3
-}, Lt = {
+}, Vt = {
 	arrow: 1,
 	strike: 2,
 	chevron: 3,
 	bar: 4,
 	diamond: 5,
 	tick: 6
-}, Rt = Object.freeze(Object.fromEntries(_.map((e, t) => [e, t]))), zt = {
+}, Ht = Object.freeze(Object.fromEntries(b.map((e, t) => [e, t]))), Ut = {
 	none: 0,
 	added: 1,
 	changed: 2,
 	removed: 3,
 	edit: 4
 }, $ = (e) => {
-	let [n, r, i, a] = t(e);
+	let [t, n, r, i] = R(e);
 	return [
+		t / 255,
 		n / 255,
 		r / 255,
-		i / 255,
-		a
+		i
 	];
-}, Bt = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
-function Vt(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);
@@ -1449,10 +1483,10 @@ function Vt(e) {
 			i,
 			a,
 			e.glow || 0,
-			Bt(It, e.halo),
-			Bt(zt, e.mark),
+			Wt(Bt, e.halo),
+			Wt(Ut, e.mark),
 			o,
-			Bt(Rt, 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,
@@ -1460,7 +1494,7 @@ function Vt(e) {
 		stride: 12
 	};
 }
-function Ht(e) {
+function Kt(e) {
 	let { grid: t, rings: n, lanes: r } = e.decor, i = new Float32Array(t ? 8 : 0);
 	t && i.set([
 		t.size,
@@ -1512,110 +1546,110 @@ function Ht(e) {
 		}
 	};
 }
-function Ut(t) {
-	let n = {
+function qt(e) {
+	let t = {
 		straight: [],
 		curved: [],
 		tips: [],
 		packets: []
 	};
-	t.edges.forEach((t) => {
-		let [r, i, a, o] = $(t.color), c = t.alpha, l = o * c, [u, d] = t.dash && t.dash.length >= 2 ? t.dash : [0, 0], f = t.glow > 0 && !!t.glowColor, [p, m, h, g] = f ? $(t.glowColor) : [
+	e.edges.forEach((e) => {
+		let [n, r, i, a] = $(e.color), o = e.alpha, s = a * o, [c, l] = e.dash && e.dash.length >= 2 ? e.dash : [0, 0], u = e.glow > 0 && !!e.glowColor, [d, f, p, m] = u ? $(e.glowColor) : [
 			0,
 			0,
 			0,
 			0
-		], _ = t.curve ? t.curve.cx : (t.x1 + t.x2) / 2, v = t.curve ? t.curve.cy : (t.y1 + t.y2) / 2, y = t.mark && t.mark !== "none" ? 1 : 0;
-		if (n[t.curve ? "curved" : "straight"].push([
-			t.x1,
-			t.y1,
-			t.x2,
-			t.y2,
-			_,
-			v,
-			t.width,
-			f ? t.glow : 0,
+		], h = e.curve ? e.curve.cx : (e.x1 + e.x2) / 2, g = e.curve ? e.curve.cy : (e.y1 + e.y2) / 2, _ = e.mark && e.mark !== "none" ? 1 : 0;
+		if (t[e.curve ? "curved" : "straight"].push([
+			e.x1,
+			e.y1,
+			e.x2,
+			e.y2,
+			h,
+			g,
+			e.width,
+			u ? e.glow : 0,
+			n,
 			r,
 			i,
-			a,
-			l,
-			p,
-			m,
-			h,
-			g * l,
-			u,
+			s,
 			d,
-			y
-		]), t.arrow) {
-			let e = Math.atan2(t.y2 - (t.curve ? t.curve.cy : t.y1), t.x2 - (t.curve ? t.curve.cx : t.x1)), o = t.end && t.end !== "triangle" && Bt(Lt, t.end) || Lt.arrow;
-			n.tips.push([
-				t.x2,
-				t.y2,
-				Math.cos(e),
-				Math.sin(e),
+			f,
+			p,
+			m * s,
+			c,
+			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" && Wt(Vt, e.end) || Vt.arrow;
+			t.tips.push([
+				e.x2,
+				e.y2,
+				Math.cos(a),
+				Math.sin(a),
+				n,
 				r,
 				i,
-				a,
-				l,
+				s,
 				o
 			]);
 		}
-		if (t.ticks) {
-			let o = e(t, .5), c = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [u, d] = c > 0 ? [(t.x2 - t.x1) / c, (t.y2 - t.y1) / c] : [1, 0];
-			for (let e = 0; e < t.ticks; e++) {
-				let c = (e - (t.ticks - 1) / 2) * s.tickGap;
-				n.tips.push([
-					o.x + u * c,
-					o.y + d * c,
-					u,
-					d,
+		if (e.ticks) {
+			let a = y(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) * V.tickGap;
+				t.tips.push([
+					a.x + c * u,
+					a.y + l * u,
+					c,
+					l,
+					n,
 					r,
 					i,
-					a,
-					l,
-					Lt.tick
+					s,
+					Vt.tick
 				]);
 			}
 		}
-		if (t.mark === "removed") {
-			let o = e(t, .5), s = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [c, u] = s > 0 ? [(t.x2 - t.x1) / s, (t.y2 - t.y1) / s] : [1, 0];
-			n.tips.push([
-				o.x,
-				o.y,
+		if (e.mark === "removed") {
+			let a = y(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,
 				c,
-				u,
+				l,
+				n,
 				r,
 				i,
-				a,
-				l,
-				Lt.strike
+				s,
+				Vt.strike
 			]);
 		}
-		if (t.packet) {
-			let e = t.packet, [r, i, a, o] = $(e.color), [s, l, u, d] = $(e.glowColor);
-			n.packets.push([
-				t.x1,
-				t.y1,
-				t.x2,
-				t.y2,
-				_,
-				v,
-				e.speed,
-				e.phase,
+		if (e.packet) {
+			let n = e.packet, [r, i, a, s] = $(n.color), [c, l, u, d] = $(n.glowColor);
+			t.packets.push([
+				e.x1,
+				e.y1,
+				e.x2,
+				e.y2,
+				h,
+				g,
+				n.speed,
+				n.phase,
 				r,
 				i,
 				a,
-				o * c,
-				s,
+				s * o,
+				c,
 				l,
 				u,
-				d * o * c,
-				e.radius,
-				e.glow
+				d * s * o,
+				n.radius,
+				n.glow
 			]);
 		}
 	});
-	let r = (e, t) => {
+	let n = (e, t) => {
 		let n = new Float32Array(e.length * t);
 		return e.forEach((e, r) => n.set(e, r * t)), {
 			data: n,
@@ -1624,18 +1658,18 @@ function Ut(t) {
 		};
 	};
 	return {
-		straight: r(n.straight, 19),
-		curved: r(n.curved, 19),
-		tips: r(n.tips, 9),
-		packets: r(n.packets, 18)
+		straight: n(t.straight, 19),
+		curved: n(t.curved, 19),
+		tips: n(t.tips, 9),
+		packets: n(t.packets, 18)
 	};
 }
-var Wt = (e) => ({
-	...Ht(e),
-	nodes: Vt(e),
-	...Ut(e)
+var Jt = (e) => ({
+	...Kt(e),
+	nodes: Gt(e),
+	...qt(e)
 });
-function Gt(e) {
+function Yt(e) {
 	let t = [];
 	e.nodes.forEach((e) => {
 		if (!e.stroke) return;
@@ -1660,47 +1694,47 @@ function Gt(e) {
 		stride: 10
 	};
 }
-function Kt(e, t, n = null) {
-	let i = /* @__PURE__ */ new Map();
-	e.nodes.forEach((e) => {
-		let a = e.icon && t(e.icon) ? e.icon : null, o = e.r * l;
-		if (!a && !e.icon && e.letters && t(ue(e.letters)) && (a = ue(e.letters), o = e.r * 1), !a && !e.icon && !e.letters && e.glyph) {
-			let i = r(e.glyph, v(e, n));
-			t(i) && (a = i, o = e.r * G);
+function Xt(e, t, n = null) {
+	let r = /* @__PURE__ */ new Map();
+	e.nodes.forEach((i) => {
+		let a = i.icon && t(i.icon) ? i.icon : null, o = i.r * G;
+		if (!a && !i.icon && i.letters && t(de(i.letters)) && (a = de(i.letters), o = i.r * 1), !a && !i.icon && !i.letters && i.glyph) {
+			let r = re(i.glyph, u(i, n, e.theme));
+			t(r) && (a = r, o = i.r * c);
 		}
 		if (!a) return;
-		i.has(a) || i.set(a, {
+		r.has(a) || r.set(a, {
 			rows: [],
 			minR: Infinity,
 			maxR: 0
 		});
-		let s = i.get(a);
-		s.maxR = Math.max(s.maxR, e.r), s.rows.push([
-			e.x,
-			e.y,
+		let s = r.get(a);
+		s.maxR = Math.max(s.maxR, i.r), s.rows.push([
+			i.x,
+			i.y,
 			o,
-			e.alpha
-		]), s.minR = Math.min(s.minR, e.r);
+			i.alpha
+		]), s.minR = Math.min(s.minR, i.r);
 	});
-	let a = [], o = [];
-	for (let [e, { rows: t, minR: n, maxR: r }] of i) a.push({
+	let i = [], a = [];
+	for (let [e, { rows: t, minR: n, maxR: o }] of r) i.push({
 		kind: e,
-		first: o.length,
+		first: a.length,
 		count: t.length,
 		minR: n,
-		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,
+		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,
 		stride: 4,
-		groups: a
+		groups: i
 	};
 }
-function qt(e = "dark", t = null) {
-	let { halo: n, mark: r, core: i } = t ? ce(P(e), t) : P(e), a = /* @__PURE__ */ new Float32Array(16), o = /* @__PURE__ */ new Float32Array(16), s = /* @__PURE__ */ new Float32Array(16);
-	Object.entries(It).forEach(([e, t]) => {
+function Zt(e = "dark", t = null) {
+	let { halo: n, mark: r, core: i } = t ? M(z(e), t) : z(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,
@@ -1710,7 +1744,7 @@ function qt(e = "dark", t = null) {
 		], t * 4));
 	});
 	let c = /* @__PURE__ */ new Float32Array(20), l = /* @__PURE__ */ new Float32Array(20);
-	return Object.entries(zt).forEach(([e, t]) => {
+	return Object.entries(Ut).forEach(([e, t]) => {
 		if (!t) return;
 		let n = r[e];
 		c.set($(n.color), t * 4);
@@ -1728,19 +1762,19 @@ function qt(e = "dark", t = null) {
 		markColor: c,
 		markGeom: l,
 		markMin: new Float32Array([
-			w.ring,
-			w.edge,
-			w.gap
+			q.ring,
+			q.edge,
+			q.gap
 		]),
 		core: new Float32Array($(i)),
-		coreRatio: b
+		coreRatio: F
 	};
 }
-var Jt = [
+var Qt = [
 	{
 		name: "grid",
-		vert: vt,
-		frag: yt,
+		vert: St,
+		frag: Ct,
 		stride: 8,
 		attribs: [[
 			1,
@@ -1754,8 +1788,8 @@ var Jt = [
 	},
 	{
 		name: "lanes",
-		vert: bt,
-		frag: xt,
+		vert: wt,
+		frag: Tt,
 		stride: 14,
 		attribs: [
 			[
@@ -1782,8 +1816,8 @@ var Jt = [
 	},
 	{
 		name: "rings",
-		vert: St,
-		frag: Ct,
+		vert: Et,
+		frag: Dt,
 		stride: 10,
 		attribs: [
 			[
@@ -1805,8 +1839,8 @@ var Jt = [
 	},
 	{
 		name: "straight",
-		vert: Ot(1),
-		frag: kt,
+		vert: Mt(1),
+		frag: Nt,
 		stride: 19,
 		verts: 8,
 		attribs: [
@@ -1845,8 +1879,8 @@ var Jt = [
 	},
 	{
 		name: "curved",
-		vert: Ot(24),
-		frag: kt,
+		vert: Mt(24),
+		frag: Nt,
 		stride: 19,
 		verts: 54,
 		attribs: [
@@ -1885,8 +1919,8 @@ var Jt = [
 	},
 	{
 		name: "tips",
-		vert: At,
-		frag: jt,
+		vert: Pt,
+		frag: Ft,
 		stride: 9,
 		attribs: [
 			[
@@ -1909,8 +1943,8 @@ var Jt = [
 	},
 	{
 		name: "packets",
-		vert: Mt,
-		frag: Nt,
+		vert: It,
+		frag: Lt,
 		stride: 18,
 		attribs: [
 			[
@@ -1943,8 +1977,8 @@ var Jt = [
 	},
 	{
 		name: "nodes",
-		vert: wt,
-		frag: Tt,
+		vert: Ot,
+		frag: kt,
 		stride: 12,
 		attribs: [
 			[
@@ -1965,17 +1999,17 @@ var Jt = [
 		],
 		constants: "nodes"
 	}
-], Yt = {
+], $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"), C.roundedHalf, C.roundedCorner, C.hexInradius, C.squareHalf), e.uniform2f(t("u_shape2"), C.squareCorner, C.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"), c.length, c.spread, S.halfLength, S.width), e.uniform4f(t("u_end"), s.strokeWidth, s.barHalf, s.diamondHalf, s.diamondAcross), e.uniform2f(t("u_tick"), s.tickHalf, s.tickWidth);
+		e.uniform4f(t("u_tip"), N.length, N.spread, W.halfLength, W.width), e.uniform4f(t("u_end"), V.strokeWidth, V.barHalf, V.diamondHalf, V.diamondAcross), e.uniform2f(t("u_tick"), V.tickHalf, V.tickWidth);
 	}
-}, Xt = {
+}, en = {
 	alpha: !0,
 	premultipliedAlpha: !0,
 	antialias: !1,
@@ -1984,7 +2018,7 @@ var Jt = [
 	preserveDrawingBuffer: !1,
 	powerPreference: "high-performance"
 };
-function Zt(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);
@@ -1992,23 +2026,23 @@ function Zt(e, t, n, r) {
 	}
 	return i;
 }
-function Qt(e, t, n, r) {
-	let i = Zt(e, e.VERTEX_SHADER, t, `${r} vertex`), a = Zt(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 $t = (e) => !e || e.plain ? 0 : e.version;
-function en(e, t, n, r = null) {
-	let i = qt(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), Yt[t.spec.constants](e, t.at, i));
-	}), t.theme = n, t.styleKey = $t(r);
+		t.spec.constants && (e.useProgram(t.program), $t[t.spec.constants](e, t.at, i));
+	}), t.theme = n, t.styleKey = rn(r);
 }
-function tn(e, t, n) {
-	let r = Qt(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);
@@ -2028,11 +2062,11 @@ function tn(e, t, n) {
 		}
 	};
 }
-var nn = {
+var sn = {
 	strokes: {
 		name: "strokes",
-		vert: St,
-		frag: Ct,
+		vert: Et,
+		frag: Dt,
 		stride: 10,
 		attribs: [
 			[
@@ -2054,8 +2088,8 @@ var nn = {
 	},
 	icons: {
 		name: "icons",
-		vert: Pt,
-		frag: Ft,
+		vert: Rt,
+		frag: zt,
 		stride: 4,
 		attribs: [[
 			1,
@@ -2064,7 +2098,7 @@ var nn = {
 		]]
 	}
 };
-function rn(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,
@@ -2078,7 +2112,7 @@ function rn(e, t = "dark", n = null) {
 	]), e.STATIC_DRAW);
 	let i = {
 		corners: r,
-		passes: Jt.map((t) => tn(e, t, r)),
+		passes: Qt.map((t) => on(e, t, r)),
 		theme: t,
 		styleKey: 0,
 		extras: {
@@ -2088,41 +2122,41 @@ function rn(e, t = "dark", n = null) {
 		textures: /* @__PURE__ */ new Map(),
 		iconStore: null
 	};
-	return en(e, i, t, n), i;
+	return an(e, i, t, n), i;
 }
-function an(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 on(e, t = {}) {
-	let n = t.gl || e.getContext("webgl2", Xt);
+function un(e, t = {}) {
+	let n = t.gl || e.getContext("webgl2", en);
 	if (!n) throw Error("WebGL2 is not available");
-	let r = t.mapStyle || (() => d), i = {
+	let r = t.mapStyle || (() => L), i = {
 		uploads: 0,
 		draws: 0
-	}, s = rn(n), c = !1, l = 0, u = 0, f = null, p = null, m, h = null;
-	function g(e) {
-		return s.extras[e] || (s.extras[e] = tn(n, nn[e], s.corners)), s.extras[e];
+	}, a = cn(n), s = !1, u = 0, d = 0, f = null, p = null, m, h = null, g = null;
+	function _(e) {
+		return a.extras[e] || (a.extras[e] = on(n, sn[e], a.corners)), a.extras[e];
 	}
-	function _() {
-		s.passes.forEach((e) => {
+	function v() {
+		a.passes.forEach((e) => {
 			let t = f[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(nn)) {
+		for (let e of Object.keys(sn)) {
 			let t = f[e];
-			if (!t.count && !s.extras[e]) continue;
-			let r = g(e);
+			if (!t.count && !a.extras[e]) continue;
+			let r = _(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 v(e, t) {
+	function y(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 y(e, t, r) {
-		let i = s.textures.get(e);
+	function b(e, t, r) {
+		let i = a.textures.get(e);
 		if (!i || i.image !== t) {
 			i && n.deleteTexture(i.texture);
 			let r = n.createTexture();
@@ -2130,92 +2164,92 @@ function on(e, t = {}) {
 				image: t,
 				texture: r,
 				pixelated: null
-			}, s.textures.set(e, i);
+			}, a.textures.set(e, i);
 		}
-		return i.pixelated !== r && (v(i.texture, r), i.pixelated = r), i.texture;
+		return i.pixelated !== r && (y(i.texture, r), i.pixelated = r), i.texture;
 	}
-	function b(t, d, g) {
-		if (h = [
+	function x(t, _, y) {
+		if (g = [
 			t,
-			d,
-			g
-		], c || !s || !l || !u) return;
-		let v = r(), b = x(t, v), S = v.values ? v.values[o] : void 0;
-		(s.iconStore !== v.icons || s.glyphInk !== S) && (s.textures.forEach(({ texture: e }) => n.deleteTexture(e)), s.textures.clear(), s.iconStore = v.icons, s.glyphInk = S, p = null), (b !== p || b.version !== m) && (f = {
-			...Wt(b),
-			strokes: Gt(b),
-			icons: Kt(b, (e) => de(e) ? !!he(fe(e), S) : a(e) ? !!oe(K(e).type, K(e).ink) : !!(v.icons && v.icons.get(e)), v)
-		}, p = b, m = b.version, _());
-		let C = b.theme || "dark";
-		(s.theme !== C || s.styleKey !== $t(v)) && en(n, s, C, v), 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), s.passes.forEach((t) => {
-			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, l, u), n.uniform3f(t.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(t.uniforms.dpr, e.width / l), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (g || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
+			_,
+			y
+		], s || !a || !u || !d) return;
+		let x = r(), S = ae(t, x), w = x.values ? x.values[H] : void 0;
+		(a.iconStore !== x.icons || a.glyphInk !== w) && (a.textures.forEach(({ texture: e }) => n.deleteTexture(e)), a.textures.clear(), a.iconStore = x.icons, a.glyphInk = w, p = null), h !== x.ground && (h = x.ground, p = null), (S !== p || S.version !== m) && (f = {
+			...Jt(S),
+			strokes: Yt(S),
+			icons: Xt(S, (e) => fe(e) ? !!ge(pe(e), w) : C(e) ? !!o(l(e).type, l(e).ink) : !!(x.icons && x.icons.get(e)), x)
+		}, p = S, m = S.version, v());
+		let T = S.theme || "dark";
+		(a.theme !== T || a.styleKey !== rn(x)) && an(n, a, T, x), 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, u, d), n.uniform3f(t.uniforms.cam, _.x, _.y, _.zoom), n.uniform1f(t.uniforms.dpr, e.width / u), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (y || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
 		});
-		let w = s.extras.strokes;
-		w && w.count && (n.useProgram(w.program), n.uniform2f(w.uniforms.viewport, l, u), n.uniform3f(w.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(w.uniforms.dpr, e.width / l), n.bindVertexArray(w.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, w.count), i.draws++);
-		let T = s.extras.icons;
-		if (T && T.count) {
-			n.useProgram(T.program), n.uniform2f(T.uniforms.viewport, l, u), n.uniform3f(T.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(T.uniforms.dpr, e.width / l), n.uniform1i(T.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(T.vao), n.bindBuffer(n.ARRAY_BUFFER, T.buffer);
+		let E = a.extras.strokes;
+		E && E.count && (n.useProgram(E.program), n.uniform2f(E.uniforms.viewport, u, d), n.uniform3f(E.uniforms.cam, _.x, _.y, _.zoom), n.uniform1f(E.uniforms.dpr, e.width / u), n.bindVertexArray(E.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, E.count), i.draws++);
+		let D = a.extras.icons;
+		if (D && D.count) {
+			n.useProgram(D.program), n.uniform2f(D.uniforms.viewport, u, d), n.uniform3f(D.uniforms.cam, _.x, _.y, _.zoom), n.uniform1f(D.uniforms.dpr, e.width / u), n.uniform1i(D.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(D.vao), n.bindBuffer(n.ARRAY_BUFFER, D.buffer);
 			for (let e of f.icons.groups) {
-				let t = de(e.kind), r = a(e.kind), o = t || r ? 14 : 0;
-				if (o && e.maxR * 2 * d.zoom < o) continue;
-				n.uniform1f(T.at("u_minR"), o / 2), n.uniform1f(T.at("u_sideRatio"), t ? 1 : r ? G : 1);
-				let s = t ? he(fe(e.kind), v.values && v.values["--corn-map-glyph"]) : r ? oe(K(e.kind).type, K(e.kind).ink) : v.icons && v.icons.get(e.kind);
-				s && (n.bindTexture(n.TEXTURE_2D, y(e.kind, s, !!v.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 = C(e.kind), a = t || r ? 14 : 0;
+				if (a && e.maxR * 2 * _.zoom < a) continue;
+				n.uniform1f(D.at("u_minR"), a / 2), n.uniform1f(D.at("u_sideRatio"), t ? 1 : r ? c : 1);
+				let s = t ? ge(pe(e.kind), x.values && x.values["--corn-map-glyph"]) : r ? o(l(e.kind).type, l(e.kind).ink) : x.icons && x.icons.get(e.kind);
+				s && (n.bindTexture(n.TEXTURE_2D, b(e.kind, s, !!x.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 S = (e) => {
-		e.preventDefault(), c = !0, s = null;
-	}, C = () => {
+		e.preventDefault(), s = !0, a = null;
+	}, w = () => {
 		try {
-			s = rn(n, h && h[0].theme || "dark", r()), c = !1, f && _(), h && b(...h);
+			a = cn(n, g && g[0].theme || "dark", r()), s = !1, f && v(), g && x(...g);
 		} catch (e) {
 			console.warn("WebGL2 context restored but the renderer could not be rebuilt:", e.message);
 		}
 	};
-	return e.addEventListener("webglcontextlost", S), e.addEventListener("webglcontextrestored", C), {
+	return e.addEventListener("webglcontextlost", S), e.addEventListener("webglcontextrestored", w), {
 		kind: "webgl2",
 		stats: i,
 		resize(t, n, r) {
-			l = t, u = n, e.width = Math.round(t * r), e.height = Math.round(n * r), h && b(...h);
+			u = t, d = n, e.width = Math.round(t * r), e.height = Math.round(n * r), g && x(...g);
 		},
-		draw: b,
-		destroy: w,
+		draw: x,
+		destroy: T,
 		release() {
-			let e = c;
-			w();
+			let e = s;
+			T();
 			try {
 				let t = !e && n.getExtension ? n.getExtension("WEBGL_lose_context") : null;
 				t && t.loseContext();
 			} catch {}
 		}
 	};
-	function w() {
-		e.removeEventListener("webglcontextlost", S), e.removeEventListener("webglcontextrestored", C), s && !c && an(n, s), s = null, c = !0;
+	function T() {
+		e.removeEventListener("webglcontextlost", S), e.removeEventListener("webglcontextrestored", w), a && !s && ln(n, a), a = null, s = !0;
 	}
 }
 // ../explorer/renderer.js
-function sn(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 cn(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", Xt);
+		i = e.getContext("webgl2", en);
 	} catch {}
-	if (!i) return Me(e, r);
+	if (!i) return Fe(e, r);
 	try {
-		return on(e, {
+		return un(e, {
 			gl: i,
 			...r
 		});
 	} catch (n) {
 		console.warn(`WebGL2 renderer unavailable, drawing with Canvas 2D: ${n.message}`);
-		let i = (t.makeStandIn || sn)(e), a = Me(i, r);
+		let i = (t.makeStandIn || dn)(e), a = Fe(i, r);
 		return {
 			...a,
 			destroy() {
@@ -2225,7 +2259,7 @@ function cn(e, t = {}) {
 	}
 }
 // ../explorer/cluster.js
-function ln(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];
@@ -2233,39 +2267,39 @@ function ln(e, t) {
 	return r;
 }
 // ../explorer/input.js
-function un(e) {
-	let { state: t } = e, { render: n, getSpatialIndex: r, queueFrameWork: i, screenToWorld: a, getMinZoom: o, setHoverNode: s, labelNodeAt: c, fitGraphToViewport: l, fitPadding: d } = e.map, f = (t) => e.emit("select", t), p = () => e.emit("background"), m = () => e.emit("grab"), g = !1, _ = null, v = {
+function mn(e) {
+	let { state: t } = 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, _ = {
 		x: 0,
 		y: 0
 	}, y = {
 		x: 0,
 		y: 0
-	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, ee = !1, k = "", A = () => t.isFreeform && t.view === "orbit";
-	function j(e) {
+	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, A = !1, j = "", M = () => t.isFreeform && t.view === "orbit";
+	function N(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 - n.left) * i,
 			y: (r.clientY - n.top) * a
 		};
 	}
-	let N = {
+	let P = {
 		nodes: null,
 		size: -1,
 		map: null
 	};
-	function P(e) {
-		return (N.nodes !== t.nodes || N.size !== t.nodes.length) && (N = {
+	function ee(e) {
+		return (P.nodes !== t.nodes || P.size !== t.nodes.length) && (P = {
 			nodes: t.nodes,
 			size: t.nodes.length,
 			map: new Map(t.nodes.map((e) => [e.id, e]))
-		}), N.map.get(e) || null;
+		}), P.map.get(e) || null;
 	}
-	function F(e, n, i) {
-		let a = Fe(r(), t.camera, e, n, i);
-		return a ? P(a.id) : null;
+	function F(e, n, r) {
+		let a = Re(i(), t.camera, e, n, r);
+		return a ? ee(a.id) : null;
 	}
-	let ne = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
-	function I(e) {
+	let I = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
+	function L(e) {
 		let n = t.canvas.getBoundingClientRect();
 		return {
 			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - n.left,
@@ -2273,130 +2307,131 @@ function un(e) {
 		};
 	}
 	function R(e) {
-		if (T = !0, m(), s(null), e.touches && e.touches.length === 2) {
-			w = te(t.camera, ne(e), I(e)), E = null, g = !1, _ = null, x = null;
+		if (T = !0, m(), c(null), e.touches && e.touches.length === 2) {
+			w = n(t.camera, I(e), L(e)), E = null, h = !1, g = null, x = null;
 			return;
 		}
-		let n = !!(e.touches && e.touches.length > 0), r = j(e);
+		let r = !!(e.touches && e.touches.length > 0), i = N(e);
 		y = {
-			x: r.x,
-			y: r.y
-		}, b = !1, E = null, x = F(r.x, r.y, n), A() && x ? (_ = x, e.cancelable && e.preventDefault()) : (g = !0, v = r);
+			x: i.x,
+			y: i.y
+		}, b = !1, E = null, x = F(i.x, i.y, r), M() && x ? (g = x, e.cancelable && e.preventDefault()) : (h = !0, _ = i);
 	}
-	function re() {
-		D && w && Object.assign(t.camera, L(w, D.dist, D.mid, o())), D = null;
+	function z() {
+		D && w && Object.assign(t.camera, v(w, D.dist, D.mid, s())), D = null;
 		let n = E;
 		if (E = null, n) {
-			if (_ && A()) {
-				let r = a(n.x, n.y);
-				_.x = r.x, _.y = r.y, t.freeformPositions[_.id] = {
+			if (g && M()) {
+				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(), h(e);
-			} else g && (t.camera.x += n.x - v.x, t.camera.y += n.y - v.y, v = n);
+				}, e.touchScene(), K(e);
+			} else h && (t.camera.x += n.x - _.x, t.camera.y += n.y - _.y, _ = n);
 		}
 	}
-	function z() {
+	function B() {
 		let e = O;
-		if (O = null, !e || g || _) return;
+		if (O = null, !e || h || g) return;
 		let t = F(e.x, e.y, !1);
-		ie(!!t), s(t ? t.id : null);
+		te(!!t), c(t ? t.id : null);
 	}
-	function ie(e) {
-		e !== ee && t.canvas && (e && (k = t.canvas.style.cursor), ee = e, t.canvas.style.cursor = e ? "pointer" : k);
+	function te(e) {
+		e !== A && t.canvas && (e && (j = t.canvas.style.cursor), A = e, t.canvas.style.cursor = e ? "pointer" : j);
 	}
-	function B(e) {
+	function ne(e) {
 		if (e.touches && e.touches.length === 2 && w) {
 			e.cancelable && e.preventDefault(), D = {
-				dist: ne(e),
-				mid: I(e)
-			}, i(re);
+				dist: I(e),
+				mid: L(e)
+			}, a(z);
 			return;
 		}
-		let t = j(e);
-		Math.hypot(t.x - y.x, t.y - y.y) > 8 && (b = !0), _ && A() || g ? (e.cancelable && e.preventDefault(), E = t, i(re)) : e.touches || (O = t, i(z, { draw: !1 }));
+		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(B, { draw: !1 }));
 	}
 	function V(e) {
-		re();
+		z();
 		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
-		} : j(e);
+		} : N(e);
 		if (!b && T) {
 			if (x) {
 				let e = F(i.x, i.y, n);
 				if (e && e.id === x.id) {
-					if (!A()) f(x);
+					if (!M()) 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 = P(c(i.x, i.y));
-				e && u.includes(e.type) && e.id !== "root" ? l(d(), ln(e.id, t.edges)) : t.selectedNode && p();
+				let e = ee(l(i.x, i.y));
+				e && k.includes(e.type) && e.id !== "root" ? u(d(), pn(e.id, t.edges)) : t.selectedNode && p();
 			}
 		}
-		g = !1, _ = null, x = null, w = null, D = null, T = !1;
-	}
-	let { canvas: H } = t, ae = !(e.root && e.root.nodeType === 9), U = (r) => {
-		if (ae && !r.ctrlKey && !r.metaKey && e.active() !== t.canvas) return;
-		r.preventDefault(), m();
-		let i = j(r);
-		Object.assign(t.camera, M(t.camera, r.deltaY < 0 ? 1.12 : .88, i.x, i.y, o())), n();
-	}, W = e.root || H, G = [
+		h = !1, g = null, x = null, w = null, D = null, T = !1;
+	}
+	let { canvas: H } = t, U = !(e.root && e.root.nodeType === 9), W = (n) => {
+		if (U && !n.ctrlKey && !n.metaKey && e.active() !== t.canvas) return;
+		n.preventDefault(), m();
+		let i = N(n);
+		Object.assign(t.camera, ce(t.camera, n.deltaY < 0 ? 1.12 : .88, i.x, i.y, s())), r();
+	}, re = e.root || H, G = [
 		e.listen(H, "mousedown", R),
-		e.listen(H, "mousemove", B),
+		e.listen(H, "mousemove", ne),
 		e.listen(H, "mouseleave", () => {
-			O = null, ie(!1), s(null);
+			O = null, te(!1), c(null);
 		}),
-		e.listen(W, "mouseup", V),
+		e.listen(re, "mouseup", V),
 		e.listen(H, "touchstart", R, { passive: !1 }),
-		e.listen(H, "touchmove", B, { passive: !1 }),
-		e.listen(W, "touchend", V, { passive: !1 }),
-		e.listen(W, "touchcancel", V, { passive: !1 }),
-		e.listen(H, "wheel", U, { passive: !1 })
+		e.listen(H, "touchmove", ne, { passive: !1 }),
+		e.listen(re, "touchend", V, { passive: !1 }),
+		e.listen(re, "touchcancel", V, { passive: !1 }),
+		e.listen(H, "wheel", W, { passive: !1 })
 	];
 	return () => G.forEach((e) => e());
 }
 // ../explorer/pieces/map.js
-var dn = "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.", fn = "<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>", pn = ({ keysHelp: e = dn } = {}) => ({ stage: `${fn}
-<p id="map-keys-help" class="hx-sr-only">${k(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">${d(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 mn(e, t, n) {
-	let r = ae(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 = a(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",
 		message: "A scope holds one map.",
 		host: e.nodeType === 11 ? e.host : e
 	});
-	let a = () => {};
+	let o = () => {};
 	return {
 		inst: t,
 		refused: !0,
-		update: a,
-		fit: a,
-		refresh: a,
+		selection: () => null,
+		update: o,
+		fit: o,
+		refresh: o,
 		focusNode: () => !1,
-		applyTheme: a,
+		applyTheme: o,
 		destroy() {
 			i.destroy();
 			for (let e of r) e.remove();
 		}
 	};
 }
-function hn(e) {
+function yn(e) {
 	let t = e.nodeType === 11 ? e.host : e;
 	return t && typeof t.getRootNode == "function" ? t.getRootNode() : null;
 }
-function gn(e, t, n = {}) {
-	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? _n(e, n) : vn(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 _n(e, t) {
+function xn(e, t) {
 	let n = e.nodeType === 11 ? e.host : e, r = {}, i = null, a = !1;
-	return import("./scope-Dg_uzefP.js").then((e) => e.n).then(({ mountScope: o }) => {
+	return import("./scope-CqPbHcKL.js").then((e) => e.n).then(({ mountScope: o }) => {
 		if (a) return;
 		let s = o(n, {
 			src: t.src,
@@ -2408,7 +2443,7 @@ function _n(e, t) {
 			onAuth: t.onAuth,
 			onError: t.onError
 		});
-		i = vn(e, s.instance, {
+		i = Sn(e, s.instance, {
 			...t,
 			...r
 		}, s);
@@ -2424,6 +2459,9 @@ function _n(e, t) {
 		get map() {
 			return i ? i.map : null;
 		},
+		selection() {
+			return i ? i.selection() : null;
+		},
 		update(e = {}) {
 			i ? i.update(e) : Object.assign(r, e);
 		},
@@ -2444,178 +2482,192 @@ function _n(e, t) {
 		}
 	};
 }
-function vn(e, t, r, i) {
-	let a = !t;
-	a && (t = ne({
+function Sn(e, t, n, r) {
+	let o = !t;
+	o && (t = p({
 		root: e,
-		base: r.base || "",
-		fetch: r.fetch,
-		strings: r.strings
+		base: n.base || "",
+		fetch: n.fetch,
+		strings: n.strings
 	}));
-	let o = R(t), s = () => {};
-	if (o) try {
-		s = t.attach(e);
+	let c = S(t), l = () => {};
+	if (c) try {
+		l = t.attach(e);
 	} catch {
-		return i && i.destroy(), mn(e, t, o);
-	}
-	let { state: c } = t, l = o ? o.source : null;
-	if (r.tokens) {
-		let t = hn(e);
-		t && B(t.nodeType === 9 ? t : t.ownerDocument, r.tokens), t && t.nodeType === 11 && B(t, r.tokens);
-	}
-	let u = A(t);
-	u.own(s), i && u.own(() => i.destroy());
-	let d = (e) => e === "canvas2d" ? "canvas2d" : "auto", f = (e) => e === "light" || e === "dark" ? e : "auto", p = {
-		renderer: d(r.renderer),
-		theme: f(r.theme),
+		return r && r.destroy(), vn(e, t, c);
+	}
+	let { state: u } = t, d = c ? c.source : null;
+	if (n.tokens) {
+		let t = yn(e);
+		t && s(t.nodeType === 9 ? t : t.ownerDocument, n.tokens), t && t.nodeType === 11 && s(t, n.tokens);
+	}
+	let f = i(t);
+	f.own(l), r && f.own(() => r.destroy());
+	let m = (e) => e === "canvas2d" ? "canvas2d" : "auto", h = (e) => e === "light" || e === "dark" ? e : "auto", g = {
+		renderer: m(n.renderer),
+		theme: h(n.theme),
 		topology: void 0
-	}, h = r.topology !== void 0 && r.topology !== null, g = !1, _ = !1, v = pn({ keysHelp: r.keysHelp }).stage, y = r.slots && r.slots.stage ? r.slots : null, b = ae(t, e, y ? v : `<div data-corn="map-stage">${v}</div>`, y, "stage"), x = (e) => b.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
-	u.own(() => {
-		for (let e of [...b, c.canvas]) e && e.remove();
+	}, _ = n.topology !== void 0 && n.topology !== null, v = !1, y = !1, b = _n({ keysHelp: n.keysHelp }).stage, x = n.slots && n.slots.stage ? n.slots : null, C = a(t, e, x ? b : `<div data-corn="map-stage">${b}</div>`, x, "stage"), T = (e) => C.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
+	f.own(() => {
+		for (let e of [...C, u.canvas]) e && e.remove();
 	});
-	let S = b.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
-	if (l && S) {
-		let e = o.mountStatus(S, t, {
-			onRetry: () => l.load(),
+	let D = T("#map-announcer");
+	if (D) {
+		let e = O(t, D);
+		f.on("announce:write", (t) => (e(t), !0));
+	}
+	let k = C.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
+	if (d && k) {
+		let e = c.mountStatus(k, t, {
+			onRetry: () => d.load(),
 			focusMap: () => {
-				c.canvas && c.canvas.focus();
+				u.canvas && u.canvas.focus();
 			}
 		});
-		u.own(e.destroy);
-	}
-	c.canvas = x("[data-corn=\"map-canvas\"]"), c.labelCanvas = x("[data-corn=\"label-canvas\"]"), c.ctx = t.doc.createElement("canvas").getContext("2d");
-	let C = lt(t, r.measureCovered ? { measureCovered: r.measureCovered } : {}), w = n(t);
-	u.own(w.watch()), u.own(w.onChange(() => C.render()));
-	let T = () => p.renderer === "canvas2d" ? "canvas2d" : null, D = () => C.setRenderer(cn(c.canvas, {
-		prefer: T(),
-		mapStyle: w.get
-	})), O = t.win && t.win.matchMedia ? t.win.matchMedia("(prefers-color-scheme: light)") : null;
-	function k() {
-		if (p.theme === "light" || p.theme === "dark") return p.theme;
-		if (o && (o.theme === "light" || o.theme === "dark")) return o.theme;
+		f.own(e.destroy);
+	}
+	u.canvas = T("[data-corn=\"map-canvas\"]"), u.labelCanvas = T("[data-corn=\"label-canvas\"]"), u.ctx = t.doc.createElement("canvas").getContext("2d");
+	let A = ft(t, n.measureCovered ? { measureCovered: n.measureCovered } : {}), j = te(t);
+	f.own(j.watch()), f.own(j.onChange(() => A.render()));
+	let M = () => g.renderer === "canvas2d" ? "canvas2d" : null, N = () => A.setRenderer(fn(u.canvas, {
+		prefer: M(),
+		mapStyle: j.get
+	})), P = t.win && t.win.matchMedia ? t.win.matchMedia("(prefers-color-scheme: light)") : null;
+	function F() {
+		if (g.theme === "light" || g.theme === "dark") return g.theme;
+		if (c && (c.theme === "light" || c.theme === "dark")) return c.theme;
 		let e = t.doc && t.doc.documentElement, n = e ? e.getAttribute("data-theme") : null;
-		return n === "light" || n === "dark" ? n : m("system", !!(O && O.matches));
+		return n === "light" || n === "dark" ? n : ee("system", !!(P && P.matches));
 	}
-	function M() {
-		if (g) return;
-		let e = k();
-		w.refresh(), c.theme !== e && (c.theme = e, t.touchScene()), C.render();
-	}
-	c.theme = k(), o && u.own(o.serverTheme.adopt(e)), o && (u.on("theme", () => M()), u.on("scope:theme", () => M())), O && O.addEventListener && (O.addEventListener("change", M), u.own(() => O.removeEventListener("change", M)));
-	let te = t.win && t.win.MutationObserver;
-	if (te && t.doc && t.doc.documentElement) {
-		let e = new te(M);
+	function I() {
+		if (v) return;
+		let e = F();
+		j.refresh(), u.theme !== e && (u.theme = e, t.touchScene()), A.render();
+	}
+	u.theme = F(), c && f.own(c.serverTheme.adopt(e)), c && (f.on("theme", () => I()), f.on("scope:theme", () => I())), P && P.addEventListener && (P.addEventListener("change", I), f.own(() => P.removeEventListener("change", I)));
+	let L = t.win && t.win.MutationObserver;
+	if (L && t.doc && t.doc.documentElement) {
+		let e = new L(I);
 		e.observe(t.doc.documentElement, {
 			attributes: !0,
 			attributeFilter: ["data-theme", "class"]
-		}), u.own(() => e.disconnect());
-	}
-	D();
-	let P = () => pt(t), F = () => {
-		c.nodes.length && C.fitGraphToViewport(C.fitPadding());
-	}, I = (e) => c.nodes.find((t) => t.id === e) || null, L = null;
-	u.on("select", (e) => W(t, e, { source: "tap" })), u.on("background", () => E(t, { source: "tap" })), u.on("grab", () => ee(t)), u.on("selection", ({ node: e, edge: t, source: n }) => {
-		g || ((e || t) && (L = null), r.onSelect && (e ? r.onSelect({
+		}), f.own(() => e.disconnect());
+	}
+	N();
+	let R = () => gt(t), z = () => {
+		u.nodes.length && A.fitGraphToViewport(A.fitPadding());
+	}, B = (e) => u.nodes.find((t) => t.id === e) || null, V = null;
+	f.on("select", (e) => ie(t, e, { source: "tap" })), f.on("background", () => U(t, { source: "tap" })), f.on("grab", () => ne(t)), f.on("selection", ({ node: e, edge: t, source: r }) => {
+		v || ((e || t) && (V = null), n.onSelect && (e ? n.onSelect({
 			id: e.id,
 			kind: "node",
-			source: n
-		}) : t ? r.onSelect({
+			source: r
+		}) : t ? n.onSelect({
 			id: `${t.from}->${t.to}`,
 			kind: "edge",
 			from: t.from,
 			to: t.to,
-			source: n
-		}) : r.onSelect({
+			source: r
+		}) : n.onSelect({
 			id: null,
 			kind: null,
-			source: n
+			source: r
 		})));
 	});
-	function re(e) {
-		let n = I(String(e));
-		return !n || g ? !1 : (W(t, n, {
+	function H(e) {
+		let n = B(String(e));
+		return !n || v ? !1 : (ie(t, n, {
 			frame: !0,
 			source: "api"
 		}), !0);
 	}
-	let z = () => {}, ie = !!t.root && t.root.nodeType === 9;
-	function V() {
-		let e = c.canvas, n = [un(t)];
-		ie || n.push(t.listen(e, "pointerdown", (t) => {
+	let W = () => {}, re = !!t.root && t.root.nodeType === 9;
+	function G() {
+		let e = u.canvas, n = [mn(t)];
+		re || n.push(t.listen(e, "pointerdown", (t) => {
 			if (t.pointerType === "mouse" && e.setPointerCapture) try {
 				e.setPointerCapture(t.pointerId);
 			} catch {}
-		})), j(t), N(t), n.push(() => j(t)), z = () => n.forEach((e) => e());
+		})), w(t), E(t), n.push(() => w(t)), W = () => n.forEach((e) => e());
 	}
-	u.own(C.onPaint(() => {
-		!_ && c.nodes.length && (_ = !0, r.onReady && r.onReady());
-	})), V(), u.own(() => z());
-	let H = () => {
-		!h && l && l.topology && l.topology !== p.topology && (p.topology = l.topology, U(l.topology));
+	f.own(A.onPaint(() => {
+		!y && u.nodes.length && (y = !0, n.onReady && n.onReady());
+	})), G(), f.own(() => W());
+	let K = () => {
+		!_ && d && d.topology && d.topology !== g.topology && (g.topology = d.topology, ae(d.topology));
 	};
-	l && u.on("source", (e) => {
-		e.state === "ready" && H();
-	}), u.own(C.watchSize()), C.resize();
-	function U(e) {
-		let n = c.selectedNode ? c.selectedNode.id : null;
-		ft(t, e);
-		let r = n ? I(n) : null;
-		c.nodes.length && (P(), F());
-		let i = !r && L ? I(L) : null;
-		i && W(t, i, { source: "api" }), C.render(), C.ensureFlowLoop();
-	}
-	function G(e) {
+	d && f.on("source", (e) => {
+		e.state === "ready" && K();
+	}), f.own(A.watchSize()), A.resize();
+	function ae(e) {
+		let n = u.selectedNode ? u.selectedNode.id : null;
+		ht(t, e);
+		let r = n ? B(n) : null;
+		u.nodes.length && (R(), z());
+		let i = !r && V ? B(V) : null;
+		i && ie(t, i, { source: "api" }), A.render(), A.ensureFlowLoop();
+	}
+	function q(e) {
 		let n = e === "dataflow" ? "dataflow" : "orbit";
-		c.view !== n && (c.view = n, t.touchScene(), c.nodes.length && (P(), F(), C.ensureFlowLoop()));
+		u.view !== n && (u.view = n, t.touchScene(), u.nodes.length && (R(), z(), A.ensureFlowLoop()));
 	}
-	function K() {
-		let e = C.getRenderer();
-		e.release ? e.release() : e.destroy(), z();
+	function oe() {
+		let e = A.getRenderer();
+		e.release ? e.release() : e.destroy(), W();
 		let n = t.doc.createElement("template");
-		n.innerHTML = fn;
+		n.innerHTML = gn;
 		let r = n.content.firstElementChild;
 		r.setAttribute("part", "map-canvas");
-		let i = t.active() === c.canvas;
-		c.canvas.replaceWith(r), c.canvas = r, V(), D(), C.resize(), i && r.focus();
+		let i = t.active() === u.canvas;
+		u.canvas.replaceWith(r), u.canvas = r, G(), N(), A.resize(), i && r.focus();
 	}
-	function oe(e = {}) {
-		if (!g) {
+	function se(e = {}) {
+		if (!v) {
 			if ("renderer" in e) {
-				let t = d(e.renderer);
-				t !== p.renderer && (p.renderer = t, K());
+				let t = m(e.renderer);
+				t !== g.renderer && (g.renderer = t, oe());
 			}
 			if ("theme" in e) {
-				let t = f(e.theme);
-				t !== p.theme && (p.theme = t, M());
+				let t = h(e.theme);
+				t !== g.theme && (g.theme = t, I());
 			}
-			if ("topology" in e && (h = e.topology !== void 0 && e.topology !== null, h && e.topology !== p.topology ? (p.topology = e.topology, U(e.topology)) : !h && l && l.topology ? (p.topology = void 0, H()) : !h && e.topology !== p.topology && (p.topology = e.topology, U(e.topology))), "view" in e && G(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
+			if ("topology" in e && (_ = e.topology !== void 0 && e.topology !== null, _ && e.topology !== g.topology ? (g.topology = e.topology, ae(e.topology)) : !_ && d && d.topology ? (g.topology = void 0, K()) : !_ && e.topology !== g.topology && (g.topology = e.topology, ae(e.topology))), "view" in e && q(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
 				let n = e.node == null || e.node === "" ? null : String(e.node);
-				if (n === null) L = null, (c.selectedNode || c.selectedEdge) && E(t, { source: "api" });
+				if (n === null) V = null, (u.selectedNode || u.selectedEdge) && U(t, { source: "api" });
 				else {
-					let e = I(n);
-					e ? c.selectedNode && c.selectedNode.id === n || W(t, e, { source: "api" }) : L = n;
+					let e = B(n);
+					e ? u.selectedNode && u.selectedNode.id === n || ie(t, e, { source: "api" }) : V = n;
 				}
 			}
 		}
 	}
-	function se() {
-		g || (g = !0, u.destroy(), C.destroy(), a && t.destroy());
+	function ce() {
+		v || (v = !0, f.destroy(), A.destroy(), o && t.destroy());
 	}
-	let ce = {};
+	let J = {};
 	for (let e of [
 		"topology",
 		"view",
 		"node"
-	]) r[e] !== void 0 && (ce[e] = r[e]);
-	return oe(ce), H(), M(), {
+	]) n[e] !== void 0 && (J[e] = n[e]);
+	return se(J), K(), I(), f.own(() => t.emit("map:gone")), t.emit("map:ready"), {
 		inst: t,
-		map: C,
-		update: oe,
-		destroy: se,
-		fit: F,
-		focusNode: re,
-		refresh: M,
-		applyTheme: (e) => w.applyTheme(e)
+		map: A,
+		selection() {
+			return u.selectedNode ? {
+				id: u.selectedNode.id,
+				kind: "node"
+			} : u.selectedEdge ? {
+				id: `${u.selectedEdge.from}->${u.selectedEdge.to}`,
+				kind: "edge"
+			} : null;
+		},
+		update: se,
+		destroy: ce,
+		fit: z,
+		focusNode: H,
+		refresh: I,
+		applyTheme: (e) => j.applyTheme(e)
 	};
 }
-export { ft as i, pt as n, mt as r, gn as t };
+export { ht as i, gt as n, _t as r, bn as t };