@popcorn245/cornfield-components 0.49.0 → 0.50.1

package/dist/chunks/{corn-map-C9msiSKP.js → corn-map-Bd7PO6yD.js}

@@ -1,11 +1,11 @@
 import { n as e, r as t, t as n } from "./runtime-DFu6W5g-.js";
-import { $ as r, B as i, C as a, D as o, E as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Z as D, _ as O, a as k, b as A, c as j, ct as M, d as N, dt as P, et as F, f as I, ft as ee, g as te, h as ne, it as L, j as R, k as z, l as B, m as V, nt as H, o as U, p as W, q as G, rt as re, s as ie, t as ae, tt as oe, v as se, w as ce, x as le, y as ue, z as de } from "./_corn-default-tokens-CoghUocx.js";
-var K = 96, fe = "letters:", pe = (e) => `${fe}${e}`, me = (e) => typeof e == "string" && e.startsWith(fe), he = (e) => e.slice(8), ge = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, _e = /* @__PURE__ */ new Map();
-function ve(e, t = null) {
+import { $ as r, B as i, C as a, D as o, E as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Z as D, _ as O, a as k, b as A, c as j, ct as M, d as N, et as P, f as F, g as I, h as ee, it as te, j as L, k as R, l as ne, lt as z, m as B, mt as V, nt as H, o as U, p as re, pt as W, q as G, rt as ie, s as ae, t as oe, tt as se, ut as ce, v as le, w as ue, x as de, y as fe, z as pe } from "./_corn-default-tokens-DfrjTpZt.js";
+var K = 96, me = "letters:", he = (e) => `${me}${e}`, ge = (e) => typeof e == "string" && e.startsWith(me), _e = (e) => e.slice(8), ve = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, ye = /* @__PURE__ */ new Map();
+function be(e, t = null) {
 	if (typeof e != "string" || !e) return null;
 	let n = `${typeof t == "string" ? t : ""}|${e}`;
-	if (_e.has(n)) return _e.get(n);
-	if (_e.size >= 128) return null;
+	if (ye.has(n)) return ye.get(n);
+	if (ye.size >= 128) return null;
 	let r = null;
 	try {
 		let n = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(K, K) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
@@ -13,20 +13,20 @@ function ve(e, t = null) {
 			height: K
 		}) : null, i = n && n.getContext && n.getContext("2d");
 		if (i && i.fillText) {
-			i.font = `700 ${e.length > 1 ? 56 : 72}px ${R}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
+			i.font = `700 ${e.length > 1 ? 56 : 72}px ${L}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
 			let a = typeof t == "string" ? t : f;
-			i.strokeStyle = F(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, K / 2, 51), i.fillStyle = a, i.fillText(e, K / 2, 51), r = n;
+			i.strokeStyle = P(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, K / 2, 51), i.fillStyle = a, i.fillText(e, K / 2, 51), r = n;
 		}
 	} catch {
 		r = null;
 	}
-	return _e.set(n, r), r;
+	return ye.set(n, r), r;
 }
 // ../explorer/renderer-canvas2d.js
-var ye = Math.PI * 2, be = 1.5, q = (e, t, n, r) => {
-	e.beginPath(), e.arc(t, n, r, 0, ye);
+var xe = Math.PI * 2, Se = 1.5, q = (e, t, n, r) => {
+	e.beginPath(), e.arc(t, n, r, 0, xe);
 };
-function xe(e, t, n, r, i) {
+function Ce(e, t, n, r, i) {
 	if (t === "rounded-square" || t === "square") {
 		let a = i * (t === "square" ? v.squareHalf : v.roundedHalf), o = i * (t === "square" ? v.squareCorner : v.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);
@@ -43,25 +43,25 @@ function xe(e, t, n, r, i) {
 		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 q(e, n, r, i);
 }
-function Se(e, t, n, r, i) {
+function we(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 Ce(e, t) {
+function Te(e, t) {
 	e.save(), t.forEach((t) => {
 		e.lineWidth = t.width, e.setLineDash(t.dash), e.strokeStyle = t.color, q(e, t.x, t.y, t.r), e.stroke();
 	}), e.restore();
 }
-function we(e, t) {
+function Ee(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 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, g.edge / r) : t.width, e.setLineDash(t.dash || []), t.glow && t.glow * r >= be) {
+function De(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, g.edge / r) : t.width, e.setLineDash(t.dash || []), t.glow && t.glow * r >= Se) {
 		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();
 	}
@@ -69,60 +69,60 @@ function Te(e, t, n, r, i = !0) {
 		let n = m(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 * _.halfLength, n.y + a * _.halfLength), e.lineTo(n.x + o * _.halfLength, n.y - a * _.halfLength), e.lineWidth = Math.max(_.width, 1.5 / r), e.stroke();
 	}
-	if (t.ticks && De(e, t, r), t.arrow) {
+	if (t.ticks && ke(e, t, r), t.arrow) {
 		let { cx: n, cy: i } = t.curve || {
 			cx: t.x1,
 			cy: t.y1
 		};
-		Ee(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
+		Oe(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
 	}
-	i && t.packet && Oe(e, t, n, r), e.restore();
+	i && t.packet && Ae(e, t, n, r), e.restore();
 }
-function Ee(e, t, n, r) {
-	let i = t.end || "triangle", { x2: a, y2: o, color: c } = t, l = Math.cos(n), u = Math.sin(n), d = (e, t) => [a - l * e - u * t, o - u * e + l * t], f = Math.max(z.strokeWidth, 1.2 / r);
+function Oe(e, t, n, r) {
+	let i = t.end || "triangle", { x2: a, y2: o, color: c } = t, l = Math.cos(n), u = Math.sin(n), d = (e, t) => [a - l * e - u * t, o - u * e + l * t], f = Math.max(R.strokeWidth, 1.2 / r);
 	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - s.spread) * s.length, o - Math.sin(n - s.spread) * s.length), e.lineTo(a - Math.cos(n + s.spread) * s.length, o - Math.sin(n + s.spread) * s.length), e.closePath(), e.fillStyle = c, e.fill();
 	else {
 		if (e.strokeStyle = c, e.lineWidth = f, e.lineJoin = "miter", i === "chevron") {
 			let t = s.length * Math.cos(s.spread), n = s.length * Math.sin(s.spread);
 			e.moveTo(...d(t, n)), e.lineTo(a, o), e.lineTo(...d(t, -n));
-		} else if (i === "bar") e.moveTo(...d(f / 2, z.barHalf)), e.lineTo(...d(f / 2, -z.barHalf));
+		} else if (i === "bar") e.moveTo(...d(f / 2, R.barHalf)), e.lineTo(...d(f / 2, -R.barHalf));
 		else {
-			let t = z.diamondHalf;
-			e.moveTo(a, o), e.lineTo(...d(t, z.diamondAcross)), e.lineTo(...d(2 * t, 0)), e.lineTo(...d(t, -z.diamondAcross)), e.closePath();
+			let t = R.diamondHalf;
+			e.moveTo(a, o), e.lineTo(...d(t, R.diamondAcross)), e.lineTo(...d(2 * t, 0)), e.lineTo(...d(t, -R.diamondAcross)), e.closePath();
 		}
 		e.stroke();
 	}
 }
-function De(e, t, n) {
+function ke(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 = m(t, .5);
 	e.beginPath();
 	for (let n = 0; n < t.ticks; n++) {
-		let r = (n - (t.ticks - 1) / 2) * z.tickGap, s = o.x + i * r, c = o.y + a * r;
-		e.moveTo(s - a * z.tickHalf, c + i * z.tickHalf), e.lineTo(s + a * z.tickHalf, c - i * z.tickHalf);
+		let r = (n - (t.ticks - 1) / 2) * R.tickGap, s = o.x + i * r, c = o.y + a * r;
+		e.moveTo(s - a * R.tickHalf, c + i * R.tickHalf), e.lineTo(s + a * R.tickHalf, c - i * R.tickHalf);
 	}
-	e.strokeStyle = t.color, e.lineWidth = Math.max(z.tickWidth, 1.5 / n), e.setLineDash([]), e.stroke();
+	e.strokeStyle = t.color, e.lineWidth = Math.max(R.tickWidth, 1.5 / n), e.setLineDash([]), e.stroke();
 }
-function Oe(e, t, n, r) {
+function Ae(e, t, n, r) {
 	let i = w(t, n), { packet: a } = t;
-	a.glow && a.glow * r >= be && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, ye), 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, ye), e.fillStyle = a.color, e.fill();
+	a.glow && a.glow * r >= Se && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, xe), 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, xe), e.fillStyle = a.color, e.fill();
 }
-function ke(e, t, n, r) {
-	e.save(), e.globalAlpha = t.alpha, Oe(e, t, n, r), e.restore();
+function je(e, t, n, r) {
+	e.save(), e.globalAlpha = t.alpha, Ae(e, t, n, r), e.restore();
 }
-var Ae = 16, je = /* @__PURE__ */ new WeakMap();
-function Me(e) {
-	let t = je.get(e);
+var Me = 16, Ne = /* @__PURE__ */ new WeakMap();
+function Pe(e) {
+	let t = Ne.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 + Ae;
+		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 + Me;
 		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;
-	}), je.set(e, t)), t;
+	}), Ne.set(e, t)), t;
 }
-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 = [];
+function Fe(e, t, n, r) {
+	let i = Pe(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 Pe(e, t, n, r, i) {
+function Ie(e, t, n, r, i) {
 	e.save(), e.globalAlpha = t.alpha;
 	let a = r.halo[t.halo];
 	a && (a.fill && (q(e, t.x, t.y, t.r + a.fillR), e.fillStyle = a.fill, e.fill()), q(e, t.x, t.y, t.r + a.ringR), e.strokeStyle = a.ring, e.lineWidth = a.ringWidth, e.stroke());
@@ -131,13 +131,13 @@ function Pe(e, t, n, r, i) {
 		let r = t.r + Math.max(s.ringR, g.gap / n);
 		q(e, t.x, t.y, r), e.strokeStyle = s.color, e.lineWidth = Math.max(s.ringWidth, g.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());
 	}
-	xe(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= be && (e.save(), e.globalAlpha = t.alpha * .28, q(e, t.x, t.y, t.r + t.glow * .7), e.fillStyle = t.color, e.fill(), e.restore(), xe(e, t.shape, t.x, t.y, t.r)), e.fillStyle = t.color, e.fill();
-	let c = t.icon && i.icons ? i.icons.get(t.icon) : null, l = !c && ge(t, n), u = !c && !l && H(t, n) ? E(t.glyph, D(t, i)) : null;
-	if (u || (q(e, t.x, t.y, t.r * o), 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()), c) {
-		let n = t.r * le;
+	Ce(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= Se && (e.save(), e.globalAlpha = t.alpha * .28, q(e, t.x, t.y, t.r + t.glow * .7), e.fillStyle = t.color, e.fill(), e.restore(), Ce(e, t.shape, t.x, t.y, t.r)), e.fillStyle = t.color, e.fill();
+	let c = t.icon && i.icons ? i.icons.get(t.icon) : null, l = !c && ve(t, n), u = !c && !l && H(t, n) ? E(t.glyph, D(t, i)) : null;
+	if (u || (q(e, t.x, t.y, t.r * o), e.fillStyle = r.core, e.fill()), t.stroke && (Ce(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 * de;
 		e.imageSmoothingEnabled = !i.pixelated, e.drawImage(c, t.x - n / 2, t.y - n / 2, n, n);
 	} else if (l) {
-		let n = ve(t.letters, i.values && i.values["--corn-map-glyph"]);
+		let n = be(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);
@@ -148,7 +148,7 @@ function Pe(e, t, n, r, i) {
 	}
 	e.restore();
 }
-function Fe(e, t = {}) {
+function Le(e, t = {}) {
 	let n = t.mapStyle || (() => x), r = e.getContext("2d"), o = 0, s = 0, c = 1, l = null, u = null, d = null, f = () => {
 		if (l) return l;
 		try {
@@ -161,7 +161,7 @@ function Fe(e, t = {}) {
 	function g(e, t, n) {
 		e.save(), e.translate(n.x, n.y), e.scale(n.zoom, n.zoom);
 		let { decor: r } = t;
-		r.grid && Se(e, r.grid, n, o, s), r.lanes.length && we(e, r.lanes), r.rings.length && Ce(e, r.rings), Ne(t, n, o, s).forEach((t) => Te(e, t, 0, n.zoom, !1)), e.restore();
+		r.grid && we(e, r.grid, n, o, s), r.lanes.length && Ee(e, r.lanes), r.rings.length && Te(e, r.rings), Fe(t, n, o, s).forEach((t) => De(e, t, 0, n.zoom, !1)), e.restore();
 	}
 	return {
 		kind: "canvas2d",
@@ -171,7 +171,7 @@ function Fe(e, t = {}) {
 		draw(t, m, _) {
 			let v = n(), y = S(t, v);
 			r.clearRect(0, 0, o, s);
-			let b = a(i(y.theme), v), x = Ne(y, m, o, s);
+			let b = a(i(y.theme), v), x = Fe(y, m, o, s);
 			if (h(y) && x.length > p && f()) {
 				d && d.scene === y && d.x === m.x && d.y === m.y && d.zoom === m.zoom && d.w === e.width && d.h === e.height || ((l.width !== e.width || l.height !== e.height) && (l.width = e.width, l.height = e.height), u.setTransform(c, 0, 0, c, 0, 0), u.clearRect(0, 0, o, s), g(u, y, m), d = {
 					scene: y,
@@ -181,25 +181,25 @@ function Fe(e, t = {}) {
 					w: e.width,
 					h: e.height
 				}), r.save(), r.setTransform(1, 0, 0, 1, 0, 0), r.drawImage(l, 0, 0), r.restore(), r.save(), r.translate(m.x, m.y), r.scale(m.zoom, m.zoom), x.forEach((e) => {
-					e.packet && ke(r, e, _, m.zoom);
-				}), y.nodes.forEach((e) => Pe(r, e, m.zoom, b, v)), r.restore();
+					e.packet && je(r, e, _, m.zoom);
+				}), y.nodes.forEach((e) => Ie(r, e, m.zoom, b, v)), r.restore();
 				return;
 			}
 			r.save(), r.translate(m.x, m.y), r.scale(m.zoom, m.zoom);
 			let { decor: C } = y;
-			C.grid && Se(r, C.grid, m, o, s), C.lanes.length && we(r, C.lanes), C.rings.length && Ce(r, C.rings), x.forEach((e) => Te(r, e, _, m.zoom)), y.nodes.forEach((e) => Pe(r, e, m.zoom, b, v)), r.restore();
+			C.grid && we(r, C.grid, m, o, s), C.lanes.length && Ee(r, C.lanes), C.rings.length && Te(r, C.rings), x.forEach((e) => De(r, e, _, m.zoom)), y.nodes.forEach((e) => Ie(r, e, m.zoom, b, v)), r.restore();
 		},
 		destroy() {
 			l = null, u = null, d = null;
 		}
 	};
 }
-var Ie = (e) => typeof e.hitR == "number" && e.hitR > e.r ? e.hitR : e.r;
-function Le(e, { cellSize: t = 64 } = {}) {
+var Re = (e) => typeof e.hitR == "number" && e.hitR > e.r ? e.hitR : e.r;
+function ze(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];
-		Ie(o) > r && (r = Ie(o));
+		Re(o) > r && (r = Re(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]);
 	}
@@ -215,7 +215,7 @@ function Le(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(Ie(r) + u, d);
+					let r = e[n], i = Math.max(Re(r) + u, d);
 					Math.hypot(r.x - s, r.y - c) <= i && (_ = n);
 				}
 			}
@@ -228,32 +228,32 @@ function Le(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 <= Ie(r) ** 2 && m.push(n);
+					i * i + u * u <= Re(r) ** 2 && m.push(n);
 				}
 			}
 			return m.sort((e, t) => e - t).map((t) => e[t]);
 		}
 	};
 }
-function Re(e, t, n, r, i = !1) {
+function Be(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 ze(e) {
+function Ve(e) {
 	let t = null, n = null, r = {
 		builds: 0,
 		get(i) {
-			return n && t === i || (n = Le(i.nodes, e), t = i, r.builds++), n;
+			return n && t === i || (n = ze(i.nodes, e), t = i, r.builds++), n;
 		}
 	};
 	return r;
 }
 // ../explorer/frame.js
-var Be = 3e4;
-function Ve({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i, clientsWant: a = !1 }) {
+var He = 3e4;
+function Ue({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i, clientsWant: a = !1 }) {
 	if (n) return {
 		draw: !1,
 		again: !1
@@ -264,8 +264,8 @@ function Ve({ dirty: e, packetsVisible: t, hidden: n, reduceMotion: r, idleMs: i
 		again: o
 	};
 }
-function He(e, t, n, r) {
-	let i = We(e);
+function We(e, t, n, r) {
+	let i = Ke(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;
@@ -275,12 +275,12 @@ function He(e, t, n, r) {
 	}
 	return !1;
 }
-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;
+var Ge = /* @__PURE__ */ new WeakMap();
+function Ke(e) {
+	let t = Ge.get(e);
+	return t || (t = e.edges.filter((e) => e.packet), Ge.set(e, t)), t;
 }
-function Ge(e) {
+function qe(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];
@@ -293,7 +293,7 @@ function Ge(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) => Ve({
+	let b = (e, t) => Ue({
 		dirty: e,
 		packetsVisible: n(),
 		hidden: r(),
@@ -313,7 +313,7 @@ function Ge(e) {
 			v();
 		},
 		noteInput() {
-			let e = c(), t = e - m >= Be;
+			let e = c(), t = e - m >= He;
 			m = e, t && v();
 		},
 		shown() {
@@ -336,7 +336,7 @@ function Ge(e) {
 	};
 	return x;
 }
-var Ke = 1, qe = .3, Je = .58, Ye = 3, Xe = 100, J = 64, Y = {
+var Je = 1, Ye = .3, Xe = .58, Ze = 3, Qe = 100, J = 64, Y = {
 	selected: 0,
 	current: 1,
 	match: 2,
@@ -345,19 +345,19 @@ var Ke = 1, qe = .3, Je = .58, Ye = 3, Xe = 100, J = 64, Y = {
 	hub: 5,
 	rest: 6,
 	greyed: 7
-}, Ze = 1.5, Qe = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, $e = (e) => Qe(e.labelMin), et = (e) => h.includes(e.type) && !e.greyed, tt = (e, t) => e.selected ? Y.selected : e.current ? Y.current : e.match ? Y.match : t && e.connected ? Y.lit : e.mark && e.mark !== "none" || e.labelKeep && !et(e) ? Y.marked : e.greyed ? Y.greyed : et(e) ? Y.hub : Y.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 = 1.5, et = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, tt = (e) => et(e.labelMin), nt = (e) => h.includes(e.type) && !e.greyed, rt = (e, t) => e.selected ? Y.selected : e.current ? Y.current : e.match ? Y.match : t && e.connected ? Y.lit : e.mark && e.mark !== "none" || e.labelKeep && !nt(e) ? Y.marked : e.greyed ? Y.greyed : nt(e) ? Y.hub : Y.rest;
+function it(e, t, n = {}) {
+	let { measure: r = null } = n, i = tt(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: tt(e, a)
+			tier: rt(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(Ye, Ye * t);
+	let s = /* @__PURE__ */ new Map(), c = (e, t) => (e + 8192) * 16384 + (t + 8192), l = [], u = Math.max(Ze, Ze * t);
 	for (let { node: e, index: n, tier: a } of o) {
-		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 === Y.greyed ? 2 + f * Ze : 2, x = Math.floor((g - b) / J), S = Math.floor((_ + b) / J), C = Math.floor((v - b) / J), w = Math.floor((y + b) / J), T = !1;
+		let o = nt(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 * Xe, m = e.x * t, h = e.y * t + e.r * t + u + f, g = m - p / 2, _ = m + p / 2, v = h - f * Je, y = h + f * Ye, b = a === Y.greyed ? 2 + f * $e : 2, x = Math.floor((g - b) / J), S = Math.floor((_ + b) / J), C = Math.floor((v - b) / J), w = Math.floor((y + b) / J), 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++) {
@@ -395,7 +395,7 @@ function nt(e, t, n = {}) {
 	}
 	return l;
 }
-function rt(e, t, n, r = {}) {
+function at(e, t, n, r = {}) {
 	let { max: a = 400, margin: o = 32, measure: s = null, hover: c = null } = r, l = [], u = e.labelOutline || i(e.theme).labelOutline;
 	for (let t of e.decor.lanes) for (let n of [
 		t.title,
@@ -415,7 +415,7 @@ function rt(e, t, n, r = {}) {
 		align: "center",
 		family: e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif"
 	});
-	let { zoom: d } = t, f = r.placed || nt(e, d, { measure: s }), p = -o - t.x, m = n.width + o - t.x, h = -o - t.y, g = n.height + o - t.y, _ = f.filter((e) => e.r >= p && e.l <= m && e.b >= h && e.t <= g);
+	let { zoom: d } = t, f = r.placed || it(e, d, { measure: s }), p = -o - t.x, m = n.width + o - t.x, h = -o - t.y, g = n.height + o - t.y, _ = f.filter((e) => e.r >= p && e.l <= m && e.b >= h && e.t <= g);
 	_.length > a && (_ = _.slice(0, Math.max(0, a))), _.sort((e, t) => e.index - t.index);
 	let v = e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif";
 	for (let e of _) {
@@ -442,7 +442,7 @@ function rt(e, t, n, r = {}) {
 			screen: e.screen
 		});
 	}
-	let y = $e(e), b = _.map((e) => ({
+	let y = tt(e), b = _.map((e) => ({
 		l: t.x + e.l,
 		r: t.x + e.r,
 		t: t.y + e.t,
@@ -490,7 +490,7 @@ function rt(e, t, n, r = {}) {
 	if (c) {
 		let n = e.nodes.find((e) => e.id === c);
 		if (n && n.label && !f.some((e) => e.id === c && _.includes(e))) {
-			let r = $e(e), i = t.y + n.y * d - n.r * d > 40 ? n.y - n.r - 5 / d : n.y + n.r + (5 + r) / d;
+			let r = tt(e), i = t.y + n.y * d - n.r * d > 40 ? n.y - n.r - 5 / d : n.y + n.r + (5 + r) / d;
 			l.push({
 				kind: "chip",
 				id: n.id,
@@ -513,17 +513,17 @@ function rt(e, t, n, r = {}) {
 	}
 	return l;
 }
-var it = (e) => `${e.italic ? "italic " : ""}${e.bold ? "bold " : ""}${e.screen ? e.px : e.size}px ${e.family}`, at = {
+var ot = (e) => `${e.italic ? "italic " : ""}${e.bold ? "bold " : ""}${e.screen ? e.px : e.size}px ${e.family}`, st = {
 	ox: 0,
 	oy: 0,
 	k: 1
 };
-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;
+function ct(e, t, n) {
+	e.font = ot(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 * Je - 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 st() {
+function lt() {
 	return {
 		font: "",
 		alpha: -1,
@@ -533,13 +533,13 @@ function st() {
 		align: ""
 	};
 }
-function ct(e, t, n, r = at) {
+function ut(e, t, n, r = st) {
 	if (t.kind === "chip") {
-		ot(e, t, r);
+		ct(e, t, r);
 		return;
 	}
 	n.alpha !== t.alpha && (e.globalAlpha = t.alpha, n.alpha = t.alpha);
-	let i = it(t);
+	let i = ot(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) {
@@ -552,15 +552,15 @@ function ct(e, t, n, r = at) {
 		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 lt(e, t, n, r) {
+function dt(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 ut(e, t = {}) {
-	let n = t.mapStyle || (() => x), 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 = R, y = (e, t, n) => {
+function ft(e, t = {}) {
+	let n = t.mapStyle || (() => x), 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 = L, 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({
+		return a === void 0 && (_.size > 2e4 && _.clear(), r.font = ot({
 			italic: !1,
 			bold: n,
 			size: t,
@@ -569,7 +569,7 @@ function ut(e, t = {}) {
 	};
 	return {
 		hit(e, t) {
-			return m && s ? lt(m, {
+			return m && s ? dt(m, {
 				x: l,
 				y: u,
 				zoom: d
@@ -585,27 +585,27 @@ function ut(e, t = {}) {
 			let w = 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 = C, h = !1;
 			let T = S(e, b);
-			v = 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 || (m = nt(T, t.zoom, { measure: y }));
-			let E = rt(T, t, {
+			v = 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 || (m = it(T, t.zoom, { measure: y }));
+			let E = at(T, t, {
 				width: i,
 				height: a
 			}, {
 				measure: y,
 				hover: C,
 				placed: m
-			}), D = st();
-			for (let e of E) e.kind === "lane" && ct(r, e, D);
-			for (let e of E) e.kind === "node" && !e.screen && ct(r, e, D);
+			}), D = lt();
+			for (let e of E) e.kind === "lane" && ut(r, e, D);
+			for (let e of E) e.kind === "node" && !e.screen && ut(r, e, D);
 			r.restore();
 			let O = {
 				ox: t.x,
 				oy: t.y,
 				k: t.zoom
 			};
-			D = st();
-			for (let e of E) e.kind === "node" && e.screen && ct(r, e, D, O);
-			for (let e of E) e.kind === "edge" && ct(r, e, D, O);
-			for (let e of E) e.kind === "chip" && ct(r, e, D, O);
+			D = lt();
+			for (let e of E) e.kind === "node" && e.screen && ut(r, e, D, O);
+			for (let e of E) e.kind === "edge" && ut(r, e, D, O);
+			for (let e of E) e.kind === "chip" && ut(r, e, D, O);
 			return !0;
 		},
 		destroy() {
@@ -614,7 +614,7 @@ function ut(e, t = {}) {
 	};
 }
 // ../explorer/engine/render.js
-var dt = [
+var pt = [
 	"pointerdown",
 	"pointermove",
 	"mousedown",
@@ -624,18 +624,18 @@ var dt = [
 	"touchmove",
 	"keydown"
 ];
-function ft(e, t = {}) {
+function mt(e, t = {}) {
 	if (e.map) return e.map;
-	let { state: n } = e, r = t.measureCovered || (() => n.coveredBottom || 0), i = ce(e).get, a = !1, o = (e) => de(n, e), s = (e) => de(n, e, { viewer: !0 }), l = (t, r = e.viewEdges(), i = {
+	let { state: n } = e, r = t.measureCovered || (() => n.coveredBottom || 0), i = ue(e).get, a = !1, o = (e) => pe(n, e), s = (e) => pe(n, e, { viewer: !0 }), l = (t, r = e.viewEdges(), i = {
 		throughChildren: !!n.throughChildren,
 		kind: n.selectedKind || null
-	}) => b(t, r, i), f = d((t) => c(t, { reduceMotion: e.reducedMotion })), p = () => f.get(n), m = () => f.builds, h = ze(), g = () => h.get(p()), _ = () => h.builds, v = null, y = null;
+	}) => b(t, r, i), f = d((t) => c(t, { reduceMotion: e.reducedMotion })), p = () => f.get(n), m = () => f.builds, h = Ve(), g = () => h.get(p()), _ = () => h.builds, v = null, y = null;
 	function x() {
-		return v && y === n.canvas || (v && v.destroy(), v = Fe(n.canvas, { mapStyle: i }), y = n.canvas, n.width && v.resize(n.width, n.height, e.dpr())), v;
+		return v && y === n.canvas || (v && v.destroy(), v = Le(n.canvas, { mapStyle: i }), y = n.canvas, n.width && v.resize(n.width, n.height, e.dpr())), v;
 	}
 	let S = null, w = null;
 	function T() {
-		return n.labelCanvas ? (S && w === n.labelCanvas || (S && S.destroy(), S = ut(n.labelCanvas, { mapStyle: i }), w = n.labelCanvas, n.width && S.resize(n.width, n.height, e.dpr())), S) : null;
+		return n.labelCanvas ? (S && w === n.labelCanvas || (S && S.destroy(), S = ft(n.labelCanvas, { mapStyle: i }), w = n.labelCanvas, n.width && S.resize(n.width, n.height, e.dpr())), S) : null;
 	}
 	function E(t) {
 		v && v !== t && v.destroy(), v = t, y = n.canvas, n.width && v.resize(n.width, n.height, e.dpr()), V();
@@ -703,22 +703,22 @@ function ft(e, t = {}) {
 		let e = p();
 		I = e.version, x().draw(e, n.camera, performance.now());
 		let t = T();
-		t && t.draw(e, n.camera, { hover: n.hoverNodeId }), L.forEach((t) => t(e, n.camera));
+		t && t.draw(e, n.camera, { hover: n.hoverNodeId }), R.forEach((t) => t(e, n.camera));
 	}
 	function te(e, t) {
 		let n = T();
 		return n ? n.hit(e, t) : null;
 	}
-	function ne(e) {
+	function L(e) {
 		let t = e || null;
 		if (n.hoverNodeId === t) return;
 		n.hoverNodeId = t;
 		let r = T();
 		r && n.canvas && n.width && r.draw(p(), n.camera, { hover: t });
 	}
-	let L = /* @__PURE__ */ new Set(), R = (e) => (L.add(e), () => L.delete(e)), z = /* @__PURE__ */ new Set(), B = Ge({
+	let R = /* @__PURE__ */ new Set(), ne = (e) => (R.add(e), () => R.delete(e)), z = /* @__PURE__ */ new Set(), B = qe({
 		draw: ee,
-		packetsVisible: () => !!n.canvas && He(p(), n.camera, n.width, n.height),
+		packetsVisible: () => !!n.canvas && We(p(), n.camera, n.width, n.height),
 		isHidden: () => e.hidden(),
 		tickClients: (e) => {
 			let t = !1;
@@ -744,16 +744,16 @@ function ft(e, t = {}) {
 	}
 	if (e.root) {
 		let t = () => B.noteInput();
-		for (let n of dt) e.listen(e.root, n, t, {
+		for (let n of pt) e.listen(e.root, n, t, {
 			passive: !0,
 			capture: !0
 		});
 	}
 	e.onShown(() => B.shown());
-	function W() {
-		a = !0, e.map === G && (e.map = null), B.cancel(), v && (v.release ? v.release() : v.destroy(), v = null, y = null), S && (S.destroy(), S = null, w = null), L.clear(), z.clear();
+	function re() {
+		a = !0, e.map === W && (e.map = null), B.cancel(), v && (v.release ? v.release() : v.destroy(), v = null, y = null), S && (S.destroy(), S = null, w = null), R.clear(), z.clear();
 	}
-	let G = {
+	let W = {
 		isNodeVisible: o,
 		isNodeVisibleToViewer: s,
 		getActiveSubgraph: l,
@@ -770,8 +770,8 @@ function ft(e, t = {}) {
 		fitPadding: P,
 		screenToWorld: F,
 		labelNodeAt: te,
-		setHoverNode: ne,
-		onPaint: R,
+		setHoverNode: L,
+		onPaint: ne,
 		render: V,
 		renderNow: H,
 		addFrameClient: U,
@@ -789,12 +789,144 @@ function ft(e, t = {}) {
 		ensureFlowLoop: () => {
 			a || B.wake();
 		},
-		destroy: W
+		destroy: re
 	};
-	return e.map = G, e.own(W), G;
+	return e.map = W, e.own(re), W;
+}
+// ../explorer/flow-build.js
+function ht(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);
+	});
+	let i = e.filter((e) => e.type === "container" && e.selfHosted), a = /* @__PURE__ */ new Map();
+	t.forEach((e) => {
+		let t = n.get(e.from);
+		if (e.kind !== "delivers" || t?.type !== "container" || t.selfHosted || n.get(e.to)?.type !== "page") return;
+		let r = i.filter((e) => e.stack === t.stack);
+		r.length === 1 && a.set(t.id, r[0].id);
+	});
+	let o = (e) => n.get(e)?.type === "page" ? r.get(e) || e : a.get(e) || e, s = new Set([...r].filter(([e]) => Array.isArray(n.get(e)?.methods) && n.get(e).methods.length).map(([, e]) => e)), c = (e) => e.type === "store" && (e.tier === "browser" || e.id === "store-idb"), l = /* @__PURE__ */ new Set();
+	t.forEach((e) => {
+		if (e.kind === "reads" || e.kind === "writes") {
+			let t = e.kind === "reads" ? e.to : e.from;
+			n.get(t)?.type === "page" && l.add(o(t));
+		}
+	}), t.forEach((e) => {
+		e.kind === "flow" && e.flow === "api" && n.get(e.from)?.type === "app" && l.add(e.from);
+	});
+	let u = new Set(t.filter((e) => e.kind === "flow" && e.flow === "api").map((e) => `${o(e.from)}|${o(e.to)}`)), d = (t) => e.filter(t).sort((e, t) => String(e.label).localeCompare(String(t.label))), f = [
+		{
+			key: "browser",
+			title: "Browser",
+			note: "saved on the device first",
+			nodes: d(c)
+		},
+		{
+			key: "servers",
+			title: "App servers",
+			note: "pages, no-JS forms",
+			nodes: d((e) => e.type === "app" && !s.has(e.id) && l.has(e.id))
+		},
+		{
+			key: "api",
+			title: "API",
+			note: "where the endpoints are",
+			nodes: d((e) => s.has(e.id))
+		},
+		{
+			key: "tables",
+			title: "Tables",
+			note: "stores and tables",
+			nodes: [...d((e) => e.type === "store" && !c(e)), ...d((e) => e.type === "table")]
+		},
+		{
+			key: "services",
+			title: "Services",
+			note: "jobs, hooks, webhooks",
+			nodes: d((e) => e.type === "service")
+		},
+		{
+			key: "outside",
+			title: "Outside",
+			note: "systems the API reaches",
+			nodes: [...d((e) => e.type === "external"), ...d((e) => e.type === "container" && e.selfHosted)]
+		}
+	], p = new Set(f.flatMap((e) => e.nodes.map((e) => e.id))), m = [], h = /* @__PURE__ */ new Set(), g = (e, t, n) => {
+		if (t === n || !p.has(t) || !p.has(n)) return;
+		let r = `${t}|${n}|${e.kind}|${e.flow || ""}`;
+		h.has(r) || (h.add(r), m.push({
+			...e,
+			from: t,
+			to: n,
+			status: e.status || "live",
+			phase: void 0
+		}));
+	};
+	return t.forEach((e) => {
+		if (!(e.kind === "calls" && u.has(`${o(e.from)}|${o(e.to)}`)) && (e.kind !== "calls" || n.get(e.from)?.type !== "container")) {
+			if (e.kind === "flow" || [
+				"calls",
+				"triggers",
+				"delivers"
+			].includes(e.kind)) return g(e, o(e.from), o(e.to));
+			if (e.kind === "reads" || e.kind === "writes") {
+				let t = e.kind === "reads" ? e.to : e.from;
+				return n.get(t)?.type === "page" && !s.has(o(t)) ? void 0 : g(e, o(e.from), o(e.to));
+			}
+		}
+	}), {
+		tiers: f,
+		ids: p,
+		edges: m
+	};
+}
+// ../explorer/engine/topology.js
+function gt(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 _t(e, t) {
+	let { state: n } = e, { nodes: r, edges: i } = gt(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 = ht(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 vt(e, { placeLive: t } = {}) {
+	let { state: n } = e;
+	I(e), n.view === "dataflow" && n.flow ? (n.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
+		e.r = Math.min(e.r, 13);
+	})), n.proposal && n.baseNodes && yt(e) || O(e, n.flow)) : n.baseNodes && (n.proposal || n.nodes.some((e) => e.live)) ? bt(e, t) : le(e);
+}
+function yt(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, I(e);
+	let i = ht(r, t.baseEdges);
+	i.tiers.forEach((e) => e.nodes.forEach((e) => {
+		e.r = Math.min(e.r, 13);
+	})), O(e, i), t.nodes = n.nodes, t.edges = n.edges;
+	let a = z(t.flow, i);
+	return e.touchScene(), a;
+}
+function bt(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, I(e), le(e);
+	let a = new Map(i.map((e) => [e.id, e]));
+	n.nodes = r.nodes, n.edges = r.edges, I(e), n.nodes.forEach((e) => {
+		let t = a.get(e.id);
+		t && (e.x = t.x, e.y = t.y, e.r = t.r);
+	}), ce(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
 }
 // ../explorer/shaders.js
-var X = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", Z = "\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", pt = `${X}
+var X = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", Z = "\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", xt = `${X}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_grid;   // size, width
 layout(location = 2) in vec4 a_color;
@@ -807,7 +939,7 @@ void main() {
   v_color = a_color;
   gl_Position = vec4(a_corner, 0.0, 1.0);
 }
-`, mt = `${X}${Q}
+`, St = `${X}${Q}
 in vec2 v_pos;
 flat in vec4 v_grid;
 flat in vec4 v_color;
@@ -820,7 +952,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;
 }
-`, ht = `${X}${Z}
+`, Ct = `${X}${Z}
 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;
@@ -844,7 +976,7 @@ void main() {
   v_stroke = a_stroke;
   gl_Position = toClip(pos);
 }
-`, gt = `${X}${Q}
+`, wt = `${X}${Q}
 in vec2 v_local;
 flat in vec2 v_half;
 flat in vec2 v_style;
@@ -861,7 +993,7 @@ void main() {
   over(acc, v_stroke.rgb, v_stroke.a * coverBand(abs(sd), v_style.y * zoom * 0.5, pix));
   outColor = acc;
 }
-`, _t = `${X}${Z}
+`, Tt = `${X}${Z}
 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;
@@ -881,7 +1013,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = toClip(pos);
 }
-`, vt = `${X}${Q}
+`, Et = `${X}${Q}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -896,7 +1028,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;
 }
-`, yt = `${X}${Z}
+`, Dt = `${X}${Z}
 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)
@@ -924,7 +1056,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(centre + v_local);
 }
-`, bt = `${X}${Q}
+`, Ot = `${X}${Q}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1014,7 +1146,7 @@ void main() {
 
   outColor = acc;
 }
-`, xt = "\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", St = "\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", Ct = (e) => `${X}${xt}
+`, kt = "\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", At = "\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", jt = (e) => `${X}${kt}
 #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)
@@ -1056,7 +1188,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);
 }
-`, wt = `${X}${Q}
+`, Mt = `${X}${Q}
 in float v_across;
 in float v_arc;
 flat in float v_len;
@@ -1106,7 +1238,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * cover);
   outColor = acc;
 }
-`, Tt = `${X}${Z}
+`, Nt = `${X}${Z}
 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;
@@ -1126,7 +1258,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(u_cam.xy + a_tip.xy * zoom + off);
 }
-`, Et = `${X}${Q}
+`, Pt = `${X}${Q}
 in vec2 v_local;
 flat in vec4 v_color;
 flat in float v_kind;
@@ -1182,7 +1314,7 @@ void main() {
   }
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * coverEdge(sd, pix);
 }
-`, Dt = `${X}${Z}${xt}${St}
+`, Ft = `${X}${Z}${kt}${At}
 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
@@ -1203,7 +1335,7 @@ void main() {
   v_glow = a_glow;
   gl_Position = toClip(centre + v_local);
 }
-`, Ot = `${X}${Q}
+`, It = `${X}${Q}
 in vec2 v_local;
 flat in vec4 v_size;
 flat in vec4 v_color;
@@ -1218,7 +1350,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * coverEdge(len - R, pix));
   outColor = acc;
 }
-`, kt = `${X}${Z}
+`, Lt = `${X}${Z}
 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
@@ -1233,7 +1365,7 @@ void main() {
   v_alpha = a_geom.w;
   gl_Position = toClip(pos);
 }
-`, At = `${X}
+`, Rt = `${X}
 uniform sampler2D u_tex;
 in vec2 v_uv;
 flat in float v_alpha;
@@ -1241,34 +1373,34 @@ out vec4 outColor;
 void main() {
   outColor = texture(u_tex, v_uv) * v_alpha; // the texture is uploaded premultiplied
 }
-`, jt = {
+`, zt = {
 	none: 0,
 	selected: 1,
 	match: 2,
 	child: 3
-}, Mt = {
+}, Bt = {
 	arrow: 1,
 	strike: 2,
 	chevron: 3,
 	bar: 4,
 	diamond: 5,
 	tick: 6
-}, Nt = Object.freeze(Object.fromEntries(M.map((e, t) => [e, t]))), Pt = {
+}, Vt = Object.freeze(Object.fromEntries(M.map((e, t) => [e, t]))), Ht = {
 	none: 0,
 	added: 1,
 	changed: 2,
 	removed: 3,
 	edit: 4
 }, $ = (e) => {
-	let [t, n, r, i] = L(e);
+	let [t, n, r, i] = te(e);
 	return [
 		t / 255,
 		n / 255,
 		r / 255,
 		i
 	];
-}, Ft = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
-function It(e) {
+}, Ut = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
+function Wt(e) {
 	let { nodes: t } = e, n = new Float32Array(t.length * 12);
 	return t.forEach((e, t) => {
 		let [r, i, a, o] = $(e.color);
@@ -1281,10 +1413,10 @@ function It(e) {
 			i,
 			a,
 			e.glow || 0,
-			Ft(jt, e.halo),
-			Ft(Pt, e.mark),
+			Ut(zt, e.halo),
+			Ut(Ht, e.mark),
 			o,
-			Ft(Nt, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
+			Ut(Vt, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
 		], t * 12);
 	}), {
 		data: n,
@@ -1292,7 +1424,7 @@ function It(e) {
 		stride: 12
 	};
 }
-function Lt(e) {
+function Gt(e) {
 	let { grid: t, rings: n, lanes: r } = e.decor, i = new Float32Array(t ? 8 : 0);
 	t && i.set([
 		t.size,
@@ -1344,7 +1476,7 @@ function Lt(e) {
 		}
 	};
 }
-function Rt(e) {
+function Kt(e) {
 	let t = {
 		straight: [],
 		curved: [],
@@ -1379,7 +1511,7 @@ function Rt(e) {
 			l,
 			v
 		]), 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" && Ft(Mt, e.end) || Mt.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" && Ut(Bt, e.end) || Bt.arrow;
 			t.tips.push([
 				e.x2,
 				e.y2,
@@ -1395,7 +1527,7 @@ function Rt(e) {
 		if (e.ticks) {
 			let a = m(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) * z.tickGap;
+				let u = (o - (e.ticks - 1) / 2) * R.tickGap;
 				t.tips.push([
 					a.x + c * u,
 					a.y + l * u,
@@ -1405,7 +1537,7 @@ function Rt(e) {
 					r,
 					i,
 					s,
-					Mt.tick
+					Bt.tick
 				]);
 			}
 		}
@@ -1420,7 +1552,7 @@ function Rt(e) {
 				r,
 				i,
 				s,
-				Mt.strike
+				Bt.strike
 			]);
 		}
 		if (e.packet) {
@@ -1462,12 +1594,12 @@ function Rt(e) {
 		packets: n(t.packets, 18)
 	};
 }
-var zt = (e) => ({
-	...Lt(e),
-	nodes: It(e),
-	...Rt(e)
+var qt = (e) => ({
+	...Gt(e),
+	nodes: Wt(e),
+	...Kt(e)
 });
-function Bt(e) {
+function Jt(e) {
 	let t = [];
 	e.nodes.forEach((e) => {
 		if (!e.stroke) return;
@@ -1492,11 +1624,11 @@ function Bt(e) {
 		stride: 10
 	};
 }
-function Vt(e, t, n = null) {
+function Yt(e, t, n = null) {
 	let r = /* @__PURE__ */ new Map();
 	e.nodes.forEach((e) => {
-		let i = e.icon && t(e.icon) ? e.icon : null, a = e.r * le;
-		if (!i && !e.icon && e.letters && t(pe(e.letters)) && (i = pe(e.letters), a = e.r * 1), !i && !e.icon && !e.letters && e.glyph) {
+		let i = e.icon && t(e.icon) ? e.icon : null, a = e.r * de;
+		if (!i && !e.icon && e.letters && t(he(e.letters)) && (i = he(e.letters), a = e.r * 1), !i && !e.icon && !e.letters && e.glyph) {
 			let r = y(e.glyph, D(e, n));
 			t(r) && (i = r, a = e.r * G);
 		}
@@ -1530,9 +1662,9 @@ function Vt(e, t, n = null) {
 		groups: i
 	};
 }
-function Ht(e = "dark", t = null) {
+function Xt(e = "dark", t = null) {
 	let { halo: n, mark: r, core: s } = t ? a(i(e), t) : i(e), c = /* @__PURE__ */ new Float32Array(16), l = /* @__PURE__ */ new Float32Array(16), u = /* @__PURE__ */ new Float32Array(16);
-	Object.entries(jt).forEach(([e, t]) => {
+	Object.entries(zt).forEach(([e, t]) => {
 		let r = n[e];
 		t && r && (c.set($(r.fill), t * 4), l.set($(r.ring), t * 4), u.set([
 			r.fillR,
@@ -1542,7 +1674,7 @@ function Ht(e = "dark", t = null) {
 		], t * 4));
 	});
 	let d = /* @__PURE__ */ new Float32Array(20), f = /* @__PURE__ */ new Float32Array(20);
-	return Object.entries(Pt).forEach(([e, t]) => {
+	return Object.entries(Ht).forEach(([e, t]) => {
 		if (!t) return;
 		let n = r[e];
 		d.set($(n.color), t * 4);
@@ -1568,11 +1700,11 @@ function Ht(e = "dark", t = null) {
 		coreRatio: o
 	};
 }
-var Ut = [
+var Zt = [
 	{
 		name: "grid",
-		vert: pt,
-		frag: mt,
+		vert: xt,
+		frag: St,
 		stride: 8,
 		attribs: [[
 			1,
@@ -1586,8 +1718,8 @@ var Ut = [
 	},
 	{
 		name: "lanes",
-		vert: ht,
-		frag: gt,
+		vert: Ct,
+		frag: wt,
 		stride: 14,
 		attribs: [
 			[
@@ -1614,8 +1746,8 @@ var Ut = [
 	},
 	{
 		name: "rings",
-		vert: _t,
-		frag: vt,
+		vert: Tt,
+		frag: Et,
 		stride: 10,
 		attribs: [
 			[
@@ -1637,8 +1769,8 @@ var Ut = [
 	},
 	{
 		name: "straight",
-		vert: Ct(1),
-		frag: wt,
+		vert: jt(1),
+		frag: Mt,
 		stride: 19,
 		verts: 8,
 		attribs: [
@@ -1677,8 +1809,8 @@ var Ut = [
 	},
 	{
 		name: "curved",
-		vert: Ct(24),
-		frag: wt,
+		vert: jt(24),
+		frag: Mt,
 		stride: 19,
 		verts: 54,
 		attribs: [
@@ -1717,8 +1849,8 @@ var Ut = [
 	},
 	{
 		name: "tips",
-		vert: Tt,
-		frag: Et,
+		vert: Nt,
+		frag: Pt,
 		stride: 9,
 		attribs: [
 			[
@@ -1741,8 +1873,8 @@ var Ut = [
 	},
 	{
 		name: "packets",
-		vert: Dt,
-		frag: Ot,
+		vert: Ft,
+		frag: It,
 		stride: 18,
 		attribs: [
 			[
@@ -1775,8 +1907,8 @@ var Ut = [
 	},
 	{
 		name: "nodes",
-		vert: yt,
-		frag: bt,
+		vert: Dt,
+		frag: Ot,
 		stride: 12,
 		attribs: [
 			[
@@ -1797,7 +1929,7 @@ var Ut = [
 		],
 		constants: "nodes"
 	}
-], Wt = {
+], Qt = {
 	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"), v.roundedHalf, v.roundedCorner, v.hexInradius, v.squareHalf), e.uniform2f(t("u_shape2"), v.squareCorner, v.diamondHalf), e.uniform1f(t("u_glyphMin"), 14);
 	},
@@ -1805,9 +1937,9 @@ var Ut = [
 		e.uniform3fv(t("u_markMin"), n.markMin);
 	},
 	tips(e, t) {
-		e.uniform4f(t("u_tip"), s.length, s.spread, _.halfLength, _.width), e.uniform4f(t("u_end"), z.strokeWidth, z.barHalf, z.diamondHalf, z.diamondAcross), e.uniform2f(t("u_tick"), z.tickHalf, z.tickWidth);
+		e.uniform4f(t("u_tip"), s.length, s.spread, _.halfLength, _.width), e.uniform4f(t("u_end"), R.strokeWidth, R.barHalf, R.diamondHalf, R.diamondAcross), e.uniform2f(t("u_tick"), R.tickHalf, R.tickWidth);
 	}
-}, Gt = {
+}, $t = {
 	alpha: !0,
 	premultipliedAlpha: !0,
 	antialias: !1,
@@ -1816,7 +1948,7 @@ var Ut = [
 	preserveDrawingBuffer: !1,
 	powerPreference: "high-performance"
 };
-function Kt(e, t, n, r) {
+function en(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);
@@ -1824,23 +1956,23 @@ function Kt(e, t, n, r) {
 	}
 	return i;
 }
-function qt(e, t, n, r) {
-	let i = Kt(e, e.VERTEX_SHADER, t, `${r} vertex`), a = Kt(e, e.FRAGMENT_SHADER, n, `${r} fragment`), o = e.createProgram();
+function tn(e, t, n, r) {
+	let i = en(e, e.VERTEX_SHADER, t, `${r} vertex`), a = en(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 Jt = (e) => !e || e.plain ? 0 : e.version;
-function Yt(e, t, n, r = null) {
-	let i = Ht(n, r);
+var nn = (e) => !e || e.plain ? 0 : e.version;
+function rn(e, t, n, r = null) {
+	let i = Xt(n, r);
 	t.passes.forEach((t) => {
-		t.spec.constants && (e.useProgram(t.program), Wt[t.spec.constants](e, t.at, i));
-	}), t.theme = n, t.styleKey = Jt(r);
+		t.spec.constants && (e.useProgram(t.program), Qt[t.spec.constants](e, t.at, i));
+	}), t.theme = n, t.styleKey = nn(r);
 }
-function Xt(e, t, n) {
-	let r = qt(e, t.vert, t.frag, t.name), i = e.createVertexArray(), a = e.createBuffer();
+function an(e, t, n) {
+	let r = tn(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);
@@ -1860,11 +1992,11 @@ function Xt(e, t, n) {
 		}
 	};
 }
-var Zt = {
+var on = {
 	strokes: {
 		name: "strokes",
-		vert: _t,
-		frag: vt,
+		vert: Tt,
+		frag: Et,
 		stride: 10,
 		attribs: [
 			[
@@ -1886,8 +2018,8 @@ var Zt = {
 	},
 	icons: {
 		name: "icons",
-		vert: kt,
-		frag: At,
+		vert: Lt,
+		frag: Rt,
 		stride: 4,
 		attribs: [[
 			1,
@@ -1896,7 +2028,7 @@ var Zt = {
 		]]
 	}
 };
-function Qt(e, t = "dark", n = null) {
+function sn(e, t = "dark", n = null) {
 	let r = e.createBuffer();
 	e.bindBuffer(e.ARRAY_BUFFER, r), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 		-1,
@@ -1910,7 +2042,7 @@ function Qt(e, t = "dark", n = null) {
 	]), e.STATIC_DRAW);
 	let i = {
 		corners: r,
-		passes: Ut.map((t) => Xt(e, t, r)),
+		passes: Zt.map((t) => an(e, t, r)),
 		theme: t,
 		styleKey: 0,
 		extras: {
@@ -1920,29 +2052,29 @@ function Qt(e, t = "dark", n = null) {
 		textures: /* @__PURE__ */ new Map(),
 		iconStore: null
 	};
-	return Yt(e, i, t, n), i;
+	return rn(e, i, t, n), i;
 }
-function $t(e, t) {
+function cn(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 en(e, t = {}) {
-	let n = t.gl || e.getContext("webgl2", Gt);
+function ln(e, t = {}) {
+	let n = t.gl || e.getContext("webgl2", $t);
 	if (!n) throw Error("WebGL2 is not available");
 	let i = t.mapStyle || (() => x), a = {
 		uploads: 0,
 		draws: 0
-	}, o = Qt(n), s = !1, c = 0, l = 0, u = null, d = null, f, p = null;
+	}, o = sn(n), s = !1, c = 0, l = 0, u = null, d = null, f, p = null;
 	function m(e) {
-		return o.extras[e] || (o.extras[e] = Xt(n, Zt[e], o.corners)), o.extras[e];
+		return o.extras[e] || (o.extras[e] = an(n, on[e], o.corners)), o.extras[e];
 	}
 	function h() {
 		o.passes.forEach((e) => {
 			let t = u[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(Zt)) {
+		for (let e of Object.keys(on)) {
 			let t = u[e];
 			if (!t.count && !o.extras[e]) continue;
 			let r = m(e);
@@ -1974,12 +2106,12 @@ function en(e, t = {}) {
 		], s || !o || !c || !l) return;
 		let v = i(), y = S(t, v), b = v.values ? v.values[A] : void 0;
 		(o.iconStore !== v.icons || o.glyphInk !== b) && (o.textures.forEach(({ texture: e }) => n.deleteTexture(e)), o.textures.clear(), o.iconStore = v.icons, o.glyphInk = b, d = null), (y !== d || y.version !== f) && (u = {
-			...zt(y),
-			strokes: Bt(y),
-			icons: Vt(y, (e) => me(e) ? !!ve(he(e), b) : oe(e) ? !!E(r(e).type, r(e).ink) : !!(v.icons && v.icons.get(e)), v)
+			...qt(y),
+			strokes: Jt(y),
+			icons: Yt(y, (e) => ge(e) ? !!be(_e(e), b) : se(e) ? !!E(r(e).type, r(e).ink) : !!(v.icons && v.icons.get(e)), v)
 		}, d = y, f = y.version, h());
 		let x = y.theme || "dark";
-		(o.theme !== x || o.styleKey !== Jt(v)) && Yt(n, o, x, 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), o.passes.forEach((t) => {
+		(o.theme !== x || o.styleKey !== nn(v)) && rn(n, o, x, 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), o.passes.forEach((t) => {
 			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, c, l), n.uniform3f(t.uniforms.cam, m.x, m.y, m.zoom), n.uniform1f(t.uniforms.dpr, e.width / c), 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), a.draws++);
 		});
 		let C = o.extras.strokes;
@@ -1988,10 +2120,10 @@ function en(e, t = {}) {
 		if (w && w.count) {
 			n.useProgram(w.program), n.uniform2f(w.uniforms.viewport, c, l), n.uniform3f(w.uniforms.cam, m.x, m.y, m.zoom), n.uniform1f(w.uniforms.dpr, e.width / c), n.uniform1i(w.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(w.vao), n.bindBuffer(n.ARRAY_BUFFER, w.buffer);
 			for (let e of u.icons.groups) {
-				let t = me(e.kind), i = oe(e.kind), o = t || i ? 14 : 0;
+				let t = ge(e.kind), i = se(e.kind), o = t || i ? 14 : 0;
 				if (o && e.maxR * 2 * m.zoom < o) continue;
 				n.uniform1f(w.at("u_minR"), o / 2), n.uniform1f(w.at("u_sideRatio"), t ? 1 : i ? G : 1);
-				let s = t ? ve(he(e.kind), v.values && v.values["--corn-map-glyph"]) : i ? E(r(e.kind).type, r(e.kind).ink) : v.icons && v.icons.get(e.kind);
+				let s = t ? be(_e(e.kind), v.values && v.values["--corn-map-glyph"]) : i ? E(r(e.kind).type, r(e.kind).ink) : v.icons && v.icons.get(e.kind);
 				s && (n.bindTexture(n.TEXTURE_2D, _(e.kind, s, !!v.pixelated && !t && !i)), n.vertexAttribPointer(1, 4, n.FLOAT, !1, 16, e.first * 4 * 4), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, e.count), a.draws++);
 			}
 		}
@@ -2001,7 +2133,7 @@ function en(e, t = {}) {
 		e.preventDefault(), s = !0, o = null;
 	}, b = () => {
 		try {
-			o = Qt(n, p && p[0].theme || "dark", i()), s = !1, u && h(), p && v(...p);
+			o = sn(n, p && p[0].theme || "dark", i()), s = !1, u && h(), p && v(...p);
 		} catch (e) {
 			console.warn("WebGL2 context restored but the renderer could not be rebuilt:", e.message);
 		}
@@ -2024,30 +2156,30 @@ function en(e, t = {}) {
 		}
 	};
 	function C() {
-		e.removeEventListener("webglcontextlost", y), e.removeEventListener("webglcontextrestored", b), o && !s && $t(n, o), o = null, s = !0;
+		e.removeEventListener("webglcontextlost", y), e.removeEventListener("webglcontextrestored", b), o && !s && cn(n, o), o = null, s = !0;
 	}
 }
 // ../explorer/renderer.js
-function tn(e) {
+function un(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 nn(e, t = {}) {
+function dn(e, t = {}) {
 	let n = t.prefer || null, r = t.mapStyle ? { mapStyle: t.mapStyle } : {};
-	if (n === "canvas2d") return Fe(e, r);
+	if (n === "canvas2d") return Le(e, r);
 	let i = null;
 	try {
-		i = e.getContext("webgl2", Gt);
+		i = e.getContext("webgl2", $t);
 	} catch {}
-	if (!i) return Fe(e, r);
+	if (!i) return Le(e, r);
 	try {
-		return en(e, {
+		return ln(e, {
 			gl: i,
 			...r
 		});
 	} catch (n) {
 		console.warn(`WebGL2 renderer unavailable, drawing with Canvas 2D: ${n.message}`);
-		let i = (t.makeStandIn || tn)(e), a = Fe(i, r);
+		let i = (t.makeStandIn || un)(e), a = Le(i, r);
 		return {
 			...a,
 			destroy() {
@@ -2057,7 +2189,7 @@ function nn(e, t = {}) {
 	}
 }
 // ../explorer/cluster.js
-function rn(e, t) {
+function fn(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];
@@ -2065,7 +2197,7 @@ function rn(e, t) {
 	return r;
 }
 // ../explorer/input.js
-function an(e) {
+function pn(e) {
 	let { state: t } = e, { render: n, getSpatialIndex: r, queueFrameWork: i, screenToWorld: a, getMinZoom: o, setHoverNode: s, labelNodeAt: c, fitGraphToViewport: u, fitPadding: d } = e.map, f = (t) => e.emit("select", t), m = () => e.emit("background"), g = () => e.emit("grab"), _ = !1, v = null, y = {
 		x: 0,
 		y: 0
@@ -2093,20 +2225,20 @@ function an(e) {
 		}), F.map.get(e) || null;
 	}
 	function ee(e, n, i) {
-		let a = Re(r(), t.camera, e, n, i);
+		let a = Be(r(), t.camera, e, n, i);
 		return a ? I(a.id) : null;
 	}
 	let te = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
-	function ne(e) {
+	function L(e) {
 		let n = t.canvas.getBoundingClientRect();
 		return {
 			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - n.left,
 			y: (e.touches[0].clientY + e.touches[1].clientY) / 2 - n.top
 		};
 	}
-	function L(e) {
+	function R(e) {
 		if (D = !0, g(), s(null), e.touches && e.touches.length === 2) {
-			E = l(t.camera, te(e), ne(e)), O = null, _ = !1, v = null, S = null;
+			E = l(t.camera, te(e), L(e)), O = null, _ = !1, v = null, S = null;
 			return;
 		}
 		let n = !!(e.touches && e.touches.length > 0), r = P(e);
@@ -2115,7 +2247,7 @@ function an(e) {
 			y: r.y
 		}, x = !1, O = null, S = ee(r.x, r.y, n), N() && S ? (v = S, e.cancelable && e.preventDefault()) : (_ = !0, y = r);
 	}
-	function R() {
+	function ne() {
 		k && E && Object.assign(t.camera, T(E, k.dist, k.mid, o())), k = null;
 		let n = O;
 		if (O = null, n) {
@@ -2124,7 +2256,7 @@ function an(e) {
 				v.x = r.x, v.y = r.y, t.freeformPositions[v.id] = {
 					x: r.x,
 					y: r.y
-				}, e.touchScene(), ue(e);
+				}, e.touchScene(), fe(e);
 			} else _ && (t.camera.x += n.x - y.x, t.camera.y += n.y - y.y, y = n);
 		}
 	}
@@ -2141,15 +2273,15 @@ function an(e) {
 		if (e.touches && e.touches.length === 2 && E) {
 			e.cancelable && e.preventDefault(), k = {
 				dist: te(e),
-				mid: ne(e)
-			}, i(R);
+				mid: L(e)
+			}, i(ne);
 			return;
 		}
 		let t = P(e);
-		Math.hypot(t.x - b.x, t.y - b.y) > 8 && (x = !0), v && N() || _ ? (e.cancelable && e.preventDefault(), O = t, i(R)) : e.touches || (A = t, i(z, { draw: !1 }));
+		Math.hypot(t.x - b.x, t.y - b.y) > 8 && (x = !0), v && N() || _ ? (e.cancelable && e.preventDefault(), O = t, i(ne)) : e.touches || (A = t, i(z, { draw: !1 }));
 	}
 	function H(e) {
-		R();
+		ne();
 		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
@@ -2166,125 +2298,37 @@ function an(e) {
 				}
 			} else {
 				let e = I(c(i.x, i.y));
-				e && h.includes(e.type) && e.id !== "root" ? u(d(), rn(e.id, t.edges)) : t.selectedNode && m();
+				e && h.includes(e.type) && e.id !== "root" ? u(d(), fn(e.id, t.edges)) : t.selectedNode && m();
 			}
 		}
 		_ = !1, v = null, S = null, E = null, k = null, D = !1;
 	}
-	let { canvas: U } = t, W = !(e.root && e.root.nodeType === 9), G = (r) => {
-		if (W && !r.ctrlKey && !r.metaKey && e.active() !== t.canvas) return;
+	let { canvas: U } = t, re = !(e.root && e.root.nodeType === 9), W = (r) => {
+		if (re && !r.ctrlKey && !r.metaKey && e.active() !== t.canvas) return;
 		r.preventDefault(), g();
 		let i = P(r);
 		Object.assign(t.camera, p(t.camera, r.deltaY < 0 ? 1.12 : .88, i.x, i.y, o())), n();
-	}, re = e.root || U, ie = [
-		e.listen(U, "mousedown", L),
+	}, G = e.root || U, ie = [
+		e.listen(U, "mousedown", R),
 		e.listen(U, "mousemove", V),
 		e.listen(U, "mouseleave", () => {
 			A = null, B(!1), s(null);
 		}),
-		e.listen(re, "mouseup", H),
-		e.listen(U, "touchstart", L, { passive: !1 }),
+		e.listen(G, "mouseup", H),
+		e.listen(U, "touchstart", R, { passive: !1 }),
 		e.listen(U, "touchmove", V, { passive: !1 }),
-		e.listen(re, "touchend", H, { passive: !1 }),
-		e.listen(re, "touchcancel", H, { passive: !1 }),
-		e.listen(U, "wheel", G, { passive: !1 })
+		e.listen(G, "touchend", H, { passive: !1 }),
+		e.listen(G, "touchcancel", H, { passive: !1 }),
+		e.listen(U, "wheel", W, { passive: !1 })
 	];
 	return () => ie.forEach((e) => e());
 }
-// ../explorer/flow-build.js
-function on(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);
-	});
-	let i = e.filter((e) => e.type === "container" && e.selfHosted), a = /* @__PURE__ */ new Map();
-	t.forEach((e) => {
-		let t = n.get(e.from);
-		if (e.kind !== "delivers" || t?.type !== "container" || t.selfHosted || n.get(e.to)?.type !== "page") return;
-		let r = i.filter((e) => e.stack === t.stack);
-		r.length === 1 && a.set(t.id, r[0].id);
-	});
-	let o = (e) => n.get(e)?.type === "page" ? r.get(e) || e : a.get(e) || e, s = new Set([...r].filter(([e]) => Array.isArray(n.get(e)?.methods) && n.get(e).methods.length).map(([, e]) => e)), c = (e) => e.type === "store" && (e.tier === "browser" || e.id === "store-idb"), l = /* @__PURE__ */ new Set();
-	t.forEach((e) => {
-		if (e.kind === "reads" || e.kind === "writes") {
-			let t = e.kind === "reads" ? e.to : e.from;
-			n.get(t)?.type === "page" && l.add(o(t));
-		}
-	}), t.forEach((e) => {
-		e.kind === "flow" && e.flow === "api" && n.get(e.from)?.type === "app" && l.add(e.from);
-	});
-	let u = new Set(t.filter((e) => e.kind === "flow" && e.flow === "api").map((e) => `${o(e.from)}|${o(e.to)}`)), d = (t) => e.filter(t).sort((e, t) => String(e.label).localeCompare(String(t.label))), f = [
-		{
-			key: "browser",
-			title: "Browser",
-			note: "saved on the device first",
-			nodes: d(c)
-		},
-		{
-			key: "servers",
-			title: "App servers",
-			note: "pages, no-JS forms",
-			nodes: d((e) => e.type === "app" && !s.has(e.id) && l.has(e.id))
-		},
-		{
-			key: "api",
-			title: "API",
-			note: "where the endpoints are",
-			nodes: d((e) => s.has(e.id))
-		},
-		{
-			key: "tables",
-			title: "Tables",
-			note: "stores and tables",
-			nodes: [...d((e) => e.type === "store" && !c(e)), ...d((e) => e.type === "table")]
-		},
-		{
-			key: "services",
-			title: "Services",
-			note: "jobs, hooks, webhooks",
-			nodes: d((e) => e.type === "service")
-		},
-		{
-			key: "outside",
-			title: "Outside",
-			note: "systems the API reaches",
-			nodes: [...d((e) => e.type === "external"), ...d((e) => e.type === "container" && e.selfHosted)]
-		}
-	], p = new Set(f.flatMap((e) => e.nodes.map((e) => e.id))), m = [], h = /* @__PURE__ */ new Set(), g = (e, t, n) => {
-		if (t === n || !p.has(t) || !p.has(n)) return;
-		let r = `${t}|${n}|${e.kind}|${e.flow || ""}`;
-		h.has(r) || (h.add(r), m.push({
-			...e,
-			from: t,
-			to: n,
-			status: e.status || "live",
-			phase: void 0
-		}));
-	};
-	return t.forEach((e) => {
-		if (!(e.kind === "calls" && u.has(`${o(e.from)}|${o(e.to)}`)) && (e.kind !== "calls" || n.get(e.from)?.type !== "container")) {
-			if (e.kind === "flow" || [
-				"calls",
-				"triggers",
-				"delivers"
-			].includes(e.kind)) return g(e, o(e.from), o(e.to));
-			if (e.kind === "reads" || e.kind === "writes") {
-				let t = e.kind === "reads" ? e.to : e.from;
-				return n.get(t)?.type === "page" && !s.has(o(t)) ? void 0 : g(e, o(e.from), o(e.to));
-			}
-		}
-	}), {
-		tiers: f,
-		ids: p,
-		edges: m
-	};
-}
 // ../explorer/pieces/map.js
-var sn = "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.", cn = "<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>", ln = ({ keysHelp: e = sn } = {}) => ({ stage: `${cn}
-<p id="map-keys-help" class="hx-sr-only">${P(e)}</p>
+var mn = "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.", hn = "<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>", gn = ({ keysHelp: e = mn } = {}) => ({ stage: `${hn}
+<p id="map-keys-help" class="hx-sr-only">${W(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 un(e, t, n) {
+function _n(e, t, n) {
 	let r = j(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",
@@ -2307,16 +2351,16 @@ function un(e, t, n) {
 		}
 	};
 }
-function dn(e) {
+function vn(e) {
 	let t = e.nodeType === 11 ? e.host : e;
 	return t && typeof t.getRootNode == "function" ? t.getRootNode() : null;
 }
-function fn(e, t, n = {}) {
-	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? pn(e, n) : mn(e, t, n, null);
+function yn(e, t, n = {}) {
+	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? bn(e, n) : xn(e, t, n, null);
 }
-function pn(e, t) {
+function bn(e, t) {
 	let n = e.nodeType === 11 ? e.host : e, r = {}, i = null, a = !1;
-	return import("./scope-vxRGj-2V.js").then((e) => e.n).then(({ mountScope: o }) => {
+	return import("./scope-HD2C0JDl.js").then((e) => e.n).then(({ mountScope: o }) => {
 		if (a) return;
 		let s = o(n, {
 			src: t.src,
@@ -2328,7 +2372,7 @@ function pn(e, t) {
 			onAuth: t.onAuth,
 			onError: t.onError
 		});
-		i = mn(e, s.instance, {
+		i = xn(e, s.instance, {
 			...t,
 			...r
 		}, s);
@@ -2364,9 +2408,9 @@ function pn(e, t) {
 		}
 	};
 }
-function mn(e, t, n, r) {
+function xn(e, t, n, r) {
 	let i = !t;
-	i && (t = ee({
+	i && (t = V({
 		root: e,
 		base: n.base || "",
 		fetch: n.fetch,
@@ -2376,20 +2420,20 @@ function mn(e, t, n, r) {
 	if (a) try {
 		o = t.attach(e);
 	} catch {
-		return r && r.destroy(), un(e, t, a);
+		return r && r.destroy(), _n(e, t, a);
 	}
 	let { state: s } = t, c = a ? a.source : null;
 	if (n.tokens) {
-		let t = dn(e);
-		t && ie(t.nodeType === 9 ? t : t.ownerDocument, n.tokens), t && t.nodeType === 11 && ie(t, n.tokens);
+		let t = vn(e);
+		t && ae(t.nodeType === 9 ? t : t.ownerDocument, n.tokens), t && t.nodeType === 11 && ae(t, n.tokens);
 	}
-	let l = B(t);
+	let l = ne(t);
 	l.own(o), r && l.own(() => r.destroy());
 	let u = (e) => e === "canvas2d" ? "canvas2d" : "auto", d = (e) => e === "light" || e === "dark" ? e : "auto", f = {
 		renderer: u(n.renderer),
 		theme: d(n.theme),
 		topology: void 0
-	}, p = n.topology !== void 0 && n.topology !== null, m = !1, h = !1, g = ln({ keysHelp: n.keysHelp }).stage, _ = n.slots && n.slots.stage ? n.slots : null, v = j(t, e, _ ? g : `<div data-corn="map-stage">${g}</div>`, _, "stage"), y = (e) => v.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
+	}, p = n.topology !== void 0 && n.topology !== null, m = !1, h = !1, g = gn({ keysHelp: n.keysHelp }).stage, _ = n.slots && n.slots.stage ? n.slots : null, v = j(t, e, _ ? g : `<div data-corn="map-stage">${g}</div>`, _, "stage"), y = (e) => v.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
 	l.own(() => {
 		for (let e of [...v, s.canvas]) e && e.remove();
 	});
@@ -2404,9 +2448,9 @@ function mn(e, t, n, r) {
 		l.own(e.destroy);
 	}
 	s.canvas = y("[data-corn=\"map-canvas\"]"), s.labelCanvas = y("[data-corn=\"label-canvas\"]"), s.ctx = t.doc.createElement("canvas").getContext("2d");
-	let x = ft(t, n.measureCovered ? { measureCovered: n.measureCovered } : {}), S = ce(t);
+	let x = mt(t, n.measureCovered ? { measureCovered: n.measureCovered } : {}), S = ue(t);
 	l.own(S.watch()), l.own(S.onChange(() => x.render()));
-	let C = () => f.renderer === "canvas2d" ? "canvas2d" : null, w = () => x.setRenderer(nn(s.canvas, {
+	let C = () => f.renderer === "canvas2d" ? "canvas2d" : null, w = () => x.setRenderer(dn(s.canvas, {
 		prefer: C(),
 		mapStyle: S.get
 	})), T = t.win && t.win.matchMedia ? t.win.matchMedia("(prefers-color-scheme: light)") : null;
@@ -2414,7 +2458,7 @@ function mn(e, t, n, r) {
 		if (f.theme === "light" || f.theme === "dark") return f.theme;
 		if (a && (a.theme === "light" || a.theme === "dark")) return a.theme;
 		let e = t.doc && t.doc.documentElement, n = e ? e.getAttribute("data-theme") : null;
-		return n === "light" || n === "dark" ? n : re("system", !!(T && T.matches));
+		return n === "light" || n === "dark" ? n : ie("system", !!(T && T.matches));
 	}
 	function D() {
 		if (m) return;
@@ -2422,25 +2466,20 @@ function mn(e, t, n, r) {
 		S.refresh(), s.theme !== e && (s.theme = e, t.touchScene()), x.render();
 	}
 	s.theme = E(), a && l.own(a.serverTheme.adopt(e)), a && (l.on("theme", () => D()), l.on("scope:theme", () => D())), T && T.addEventListener && (T.addEventListener("change", D), l.own(() => T.removeEventListener("change", D)));
-	let k = t.win && t.win.MutationObserver;
-	if (k && t.doc && t.doc.documentElement) {
-		let e = new k(D);
+	let O = t.win && t.win.MutationObserver;
+	if (O && t.doc && t.doc.documentElement) {
+		let e = new O(D);
 		e.observe(t.doc.documentElement, {
 			attributes: !0,
 			attributeFilter: ["data-theme", "class"]
 		}), l.own(() => e.disconnect());
 	}
 	w();
-	function A() {
-		te(t), s.view === "dataflow" && s.flow ? (s.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
-			e.r = Math.min(e.r, 13);
-		})), O(t, s.flow)) : se(t);
-	}
-	let M = !1, P = () => {
-		s.nodes.length && (M = !s.width || !s.height, M || x.fitGraphToViewport(x.fitPadding()));
-	}, F = (e) => s.nodes.find((t) => t.id === e) || null, L = null;
-	l.on("select", (e) => V(t, e, { source: "tap" })), l.on("background", () => W(t, { source: "tap" })), l.on("grab", () => ne(t)), l.on("selection", ({ node: e, edge: t, source: r }) => {
-		m || ((e || t) && (L = null), n.onSelect && (e ? n.onSelect({
+	let k = () => vt(t), A = !1, M = () => {
+		s.nodes.length && (A = !s.width || !s.height, A || x.fitGraphToViewport(x.fitPadding()));
+	}, P = (e) => s.nodes.find((t) => t.id === e) || null, I = null;
+	l.on("select", (e) => B(t, e, { source: "tap" })), l.on("background", () => re(t, { source: "tap" })), l.on("grab", () => ee(t)), l.on("selection", ({ node: e, edge: t, source: r }) => {
+		m || ((e || t) && (I = null), n.onSelect && (e ? n.onSelect({
 			id: e.id,
 			kind: "node",
 			source: r
@@ -2456,95 +2495,95 @@ function mn(e, t, n, r) {
 			source: r
 		})));
 	});
-	function R(e) {
-		let n = F(String(e));
-		return !n || m ? !1 : (V(t, n, {
+	function te(e) {
+		let n = P(String(e));
+		return !n || m ? !1 : (B(t, n, {
 			frame: !0,
 			source: "api"
 		}), !0);
 	}
-	let z = () => {}, H = !!t.root && t.root.nodeType === 9;
-	function G() {
-		let e = s.canvas, n = [an(t)];
-		H || n.push(t.listen(e, "pointerdown", (t) => {
+	let L = () => {}, R = !!t.root && t.root.nodeType === 9;
+	function z() {
+		let e = s.canvas, n = [pn(t)];
+		R || n.push(t.listen(e, "pointerdown", (t) => {
 			if (t.pointerType === "mouse" && e.setPointerCapture) try {
 				e.setPointerCapture(t.pointerId);
 			} catch {}
-		})), I(t), N(t), n.push(() => I(t)), z = () => n.forEach((e) => e());
+		})), F(t), N(t), n.push(() => F(t)), L = () => n.forEach((e) => e());
 	}
 	l.own(x.onPaint(() => {
-		M && s.width && s.height && P(), !h && s.nodes.length && (h = !0, n.onReady && n.onReady());
-	})), G(), l.own(() => z());
-	let ae = () => {
-		!p && c && c.topology && c.topology !== f.topology && (f.topology = c.topology, oe(c.topology));
+		A && s.width && s.height && M(), !h && s.nodes.length && (h = !0, n.onReady && n.onReady());
+	})), z(), l.own(() => L());
+	let H = () => {
+		!p && c && c.topology && c.topology !== f.topology && (f.topology = c.topology, W(c.topology));
 	};
 	c && l.on("source", (e) => {
-		e.state === "ready" && ae();
+		e.state === "ready" && H();
 	}), l.own(x.watchSize()), x.resize();
-	function oe(e) {
-		let n = e && Array.isArray(e.nodes) ? e.nodes.filter((e) => e && typeof e.id == "string") : [], r = e && Array.isArray(e.edges) ? e.edges.filter((e) => e && typeof e.from == "string" && typeof e.to == "string") : [], i = s.selectedNode ? s.selectedNode.id : null;
-		s.baseNodes = n, s.baseEdges = r, s.nodes = n.map((e) => ({ ...e })), s.edges = r.map((e) => ({ ...e })), s.mapNodes = s.nodes, s.mapEdges = s.edges, s.flow = on(s.nodes, s.edges);
-		let a = i ? F(i) : null;
-		a ? (s.selectedEdge = null, s.selectedNode = a) : (s.selectedNode || s.selectedEdge) && (s.selectedNode = null, s.selectedEdge = null), t.touchScene(), s.nodes.length && (A(), P());
-		let o = !a && L ? F(L) : null;
-		o && V(t, o, { source: "api" }), x.render(), x.ensureFlowLoop();
-	}
-	function le(e) {
+	function W(e) {
+		let n = s.selectedNode ? s.selectedNode.id : null;
+		_t(t, e);
+		let r = n ? P(n) : null;
+		s.nodes.length && (k(), M());
+		let i = !r && I ? P(I) : null;
+		i && B(t, i, { source: "api" }), x.render(), x.ensureFlowLoop();
+	}
+	function G(e) {
 		let n = e === "dataflow" ? "dataflow" : "orbit";
-		s.view !== n && (s.view = n, t.touchScene(), s.nodes.length && (A(), P(), x.ensureFlowLoop()));
+		s.view !== n && (s.view = n, t.touchScene(), s.nodes.length && (k(), M(), x.ensureFlowLoop()));
 	}
-	function ue() {
+	function oe() {
 		let e = x.getRenderer();
-		e.release ? e.release() : e.destroy(), z();
+		e.release ? e.release() : e.destroy(), L();
 		let n = t.doc.createElement("template");
-		n.innerHTML = cn;
+		n.innerHTML = hn;
 		let r = n.content.firstElementChild;
 		r.setAttribute("part", "map-canvas");
 		let i = t.active() === s.canvas;
-		s.canvas.replaceWith(r), s.canvas = r, G(), w(), x.resize(), i && r.focus();
+		s.canvas.replaceWith(r), s.canvas = r, z(), w(), x.resize(), i && r.focus();
 	}
-	function de(e = {}) {
+	function se(e = {}) {
 		if (!m) {
 			if ("renderer" in e) {
 				let t = u(e.renderer);
-				t !== f.renderer && (f.renderer = t, ue());
+				t !== f.renderer && (f.renderer = t, oe());
 			}
 			if ("theme" in e) {
 				let t = d(e.theme);
 				t !== f.theme && (f.theme = t, D());
 			}
-			if ("topology" in e && (p = e.topology !== void 0 && e.topology !== null, p && e.topology !== f.topology ? (f.topology = e.topology, oe(e.topology)) : !p && c && c.topology ? (f.topology = void 0, ae()) : !p && e.topology !== f.topology && (f.topology = e.topology, oe(e.topology))), "view" in e && le(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
+			if ("topology" in e && (p = e.topology !== void 0 && e.topology !== null, p && e.topology !== f.topology ? (f.topology = e.topology, W(e.topology)) : !p && c && c.topology ? (f.topology = void 0, H()) : !p && e.topology !== f.topology && (f.topology = e.topology, W(e.topology))), "view" in e && G(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
 				let n = e.node == null || e.node === "" ? null : String(e.node);
-				if (n === null) L = null, (s.selectedNode || s.selectedEdge) && W(t, { source: "api" });
+				if (n === null) I = null, (s.selectedNode || s.selectedEdge) && re(t, { source: "api" });
 				else {
-					let e = F(n);
-					e ? s.selectedNode && s.selectedNode.id === n || V(t, e, { source: "api" }) : L = n;
+					let e = P(n);
+					e ? s.selectedNode && s.selectedNode.id === n || B(t, e, { source: "api" }) : I = n;
 				}
 			}
 		}
 	}
-	function K() {
+	function ce() {
 		m || (m = !0, l.destroy(), x.destroy(), i && t.destroy());
 	}
-	let fe = {};
+	let le = {};
 	for (let e of [
 		"topology",
 		"view",
 		"node"
-	]) n[e] !== void 0 && (fe[e] = n[e]);
-	return de(fe), ae(), D(), {
+	]) n[e] !== void 0 && (le[e] = n[e]);
+	return se(le), H(), D(), {
 		inst: t,
 		map: x,
-		update: de,
-		destroy: K,
-		fit: P,
-		focusNode: R,
+		update: se,
+		destroy: ce,
+		fit: M,
+		focusNode: te,
 		refresh: D,
 		applyTheme: (e) => S.applyTheme(e)
 	};
 }
 // \0stencil-css:/home/runner/work/CornField/CornField/explorer/pieces/map-stage?tag=corn-map&encapsulation=shadow&__ext=css
-var hn = () => "[data-corn=map-stage]{background:var(--corn-ground-image), var(--corn-ground);width:100%;height:100%;min-height:16rem;display:block;position:relative;overflow:hidden}[data-corn=map-canvas]{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}[data-corn=map-canvas]:active{cursor:grabbing}[data-corn=map-canvas]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:calc(var(--corn-focus-width) * -1)}[data-corn=label-canvas]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-corn=map-overlay]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}", gn = () => "[data-corn=source-status]{z-index:2;box-sizing:border-box;align-items:center;gap:var(--corn-space-3);width:min(26rem, calc(100% - var(--corn-space-6) * 2));padding:var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-lg);background:var(--corn-surface-1);color:var(--corn-text-2);box-shadow:var(--corn-shadow);text-align:center;font-family:var(--corn-font);font-size:var(--corn-text-md);flex-direction:column;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-corn=source-status][hidden]{display:none}[data-corn=source-status]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-status][data-corn-state=running]{box-shadow:none;color:var(--corn-text-3);background:0 0;border-color:#0000;padding:0}[data-corn=source-status][data-corn-state=running] [data-corn=source-title]{font-size:var(--corn-text-md);color:var(--corn-text-3);font-weight:400}[data-corn=source-status][data-corn-state=failure] [data-corn=source-title]{color:var(--corn-bad)}[data-corn=source-status][data-corn-state=waiting] [data-corn=source-title]{color:var(--corn-accent-text)}[data-corn=source-title],[data-corn=source-text]{margin:0}[data-corn=source-title]{font-size:var(--corn-text-lg);color:var(--corn-text);font-weight:600}[data-corn=source-text]{overflow-wrap:anywhere;user-select:text}[data-corn=source-origin]{font-family:var(--corn-mono);color:var(--corn-warn);overflow-wrap:anywhere;user-select:all}[data-corn=source-sign-in],[data-corn=source-retry]{box-sizing:border-box;min-height:max(var(--corn-control-height), 2.75rem);padding:0 var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius);background:var(--corn-surface-2);color:var(--corn-text);font-family:inherit;font-size:inherit;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}[data-corn=source-sign-in]{border-color:var(--corn-accent);background:var(--corn-accent);color:var(--corn-text-on-accent);font-weight:600}[data-corn=source-sign-in]:hover{background:var(--corn-accent-hover)}[data-corn=source-retry]:hover{background:var(--corn-surface-3)}[data-corn=source-sign-in]:focus-visible,[data-corn=source-retry]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-notice]{z-index:2;box-sizing:border-box;padding:var(--corn-space-3) var(--corn-space-6);background:var(--corn-surface-1);border-top:var(--corn-border) solid var(--corn-line-soft);color:var(--corn-text-2);font-family:var(--corn-font);font-size:var(--corn-text-sm);text-align:center;overflow-wrap:anywhere;margin:0;position:absolute;bottom:0;left:0;right:0}[data-corn=source-notice][hidden]{display:none}", _n = () => ":host{contain:layout;min-width:0;color:var(--corn-text);font-family:var(--corn-font);display:block;position:relative}:host([hidden]){display:none!important}", vn = class extends n {
+var Sn = () => "[data-corn=map-stage]{background:var(--corn-ground-image), var(--corn-ground);width:100%;height:100%;min-height:16rem;display:block;position:relative;overflow:hidden}[data-corn=map-canvas]{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}[data-corn=map-canvas]:active{cursor:grabbing}[data-corn=map-canvas]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:calc(var(--corn-focus-width) * -1)}[data-corn=label-canvas]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-corn=map-overlay]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}", Cn = () => "[data-corn=source-status]{z-index:2;box-sizing:border-box;align-items:center;gap:var(--corn-space-3);width:min(26rem, calc(100% - var(--corn-space-6) * 2));padding:var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-lg);background:var(--corn-surface-1);color:var(--corn-text-2);box-shadow:var(--corn-shadow);text-align:center;font-family:var(--corn-font);font-size:var(--corn-text-md);flex-direction:column;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-corn=source-status][hidden]{display:none}[data-corn=source-status]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-status][data-corn-state=running]{box-shadow:none;color:var(--corn-text-3);background:0 0;border-color:#0000;padding:0}[data-corn=source-status][data-corn-state=running] [data-corn=source-title]{font-size:var(--corn-text-md);color:var(--corn-text-3);font-weight:400}[data-corn=source-status][data-corn-state=failure] [data-corn=source-title]{color:var(--corn-bad)}[data-corn=source-status][data-corn-state=waiting] [data-corn=source-title]{color:var(--corn-accent-text)}[data-corn=source-title],[data-corn=source-text]{margin:0}[data-corn=source-title]{font-size:var(--corn-text-lg);color:var(--corn-text);font-weight:600}[data-corn=source-text]{overflow-wrap:anywhere;user-select:text}[data-corn=source-origin]{font-family:var(--corn-mono);color:var(--corn-warn);overflow-wrap:anywhere;user-select:all}[data-corn=source-sign-in],[data-corn=source-retry]{box-sizing:border-box;min-height:max(var(--corn-control-height), 2.75rem);padding:0 var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius);background:var(--corn-surface-2);color:var(--corn-text);font-family:inherit;font-size:inherit;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}[data-corn=source-sign-in]{border-color:var(--corn-accent);background:var(--corn-accent);color:var(--corn-text-on-accent);font-weight:600}[data-corn=source-sign-in]:hover{background:var(--corn-accent-hover)}[data-corn=source-retry]:hover{background:var(--corn-surface-3)}[data-corn=source-sign-in]:focus-visible,[data-corn=source-retry]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-notice]{z-index:2;box-sizing:border-box;padding:var(--corn-space-3) var(--corn-space-6);background:var(--corn-surface-1);border-top:var(--corn-border) solid var(--corn-line-soft);color:var(--corn-text-2);font-family:var(--corn-font);font-size:var(--corn-text-sm);text-align:center;overflow-wrap:anywhere;margin:0;position:absolute;bottom:0;left:0;right:0}[data-corn=source-notice][hidden]{display:none}", wn = () => ":host{contain:layout;min-width:0;color:var(--corn-text);font-family:var(--corn-font);display:block;position:relative}:host([hidden]){display:none!important}", Tn = class extends n {
 	constructor(t) {
 		super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.cornSelect = e(this, "cornSelect", 7), this.cornReady = e(this, "cornReady", 7), this.cornAuth = e(this, "cornAuth", 7), this.cornError = e(this, "cornError", 7);
 	}
@@ -2582,16 +2621,16 @@ var hn = () => "[data-corn=map-stage]{background:var(--corn-ground-image), var(-
 		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
 	}
 	mountPiece() {
-		!this.piece && this.el.shadowRoot && (this.changes = {}, this.scope = k(this.el, () => this.remount()), this.piece = fn(this.el.shadowRoot, this.scope.inst, {
+		!this.piece && this.el.shadowRoot && (this.changes = {}, this.scope = k(this.el, () => this.remount()), this.piece = yn(this.el.shadowRoot, this.scope.inst, {
 			topology: this.topology,
 			view: this.view,
 			node: this.node,
 			theme: this.theme,
 			renderer: this.renderer,
-			tokens: ae,
+			tokens: oe,
 			src: this.src,
 			useTheme: this.useTheme,
-			version: "0.49.0",
+			version: "0.50.1",
 			pageUrl: () => typeof location > "u" ? "" : location.href,
 			onAuth: (e) => this.cornAuth.emit(e),
 			onError: (e) => this.cornError.emit(e),
@@ -2632,10 +2671,10 @@ var hn = () => "[data-corn=map-stage]{background:var(--corn-ground-image), var(-
 		};
 	}
 	static get style() {
-		return hn() + gn() + _n();
+		return Sn() + Cn() + wn();
 	}
 };
-t(vn, [
+t(Tn, [
 	513,
 	"corn-map",
 	{
@@ -2661,4 +2700,4 @@ t(vn, [
 		useTheme: [{ addressChanged: 0 }]
 	}
 ]);
-export { vn as t };
+export { Tn as t };