@popcorn245/cornfield-components 0.52.0 → 0.52.1

package/dist/chunks/{node-panel-CY5xnuKC.js → node-panel-BdvFvWCE.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-CGnMp29N.js";
-import { Cn as t, Dt as n, Et as r, Ft as i, Gt as a, Kt as o, Lt as s, Ot as c, St as l, Tn as u, Tt as d, Wt as f, _n as p, _t as m, an as h, bt as g, en as _, in as v, kn as y, kt as b, ln as x, nn as S, rn as C, tn as w, un as T, vt as E, wn as D, wt as ee, xt as te, yn as O, yt as ne } from "./engine-HIgX35hE.js";
-import { a as k, c as re, d as ie, i as ae, n as A, o as oe, u as se } from "./sheets-TFCL_dIn.js";
-var j = 0;
-function M(e, t = 5) {
+import { At as t, Ct as n, Dn as r, Dt as i, En as a, Et as o, Jt as s, Kt as c, Lt as l, Ot as u, St as d, Tn as f, an as p, bt as m, dn as h, fn as g, in as _, jn as v, jt as y, kt as b, nn as x, on as S, qt as C, rn as ee, sn as w, wt as T, xn as E, xt as D, yn as O, yt as k, zt as A } from "./engine-BmXtSISH.js";
+import { a as j, c as te, d as ne, i as re, n as M, o as ie, u as ae } from "./sheets-D-sMZzSs.js";
+var N = 0;
+function P(e, t = 5) {
 	if (e.length <= t + 1) return e.join("");
-	let n = `hx-more-${++j}`, r = e.length - t;
+	let n = `hx-more-${++N}`, r = e.length - t;
 	return `${e.slice(0, t).join("")}<div class="hx-more" id="${n}" hidden>${e.slice(t).join("")}</div><button data-corn="more" data-corn-kind="quiet" type="button" class="hx-btn hx-btn--quiet hx-textact hx-more-btn" data-more="${n}" data-rest="${r}" aria-expanded="false" aria-controls="${n}">and ${r} more</button>`;
 }
-function ce(e) {
+function oe(e) {
 	let t = e.closest && e.closest("[data-more]");
 	if (!t) return !1;
 	let n = t.previousElementSibling, r = n && n.id === t.dataset.more ? n : null, i = t.getAttribute("aria-expanded") !== "true";
 	return r && (r.hidden = !i), t.setAttribute("aria-expanded", String(i)), t.textContent = i ? "Show fewer" : `and ${t.dataset.rest} more`, !0;
 }
 // ../explorer/engine/flow-ui.js
-function le(e, t) {
-	let { state: n } = e, r = (e) => (n.nodes.find((t) => t.id === e) || { label: e }).label, i = n.edges.filter((e) => e.kind === "flow" && (e.from === t.id || e.to === t.id)), a = (e, t, n) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${e}</div><div class="hx-fact-v">${M(t.map((e) => `<div class="hx-line"><span><span class="hx-name">${f(r(n ? e.to : e.from))}</span> · ${f(e.label)}${e.status === "live" ? "" : " <span class=\"hx-warn\">(proposed)</span>"}</span></div>`))}</div></div>` : "";
+function se(e, t) {
+	let { state: n } = e, r = (e) => (n.nodes.find((t) => t.id === e) || { label: e }).label, i = n.edges.filter((e) => e.kind === "flow" && (e.from === t.id || e.to === t.id)), a = (e, t, n) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${e}</div><div class="hx-fact-v">${P(t.map((e) => `<div class="hx-line"><span><span class="hx-name">${c(r(n ? e.to : e.from))}</span> · ${c(e.label)}${e.status === "live" ? "" : " <span class=\"hx-warn\">(proposed)</span>"}</span></div>`))}</div></div>` : "";
 	return a("Sends to", i.filter((e) => e.from === t.id), !0) + a("Gets from", i.filter((e) => e.to === t.id && e.from !== t.id), !1);
 }
 // ../explorer/corn-state.js
-var N = Object.freeze([
+var F = Object.freeze([
 	"open",
 	"merged",
 	"closed",
@@ -40,7 +40,7 @@ var N = Object.freeze([
 	"removed",
 	"edit",
 	"sent-back"
-]), P = Object.freeze([
+]), I = Object.freeze([
 	"added",
 	"changed",
 	"removed",
@@ -55,7 +55,7 @@ Object.freeze([
 	"failed",
 	"stopped"
 ]);
-var ue = Object.freeze({
+var ce = Object.freeze({
 	quiet: "waiting",
 	"stop-requested": "stopped",
 	neutral: "done",
@@ -76,20 +76,20 @@ var ue = Object.freeze({
 	error: "failure",
 	idle: "running"
 });
-function F(e) {
+function L(e) {
 	let t = String(e || "");
-	return ue[t] || (N.includes(t) && !P.includes(t) ? t : "");
+	return ce[t] || (F.includes(t) && !I.includes(t) ? t : "");
 }
-function de(e) {
+function le(e) {
 	let t = String(e || "");
-	return P.includes(t) ? t : "";
+	return I.includes(t) ? t : "";
 }
-function I(e) {
-	let t = de(e);
+function R(e) {
+	let t = le(e);
 	return t ? ` data-corn-state="${t}"` : "";
 }
-function L(e) {
-	let t = F(e);
+function z(e) {
+	let t = L(e);
 	return t ? ` data-corn-state="${t}"` : "";
 }
 Object.freeze({
@@ -119,7 +119,7 @@ Object.freeze({
 	quiet: "waiting",
 	"stop-requested": "stopped"
 });
-function fe(e) {
+function ue(e) {
 	let t = Math.max(0, Math.round(e / 1e3));
 	return t < 60 ? `${t} s` : t < 3600 ? `${Math.floor(t / 60)} min` : `${Math.floor(t / 3600)} h`;
 }
@@ -183,32 +183,32 @@ Object.freeze([
 	local: "draft",
 	unknown: "failure"
 });
-function pe(e) {
+function de(e) {
 	let t = e && e.report && typeof e.report.note == "string" ? e.report.note.replace(/\s+/g, " ").trim() : "", n = t.length > 90 ? `${t.slice(0, 89).trimEnd()}\u2026` : t;
 	return `A run is waiting on you${n ? `: ${n}` : ""}`;
 }
 // ../explorer/proposal-model.js
-var me = [
+var fe = [
 	"before",
 	"diff",
 	"after"
-], he = [
+], pe = [
 	"added",
 	"changed",
 	"removed"
 ];
-function ge(e) {
-	let t = _e({
+function me(e) {
+	let t = he({
 		...e,
 		scenarios: 0
 	}).filter((e) => e.mark).map((e) => e.text.replace(/^\+/, ""));
 	return t.length ? t.join(" · ") : "No changes";
 }
-function _e(e) {
+function he(e) {
 	let t = (t) => e?.[t] || 0, n = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, r = (r) => {
 		let i = e?.nodes?.[r] || 0, a = e?.edges?.[r] || 0;
 		return !e?.nodes || i + a !== t(r) ? `${r === "added" ? "+" : ""}${t(r)} ${r}` : `${[i && n(i, "node"), a && n(a, "edge")].filter(Boolean).join(", ")} ${r}`;
-	}, i = he.filter((e) => t(e) > 0).map((e) => ({
+	}, i = pe.filter((e) => t(e) > 0).map((e) => ({
 		mark: e,
 		text: r(e)
 	}));
@@ -220,15 +220,15 @@ function _e(e) {
 		text: "No changes"
 	}];
 }
-var ve = (e) => `${e === "before" ? "Before" : e === "after" ? "After" : "Diff"} view`, ye = (e, t) => `${t}, ${String(e).toLowerCase()}. The map is on it.`, R = /^[A-Za-z0-9][A-Za-z0-9._-]*$/, be = 200, xe = (e) => typeof e == "string" && e.length <= be && R.test(e);
-function Se(e) {
+var ge = (e) => `${e === "before" ? "Before" : e === "after" ? "After" : "Diff"} view`, _e = (e, t) => `${t}, ${String(e).toLowerCase()}. The map is on it.`, ve = /^[A-Za-z0-9][A-Za-z0-9._-]*$/, ye = 200, be = (e) => typeof e == "string" && e.length <= ye && ve.test(e);
+function xe(e) {
 	let t = String(e ?? ""), n = t.length > 60 ? `${t.slice(0, 59)}\u2026` : t;
 	return n.trim() ? `\u201c${n}\u201d is not a proposal's name.` : "That is not a proposal's name.";
 }
-function Ce(e) {
+function Se(e) {
 	return e == null ? "" : typeof e == "string" ? e : JSON.stringify(e);
 }
-var we = [
+var Ce = [
 	"mark",
 	"editOp",
 	"before",
@@ -243,48 +243,48 @@ var we = [
 	"from",
 	"to"
 ];
-function Te(e) {
-	return b(e) === "added" ? Object.keys(e).filter((t) => !we.includes(t) && e[t] !== void 0).map((t) => ({
+function we(e) {
+	return y(e) === "added" ? Object.keys(e).filter((t) => !Ce.includes(t) && e[t] !== void 0).map((t) => ({
 		field: t,
 		before: "",
-		after: Ce(e[t])
+		after: Se(e[t])
 	})) : e.mark === "changed" && e.before ? Object.keys(e.before).map((t) => ({
 		field: t,
-		before: Ce(e.before[t]),
-		after: Ce(e[t])
+		before: Se(e.before[t]),
+		after: Se(e[t])
 	})) : [];
 }
-var z = {
+var B = {
 	added: "Added",
 	changed: "Changed",
 	removed: "Removed",
 	edit: "Your edit"
 };
-function Ee(e) {
-	if (!c(e)) return "";
-	let t = Te(e).map((t) => e.mark === "changed" ? `<div class="hx-change" data-corn="field-change"><span class="hx-change-field">${f(t.field)}</span><span class="hx-change-before">${f(t.before) || "<em>nothing</em>"}</span><span class="hx-change-arrow" aria-hidden="true">→</span><span class="hx-change-after">${f(t.after) || "<em>nothing</em>"}</span></div>` : `<div class="hx-change" data-corn="field-change"><span class="hx-change-field">${f(t.field)}</span><span class="hx-change-after">${f(t.after)}</span></div>`).join("");
-	return `<div class="hx-sec hx-proposal-sec hx-proposal-sec--${f(e.mark)}" data-proposal-mark="${f(e.mark)}" data-corn="section">
-    <strong class="hx-strong"><span class="hx-mark-dot hx-mark-dot--${f(e.mark)}" data-corn="mark-dot"${I(e.mark)}></span>${f(e.mark === "edit" ? `${e.editOp === "removed" ? "Removed" : "Added"} by your edit` : `${z[e.mark] || e.mark} by this proposal`)}</strong>
-    ${e.why ? `<div class="hx-why">${f(e.why)}</div>` : ""}
-    ${t}
+function Te(e) {
+	if (!t(e)) return "";
+	let n = we(e).map((t) => e.mark === "changed" ? `<div class="hx-change" data-corn="field-change"><span class="hx-change-field">${c(t.field)}</span><span class="hx-change-before">${c(t.before) || "<em>nothing</em>"}</span><span class="hx-change-arrow" aria-hidden="true">→</span><span class="hx-change-after">${c(t.after) || "<em>nothing</em>"}</span></div>` : `<div class="hx-change" data-corn="field-change"><span class="hx-change-field">${c(t.field)}</span><span class="hx-change-after">${c(t.after)}</span></div>`).join("");
+	return `<div class="hx-sec hx-proposal-sec hx-proposal-sec--${c(e.mark)}" data-proposal-mark="${c(e.mark)}" data-corn="section">
+    <strong class="hx-strong"><span class="hx-mark-dot hx-mark-dot--${c(e.mark)}" data-corn="mark-dot"${R(e.mark)}></span>${c(e.mark === "edit" ? `${e.editOp === "removed" ? "Removed" : "Added"} by your edit` : `${B[e.mark] || e.mark} by this proposal`)}</strong>
+    ${e.why ? `<div class="hx-why">${c(e.why)}</div>` : ""}
+    ${n}
   </div>`;
 }
-var De = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`;
-function Oe(e) {
+var Ee = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`;
+function De(e) {
 	if (!Array.isArray(e) || e.length === 0) return "no checks";
 	let t = (t) => e.filter((e) => t.includes(e.state)).length, n = t(["failure"]), r = t(["cancelled"]), i = t(["running", "queued"]), a = [];
-	return n && a.push(`${De(n, "check")} failed`), r && a.push(`${De(r, "check")} cancelled`), i && a.push(`${De(i, "check")} running`), a.length ? a.join(", ") : e.length === 1 ? "1 check passed" : `all ${e.length} checks passed`;
+	return n && a.push(`${Ee(n, "check")} failed`), r && a.push(`${Ee(r, "check")} cancelled`), i && a.push(`${Ee(i, "check")} running`), a.length ? a.join(", ") : e.length === 1 ? "1 check passed" : `all ${e.length} checks passed`;
 }
-function B(e) {
+function V(e) {
 	let t = typeof e == "string" ? /^pull\/([1-9]\d{0,8})$/.exec(e) : null;
 	return t ? Number(t[1]) : null;
 }
-function ke(e) {
-	let t = B(e);
+function Oe(e) {
+	let t = V(e);
 	return t ? `PR #${t}` : !e || e === "checkout" ? "the checkout" : `worktree ${e}`;
 }
-function Ae(e, t = null, n = null) {
-	let r = B(e);
+function ke(e, t = null, n = null) {
+	let r = V(e);
 	if (!r) {
 		let t = !e || e === "checkout" ? "in the checkout" : `in worktree ${e}`;
 		return {
@@ -295,30 +295,30 @@ function Ae(e, t = null, n = null) {
 		};
 	}
 	let i = [`PR #${r}`], a = t ? t.state === "merged" || t.state === "closed" ? t.state : typeof t.draft == "boolean" ? t.draft ? "draft" : "open" : "" : "";
-	return a && i.push(a), Array.isArray(n) && i.push(Oe(n)), {
+	return a && i.push(a), Array.isArray(n) && i.push(De(n)), {
 		text: i.join(" · "),
 		href: t && typeof t.url == "string" ? t.url : null,
 		state: a,
 		label: `Reviewing spec pull request: ${i.join(", ")}`
 	};
 }
-function je(e, t, n = null) {
-	return t ? B(t) || t === "checkout" || n && n.has(t) && R.test(t) ? `There is no proposal called ${e} in ${ke(t)}.` : `There is no proposal called ${e}. This link's source is not a PR, the checkout or a worktree.` : `There is no proposal called ${e}.`;
+function Ae(e, t, n = null) {
+	return t ? V(t) || t === "checkout" || n && n.has(t) && ve.test(t) ? `There is no proposal called ${e} in ${Oe(t)}.` : `There is no proposal called ${e}. This link's source is not a PR, the checkout or a worktree.` : `There is no proposal called ${e}.`;
 }
-function Me(e) {
+function je(e) {
 	let t = new URLSearchParams(e || "");
 	if (!t.has("proposal")) return null;
 	let n = t.get("proposal") || "";
-	return R.test(n) ? null : n.trim() ? `This link does not name a proposal: ${Se(n)}` : "This link does not name a proposal.";
+	return ve.test(n) ? null : n.trim() ? `This link does not name a proposal: ${xe(n)}` : "This link does not name a proposal.";
 }
-function Ne(e, t, n) {
-	return Array.isArray(e) ? e.filter((e) => e && e.slug === t && e.source !== n && !e.error).sort((e, t) => +!!B(t.source) - !!B(e.source)).map((e) => ({
+function Me(e, t, n) {
+	return Array.isArray(e) ? e.filter((e) => e && e.slug === t && e.source !== n && !e.error).sort((e, t) => +!!V(t.source) - !!V(e.source)).map((e) => ({
 		slug: e.slug,
 		source: e.source,
-		label: B(e.source) ? `Open the copy in PR #${B(e.source)}${e.pull && e.pull.draft ? " (draft)" : ""}` : `Open the copy ${e.source === "checkout" ? "in the checkout" : `in worktree ${e.source}`}`
+		label: V(e.source) ? `Open the copy in PR #${V(e.source)}${e.pull && e.pull.draft ? " (draft)" : ""}` : `Open the copy ${e.source === "checkout" ? "in the checkout" : `in worktree ${e.source}`}`
 	})) : [];
 }
-function Pe(e, t = !1) {
+function Ne(e, t = !1) {
 	let n = Array.isArray(e) ? e : [];
 	if (!n.length) return "";
 	let r = (e) => n.filter((t) => t && e.includes(t.op)).length, i = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, a = [];
@@ -343,7 +343,7 @@ function Pe(e, t = !1) {
 	return s > 0 && a.push(i(s, "other edit")), `yours: ${a.join(", ")}${t ? " (hidden)" : ""}`;
 }
 // ../core/proposal.js
-var Fe = [
+var Pe = [
 	"version",
 	"spec",
 	"title",
@@ -352,18 +352,18 @@ var Fe = [
 	"edges",
 	"mockups",
 	"scenarios"
-], Ie = [
+], Fe = [
 	"node",
 	"path",
 	"title"
-], Le = [
+], Ie = [
 	"png",
 	"jpg",
 	"jpeg",
 	"webp",
 	"svg",
 	"html"
-], Re = [
+], Le = [
 	"id",
 	"title",
 	"steps",
@@ -371,7 +371,7 @@ var Fe = [
 	"linkNodes",
 	"actor",
 	"down"
-], ze = [
+], Re = [
 	"node",
 	"edge",
 	"text",
@@ -380,23 +380,23 @@ var Fe = [
 	"at",
 	"check",
 	"expect"
-], Be = [
+], ze = [
 	"GET",
 	"POST",
 	"PUT",
 	"PATCH",
 	"DELETE"
-], Ve = [
+], Be = [
 	"read",
 	"write",
 	"delete"
-], He = [
+], Ve = [
 	"own",
 	"household",
 	"others",
 	"shared-read",
 	"shared-write"
-], Ue = ["allowed", "refused"], We = /^[a-z0-9]+(?:-[a-z0-9]+)*$/, V = `live-room-<id>, live-floor-<id> or live-device-<kind>-<id> (kind one of ${m.join(", ")})`, Ge = [
+], He = ["allowed", "refused"], Ue = /^[a-z0-9]+(?:-[a-z0-9]+)*$/, We = `live-room-<id>, live-floor-<id> or live-device-<kind>-<id> (kind one of ${k.join(", ")})`, Ge = [
 	"add",
 	"change",
 	"remove"
@@ -425,7 +425,7 @@ function Ze(e) {
 	if (t.some((e) => e === "" || e === "." || e === "..")) return "\"path\" stays inside the proposals folder: no \"..\", no \".\" and no empty parts.";
 	if (t.some((e) => e.startsWith("."))) return "\"path\" has a hidden part (one that starts with a dot).";
 	let n = t[t.length - 1].split(".").length > 1 ? t[t.length - 1].split(".").pop().toLowerCase() : "";
-	return Le.includes(n) ? null : `A mockup is one of: ${Le.join(", ")}.`;
+	return Ie.includes(n) ? null : `A mockup is one of: ${Ie.join(", ")}.`;
 }
 function Qe(e) {
 	if (!H(e) || !Array.isArray(e.mockups)) return [];
@@ -447,7 +447,7 @@ var $e = (e) => ({
 	to: e.id
 });
 function et(e, t) {
-	let i = [], a = (e, t, n) => i.push(n ? {
+	let r = [], a = (e, t, n) => r.push(n ? {
 		path: e,
 		message: t,
 		state: n
@@ -455,10 +455,10 @@ function et(e, t) {
 		path: e,
 		message: t
 	});
-	if (!H(t)) return a("", "A proposal is a JSON object."), i;
-	for (let e of Object.keys(t)) Fe.includes(e) || a(e, `Unknown key "${e}". A proposal has: ${Fe.join(", ")}.`);
+	if (!H(t)) return a("", "A proposal is a JSON object."), r;
+	for (let e of Object.keys(t)) Pe.includes(e) || a(e, `Unknown key "${e}". A proposal has: ${Pe.join(", ")}.`);
 	t.version !== 1 && a("version", `"version" must be the number 1 (got ${JSON.stringify(t.version)}).`), U(t.title) || a("title", "\"title\" must be a non-empty string."), U(t.summary) || a("summary", "\"summary\" must be a non-empty string: the one sentence the maintainer reads first."), t.spec !== void 0 && !U(t.spec) && a("spec", "\"spec\" must be the spec number as a string, like \"0013\".");
-	let o = (e) => {
+	let s = (e) => {
 		let n = t[e];
 		if (n === void 0) return {
 			add: [],
@@ -474,112 +474,112 @@ function et(e, t) {
 		for (let t of Object.keys(n)) Ge.includes(t) || a(`${e}.${t}`, `Unknown key "${t}" in "${e}". Use add, change or remove.`);
 		for (let t of Ge) n[t] === void 0 ? r[t] = [] : Array.isArray(n[t]) ? r[t] = n[t] : (a(`${e}.${t}`, `"${e}.${t}" must be a list.`), r[t] = []);
 		return r;
-	}, s = o("nodes"), c = o("edges"), u = new Map(G(e?.nodes).map((e) => [e.id, e])), f = new Set(G(e?.edges).map(K)), p = /* @__PURE__ */ new Map();
-	s.add.forEach((e, t) => {
-		H(e) && U(e.id) && !p.has(e.id) && p.set(e.id, t);
+	}, c = s("nodes"), l = s("edges"), f = new Map(G(e?.nodes).map((e) => [e.id, e])), p = new Set(G(e?.edges).map(K)), h = /* @__PURE__ */ new Map();
+	c.add.forEach((e, t) => {
+		H(e) && U(e.id) && !h.has(e.id) && h.set(e.id, t);
 	});
-	let h = new Set(s.remove.filter((e) => H(e) && U(e.id)).map((e) => e.id)), _ = (e) => u.has(e) || p.has(e), v = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Map();
-	s.add.forEach((e, t) => {
-		let n = `nodes.add[${t}]`;
-		if (!H(e)) return a(n, "An added node is an object with an id, a label and a type.");
-		U(e.id) ? u.has(e.id) ? a(`${n}.id`, `Node "${e.id}" already exists in the map. Use nodes.change to change it.`, "exists") : v.has(e.id) && a(`${n}.id`, `Node "${e.id}" is added twice.`) : a(`${n}.id`, "An added node needs an \"id\"."), U(e.id) && v.add(e.id), U(e.label) || a(`${n}.label`, "An added node needs a \"label\"."), U(e.type) ? l[e.type] ? e.type === "page" && U(e.label) && (e.label.startsWith("/") || a(`${n}.label`, `A page label "${e.label}" must start with a slash route (like "/meals"), as topology validate demands.`), e.label.includes(".html") && a(`${n}.label`, `A page label "${e.label}" must not contain ".html".`)) : a(`${n}.type`, `Unknown node type "${e.type}". Valid types: ${Object.keys(l).join(", ")}.`) : a(`${n}.type`, "An added node needs a \"type\".");
-		for (let t of Ke) t in e && a(`${n}.${t}`, `"${t}" is set when the proposal is applied; leave it out.`);
-		if (e.type === "device" && !m.includes(e.kind) && a(`${n}.kind`, `A device needs "kind", one of: ${m.join(", ")}.`), e.type === "external" && e.kind !== void 0 && !ne.includes(e.kind) && a(`${n}.kind`, `An external's "kind" is one of: ${ne.join(", ")} (or none, until the registry draws it).`), U(e.id) && l[e.type] && d(e)) {
-			let t = r(e.id), i = e.type === "device" ? `live-device-${m.includes(e.kind) ? e.kind : "<kind>"}-<id>` : `live-${e.type}-<id>`;
-			!t || t.type !== e.type ? a(`${n}.id`, [
+	let g = new Set(c.remove.filter((e) => H(e) && U(e.id)).map((e) => e.id)), _ = (e) => f.has(e) || h.has(e), v = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Map();
+	c.add.forEach((e, t) => {
+		let r = `nodes.add[${t}]`;
+		if (!H(e)) return a(r, "An added node is an object with an id, a label and a type.");
+		U(e.id) ? f.has(e.id) ? a(`${r}.id`, `Node "${e.id}" already exists in the map. Use nodes.change to change it.`, "exists") : v.has(e.id) && a(`${r}.id`, `Node "${e.id}" is added twice.`) : a(`${r}.id`, "An added node needs an \"id\"."), U(e.id) && v.add(e.id), U(e.label) || a(`${r}.label`, "An added node needs a \"label\"."), U(e.type) ? T[e.type] ? e.type === "page" && U(e.label) && (e.label.startsWith("/") || a(`${r}.label`, `A page label "${e.label}" must start with a slash route (like "/meals"), as topology validate demands.`), e.label.includes(".html") && a(`${r}.label`, `A page label "${e.label}" must not contain ".html".`)) : a(`${r}.type`, `Unknown node type "${e.type}". Valid types: ${Object.keys(T).join(", ")}.`) : a(`${r}.type`, "An added node needs a \"type\".");
+		for (let t of Ke) t in e && a(`${r}.${t}`, `"${t}" is set when the proposal is applied; leave it out.`);
+		if (e.type === "device" && !k.includes(e.kind) && a(`${r}.kind`, `A device needs "kind", one of: ${k.join(", ")}.`), e.type === "external" && e.kind !== void 0 && !D.includes(e.kind) && a(`${r}.kind`, `An external's "kind" is one of: ${D.join(", ")} (or none, until the registry draws it).`), U(e.id) && T[e.type] && i(e)) {
+			let t = u(e.id), i = e.type === "device" ? `live-device-${k.includes(e.kind) ? e.kind : "<kind>"}-<id>` : `live-${e.type}-<id>`;
+			!t || t.type !== e.type ? a(`${r}.id`, [
 				"floor",
 				"room",
 				"device"
-			].includes(e.type) ? `"${e.id}" is a ${e.type} only the live layer draws${e.type === "device" ? " (no code file derives it)" : ""}: its id must be ${i}.` : `"${e.id}" starts with "${te}", which only the live layer's floors, rooms and devices use (${V}).`) : t.kind && m.includes(e.kind) && t.kind !== e.kind && a(`${n}.kind`, `"${e.id}" names the kind "${t.kind}" but the node says "${e.kind}".`);
+			].includes(e.type) ? `"${e.id}" is a ${e.type} only the live layer draws${e.type === "device" ? " (no code file derives it)" : ""}: its id must be ${i}.` : `"${e.id}" starts with "${n}", which only the live layer's floors, rooms and devices use (${We}).`) : t.kind && k.includes(e.kind) && t.kind !== e.kind && a(`${r}.kind`, `"${e.id}" names the kind "${t.kind}" but the node says "${e.kind}".`);
 		}
-		e.parent !== void 0 && (U(e.parent) ? e.parent === e.id ? a(`${n}.parent`, "A node cannot be its own parent.") : _(e.parent) ? h.has(e.parent) ? a(`${n}.parent`, `Parent "${e.parent}" is a node this proposal removes.`) : U(e.id) && y.set(K($e(e)), `nodes.add[${t}].parent`) : a(`${n}.parent`, `Parent "${e.parent}" is in neither the map nor the added nodes.`, "dangling") : a(`${n}.parent`, "\"parent\" must be the id of a node."));
+		e.parent !== void 0 && (U(e.parent) ? e.parent === e.id ? a(`${r}.parent`, "A node cannot be its own parent.") : _(e.parent) ? g.has(e.parent) ? a(`${r}.parent`, `Parent "${e.parent}" is a node this proposal removes.`) : U(e.id) && y.set(K($e(e)), `nodes.add[${t}].parent`) : a(`${r}.parent`, `Parent "${e.parent}" is in neither the map nor the added nodes.`, "dangling") : a(`${r}.parent`, "\"parent\" must be the id of a node."));
 	});
-	let b = /* @__PURE__ */ new Set();
-	s.change.forEach((e, t) => {
+	let x = /* @__PURE__ */ new Set();
+	c.change.forEach((e, t) => {
 		let n = `nodes.change[${t}]`;
 		if (!H(e)) return a(n, "A changed node is an object with an id, a set and a why.");
-		if (U(e.id) ? p.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is added by this proposal: change its entry in nodes.add instead.`) : u.has(e.id) ? b.has(e.id) && a(`${n}.id`, `Node "${e.id}" is changed twice: merge the two sets.`) : a(`${n}.id`, `Node "${e.id}" does not exist in the map, so it cannot be changed.`, "missing-target") : a(`${n}.id`, "A changed node needs an \"id\"."), U(e.id) && b.add(e.id), !H(e.set) || Object.keys(e.set).length === 0) a(`${n}.set`, "\"set\" must be an object of the fields to change.");
+		if (U(e.id) ? h.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is added by this proposal: change its entry in nodes.add instead.`) : f.has(e.id) ? x.has(e.id) && a(`${n}.id`, `Node "${e.id}" is changed twice: merge the two sets.`) : a(`${n}.id`, `Node "${e.id}" does not exist in the map, so it cannot be changed.`, "missing-target") : a(`${n}.id`, "A changed node needs an \"id\"."), U(e.id) && x.add(e.id), !H(e.set) || Object.keys(e.set).length === 0) a(`${n}.set`, "\"set\" must be an object of the fields to change.");
 		else {
 			"id" in e.set && a(`${n}.set.id`, "A change cannot set \"id\": it names the node."), "parent" in e.set && a(`${n}.set.parent`, "\"parent\" is not a node field: remove the ownership edge and add a new one.");
 			for (let t of qe) t in e.set && a(`${n}.set.${t}`, `"${t}" is set when the proposal is applied; leave it out of "set".`);
-			"type" in e.set && !l[e.set.type] && a(`${n}.set.type`, `Unknown node type "${e.set.type}". Valid types: ${Object.keys(l).join(", ")}.`);
+			"type" in e.set && !T[e.set.type] && a(`${n}.set.type`, `Unknown node type "${e.set.type}". Valid types: ${Object.keys(T).join(", ")}.`);
 		}
 		U(e.why) || a(`${n}.why`, "A change needs a \"why\": the reason the maintainer reads.");
 	});
-	let x = /* @__PURE__ */ new Set();
-	s.remove.forEach((e, t) => {
+	let S = /* @__PURE__ */ new Set();
+	c.remove.forEach((e, t) => {
 		let n = `nodes.remove[${t}]`;
 		if (!H(e)) return a(n, "A removed node is an object with an id and a why.");
-		U(e.id) ? p.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is added by this proposal: drop its entry from nodes.add instead of removing it.`) : u.has(e.id) ? x.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is removed twice.`) : b.has(e.id) && a(`${n}.id`, `Node "${e.id}" is both changed and removed.`) : a(`${n}.id`, `Node "${e.id}" does not exist in the map, so it cannot be removed.`, "missing-target") : a(`${n}.id`, "A removed node needs an \"id\"."), U(e.id) && x.add(e.id), U(e.why) || a(`${n}.why`, "A removal needs a \"why\".");
+		U(e.id) ? h.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is added by this proposal: drop its entry from nodes.add instead of removing it.`) : f.has(e.id) ? S.has(e.id) ? a(`${n}.id`, `Node "${e.id}" is removed twice.`) : x.has(e.id) && a(`${n}.id`, `Node "${e.id}" is both changed and removed.`) : a(`${n}.id`, `Node "${e.id}" does not exist in the map, so it cannot be removed.`, "missing-target") : a(`${n}.id`, "A removed node needs an \"id\"."), U(e.id) && S.add(e.id), U(e.why) || a(`${n}.why`, "A removal needs a \"why\".");
 	});
-	let S = new Map(s.change.filter((e) => H(e) && U(e.id) && H(e.set)).map((e) => [e.id, e.set])), C = new Map(s.add.filter((e) => H(e) && U(e.id)).map((e) => [e.id, e])), w = (e) => C.get(e) || (u.has(e) ? {
-		...u.get(e),
-		...S.get(e) || {}
-	} : void 0), T = (e, t) => {
+	let C = new Map(c.change.filter((e) => H(e) && U(e.id) && H(e.set)).map((e) => [e.id, e.set])), ee = new Map(c.add.filter((e) => H(e) && U(e.id)).map((e) => [e.id, e])), w = (e) => ee.get(e) || (f.has(e) ? {
+		...f.get(e),
+		...C.get(e) || {}
+	} : void 0), E = (e, t) => {
 		U(e.from) || a(`${t}.from`, "An edge needs a \"from\" node id."), U(e.to) || a(`${t}.to`, "An edge needs a \"to\" node id.");
 		let n = U(e.from) && U(e.to);
-		return e.kind !== void 0 && !E.includes(e.kind) && (a(`${t}.kind`, `Unknown edge kind "${e.kind}". Valid kinds: ${E.join(", ")} (or none, for ownership).`), n = !1), e.kind === "flow" ? g.includes(e.flow) || (a(`${t}.flow`, `A flow edge needs "flow", one of: ${g.join(", ")}.`), n = !1) : e.flow !== void 0 && a(`${t}.flow`, "\"flow\" only goes on an edge of kind \"flow\"."), n ? K(e) : null;
-	}, D = (e) => `${e.from} -> ${e.to}${e.kind ? ` (${e.kind === "flow" ? `flow ${e.flow}` : e.kind})` : " (ownership)"}`, O = new Map([...y]);
-	c.add.forEach((e, t) => {
+		return e.kind !== void 0 && !m.includes(e.kind) && (a(`${t}.kind`, `Unknown edge kind "${e.kind}". Valid kinds: ${m.join(", ")} (or none, for ownership).`), n = !1), e.kind === "flow" ? d.includes(e.flow) || (a(`${t}.flow`, `A flow edge needs "flow", one of: ${d.join(", ")}.`), n = !1) : e.flow !== void 0 && a(`${t}.flow`, "\"flow\" only goes on an edge of kind \"flow\"."), n ? K(e) : null;
+	}, O = (e) => `${e.from} -> ${e.to}${e.kind ? ` (${e.kind === "flow" ? `flow ${e.flow}` : e.kind})` : " (ownership)"}`, A = new Map([...y]);
+	l.add.forEach((e, t) => {
 		let n = `edges.add[${t}]`;
 		if (!H(e)) return a(n, "An added edge is an object with from, to and optionally a kind.");
-		let r = T(e, n);
+		let r = E(e, n);
 		for (let t of Ke) t in e && a(`${n}.${t}`, `"${t}" is set when the proposal is applied; leave it out.`);
-		for (let t of ["from", "to"]) U(e[t]) && (_(e[t]) ? h.has(e[t]) && a(`${n}.${t}`, `Node "${e[t]}" is a node this proposal removes, so an edge cannot be added to it.`) : a(`${n}.${t}`, `Node "${e[t]}" is in neither the map nor the added nodes.`, "dangling"));
-		let i = w(e.from), o = w(e.to);
-		if (i && o) {
-			for (let t of ["when", "side"]) if (e[t] !== void 0) for (let r of ee({
+		for (let t of ["from", "to"]) U(e[t]) && (_(e[t]) ? g.has(e[t]) && a(`${n}.${t}`, `Node "${e[t]}" is a node this proposal removes, so an edge cannot be added to it.`) : a(`${n}.${t}`, `Node "${e[t]}" is in neither the map nor the added nodes.`, "dangling"));
+		let i = w(e.from), s = w(e.to);
+		if (i && s) {
+			for (let t of ["when", "side"]) if (e[t] !== void 0) for (let r of o({
 				kind: e.kind,
 				[t]: e[t]
-			}, i, o)) a(`${n}.${t}`, `The edge ${r}`);
+			}, i, s)) a(`${n}.${t}`, `The edge ${r}`);
 		}
-		r && (f.has(r) ? a(n, `Edge ${D(e)} already exists in the map.`, "exists") : O.has(r) && a(n, `Edge ${D(e)} is already added by ${O.get(r)}.`), O.set(r, O.get(r) || n));
+		r && (p.has(r) ? a(n, `Edge ${O(e)} already exists in the map.`, "exists") : A.has(r) && a(n, `Edge ${O(e)} is already added by ${A.get(r)}.`), A.set(r, A.get(r) || n));
 	});
-	let k = /* @__PURE__ */ new Map(), re = (e, t, n) => {
-		let r = T(e, t);
-		return r ? (f.has(r) ? k.has(r) ? a(t, `Edge ${D(e)} is already ${k.get(r)} by this proposal.`) : k.set(r, n === "change" ? "changed" : "removed") : a(t, `Edge ${D(e)} does not exist in the map, so it cannot be ${n === "change" ? "changed" : "removed"}.`, "missing-target"), r) : null;
+	let j = /* @__PURE__ */ new Map(), te = (e, t, n) => {
+		let r = E(e, t);
+		return r ? (p.has(r) ? j.has(r) ? a(t, `Edge ${O(e)} is already ${j.get(r)} by this proposal.`) : j.set(r, n === "change" ? "changed" : "removed") : a(t, `Edge ${O(e)} does not exist in the map, so it cannot be ${n === "change" ? "changed" : "removed"}.`, "missing-target"), r) : null;
 	};
-	c.change.forEach((e, t) => {
+	l.change.forEach((e, t) => {
 		let n = `edges.change[${t}]`;
 		if (!H(e)) return a(n, "A changed edge is an object with from, to, set and why.");
-		if (re(e, n, "change"), !H(e.set) || Object.keys(e.set).length === 0) a(`${n}.set`, "\"set\" must be an object of the fields to change.");
+		if (te(e, n, "change"), !H(e.set) || Object.keys(e.set).length === 0) a(`${n}.set`, "\"set\" must be an object of the fields to change.");
 		else {
 			for (let t of Je) t in e.set && a(`${n}.set.${t}`, `A change cannot set "${t}": it names the edge. Remove the edge and add a new one.`);
 			for (let t of qe) t in e.set && a(`${n}.set.${t}`, `"${t}" is set when the proposal is applied; leave it out of "set".`);
 		}
 		U(e.why) || a(`${n}.why`, "A change needs a \"why\".");
-	}), c.remove.forEach((e, t) => {
+	}), l.remove.forEach((e, t) => {
 		let n = `edges.remove[${t}]`;
 		if (!H(e)) return a(n, "A removed edge is an object with from, to and why.");
-		re(e, n, "remove"), U(e.why) || a(`${n}.why`, "A removal needs a \"why\".");
+		te(e, n, "remove"), U(e.why) || a(`${n}.why`, "A removal needs a \"why\".");
 	});
-	function ie(e, t) {
-		if (!U(e) || !We.test(e)) return a(t, `"actor" must be a persona id: lower-case words joined by dashes, like "child" (got ${JSON.stringify(e)}).`);
-		let r = n(e);
-		_(r) || a(t, `Actor "${e}" is no persona: "${r}" is in neither the map nor the added nodes.`, "dangling");
+	function ne(e, t) {
+		if (!U(e) || !Ue.test(e)) return a(t, `"actor" must be a persona id: lower-case words joined by dashes, like "child" (got ${JSON.stringify(e)}).`);
+		let n = b(e);
+		_(n) || a(t, `Actor "${e}" is no persona: "${n}" is in neither the map nor the added nodes.`, "dangling");
 	}
-	function ae(e, t) {
-		if (!U(e)) return a(t, `"at" must be a node id or a live id (${V}).`);
-		_(e) || r(e) || (e.startsWith("live-") ? a(t, `"${e}" is not a live id: write ${V}.`) : a(t, `Step happens nowhere: "${e}" is in neither the map nor the added nodes, and is not a live id.`, "dangling"));
+	function re(e, t) {
+		if (!U(e)) return a(t, `"at" must be a node id or a live id (${We}).`);
+		_(e) || u(e) || (e.startsWith("live-") ? a(t, `"${e}" is not a live id: write ${We}.`) : a(t, `Step happens nowhere: "${e}" is in neither the map nor the added nodes, and is not a live id.`, "dangling"));
 	}
-	let A = "A check is { route, method } or { table, op, row? }";
-	function oe(e, t) {
-		if (!H(e)) return a(t, `${A}.`);
+	let M = "A check is { route, method } or { table, op, row? }";
+	function ie(e, t) {
+		if (!H(e)) return a(t, `${M}.`);
 		let n = "route" in e || "method" in e, r = "table" in e || "op" in e || "row" in e;
-		if (n && r) return a(t, `${A}: either one, not both.`);
-		if (!n && !r) return a(t, `${A}.`);
+		if (n && r) return a(t, `${M}: either one, not both.`);
+		if (!n && !r) return a(t, `${M}.`);
 		let i = n ? ["route", "method"] : [
 			"table",
 			"op",
 			"row"
 		];
 		for (let r of Object.keys(e)) i.includes(r) || a(`${t}.${r}`, `Unknown key "${r}" in a ${n ? "route" : "table"} check. It has: ${i.join(", ")}.`);
-		n ? (U(e.route) && e.route.startsWith("/") || a(`${t}.route`, "\"route\" must be a path starting with a slash, as the map labels it (\"/api/v1/rooms/[id]\") or a concrete one."), Be.includes(e.method) || a(`${t}.method`, `"method" must be one of: ${Be.join(", ")}.`)) : (U(e.table) || a(`${t}.table`, "\"table\" must be the SQL table name."), Ve.includes(e.op) || a(`${t}.op`, `"op" must be one of: ${Ve.join(", ")}.`), e.row !== void 0 && !He.includes(e.row) && a(`${t}.row`, `"row" must be one of: ${He.join(", ")}.`));
+		n ? (U(e.route) && e.route.startsWith("/") || a(`${t}.route`, "\"route\" must be a path starting with a slash, as the map labels it (\"/api/v1/rooms/[id]\") or a concrete one."), ze.includes(e.method) || a(`${t}.method`, `"method" must be one of: ${ze.join(", ")}.`)) : (U(e.table) || a(`${t}.table`, "\"table\" must be the SQL table name."), Be.includes(e.op) || a(`${t}.op`, `"op" must be one of: ${Be.join(", ")}.`), e.row !== void 0 && !Ve.includes(e.row) && a(`${t}.row`, `"row" must be one of: ${Ve.join(", ")}.`));
 	}
-	function se(e, t) {
-		Array.isArray(e) ? e.forEach((e, n) => oe(e, `${t}[${n}]`)) : oe(e, t);
+	function ae(e, t) {
+		Array.isArray(e) ? e.forEach((e, n) => ie(e, `${t}[${n}]`)) : ie(e, t);
 	}
-	function j(e, t) {
+	function N(e, t) {
 		if (!Array.isArray(e)) return a(t, "\"down\" must be a list of the cloud node ids the scenario takes down.");
 		if (e.length === 0) return a(t, "\"down\" needs at least one cloud node id; leave it out for a scenario that is no outage.");
 		let n = /* @__PURE__ */ new Set();
@@ -589,53 +589,53 @@ function et(e, t) {
 			if (n.has(e)) return a(i, `"${e}" is down twice.`);
 			n.add(e);
 			let o = w(e);
-			if (!o) return a(i, `Down node "${e}" is in neither the map nor the added nodes.`, h.has(e) ? "missing-target" : "dangling");
+			if (!o) return a(i, `Down node "${e}" is in neither the map nor the added nodes.`, g.has(e) ? "missing-target" : "dangling");
 			if (o.type !== "external" || o.kind !== "cloud") {
 				let t = o.type === "external" ? o.kind === void 0 ? "an external with no kind" : `an external of kind ${o.kind}` : `a ${o.type}`;
 				a(i, `"${e}" is ${t}: only an external of kind cloud can be down (a container, a stack or a machine is the House view's; the public web is never down as a whole).`);
 			}
 		});
 	}
-	let M = new Set(c.remove.filter((e) => H(e) && U(e.from) && U(e.to)).map(K)), ce = (e, t) => M.has(e) || h.has(t.from) || h.has(t.to);
+	let P = new Set(l.remove.filter((e) => H(e) && U(e.from) && U(e.to)).map(K)), oe = (e, t) => P.has(e) || g.has(t.from) || g.has(t.to);
 	t.scenarios !== void 0 && !Array.isArray(t.scenarios) && a("scenarios", "\"scenarios\" must be a list.");
-	let le = /* @__PURE__ */ new Set();
+	let se = /* @__PURE__ */ new Set();
 	if (G(t.scenarios).forEach((e, t) => {
 		let n = `scenarios[${t}]`;
 		if (!H(e)) return a(n, "A scenario is an object with an id, a title and steps.");
-		U(e.id) ? le.has(e.id) && a(`${n}.id`, `Scenario id "${e.id}" is used twice.`) : a(`${n}.id`, "A scenario needs an \"id\"."), U(e.id) && le.add(e.id), U(e.title) || a(`${n}.title`, "A scenario needs a \"title\".");
-		for (let t of Object.keys(e)) Re.includes(t) || a(`${n}.${t}`, `Unknown key "${t}" in a scenario. A scenario has: ${Re.join(", ")}.`);
-		if (e.stepMs !== void 0 && !Ye(e.stepMs) && a(`${n}.stepMs`, "\"stepMs\" must be a positive number of milliseconds."), e.linkNodes !== void 0 && typeof e.linkNodes != "boolean" && a(`${n}.linkNodes`, "\"linkNodes\" must be true or false."), e.actor !== void 0 && ie(e.actor, `${n}.actor`), e.down !== void 0 && j(e.down, `${n}.down`), !Array.isArray(e.steps)) return a(`${n}.steps`, "\"steps\" must be a list.");
+		U(e.id) ? se.has(e.id) && a(`${n}.id`, `Scenario id "${e.id}" is used twice.`) : a(`${n}.id`, "A scenario needs an \"id\"."), U(e.id) && se.add(e.id), U(e.title) || a(`${n}.title`, "A scenario needs a \"title\".");
+		for (let t of Object.keys(e)) Le.includes(t) || a(`${n}.${t}`, `Unknown key "${t}" in a scenario. A scenario has: ${Le.join(", ")}.`);
+		if (e.stepMs !== void 0 && !Ye(e.stepMs) && a(`${n}.stepMs`, "\"stepMs\" must be a positive number of milliseconds."), e.linkNodes !== void 0 && typeof e.linkNodes != "boolean" && a(`${n}.linkNodes`, "\"linkNodes\" must be true or false."), e.actor !== void 0 && ne(e.actor, `${n}.actor`), e.down !== void 0 && N(e.down, `${n}.down`), !Array.isArray(e.steps)) return a(`${n}.steps`, "\"steps\" must be a list.");
 		if (e.steps.length === 0) return a(`${n}.steps`, "A scenario needs at least one step.");
 		e.steps.forEach((t, r) => {
 			let i = `${n}.steps[${r}]`;
 			if (!H(t)) return a(i, "A step is an object with a \"node\" or an \"edge\", and some \"text\".");
-			for (let e of Object.keys(t)) ze.includes(e) || a(`${i}.${e}`, `Unknown key "${e}" in a step. A step has "node" or "edge", and "text"; optionally ${ze.slice(3).join(", ")}.`);
-			if (U(t.text) || a(`${i}.text`, "A step needs \"text\": what happens at this point."), t.ms !== void 0 && !Ye(t.ms) && a(`${i}.ms`, "\"ms\" must be a positive number of milliseconds."), t.actor !== void 0 && ie(t.actor, `${i}.actor`), t.at !== void 0 && ae(t.at, `${i}.at`), t.check !== void 0 && se(t.check, `${i}.check`), t.expect !== void 0 && (Ue.includes(t.expect) ? t.actor === void 0 && e.actor === void 0 && a(`${i}.expect`, "\"expect\" needs an actor, on the step or its scenario: a step with no actor is never checked.") : a(`${i}.expect`, `"expect" must be one of: ${Ue.join(", ")}.`)), t.node === void 0 == (t.edge === void 0) && a(i, "A step points at exactly one of \"node\" or \"edge\"."), t.node !== void 0 && (U(t.node) ? _(t.node) || a(`${i}.node`, `Step points at nothing: node "${t.node}" is in neither the map nor the added nodes.`, h.has(t.node) ? "missing-target" : "dangling") : a(`${i}.node`, "\"node\" must be a node id.")), t.edge !== void 0) {
+			for (let e of Object.keys(t)) Re.includes(e) || a(`${i}.${e}`, `Unknown key "${e}" in a step. A step has "node" or "edge", and "text"; optionally ${Re.slice(3).join(", ")}.`);
+			if (U(t.text) || a(`${i}.text`, "A step needs \"text\": what happens at this point."), t.ms !== void 0 && !Ye(t.ms) && a(`${i}.ms`, "\"ms\" must be a positive number of milliseconds."), t.actor !== void 0 && ne(t.actor, `${i}.actor`), t.at !== void 0 && re(t.at, `${i}.at`), t.check !== void 0 && ae(t.check, `${i}.check`), t.expect !== void 0 && (He.includes(t.expect) ? t.actor === void 0 && e.actor === void 0 && a(`${i}.expect`, "\"expect\" needs an actor, on the step or its scenario: a step with no actor is never checked.") : a(`${i}.expect`, `"expect" must be one of: ${He.join(", ")}.`)), t.node === void 0 == (t.edge === void 0) && a(i, "A step points at exactly one of \"node\" or \"edge\"."), t.node !== void 0 && (U(t.node) ? _(t.node) || a(`${i}.node`, `Step points at nothing: node "${t.node}" is in neither the map nor the added nodes.`, g.has(t.node) ? "missing-target" : "dangling") : a(`${i}.node`, "\"node\" must be a node id.")), t.edge !== void 0) {
 				if (!H(t.edge)) return a(`${i}.edge`, "\"edge\" must be an object with from and to.");
-				let e = T(t.edge, `${i}.edge`);
-				e && !f.has(e) && !O.has(e) && a(`${i}.edge`, `Step points at nothing: edge ${D(t.edge)} is in neither the map nor the added edges.`, ce(e, t.edge) ? "missing-target" : "dangling");
+				let e = E(t.edge, `${i}.edge`);
+				e && !p.has(e) && !A.has(e) && a(`${i}.edge`, `Step points at nothing: edge ${O(t.edge)} is in neither the map nor the added edges.`, oe(e, t.edge) ? "missing-target" : "dangling");
 			}
 		});
 	}), t.mockups !== void 0 && !Array.isArray(t.mockups)) a("mockups", "\"mockups\" must be a list.");
 	else if (Array.isArray(t.mockups)) {
 		t.mockups.length > 40 && a("mockups", "At most 40 mockups in one proposal.");
 		let e = /* @__PURE__ */ new Set([
-			...p.keys(),
-			...h,
-			...s.change.filter((e) => H(e) && U(e.id)).map((e) => e.id)
+			...h.keys(),
+			...g,
+			...c.change.filter((e) => H(e) && U(e.id)).map((e) => e.id)
 		]), n = /* @__PURE__ */ new Set();
 		t.mockups.forEach((t, r) => {
 			let i = `mockups[${r}]`;
 			if (!H(t)) return a(i, "A mockup is an object with a node, a path and a title.");
-			for (let e of Object.keys(t)) Ie.includes(e) || a(`${i}.${e}`, `Unknown key "${e}" in a mockup. A mockup has: ${Ie.join(", ")}.`);
+			for (let e of Object.keys(t)) Fe.includes(e) || a(`${i}.${e}`, `Unknown key "${e}" in a mockup. A mockup has: ${Fe.join(", ")}.`);
 			U(t.title) || a(`${i}.title`, "A mockup needs a \"title\": what the screen is. It is also its alt text.");
 			let o = Ze(t.path);
 			o ? a(`${i}.path`, o) : n.has(`${t.node}|${t.path}`) ? a(i, `Mockup "${t.path}" is listed twice for node "${t.node}".`) : n.add(`${t.node}|${t.path}`), U(t.node) ? e.has(t.node) || a(`${i}.node`, `Mockup is beside node "${t.node}", which this proposal does not add, change or remove. Name a node the proposal touches.`) : a(`${i}.node`, "A mockup needs the \"node\" it belongs to.");
 		});
 	}
-	return i;
+	return r;
 }
-var tt = l.external;
+var tt = T.external;
 function nt(e, t) {
 	let n = e.nodes.map((e) => ({
 		...e,
@@ -652,7 +652,7 @@ function nt(e, t) {
 		add: G(t[e]?.add),
 		change: G(t[e]?.change),
 		remove: G(t[e]?.remove)
-	}), s = o("nodes"), c = o("edges"), u = (e, t, n) => {
+	}), s = o("nodes"), c = o("edges"), l = (e, t, n) => {
 		let r = {}, i = (t, n) => {
 			Xe(e[t], n) || (r[t] = e[t] === void 0 ? null : e[t], e[t] = W(n));
 		};
@@ -662,10 +662,10 @@ function nt(e, t) {
 	for (let e of s.change) {
 		let t = i.get(e.id);
 		if (!t) continue;
-		let n = { ...e.set }, r = l[n.type];
-		r && ("color" in n || (n.color = r.color), "r" in n || (n.r = r.r)), u(t, n, e.why);
+		let n = { ...e.set }, r = T[n.type];
+		r && ("color" in n || (n.color = r.color), "r" in n || (n.r = r.r)), l(t, n, e.why);
 	}
-	for (let e of c.change) for (let t of a.get(K(e)) || []) u(t, e.set, e.why);
+	for (let e of c.change) for (let t of a.get(K(e)) || []) l(t, e.set, e.why);
 	for (let e of c.remove) for (let t of a.get(K(e)) || []) delete t.before, t.mark = "removed", t.why = e.why;
 	for (let e of s.remove) {
 		let t = i.get(e.id);
@@ -674,7 +674,7 @@ function nt(e, t) {
 			for (let t of r) (t.from === e.id || t.to === e.id) && t.mark !== "removed" && (delete t.before, t.mark = "removed", t.why = e.why);
 		}
 	}
-	let d = [], f = (e) => {
+	let u = [], d = (e) => {
 		let t = a.get(K(e));
 		t ? t.forEach((e) => {
 			e.mark === "none" && (e.mark = "added");
@@ -684,78 +684,78 @@ function nt(e, t) {
 		});
 	};
 	for (let e of s.add) {
-		let { parent: t, ...r } = W(e), a = l[e.type] || tt, o = i.get(e.id);
+		let { parent: t, ...r } = W(e), a = T[e.type] || tt, o = i.get(e.id);
 		o ? o.mark === "none" && (o.mark = "added") : n.push({
 			...r,
 			color: a.color,
 			r: e.r ?? a.r,
 			mark: "added"
-		}), t && d.push({
+		}), t && u.push({
 			from: t,
 			to: e.id
 		});
 	}
-	for (let e of d) f(e);
-	for (let e of c.add) f(e);
+	for (let e of u) d(e);
+	for (let e of c.add) d(e);
 	return {
 		nodes: n,
 		edges: r
 	};
 }
 function rt(e, t) {
-	let n = new Map(e.nodes.map((e) => [e.id, e])), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+	let n = new Map(e.nodes.map((e) => [e.id, e])), r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
 	for (let t of e.edges) {
 		let e = K(t);
 		r.has(e) || r.set(e, t);
 		let n = `${t.from}|${t.to}`;
-		i.has(n) || i.set(n, /* @__PURE__ */ new Set()), i.get(n).add(e), !t.kind && !t.dashed && (a.has(t.to) || a.set(t.to, /* @__PURE__ */ new Set()), a.get(t.to).add(t.from));
+		a.has(n) || a.set(n, /* @__PURE__ */ new Set()), a.get(n).add(e), !t.kind && !t.dashed && (o.has(t.to) || o.set(t.to, /* @__PURE__ */ new Set()), o.get(t.to).add(t.from));
 	}
-	let o = (e, t) => Object.entries(t || {}).every(([t, n]) => Xe(e[t], n)), s = (e, n) => G(t?.[e]?.[n]), c = new Set(s("nodes", "add").filter((e) => H(e) && d(e)).map((e) => e.id)), l = (e) => c.has(e) || typeof e == "string" && e.startsWith("live-"), u = [], f = (e, t, n, r) => u.push({
+	let s = (e, t) => Object.entries(t || {}).every(([t, n]) => Xe(e[t], n)), c = (e, n) => G(t?.[e]?.[n]), l = new Set(c("nodes", "add").filter((e) => H(e) && i(e)).map((e) => e.id)), u = (e) => l.has(e) || typeof e == "string" && e.startsWith("live-"), d = [], f = (e, t, n, r) => d.push({
 		kind: e,
 		op: t,
 		key: n,
 		status: r
 	});
-	for (let e of s("nodes", "add")) {
-		if (c.has(e.id)) {
+	for (let e of c("nodes", "add")) {
+		if (l.has(e.id)) {
 			f("node", "add", e.id, "live");
 			continue;
 		}
 		let t = n.get(e.id);
-		f("node", "add", e.id, t ? t.type !== e.type || e.parent && !a.get(e.id)?.has(e.parent) ? "diverged" : "landed" : "pending");
+		f("node", "add", e.id, t ? t.type !== e.type || e.parent && !o.get(e.id)?.has(e.parent) ? "diverged" : "landed" : "pending");
 	}
-	for (let e of s("nodes", "change")) {
+	for (let e of c("nodes", "change")) {
 		let t = n.get(e.id);
-		f("node", "change", e.id, t ? o(t, e.set) ? "landed" : "pending" : "diverged");
+		f("node", "change", e.id, t ? s(t, e.set) ? "landed" : "pending" : "diverged");
 	}
-	for (let e of s("nodes", "remove")) f("node", "remove", e.id, n.has(e.id) ? "pending" : "landed");
-	for (let e of s("edges", "add")) {
+	for (let e of c("nodes", "remove")) f("node", "remove", e.id, n.has(e.id) ? "pending" : "landed");
+	for (let e of c("edges", "add")) {
 		let t = K(e);
-		if (l(e.from) || l(e.to)) {
+		if (u(e.from) || u(e.to)) {
 			f("edge", "add", t, "live");
 			continue;
 		}
-		let n = [...i.get(`${e.from}|${e.to}`) || []].some((e) => e !== t);
+		let n = [...a.get(`${e.from}|${e.to}`) || []].some((e) => e !== t);
 		f("edge", "add", t, r.has(t) ? "landed" : n ? "diverged" : "pending");
 	}
-	for (let e of s("edges", "change")) {
+	for (let e of c("edges", "change")) {
 		let t = K(e), n = r.get(t);
-		f("edge", "change", t, n ? o(n, e.set) ? "landed" : "pending" : "diverged");
+		f("edge", "change", t, n ? s(n, e.set) ? "landed" : "pending" : "diverged");
 	}
-	for (let e of s("edges", "remove")) {
+	for (let e of c("edges", "remove")) {
 		let t = K(e);
 		f("edge", "remove", t, r.has(t) ? "pending" : "landed");
 	}
 	let p = {
-		total: u.length,
+		total: d.length,
 		pending: 0,
 		landed: 0,
 		diverged: 0,
 		live: 0
 	};
-	for (let e of u) p[e.status]++;
+	for (let e of d) p[e.status]++;
 	return {
-		items: u,
+		items: d,
 		summary: p
 	};
 }
@@ -805,8 +805,8 @@ function ut(e, t, n, r, i = {}) {
 function dt(e) {
 	if (!e.length) return "";
 	let t = e.map((e) => `<li class="hx-mockup-item" data-corn="row">
-      <button data-corn-kind="secondary" type="button" class="hx-btn hx-mockup-open" data-mockup="${e.index}" aria-haspopup="dialog">${f(e.title)}<span class="hx-sr-only"> (${e.type === "page" ? "page" : "image"}, opens in a window)</span></button>
-      <span class="hx-mockup-state hx-mockup-state--${f(e.state)}" data-corn="state-pill"${L(e.state)}>${f(st(e.state))}</span>
+      <button data-corn-kind="secondary" type="button" class="hx-btn hx-mockup-open" data-mockup="${e.index}" aria-haspopup="dialog">${c(e.title)}<span class="hx-sr-only"> (${e.type === "page" ? "page" : "image"}, opens in a window)</span></button>
+      <span class="hx-mockup-state hx-mockup-state--${c(e.state)}" data-corn="state-pill"${z(e.state)}>${c(st(e.state))}</span>
     </li>`).join("");
 	return `<div class="hx-sec hx-mockups" data-mockups data-corn="section">
     <h3 class="hx-sec-title" id="hx-mockups-h">${e.length === 1 ? "Mockup" : "Mockups"}</h3>
@@ -826,7 +826,7 @@ function mt(e, t, n, r = 0) {
 }
 function ht(e, t, { padding: n = 40, minZoom: r = pt } = {}) {
 	if (e.length < 2) return e;
-	let i = O(n, t), a = (t.width - i * 2) / r, o = (t.height - i * 2) / r, s = e.map(p), c = (t, n) => e.filter((e, r) => s[r].left >= t && s[r].right <= t + a && s[r].top >= n && s[r].bottom <= n + o), l = s.map((e) => e.left), u = s.map((e) => e.top), d = [], f = e.length <= 120 ? l.flatMap((e) => u.map((t) => [e, t])) : s.map((e) => [e.left, e.top]);
+	let i = E(n, t), a = (t.width - i * 2) / r, o = (t.height - i * 2) / r, s = e.map(O), c = (t, n) => e.filter((e, r) => s[r].left >= t && s[r].right <= t + a && s[r].top >= n && s[r].bottom <= n + o), l = s.map((e) => e.left), u = s.map((e) => e.top), d = [], f = e.length <= 120 ? l.flatMap((e) => u.map((t) => [e, t])) : s.map((e) => [e.left, e.top]);
 	for (let [t, n] of f) {
 		if (d.length === e.length) break;
 		let r = c(t, n);
@@ -864,24 +864,24 @@ var vt = {
 	return t === 1 ? n[0] : n[1];
 };
 function bt(e, t, n) {
-	let r = new Map(t.map((e) => [e.id, e])), a = new Map(Object.keys(i).map((e) => [e, /* @__PURE__ */ new Map()]));
+	let r = new Map(t.map((e) => [e.id, e])), i = new Map(Object.keys(l).map((e) => [e, /* @__PURE__ */ new Map()]));
 	for (let t of n) {
 		if (t.kind !== "calls" || t.to !== e.id) continue;
-		let n = a.get(s(t)), i = r.get(t.from) || {
+		let n = i.get(A(t)), a = r.get(t.from) || {
 			id: t.from,
 			label: t.from,
 			type: "node"
 		}, o = n.get(t.from) || {
 			id: t.from,
-			label: String(i.label || t.from),
-			type: i.type,
+			label: String(a.label || t.from),
+			type: a.type,
 			vias: [],
 			browser: !1
 		};
 		t.label && !o.vias.includes(t.label) && o.vias.push(t.label), t.side === "browser" && (o.browser = !0), n.set(t.from, o);
 	}
-	let o = [];
-	for (let [e, t] of a) {
+	let a = [];
+	for (let [e, t] of i) {
 		if (t.size === 0) continue;
 		let n = /* @__PURE__ */ new Map();
 		for (let { vias: e, ...r } of t.values()) n.has(r.type) || n.set(r.type, []), n.get(r.type).push({
@@ -892,33 +892,33 @@ function bt(e, t, n) {
 			type: e,
 			noun: yt(e, 1),
 			items: t.sort((e, t) => e.label.localeCompare(t.label))
-		})).sort((e, t) => t.items.length - e.items.length || e.type.localeCompare(t.type)), { title: a, color: s } = i[e];
-		o.push({
+		})).sort((e, t) => t.items.length - e.items.length || e.type.localeCompare(t.type)), { title: i, color: o } = l[e];
+		a.push({
 			when: e,
-			title: a,
-			color: s,
+			title: i,
+			color: o,
 			count: t.size,
 			types: r
 		});
 	}
-	return o;
+	return a;
 }
 var xt = {
 	run: "Breaks now",
 	deploy: "Breaks on deploy",
 	renew: "Breaks on renewal"
-}, J = (e, t) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${f(e)}</div><div class="hx-fact-v">${M(t)}</div></div>` : "", Y = (e) => `<div class="hx-line">${e}</div>`, X = (e) => `<span class="hx-name">${f(e)}</span>`;
+}, J = (e, t) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${c(e)}</div><div class="hx-fact-v">${P(t)}</div></div>` : "", Y = (e) => `<div class="hx-line">${e}</div>`, X = (e) => `<span class="hx-name">${c(e)}</span>`;
 function St(e, t) {
 	let n = e.browser ? " <span class=\"hx-cloud-browser\">(browser)</span>" : "", r = [t ? yt(e.type, 1) : "", e.via].filter(Boolean);
-	return Y(`<span>${X(e.label)}${n}${r.length ? `<span class="hx-faint"> · ${f(r.join(" · "))}</span>` : ""}</span>`);
+	return Y(`<span>${X(e.label)}${n}${r.length ? `<span class="hx-faint"> · ${c(r.join(" · "))}</span>` : ""}</span>`);
 }
-var Ct = (e) => `<button data-corn-kind="quiet" type="button" class="hx-btn hx-btn--quiet hx-cloud-play" data-action="play-outage" data-id="${f(e.id)}">Play: ${f(String(e.label || e.id))} is down</button>`;
+var Ct = (e) => `<button data-corn-kind="quiet" type="button" class="hx-btn hx-btn--quiet hx-cloud-play" data-action="play-outage" data-id="${c(e.id)}">Play: ${c(String(e.label || e.id))} is down</button>`;
 function wt(e, t, n) {
 	let r = new Map(t.map((e) => [e.id, e])), i = (e) => String((r.get(e) || { label: e }).label || e), a = e.kind === "web", o = a ? [] : e.roles || [], s = bt(e, t, n).map((e) => {
 		let t = e.types.length > 1;
 		return J(xt[e.when], e.types.flatMap((e) => e.items.map((e) => St(e, t))));
-	}).join("") || J("Used by", [Y("<span class=\"hx-faint\">Nothing on the map uses it.</span>")]), c = n.filter((t) => t.kind === "calls" && t.from === e.id && (r.get(t.to) || {}).type === "external").map((e) => Y(`<span>${X(i(e.to))}${e.label ? `<span class="hx-faint"> · ${f(e.label)}</span>` : ""}</span>`)), l = n.filter((t) => t.kind === "delivers" && t.from === e.id).map((e) => Y(X(i(e.to))));
-	return (a ? "" : J("Plan", [Y(f(_t(e.plan) || q.unknown))])) + J("Roles", o.length ? [Y(f(o.join(", ")))] : []) + J("If it's down", [Y(f(e.breaks || "Not described yet."))]) + s + J("Relies on", c) + J("Pushes to", l) + (a ? "" : Ct(e));
+	}).join("") || J("Used by", [Y("<span class=\"hx-faint\">Nothing on the map uses it.</span>")]), l = n.filter((t) => t.kind === "calls" && t.from === e.id && (r.get(t.to) || {}).type === "external").map((e) => Y(`<span>${X(i(e.to))}${e.label ? `<span class="hx-faint"> · ${c(e.label)}</span>` : ""}</span>`)), u = n.filter((t) => t.kind === "delivers" && t.from === e.id).map((e) => Y(X(i(e.to))));
+	return (a ? "" : J("Plan", [Y(c(_t(e.plan) || q.unknown))])) + J("Roles", o.length ? [Y(c(o.join(", ")))] : []) + J("If it's down", [Y(c(e.breaks || "Not described yet."))]) + s + J("Relies on", l) + J("Pushes to", u) + (a ? "" : Ct(e));
 }
 // ../explorer/file-url.js
 var Tt = {
@@ -948,7 +948,7 @@ function At(e, t, n, r = !0) {
 	kt(e).set(t, {
 		text: n,
 		ok: r
-	}), a(e, n);
+	}), C(e, n);
 }
 function jt(e, t) {
 	kt(e).delete(t);
@@ -971,7 +971,7 @@ var Nt = [
 	"runs-on",
 	"uses",
 	"extends"
-], Pt = (e) => Object.hasOwn(C, e) ? C[e].panel : String(e);
+], Pt = (e) => Object.hasOwn(p, e) ? p[e].panel : String(e);
 function Ft(e) {
 	let t = (e) => {
 		let t = Nt.indexOf(e);
@@ -986,7 +986,7 @@ function Ft(e) {
 function It(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set();
 	for (let i of e.edges) {
-		if (h(i) !== t) continue;
+		if (w(i) !== t) continue;
 		let a = i.from === e.selectedId, o = a ? i.to : i.from;
 		r.has(o) || (r.add(o), n.push({
 			id: o,
@@ -1005,7 +1005,7 @@ var Rt = /* @__PURE__ */ e({
 	diffPillWords: () => Gt,
 	markup: () => Kt,
 	mount: () => Xt
-}), Z = (e) => `<code class="hx-code">${f(e)}</code>`, Q = (e) => `<div class="hx-line">${e}</div>`, zt = {
+}), Z = (e) => `<code class="hx-code">${c(e)}</code>`, Q = (e) => `<div class="hx-line">${e}</div>`, zt = {
 	"Uses design tokens": "Tokens",
 	"Loaded by the server per request": "Loaded by",
 	"Domains served (Caddyfile → service)": "Domains",
@@ -1021,7 +1021,7 @@ var Rt = /* @__PURE__ */ e({
 }, Bt = /^(?:Defines )?\d+ (?:CSS )?(variable|service)\(s\)$/, Vt = (e) => {
 	let t = e.replace(/:$/, ""), n = Bt.exec(t);
 	return n ? n[1] === "service" ? "Services" : t.startsWith("Defines") ? "Defines" : "Variables" : zt[t] || t;
-}, $ = (e, t) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${f(Vt(e))}</div><div class="hx-fact-v">${M(t)}</div></div>` : "", Ht = (e) => `<div class="hx-chips">${M(e.map((e) => `<code class="hx-var">${f(e)}</code>`))}</div>`;
+}, $ = (e, t) => t.length ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${c(Vt(e))}</div><div class="hx-fact-v">${P(t)}</div></div>` : "", Ht = (e) => `<div class="hx-chips">${P(e.map((e) => `<code class="hx-var">${c(e)}</code>`))}</div>`;
 function Ut(e) {
 	if (e.type === "external" && e.kind) return e.kind === "web" ? "Public web" : "Cloud";
 	let t = e.type.charAt(0).toUpperCase() + e.type.slice(1);
@@ -1038,7 +1038,7 @@ function Gt(e, t) {
 	if (!n || n === "none") return "";
 	if (n === "edit") return `${e.editOp === "removed" ? "Removed" : "Added"} by your edit`;
 	let r = t && typeof t.title == "string" ? t.title : "";
-	return r ? `${z[n] || n} by ${r}` : `${z[n] || n} by this proposal`;
+	return r ? `${B[n] || n} by ${r}` : `${B[n] || n} by this proposal`;
 }
 var Kt = () => ({
 	drawer: "<aside id=\"spec-drawer\" class=\"hx-drawer glass\" aria-label=\"Node details\" inert data-corn=\"node-panel\"><div class=\"hx-drawer-body\"><div class=\"hx-drawer-head\"><div class=\"hx-drawer-id\"><p class=\"hx-kicker\"><span id=\"drawer-badge\" data-corn=\"badge\">Atom</span><span id=\"drawer-host\" data-corn=\"node-host\"></span><span id=\"drawer-diff\" class=\"hx-diffpill\" data-corn=\"diff-pill\" hidden></span></p><h2 id=\"drawer-title\" class=\"hx-drawer-title\" data-corn=\"node-title\">&lt;pop-button&gt;</h2></div><button type=\"button\" class=\"hx-close\" data-action=\"close-drawer\" aria-label=\"Close\" data-corn-kind=\"icon\">✕</button></div><p id=\"drawer-description\" class=\"hx-lead\" hidden></p><div class=\"hx-block\"><div id=\"drawer-meta-list\" class=\"hx-meta\"></div></div></div><div class=\"hx-drawer-foot\" data-corn=\"node-foot\"><a data-corn=\"open-link\" id=\"drawer-file-btn\" data-corn-kind=\"primary\" class=\"hx-open\" href=\"#\" target=\"_blank\" rel=\"noreferrer\" hidden>Open file ↗</a><a data-corn=\"open-link\" id=\"drawer-open-btn\" data-corn-kind=\"primary\" class=\"hx-open\" href=\"#\" target=\"_blank\" rel=\"noreferrer\" hidden>Open route ↗</a><button data-corn-kind=\"secondary\" type=\"button\" id=\"drawer-run-btn\" class=\"hx-btn hx-foot-btn\" data-action=\"start-run\" data-corn-string=\"startRun\" hidden>Start a run</button><button data-corn-kind=\"quiet\" type=\"button\" class=\"hx-btn hx-btn--quiet hx-foot-btn\" data-action=\"copy-spec\" data-corn-string=\"copySpec\">Copy Spec</button><p id=\"copy-spec-result\" class=\"hx-forge-result\" data-corn=\"result\" hidden></p></div></aside>",
@@ -1059,16 +1059,16 @@ async function Jt(e, t) {
 	}, Ot);
 }
 function Yt(e) {
-	let { state: t } = e, n = (e) => t.nodes.find((t) => t.id === e), r = (e) => (n(e) || { label: e }).label, i = (e) => `<span class="hx-name">${f(r(e))}</span>`, a = (e, n, r) => t.edges.filter((t) => t.kind === e && t[n] === r);
+	let { state: t } = e, n = (e) => t.nodes.find((t) => t.id === e), r = (e) => (n(e) || { label: e }).label, i = (e) => `<span class="hx-name">${c(r(e))}</span>`, a = (e, n, r) => t.edges.filter((t) => t.kind === e && t[n] === r);
 	function o(e) {
-		let o = t.edges.filter((e) => e.kind === "reads"), s = t.edges.filter((e) => e.kind === "writes"), c = t.edges.filter((t) => t.kind === "uses" && t.from === e.id), l = $("Extends:", t.edges.filter((t) => t.kind === "extends" && t.from === e.id).map((e) => Q(i(e.to)))) + $("Uses design tokens:", c.map((e) => Q(`${i(e.to)} · ${e.vars.length}${Ht(e.vars)}`))) + (e.type !== "token" && e.vars ? $(`Defines ${e.vars.length} CSS variable(s):`, [Ht(e.vars)]) : "");
+		let o = t.edges.filter((e) => e.kind === "reads"), s = t.edges.filter((e) => e.kind === "writes"), l = t.edges.filter((t) => t.kind === "uses" && t.from === e.id), u = $("Extends:", t.edges.filter((t) => t.kind === "extends" && t.from === e.id).map((e) => Q(i(e.to)))) + $("Uses design tokens:", l.map((e) => Q(`${i(e.to)} · ${e.vars.length}${Ht(e.vars)}`))) + (e.type !== "token" && e.vars ? $(`Defines ${e.vars.length} CSS variable(s):`, [Ht(e.vars)]) : "");
 		if (e.type === "app") {
-			let n = e.deployed ? Q(`${/^https?:\/\//.test(e.url) ? `<a data-corn="text-link" class="hx-link" href="${f(e.url)}" target="_blank" rel="noreferrer">${f(e.url)}</a>` : Z(e.url)} → ${(e.upstreams || []).map(Z).join(" ")}${e.stack ? ` <span class="hx-faint">[${f(e.stack)}]</span>` : ""}`) : Q("Not deployed by any stack in this repo"), r = t.edges.filter((t) => t.kind === "runs-on" && t.from === e.id).map((e) => Q(`${i(e.to)}${(e.mappings || []).map((e) => `<div class="hx-faint">${Z(e.host)} → ${Z(e.upstream)}${e.service ? ` = ${Z(e.service)}` : ""}</div>`).join("")}`));
-			return $("Served:", [n]) + $("Runs on:", r) + $("Loaded by the server per request:", o.filter((t) => t.to === e.id).map((e) => Q(i(e.from)))) + l;
+			let n = e.deployed ? Q(`${/^https?:\/\//.test(e.url) ? `<a data-corn="text-link" class="hx-link" href="${c(e.url)}" target="_blank" rel="noreferrer">${c(e.url)}</a>` : Z(e.url)} → ${(e.upstreams || []).map(Z).join(" ")}${e.stack ? ` <span class="hx-faint">[${c(e.stack)}]</span>` : ""}`) : Q("Not deployed by any stack in this repo"), r = t.edges.filter((t) => t.kind === "runs-on" && t.from === e.id).map((e) => Q(`${i(e.to)}${(e.mappings || []).map((e) => `<div class="hx-faint">${Z(e.host)} → ${Z(e.upstream)}${e.service ? ` = ${Z(e.service)}` : ""}</div>`).join("")}`));
+			return $("Served:", [n]) + $("Runs on:", r) + $("Loaded by the server per request:", o.filter((t) => t.to === e.id).map((e) => Q(i(e.from)))) + u;
 		}
 		if (e.type === "token") {
 			let n = t.edges.filter((t) => t.kind === "uses" && t.to === e.id);
-			return $(`${e.vars.length} variable(s):`, [Ht(e.vars)]) + $("Used by:", n.map((e) => Q(`${i(e.from)} · ${f(e.vars.join(" "))}`)));
+			return $(`${e.vars.length} variable(s):`, [Ht(e.vars)]) + $("Used by:", n.map((e) => Q(`${i(e.from)} · ${c(e.vars.join(" "))}`)));
 		}
 		if ([
 			"atom",
@@ -1076,60 +1076,60 @@ function Yt(e) {
 			"core"
 		].includes(e.type)) {
 			let n = t.edges.filter((t) => t.dashed && t.to === e.id).map((e) => Q(i(e.from)));
-			return (e.table ? $("Record of:", [Q(`${f(e.model)} · table ${Z(e.table)}`)]) : "") + $("Rendered by:", n) + l;
+			return (e.table ? $("Record of:", [Q(`${c(e.model)} · table ${Z(e.table)}`)]) : "") + $("Rendered by:", n) + u;
 		}
-		if (e.type === "stack") return $("Domains served (Caddyfile → service):", t.edges.filter((t) => t.kind === "runs-on" && t.to === e.id).flatMap((e) => (e.mappings || []).map((e) => Q(`<span class="hx-name">${f(e.host)}</span> → ${Z(e.upstream)}${e.service ? ` = ${Z(e.service)}` : ""}`)))) + $(`${(e.services || []).length} service(s):`, (e.services || []).map((e) => Q(`<span class="hx-name">${f(e.name)}</span>${e.image ? ` <span class="hx-faint">${f(e.image)}</span>` : ""}${e.ports.length ? `<div>${e.ports.map(Z).join(" ")}</div>` : ""}${e.volumes.length ? `<div class="hx-faint">${e.volumes.map(f).join("<br>")}</div>` : ""}`))) + $("Compose file:", [Q(Z(e.file))]);
+		if (e.type === "stack") return $("Domains served (Caddyfile → service):", t.edges.filter((t) => t.kind === "runs-on" && t.to === e.id).flatMap((e) => (e.mappings || []).map((e) => Q(`<span class="hx-name">${c(e.host)}</span> → ${Z(e.upstream)}${e.service ? ` = ${Z(e.service)}` : ""}`)))) + $(`${(e.services || []).length} service(s):`, (e.services || []).map((e) => Q(`<span class="hx-name">${c(e.name)}</span>${e.image ? ` <span class="hx-faint">${c(e.image)}</span>` : ""}${e.ports.length ? `<div>${e.ports.map(Z).join(" ")}</div>` : ""}${e.volumes.length ? `<div class="hx-faint">${e.volumes.map(c).join("<br>")}</div>` : ""}`))) + $("Compose file:", [Q(Z(e.file))]);
 		if (e.type === "table") {
-			let t = o.filter((t) => t.from === e.id), a = s.filter((t) => t.to === e.id), c = t.filter((e) => (n(e.to) || {}).render?.rom === "bake");
-			return (e.model ? $("Model:", [Q(f(e.model))]) : "") + $("Read by:", t.map((e) => Q(`${i(e.to)} · ${e.keys.map(Z).join(" ")}`))) + $("Written by:", a.map((e) => Q(`${i(e.from)} · ${f(e.label)}`))) + (c.length ? $("Baked pages:", [Q(`a write here re-bakes <span class="hx-rom hx-bold">${c.length}</span> file(s): ${c.map((e) => f(r(e.to))).join(", ")}`)]) : "");
+			let t = o.filter((t) => t.from === e.id), a = s.filter((t) => t.to === e.id), l = t.filter((e) => (n(e.to) || {}).render?.rom === "bake");
+			return (e.model ? $("Model:", [Q(c(e.model))]) : "") + $("Read by:", t.map((e) => Q(`${i(e.to)} · ${e.keys.map(Z).join(" ")}`))) + $("Written by:", a.map((e) => Q(`${i(e.from)} · ${c(e.label)}`))) + (l.length ? $("Baked pages:", [Q(`a write here re-bakes <span class="hx-rom hx-bold">${l.length}</span> file(s): ${l.map((e) => c(r(e.to))).join(", ")}`)]) : "");
 		}
 		if (e.type === "service") {
-			let t = (e, t) => `${i(e[t])}${e.label && e.label !== "imports" ? ` · ${f(e.label)}` : ""}`;
-			return (e.summary && !String(e.desc || "").includes(e.summary) ? $("Summary:", [Q(`<span class="hx-faint">${f(e.summary)}</span>`)]) : "") + $("Started by:", [...(e.triggers || []).map((e) => Q(f(e))), ...a("triggers", "to", e.id).map((e) => Q(t(e, "from")))]) + $("Jobs:", (e.jobs || []).map((e) => Q(`${Z(e.name)} · cron ${Z(e.cron)}`))) + $("Runs:", a("triggers", "from", e.id).map((e) => Q(t(e, "to")))) + $("Calls:", a("calls", "from", e.id).map((e) => Q(t(e, "to")))) + $("Called by:", a("calls", "to", e.id).map((e) => Q(t(e, "from")))) + $("Reads tables:", o.filter((t) => t.to === e.id).map((e) => Q(i(e.from)))) + $("Writes tables:", s.filter((t) => t.from === e.id).map((e) => Q(i(e.to)))) + $("Mechanisms:", (e.mechanisms || []).map((e) => Q(f(e))));
+			let t = (e, t) => `${i(e[t])}${e.label && e.label !== "imports" ? ` · ${c(e.label)}` : ""}`;
+			return (e.summary && !String(e.desc || "").includes(e.summary) ? $("Summary:", [Q(`<span class="hx-faint">${c(e.summary)}</span>`)]) : "") + $("Started by:", [...(e.triggers || []).map((e) => Q(c(e))), ...a("triggers", "to", e.id).map((e) => Q(t(e, "from")))]) + $("Jobs:", (e.jobs || []).map((e) => Q(`${Z(e.name)} · cron ${Z(e.cron)}`))) + $("Runs:", a("triggers", "from", e.id).map((e) => Q(t(e, "to")))) + $("Calls:", a("calls", "from", e.id).map((e) => Q(t(e, "to")))) + $("Called by:", a("calls", "to", e.id).map((e) => Q(t(e, "from")))) + $("Reads tables:", o.filter((t) => t.to === e.id).map((e) => Q(i(e.from)))) + $("Writes tables:", s.filter((t) => t.from === e.id).map((e) => Q(i(e.to)))) + $("Mechanisms:", (e.mechanisms || []).map((e) => Q(c(e))));
 		}
 		if (e.type === "container" && e.selfHosted) {
-			let a = (e, t) => `${i(e[t])}${e.label && e.label !== "calls" ? ` · ${f(e.label)}` : ""}`, o = t.edges.filter((t) => t.to === e.id && (t.kind === "calls" || t.kind === "flow" && t.flow === "api")), s = (e) => o.filter((t) => n(t.from)?.type === e).map((e) => Q(a(e, "from"))), c = new Set(t.nodes.filter((t) => t.type === "container" && t.stack === e.stack).map((e) => e.id));
-			return $("Self-hosted:", [Q(f(e.summary || ""))]) + $("Called by services:", s("service")) + $("Called by endpoints:", s("page")) + $("Called by apps:", s("app")) + $("Pushes to (webhook):", t.edges.filter((e) => e.kind === "delivers" && c.has(e.from) && n(e.to)?.type === "page").map((t) => Q(`${i(t.to)}${t.from === e.id ? "" : ` <span class="hx-faint">from ${f(r(t.from))}</span>`}`)));
+			let a = (e, t) => `${i(e[t])}${e.label && e.label !== "calls" ? ` · ${c(e.label)}` : ""}`, o = t.edges.filter((t) => t.to === e.id && (t.kind === "calls" || t.kind === "flow" && t.flow === "api")), s = (e) => o.filter((t) => n(t.from)?.type === e).map((e) => Q(a(e, "from"))), l = new Set(t.nodes.filter((t) => t.type === "container" && t.stack === e.stack).map((e) => e.id));
+			return $("Self-hosted:", [Q(c(e.summary || ""))]) + $("Called by services:", s("service")) + $("Called by endpoints:", s("page")) + $("Called by apps:", s("app")) + $("Pushes to (webhook):", t.edges.filter((e) => e.kind === "delivers" && l.has(e.from) && n(e.to)?.type === "page").map((t) => Q(`${i(t.to)}${t.from === e.id ? "" : ` <span class="hx-faint">from ${c(r(t.from))}</span>`}`)));
 		}
 		if (e.type === "external" && e.kind) return wt(e, t.nodes, t.edges);
 		if (e.type === "external") {
 			let t = (t) => a("calls", "to", e.id).filter((e) => n(e.from)?.type === t);
-			return $("System:", [Q(`${f(e.summary || "")}${e.host ? `<div class="hx-faint">Runs here as ${Z(e.host)}</div>` : "<div class=\"hx-faint\">Not run by this stack</div>"}`)]) + $("Client modules:", (e.modules || []).map((e) => Q(Z(e)))) + $("Called by services:", t("service").map((e) => Q(i(e.from)))) + $("Called by endpoints:", t("page").map((e) => Q(i(e.from)))) + $("Pushes to (webhook):", a("delivers", "from", e.id).map((e) => Q(i(e.to))));
+			return $("System:", [Q(`${c(e.summary || "")}${e.host ? `<div class="hx-faint">Runs here as ${Z(e.host)}</div>` : "<div class=\"hx-faint\">Not run by this stack</div>"}`)]) + $("Client modules:", (e.modules || []).map((e) => Q(Z(e)))) + $("Called by services:", t("service").map((e) => Q(i(e.from)))) + $("Called by endpoints:", t("page").map((e) => Q(i(e.from)))) + $("Pushes to (webhook):", a("delivers", "from", e.id).map((e) => Q(i(e.to))));
 		}
 		if (e.type === "page") {
 			let n = e.render, r = t.edges.filter((t) => t.dashed && t.from === e.id).map((e) => Q(i(e.to)));
-			return (e.methods ? $("Methods:", [Q(e.methods.map(Z).join(" "))]) : "") + (e.render_fn ? $("Rendered by:", [Q(`${Z(e.render_fn)} · ${f(e.file)}`)]) : "") + $("Calls outside:", a("calls", "from", e.id).map((e) => Q(i(e.to)))) + $("Pushed to by:", a("delivers", "to", e.id).map((e) => Q(`${i(e.from)} · ${f(e.label)}`))) + $("Starts:", a("triggers", "from", e.id).map((e) => Q(`${i(e.to)} · ${f(e.label)}`))) + $("Renders:", r) + $("Reads:", o.filter((t) => t.to === e.id).map((e) => Q(`${i(e.from)} · ${e.keys.map(Z).join(" ")}`))) + $("Writes:", s.filter((t) => t.from === e.id).map((e) => Q(`${i(e.to)} · ${f(e.label)}`))) + (n ? $("Render:", [Q(`today: ${Z(n.now)} · ROM: ${n.rom === "bake" ? "<span class=\"hx-rom hx-bold\">bake</span>" : "<span class=\"hx-faint\">skip (per request)</span>"}${n.note ? `<div class="hx-faint">${f(n.note)}</div>` : ""}`)]) : "");
+			return (e.methods ? $("Methods:", [Q(e.methods.map(Z).join(" "))]) : "") + (e.render_fn ? $("Rendered by:", [Q(`${Z(e.render_fn)} · ${c(e.file)}`)]) : "") + $("Calls outside:", a("calls", "from", e.id).map((e) => Q(i(e.to)))) + $("Pushed to by:", a("delivers", "to", e.id).map((e) => Q(`${i(e.from)} · ${c(e.label)}`))) + $("Starts:", a("triggers", "from", e.id).map((e) => Q(`${i(e.to)} · ${c(e.label)}`))) + $("Renders:", r) + $("Reads:", o.filter((t) => t.to === e.id).map((e) => Q(`${i(e.from)} · ${e.keys.map(Z).join(" ")}`))) + $("Writes:", s.filter((t) => t.from === e.id).map((e) => Q(`${i(e.to)} · ${c(e.label)}`))) + (n ? $("Render:", [Q(`today: ${Z(n.now)} · ROM: ${n.rom === "bake" ? "<span class=\"hx-rom hx-bold\">bake</span>" : "<span class=\"hx-faint\">skip (per request)</span>"}${n.note ? `<div class="hx-faint">${c(n.note)}</div>` : ""}`)]) : "");
 		}
 		return "";
 	}
 	function s(t) {
 		let n = e.ask("threads:index", t.id);
 		if (!n) return "";
-		let r = n.threads, i = n.start ? `<button data-corn-kind="quiet" type="button" class="hx-btn hx-btn--quiet hx-textact" data-thread-start="${f(t.id)}" aria-label="Start a thread about this: opens the New idea form for ${f(n.forge)}, with this node mentioned">Start a thread about this</button>` : "";
+		let r = n.threads, i = n.start ? `<button data-corn-kind="quiet" type="button" class="hx-btn hx-btn--quiet hx-textact" data-thread-start="${c(t.id)}" aria-label="Start a thread about this: opens the New idea form for ${c(n.forge)}, with this node mentioned">Start a thread about this</button>` : "";
 		return !r || !r.length ? i : `<div class="hx-sec-block" data-corn="section"><h3 class="hx-sec-title">Threads</h3><ul class="hx-rows">${r.map((e) => {
 			let t = Number(e.comments) || 0;
-			return `<li><button type="button" class="hx-row hx-thread-open" data-thread-open="${f(e.number)}" data-corn="row" aria-label="Open thread #${f(e.number)}, ${f(e.title)}, ${t} ${t === 1 ? "comment" : "comments"}, in the issues and pull requests panel"><span class="hx-row-title">${f(e.title)}</span><span class="hx-row-meta">#${f(e.number)} · ${t}</span></button></li>`;
+			return `<li><button type="button" class="hx-row hx-thread-open" data-thread-open="${c(e.number)}" data-corn="row" aria-label="Open thread #${c(e.number)}, ${c(e.title)}, ${t} ${t === 1 ? "comment" : "comments"}, in the issues and pull requests panel"><span class="hx-row-title">${c(e.title)}</span><span class="hx-row-meta">#${c(e.number)} · ${t}</span></button></li>`;
 		}).join("")}</ul>${i}</div>`;
 	}
-	function c(e) {
-		let n = b(e);
+	function l(e) {
+		let n = y(e);
 		if (!Gt(e, t.proposal)) return "";
-		let r = (e, t) => `<div class="hx-diff-k">${f(e)}</div><div class="hx-diff-v">${t}</div>`, i = [r("id", f(e.id))], a = t.edges.find((t) => !t.kind && !t.dashed && t.to === e.id);
-		a && i.push(r("parent", f(a.from)));
-		let o = t.edges.filter((t) => t.from === e.id || t.to === e.id), s = o.filter((e) => b(e) === "added").length, c = o.filter((e) => b(e) === "removed").length;
-		if ((s || c) && i.push(r("edges", f([s ? `+${s}` : "", c ? `−${c}` : ""].filter(Boolean).join(" ")))), n === "changed") for (let t of Te(e)) i.push(r(t.field, `<span class="hx-change-before">${f(t.before) || "<em>nothing</em>"}</span> <span aria-hidden="true">→</span><span class="hx-sr-only"> became </span> <span class="hx-change-after">${f(t.after) || "<em>nothing</em>"}</span>`));
-		return `<div class="hx-sec-block" data-proposal-mark="${f(e.mark)}" data-corn="section"><h3 class="hx-sec-title">In this proposal</h3>${e.why ? `<p class="hx-why">${f(e.why)}</p>` : ""}<div class="hx-diff hx-diff--${f(n)}" data-corn="diff-block"${I(e.mark)}>${i.join("")}</div></div>`;
+		let r = (e, t) => `<div class="hx-diff-k">${c(e)}</div><div class="hx-diff-v">${t}</div>`, i = [r("id", c(e.id))], a = t.edges.find((t) => !t.kind && !t.dashed && t.to === e.id);
+		a && i.push(r("parent", c(a.from)));
+		let o = t.edges.filter((t) => t.from === e.id || t.to === e.id), s = o.filter((e) => y(e) === "added").length, l = o.filter((e) => y(e) === "removed").length;
+		if ((s || l) && i.push(r("edges", c([s ? `+${s}` : "", l ? `−${l}` : ""].filter(Boolean).join(" ")))), n === "changed") for (let t of we(e)) i.push(r(t.field, `<span class="hx-change-before">${c(t.before) || "<em>nothing</em>"}</span> <span aria-hidden="true">→</span><span class="hx-sr-only"> became </span> <span class="hx-change-after">${c(t.after) || "<em>nothing</em>"}</span>`));
+		return `<div class="hx-sec-block" data-proposal-mark="${c(e.mark)}" data-corn="section"><h3 class="hx-sec-title">In this proposal</h3>${e.why ? `<p class="hx-why">${c(e.why)}</p>` : ""}<div class="hx-diff hx-diff--${c(n)}" data-corn="diff-block"${R(e.mark)}>${i.join("")}</div></div>`;
 	}
 	return {
 		dataSummary: o,
 		threadsSection: s,
-		diffSection: c,
+		diffSection: l,
 		nameOf: r,
 		nodeById: n
 	};
 }
-function Xt(e, n, r = {}) {
-	let { state: i } = n, s = u(n), c = Yt(n), l = r.inline === !0, d = [...D(n, e, Kt().drawer, r.slots, "drawer"), ...l ? D(n, e, `<p class="hx-panel-empty" data-corn="empty">${f(y(n, "nodePanelEmpty"))}</p>`, null, "empty") : D(n, e, Kt().backdrop, r.slots, "backdrop")], p = (e) => {
+function Xt(e, t, n = {}) {
+	let { state: i } = t, o = r(t), l = Yt(t), u = n.inline === !0, d = [...a(t, e, Kt().drawer, n.slots, "drawer"), ...u ? a(t, e, `<p class="hx-panel-empty" data-corn="empty">${c(v(t, "nodePanelEmpty"))}</p>`, null, "empty") : a(t, e, Kt().backdrop, n.slots, "backdrop")], p = (e) => {
 		for (let t of d) {
 			if (t.id === e) return t;
 			let n = t.querySelector(`[id="${e}"]`);
@@ -1137,155 +1137,155 @@ function Xt(e, n, r = {}) {
 		}
 		return null;
 	};
-	s.keepParts(...d);
-	let m = p("spec-drawer"), h = l ? { hidden: !0 } : p("drawer-backdrop"), g = l ? d.find((e) => e.matches("[data-corn=\"empty\"]")) : null, b = (e) => {
-		g && (g.hidden = !e);
-	}, C = !1, E = () => v(i.selectedNode, n.viewEdges(), {
+	o.keepParts(...d);
+	let m = p("spec-drawer"), y = u ? { hidden: !0 } : p("drawer-backdrop"), b = u ? d.find((e) => e.matches("[data-corn=\"empty\"]")) : null, w = (e) => {
+		b && (b.hidden = !e);
+	}, T = !1, E = () => S(i.selectedNode, t.viewEdges(), {
 		throughChildren: i.throughChildren,
 		kind: i.selectedKind
 	});
-	function ee(e) {
-		let t = E();
-		if (!t || !t.kinds.size) return "";
-		let r = Ft(t).map(({ kind: e, count: n, word: r }) => `<button type="button" class="hx-lines-kind" data-corn="lines-kind" data-corn-kind="quiet" data-lines-kind="${f(e)}" data-focus-key="kind:${f(e)}" aria-pressed="${t.kind === e}">${f(r)} <span class="hx-lines-count" data-corn="count">${n}</span></button>`).join(""), a = t.kind ? It(t, t.kind).map((e) => `<button type="button" class="hx-linkbtn" data-corn="node-link" data-action="select-node" data-id="${f(e.id)}"><span class="hx-sr-only">${e.out ? "to " : "from "}</span><span aria-hidden="true">${e.out ? "→" : "←"}</span> ${f(c.nameOf(e.id))}</button>`) : [], o = a.length ? `<div class="hx-lines-list">${M(a, 12)}</div>` : "", s = v(e, n.viewEdges(), { throughChildren: !1 }).childIds.size > 0 ? `<label class="hx-lines-switch"><input type="checkbox" data-corn="lines-switch" data-lines-switch data-focus-key="switch"${i.throughChildren ? " checked" : ""}> <span>${f(y(n, "throughChildren"))}</span></label>` : "", { connected: l, off: u } = S(n);
-		return `<div class="hx-sec-block hx-lines" id="drawer-lines" data-corn="lines-by-kind"><h3 class="hx-sec-title">Lines</h3><div class="hx-chips" role="group" aria-label="Lit lines by kind">${r}</div>${o}${s}<div class="hx-lines-reach"><span data-lines-reach>${f(Lt(l, u))}</span> <button type="button" data-corn="frame-button" data-corn-kind="secondary" class="hx-btn hx-btn--secondary" data-action="frame-selection" data-focus-key="frame">${f(y(n, "frame"))}</button></div></div>`;
+	function D(e) {
+		let n = E();
+		if (!n || !n.kinds.size) return "";
+		let r = Ft(n).map(({ kind: e, count: t, word: r }) => `<button type="button" class="hx-lines-kind" data-corn="lines-kind" data-corn-kind="quiet" data-lines-kind="${c(e)}" data-focus-key="kind:${c(e)}" aria-pressed="${n.kind === e}">${c(r)} <span class="hx-lines-count" data-corn="count">${t}</span></button>`).join(""), a = n.kind ? It(n, n.kind).map((e) => `<button type="button" class="hx-linkbtn" data-corn="node-link" data-action="select-node" data-id="${c(e.id)}"><span class="hx-sr-only">${e.out ? "to " : "from "}</span><span aria-hidden="true">${e.out ? "→" : "←"}</span> ${c(l.nameOf(e.id))}</button>`) : [], o = a.length ? `<div class="hx-lines-list">${P(a, 12)}</div>` : "", s = S(e, t.viewEdges(), { throughChildren: !1 }).childIds.size > 0 ? `<label class="hx-lines-switch"><input type="checkbox" data-corn="lines-switch" data-lines-switch data-focus-key="switch"${i.throughChildren ? " checked" : ""}> <span>${c(v(t, "throughChildren"))}</span></label>` : "", { connected: u, off: d } = _(t);
+		return `<div class="hx-sec-block hx-lines" id="drawer-lines" data-corn="lines-by-kind"><h3 class="hx-sec-title">Lines</h3><div class="hx-chips" role="group" aria-label="Lit lines by kind">${r}</div>${o}${s}<div class="hx-lines-reach"><span data-lines-reach>${c(Lt(u, d))}</span> <button type="button" data-corn="frame-button" data-corn-kind="secondary" class="hx-btn hx-btn--secondary" data-action="frame-selection" data-focus-key="frame">${c(v(t, "frame"))}</button></div></div>`;
 	}
-	function te() {
+	function O() {
 		let e = p("drawer-lines");
 		if (!e || !i.selectedNode) return;
-		let r = n.active(), a = r && e.contains(r) ? r.dataset.focusKey : "", o = n.doc.createElement("div");
-		o.innerHTML = ee(i.selectedNode), t(o);
-		let s = o.firstElementChild;
-		if (s ? e.replaceWith(s) : e.remove(), a) {
-			let e = p("drawer-lines"), t = e && [...e.querySelectorAll("[data-focus-key]")].find((e) => e.dataset.focusKey === a);
+		let n = t.active(), r = n && e.contains(n) ? n.dataset.focusKey : "", a = t.doc.createElement("div");
+		a.innerHTML = D(i.selectedNode), f(a);
+		let o = a.firstElementChild;
+		if (o ? e.replaceWith(o) : e.remove(), r) {
+			let e = p("drawer-lines"), t = e && [...e.querySelectorAll("[data-focus-key]")].find((e) => e.dataset.focusKey === r);
 			t && t.focus();
 		}
 	}
-	function O(e) {
-		let t = e.target.closest && e.target.closest("[data-lines-kind]");
-		if (!t || !i.selectedNode) return !1;
-		let r = t.dataset.linesKind;
-		i.selectedKind = i.selectedKind === r ? null : r, n.touchScene(), n.map.render(), te();
-		let o = E();
-		return a(n, o && o.kind ? `Showing ${Pt(o.kind).toLowerCase()} only: ${o.edges.length} ${o.edges.length === 1 ? "line" : "lines"}` : "Showing every kind of line"), !0;
+	function k(e) {
+		let n = e.target.closest && e.target.closest("[data-lines-kind]");
+		if (!n || !i.selectedNode) return !1;
+		let r = n.dataset.linesKind;
+		i.selectedKind = i.selectedKind === r ? null : r, t.touchScene(), t.map.render(), O();
+		let a = E();
+		return C(t, a && a.kind ? `Showing ${Pt(a.kind).toLowerCase()} only: ${a.edges.length} ${a.edges.length === 1 ? "line" : "lines"}` : "Showing every kind of line"), !0;
 	}
-	function ne(e) {
-		let t = e.target.closest && e.target.closest("[data-lines-switch]");
-		if (!t || !i.selectedNode) return;
-		i.throughChildren = !!t.checked, i.selectedKind = null, n.touchScene(), n.map.render(), te();
+	function A(e) {
+		let n = e.target.closest && e.target.closest("[data-lines-switch]");
+		if (!n || !i.selectedNode) return;
+		i.throughChildren = !!n.checked, i.selectedKind = null, t.touchScene(), t.map.render(), O();
 		let r = E();
-		a(n, `${i.throughChildren ? "Including" : "Not including"} its children's lines: ${r ? r.connectedNodeIds.size - 1 : 0} connected`);
+		C(t, `${i.throughChildren ? "Including" : "Not including"} its children's lines: ${r ? r.connectedNodeIds.size - 1 : 0} connected`);
 	}
-	let j = p("drawer-meta-list");
-	s.listen(j, "click", (e) => {
-		O(e) || ce(e.target);
-	}), s.listen(j, "change", ne), s.own(n.map.onPaint(() => {
+	let N = p("drawer-meta-list");
+	o.listen(N, "click", (e) => {
+		k(e) || oe(e.target);
+	}), o.listen(N, "change", A), o.own(t.map.onPaint(() => {
 		if (!i.selectedNode) return;
 		let e = m.querySelector("[data-lines-reach]");
 		if (!e) return;
-		let { connected: t, off: r } = S(n), a = Lt(t, r);
+		let { connected: n, off: r } = _(t), a = Lt(n, r);
 		e.textContent !== a && (e.textContent = a);
 	}));
-	function N() {
+	function F() {
 		let e = p("drawer-threads");
-		e && i.selectedNode && (e.innerHTML = c.threadsSection(i.selectedNode), t(e));
+		e && i.selectedNode && (e.innerHTML = l.threadsSection(i.selectedNode), f(e));
 	}
-	function P(e, { frame: r = !1 } = {}) {
-		if (!e || C) return;
-		let a = p("drawer-title");
-		a.textContent = e.tag ? `<${e.tag}>` : e.label, a.classList.toggle("hx-mono", e.type === "page" || !!e.tag), p("drawer-badge").textContent = Ut(e);
-		let o = Wt(e);
-		p("drawer-host").textContent = o ? ` · ${o}` : "";
-		let s = Gt(e, i.proposal), u = p("drawer-diff");
-		u.textContent = s, u.hidden = !s;
-		let d = de(s ? e.mark : "");
-		d ? u.dataset.cornState = d : delete u.dataset.cornState;
-		let f = p("drawer-description");
-		f.textContent = e.desc || "", f.hidden = !e.desc;
-		let g = `${e.file ? $("File", [Z(e.file)]) : ""}${le(n, e)}${c.dataSummary(e)}`, _ = n.ask("live:section", e) || "";
-		j.innerHTML = `${ee(e)}${g ? `<div class="hx-facts">${g}</div>` : ""}
-    <div id="drawer-live">${_}</div>
+	function I(e, { frame: n = !1 } = {}) {
+		if (!e || T) return;
+		let r = p("drawer-title");
+		r.textContent = e.tag ? `<${e.tag}>` : e.label, r.classList.toggle("hx-mono", e.type === "page" || !!e.tag), p("drawer-badge").textContent = Ut(e);
+		let a = Wt(e);
+		p("drawer-host").textContent = a ? ` · ${a}` : "";
+		let o = Gt(e, i.proposal), s = p("drawer-diff");
+		s.textContent = o, s.hidden = !o;
+		let c = le(o ? e.mark : "");
+		c ? s.dataset.cornState = c : delete s.dataset.cornState;
+		let d = p("drawer-description");
+		d.textContent = e.desc || "", d.hidden = !e.desc;
+		let h = `${e.file ? $("File", [Z(e.file)]) : ""}${se(t, e)}${l.dataSummary(e)}`, g = t.ask("live:section", e) || "";
+		N.innerHTML = `${D(e)}${h ? `<div class="hx-facts">${h}</div>` : ""}
+    <div id="drawer-live">${g}</div>
     ${ft(i, e.id)}
-    <div id="drawer-threads">${c.threadsSection(e)}</div>
-    ${c.diffSection(e)}`, t(j), n.emit("threads:ensure"), n.emit("live:hydrate", p("drawer-live"));
-		let v = p("drawer-file-btn"), x = p("drawer-open-btn"), S = e.file && i.forge ? Dt(i.forge, e.file, i.forge.baseBranch) : null;
-		v.hidden = !S, S ? v.href = S : v.removeAttribute("href");
-		let w = !!(e.url && /^https?:\/\//.test(e.url));
-		w ? x.href = e.url : x.removeAttribute("href"), x.hidden = !w, x.className = S ? "hx-btn hx-btn--quiet hx-foot-btn" : "hx-open", S ? x.dataset.cornKind = "quiet" : x.dataset.cornKind = "primary", x.textContent = `${y(n, "openRoute")} ↗`, v.textContent = `${y(n, "openFile")} ↗`, p("drawer-run-btn").hidden = !(i.proposalSlug && n.ask("forge:can-start")), m.classList.add("drawer-open"), m.inert = !1, h.hidden = !1, b(!1), l || se(n, "drawer"), !r && !l && F(), n.emit("node:painted", { node: e });
+    <div id="drawer-threads">${l.threadsSection(e)}</div>
+    ${l.diffSection(e)}`, f(N), t.emit("threads:ensure"), t.emit("live:hydrate", p("drawer-live"));
+		let _ = p("drawer-file-btn"), b = p("drawer-open-btn"), x = e.file && i.forge ? Dt(i.forge, e.file, i.forge.baseBranch) : null;
+		_.hidden = !x, x ? _.href = x : _.removeAttribute("href");
+		let S = !!(e.url && /^https?:\/\//.test(e.url));
+		S ? b.href = e.url : b.removeAttribute("href"), b.hidden = !S, b.className = x ? "hx-btn hx-btn--quiet hx-foot-btn" : "hx-open", x ? b.dataset.cornKind = "quiet" : b.dataset.cornKind = "primary", b.textContent = `${v(t, "openRoute")} ↗`, _.textContent = `${v(t, "openFile")} ↗`, p("drawer-run-btn").hidden = !(i.proposalSlug && t.ask("forge:can-start")), m.classList.add("drawer-open"), m.inert = !1, y.hidden = !1, w(!1), u || ae(t, "drawer"), !n && !u && L(), t.emit("node:painted", { node: e });
 	}
-	function ue(e) {
-		if (!e || C) return;
-		let n = (e, t) => t ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${f(e)}</div><div class="hx-fact-v">${f(t)}</div></div>` : "", r = n("Kind", e.kind || (e.dashed ? "usage" : "ownership")) + n("Flow", e.flow) + n("Label", e.label) + n("Reads", Array.isArray(e.keys) ? e.keys.join(", ") : ""), i = p("drawer-title");
-		i.textContent = `${c.nameOf(e.from)} → ${c.nameOf(e.to)}`, i.classList.remove("hx-mono"), p("drawer-badge").textContent = "Edge", p("drawer-host").textContent = "", p("drawer-diff").hidden = !0;
-		let a = p("drawer-description");
-		a.textContent = "", a.hidden = !0, j.innerHTML = `${r ? `<div class="hx-facts">${r}</div>` : ""}
+	function ce(e) {
+		if (!e || T) return;
+		let t = (e, t) => t ? `<div class="hx-fact" data-corn="section"><div class="hx-fact-k">${c(e)}</div><div class="hx-fact-v">${c(t)}</div></div>` : "", n = t("Kind", e.kind || (e.dashed ? "usage" : "ownership")) + t("Flow", e.flow) + t("Label", e.label) + t("Reads", Array.isArray(e.keys) ? e.keys.join(", ") : ""), r = p("drawer-title");
+		r.textContent = `${l.nameOf(e.from)} → ${l.nameOf(e.to)}`, r.classList.remove("hx-mono"), p("drawer-badge").textContent = "Edge", p("drawer-host").textContent = "", p("drawer-diff").hidden = !0;
+		let i = p("drawer-description");
+		i.textContent = "", i.hidden = !0, N.innerHTML = `${n ? `<div class="hx-facts">${n}</div>` : ""}
     <div class="hx-facts">
-      <div class="hx-fact" data-corn="section"><div class="hx-fact-k">From</div><div class="hx-fact-v"><button data-corn="node-link" type="button" class="hx-linkbtn" data-action="select-node" data-id="${f(e.from)}">${f(c.nameOf(e.from))}</button></div></div>
-      <div class="hx-fact" data-corn="section"><div class="hx-fact-k">To</div><div class="hx-fact-v"><button data-corn="node-link" type="button" class="hx-linkbtn" data-action="select-node" data-id="${f(e.to)}">${f(c.nameOf(e.to))}</button></div></div>
-    </div>${Ee(e)}`, t(j), p("drawer-open-btn").hidden = !0, p("drawer-file-btn").hidden = !0, p("drawer-run-btn").hidden = !0, m.classList.add("drawer-open"), m.inert = !1, h.hidden = !1, b(!1);
+      <div class="hx-fact" data-corn="section"><div class="hx-fact-k">From</div><div class="hx-fact-v"><button data-corn="node-link" type="button" class="hx-linkbtn" data-action="select-node" data-id="${c(e.from)}">${c(l.nameOf(e.from))}</button></div></div>
+      <div class="hx-fact" data-corn="section"><div class="hx-fact-k">To</div><div class="hx-fact-v"><button data-corn="node-link" type="button" class="hx-linkbtn" data-action="select-node" data-id="${c(e.to)}">${c(l.nameOf(e.to))}</button></div></div>
+    </div>${Te(e)}`, f(N), p("drawer-open-btn").hidden = !0, p("drawer-file-btn").hidden = !0, p("drawer-run-btn").hidden = !0, m.classList.add("drawer-open"), m.inert = !1, y.hidden = !1, w(!1);
 	}
-	function F() {
+	function L() {
 		let e = i.selectedNode;
-		if (!e || !i.width || !x(n) || C) return;
-		let t = T(n), r = gt(i.camera, e, {
+		if (!e || !i.width || !h(t) || T) return;
+		let n = g(t), r = gt(i.camera, e, {
 			left: 0,
 			top: 0,
 			right: i.width,
-			bottom: i.height - t
+			bottom: i.height - n
 		}, e.r * i.camera.zoom + 16);
-		r && (Object.assign(i.camera, r), n.map.render());
+		r && (Object.assign(i.camera, r), t.map.render());
 	}
-	function I() {
-		m.classList.remove("drawer-open"), m.inert = !0, h.hidden = !0, b(!0), l || A(n, "drawer");
+	function R() {
+		m.classList.remove("drawer-open"), m.inert = !0, y.hidden = !0, w(!0), u || M(t, "drawer");
 	}
-	function L() {
-		i.proposalSlug && n.emit("forge:start", {
+	function z() {
+		i.proposalSlug && t.emit("forge:start", {
 			slug: i.proposalSlug,
 			returnTo: "#drawer-run-btn"
 		});
 	}
-	s.own(() => clearTimeout(qt(n).timer));
-	let fe = {
-		"close-drawer": () => _(n, { source: "tap" }),
-		"copy-spec": () => Jt(n, p("copy-spec-result")),
-		"start-run": () => L(),
-		"select-node": (e) => w(n, c.nodeById(e.dataset.id), {
+	o.own(() => clearTimeout(qt(t).timer));
+	let ue = {
+		"close-drawer": () => x(t, { source: "tap" }),
+		"copy-spec": () => Jt(t, p("copy-spec-result")),
+		"start-run": () => z(),
+		"select-node": (e) => ee(t, l.nodeById(e.dataset.id), {
 			frame: !0,
 			source: "link"
 		}),
-		"frame-selection": () => o(n)
+		"frame-selection": () => s(t)
 	};
-	return s.listen(m, "click", (e) => {
+	return o.listen(m, "click", (e) => {
 		let t = e.target.closest && e.target.closest("[data-action]");
 		if (!t) return;
-		let n = fe[t.dataset.action];
-		n && n(t), t.dataset.action === "close-drawer" && i.canvas && s.timeout(() => i.canvas.focus(), 0);
-	}), s.listen(m, "click", (e) => {
-		let t = e.target.closest && e.target.closest("[data-thread-open]");
-		t ? n.emit("thread:open", { number: Number(t.dataset.threadOpen) }) : e.target.closest && e.target.closest("[data-thread-start]") && i.selectedNode && n.emit("thread:start", { node: i.selectedNode });
-	}), s.on("threads:changed", () => N()), l || s.listen(h, "click", (e) => {
-		x(n) ? k(n, e) : _(n, { source: "tap" });
-	}, !0), s.listen(m, "keydown", (e) => {
-		e.key !== "Escape" || e.defaultPrevented || e.target.closest && e.target.closest("select, input, textarea") || (e.preventDefault(), _(n, { source: "keyboard" }), i.canvas && i.canvas.focus(), a(n, "Panel closed"));
-	}), s.on("panel:present", () => !0), s.on("panel:covers", () => !l && !C && !m.hidden && m.classList.contains("drawer-open") ? { right: m.offsetWidth } : void 0), s.on("node:show", ({ node: e, frame: t }) => P(e, { frame: t })), s.on("node:close", I), s.on("node:show-edge", ({ edge: e }) => ue(e)), s.on("node:focus", () => {
+		let n = ue[t.dataset.action];
+		n && n(t), t.dataset.action === "close-drawer" && i.canvas && o.timeout(() => i.canvas.focus(), 0);
+	}), o.listen(m, "click", (e) => {
+		let n = e.target.closest && e.target.closest("[data-thread-open]");
+		n ? t.emit("thread:open", { number: Number(n.dataset.threadOpen) }) : e.target.closest && e.target.closest("[data-thread-start]") && i.selectedNode && t.emit("thread:start", { node: i.selectedNode });
+	}), o.on("threads:changed", () => F()), u || o.listen(y, "click", (e) => {
+		h(t) ? j(t, e) : x(t, { source: "tap" });
+	}, !0), o.listen(m, "keydown", (e) => {
+		e.key !== "Escape" || e.defaultPrevented || e.target.closest && e.target.closest("select, input, textarea") || (e.preventDefault(), x(t, { source: "keyboard" }), i.canvas && i.canvas.focus(), C(t, "Panel closed"));
+	}), o.on("panel:present", () => !0), o.on("panel:covers", () => !u && !T && !m.hidden && m.classList.contains("drawer-open") ? { right: m.offsetWidth } : void 0), o.on("node:show", ({ node: e, frame: t }) => I(e, { frame: t })), o.on("node:close", R), o.on("node:show-edge", ({ edge: e }) => ce(e)), o.on("node:focus", () => {
 		let e = p("drawer-title");
 		if (!e) return;
-		let t = n.active();
-		l && t && t !== e && typeof t.matches == "function" && t.matches("[data-corn=\"node-title\"]") || (e.setAttribute("tabindex", "-1"), e.focus());
-	}), l || (s.own(oe(n, () => F())), ae(n), re(n, "drawer", m, { stub: () => ({ title: p("drawer-title") && p("drawer-title").textContent || "Node" }) }), s.own(() => ie(n, "drawer"))), i.selectedNode && P(i.selectedNode, { frame: !1 }), s.own(() => {
-		C = !0, d.forEach((e) => e.remove());
+		let n = t.active();
+		u && n && n !== e && typeof n.matches == "function" && n.matches("[data-corn=\"node-title\"]") || (e.setAttribute("tabindex", "-1"), e.focus());
+	}), u || (o.own(ie(t, () => L())), re(t), te(t, "drawer", m, { stub: () => ({ title: p("drawer-title") && p("drawer-title").textContent || "Node" }) }), o.own(() => ne(t, "drawer"))), i.selectedNode && I(i.selectedNode, { frame: !1 }), o.own(() => {
+		T = !0, d.forEach((e) => e.remove());
 	}), {
 		elements: d,
-		show: P,
-		close: I,
-		repaintThreads: N,
-		copySpec: () => Jt(n, p("copy-spec-result")),
-		startRun: L,
-		keepSelectedInView: F,
+		show: I,
+		close: R,
+		repaintThreads: F,
+		copySpec: () => Jt(t, p("copy-spec-result")),
+		startRun: z,
+		keepSelectedInView: L,
 		update(e) {
-			e && "node" in e ? e.node ? w(n, e.node, { source: "api" }) : _(n, { source: "api" }) : i.selectedNode && m.classList.contains("drawer-open") && P(i.selectedNode, { frame: !1 });
+			e && "node" in e ? e.node ? ee(t, e.node, { source: "api" }) : x(t, { source: "api" }) : i.selectedNode && m.classList.contains("drawer-open") && I(i.selectedNode, { frame: !1 });
 		},
-		destroy: () => s.destroy()
+		destroy: () => o.destroy()
 	};
 }
-export { I as A, B as C, pe as D, Pe as E, fe as O, Ne as S, ve as T, xe as _, pt as a, Se as b, nt as c, at as d, he as f, ge as g, _e as h, yt as i, F as k, K as l, me as m, Rt as n, mt as o, z as p, bt as r, ht as s, Xt as t, it as u, ye as v, Ae as w, je as x, Me as y };
+export { R as A, V as C, de as D, Ne as E, ue as O, Me as S, ge as T, be as _, pt as a, xe as b, nt as c, at as d, pe as f, me as g, he as h, yt as i, L as k, K as l, fe as m, Rt as n, mt as o, B as p, bt as r, ht as s, Xt as t, it as u, _e as v, ke as w, Ae as x, je as y };