@tangle-network/sandbox-cli 0.21.23 → 0.21.25

package/dist/graph-viewer/viewer/RunPage-ChipoSdO.js

@@ -0,0 +1,257 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
+import { t as r } from "./page-header-C6YCPkzJ.js";
+import { C as i, S as a, j as o, o as s, r as c, v as l, y as u } from "./ui-DZiGjPwl.js";
+import { O as d, R as f, n as p, p as m } from "./data-azhapQrS.js";
+import { o as h } from "./lazy-pages-fgtpXQ00.js";
+//#region src/workspace/run/RunPage.tsx
+var g = /* @__PURE__ */ e(t(), 1), _ = n(), v = [
+	"overview",
+	"timeline",
+	"files",
+	"topology",
+	"conversations",
+	"traces",
+	"analytics",
+	"checks"
+], y = {
+	overview: "Overview",
+	timeline: "Timeline",
+	files: "Files",
+	topology: "Topology",
+	conversations: "Conversations",
+	traces: "Traces",
+	analytics: "Analytics",
+	checks: "Checks"
+}, b = (0, g.lazy)(() => import("./Overview-u7-8-rGx.js").catch(h).then((e) => ({ default: e.Overview }))), x = (0, g.lazy)(() => import("./Timeline-DzEzobA0.js").catch(h).then((e) => ({ default: e.TimelineTab }))), S = (0, g.lazy)(() => import("./Files-B-g25gSO.js").catch(h).then((e) => ({ default: e.Files }))), C = (0, g.lazy)(() => import("./Topology-Dsmuu27J.js").catch(h).then((e) => ({ default: e.Topology }))), w = (0, g.lazy)(() => import("./Conversations-DQBCyko6.js").catch(h).then((e) => ({ default: e.Conversations }))), T = (0, g.lazy)(() => import("./Traces-BWBulSPE.js").catch(h).then((e) => ({ default: e.Traces }))), E = (0, g.lazy)(() => import("./Analytics-CtKucZjs.js").catch(h).then((e) => ({ default: e.Analytics }))), D = (0, g.lazy)(() => import("./Checks-DZTgeYlV.js").catch(h).then((e) => ({ default: e.Checks }))), O = {
+	agents: "conversations",
+	spend: "analytics",
+	progress: "overview"
+}, k = [
+	["findings", "Findings"],
+	["outputs", "Outputs and grades"],
+	["readout", "Readout"],
+	["versions", "Versions"],
+	["graph", "Knowledge graph"],
+	["profiles", "Profiles"],
+	["assessments", "Assessments"],
+	["coverage", "Capture"],
+	["input", "Input"]
+];
+function A(e) {
+	let t = () => {
+		let e = window.location.pathname.split("/").filter(Boolean), t = e[0] === "run" ? decodeURIComponent(e[2] ?? "") : "";
+		return {
+			tab: v.includes(t) ? t : null,
+			search: window.location.search
+		};
+	}, [n, r] = (0, g.useState)(t);
+	(0, g.useEffect)(() => {
+		let e = () => r(t());
+		return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
+	}, []);
+	let i = (0, g.useMemo)(() => new URLSearchParams(n.search), [n.search]), a = (0, g.useCallback)((t, n = {}, r = !0) => {
+		let i = r ? new URLSearchParams(window.location.search) : new URLSearchParams();
+		for (let e of [
+			"section",
+			"node",
+			"view",
+			"details",
+			"tab"
+		]) i.delete(e);
+		let a = new URLSearchParams(window.location.search).get("theme");
+		a && i.set("theme", a);
+		for (let [e, t] of Object.entries(n)) t == null || t === "" ? i.delete(e) : i.set(e, t);
+		let o = i.toString();
+		return `/run/${encodeURIComponent(e)}/${t}${o ? `?${o}` : ""}`;
+	}, [e]), o = (0, g.useCallback)((e, t = {}, n = !1) => {
+		let r = a(e, t);
+		r !== window.location.pathname + window.location.search && (n ? window.history.replaceState(null, "", r) : window.history.pushState(null, "", r), window.dispatchEvent(new PopStateEvent("popstate")));
+	}, [a]);
+	return {
+		tab: n.tab,
+		params: i,
+		href: a,
+		go: o
+	};
+}
+var j = (e, t) => t === e ? "root" : t.startsWith(`${e}:`) ? t.slice(e.length + 1) : t, M = (e, t, n) => {
+	if (!n) return null;
+	let r = n === "root" ? e.root?.id ?? t : e.byId.has(n) ? n : `${t}:${n}`;
+	return e.byId.has(r) ? r : null;
+};
+function N({ api: e, id: t, legacy: n }) {
+	let i = A(t), o = `${e}/runs/${encodeURIComponent(t)}`, l = m(o, void 0, !0), h = !!l.data?.execution?.alive, N = m(`${o}/workspace`, h ? 15e3 : void 0, !0), F = m(l.data ? `${e}/plays/${encodeURIComponent(l.data.run.play)}` : null), I = (0, g.useMemo)(() => N.data && l.data ? u(N.data, l.data.run) : null, [N.data, l.data]), L = i.params.get("section"), R = L ? O[L] : void 0;
+	(0, g.useEffect)(() => {
+		if (!R) return;
+		let e = i.params.get("node");
+		i.go(R, {
+			agent: e ? j(t, e) : void 0,
+			file: i.params.get("file") ?? void 0
+		}, !0);
+	}, [R]);
+	let z = i.tab ?? "overview", B = I ? M(I, t, i.params.get("agent")) ?? I.root?.id ?? null : null, V = (0, g.useCallback)((e, n) => i.go(n ?? z, { agent: e ? j(t, e) : null }), [
+		i,
+		z,
+		t
+	]), H = (0, g.useRef)(null);
+	if (l.error && !l.data) return /* @__PURE__ */ (0, _.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["This run is unavailable: ", l.error]
+	});
+	if (!l.data) return /* @__PURE__ */ (0, _.jsx)("p", {
+		className: "ws-status",
+		role: "status",
+		children: "Loading…"
+	});
+	let U = l.data, W = I ? {
+		conversations: a(I.agents.filter((e) => e.steps.length || e.turns).length),
+		traces: a(I.totals.steps),
+		checks: a(U.run.check?.counts?.checks ?? I.releases.length)
+	} : {}, G = (e) => {
+		let t = v.indexOf(z), n = {
+			ArrowRight: t + 1,
+			ArrowLeft: t - 1,
+			Home: 0,
+			End: v.length - 1
+		}[e.key];
+		if (n === void 0) return;
+		e.preventDefault();
+		let r = v[(n + v.length) % v.length];
+		i.go(r), requestAnimationFrame(() => H.current?.querySelector(`[data-tab="${r}"]`)?.focus());
+	}, K = L && !R && n ? n(L) : null, q = I ? {
+		api: e,
+		runUrl: o,
+		doc: U,
+		play: F.data ?? null,
+		m: I,
+		route: {
+			...i,
+			tab: z
+		},
+		agent: B,
+		selectAgent: V
+	} : null;
+	return /* @__PURE__ */ (0, _.jsx)(c, { children: /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: "rp rp-run",
+		"data-run": t,
+		"data-tab": K ? void 0 : z,
+		children: [
+			/* @__PURE__ */ (0, _.jsx)(r, {
+				className: "rp-head",
+				title: /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [
+					/* @__PURE__ */ (0, _.jsx)("a", {
+						href: `/play/${encodeURIComponent(U.run.play)}`,
+						children: U.run.play
+					}),
+					/* @__PURE__ */ (0, _.jsx)("span", {
+						className: "sep",
+						"aria-hidden": "true",
+						children: "/"
+					}),
+					/* @__PURE__ */ (0, _.jsxs)("span", { children: ["Run ", d(U.run.play, U.run.id)] })
+				] }),
+				description: U.view ? /* @__PURE__ */ (0, _.jsx)(p, {
+					status: f(U.view.status),
+					title: U.view.status.reason ?? void 0
+				}) : void 0,
+				actions: I ? /* @__PURE__ */ (0, _.jsx)(P, {
+					m: I,
+					doc: U
+				}) : void 0
+			}),
+			/* @__PURE__ */ (0, _.jsxs)("nav", {
+				ref: H,
+				className: "rp-tabs",
+				role: "tablist",
+				"aria-label": "Run",
+				onKeyDown: G,
+				children: [v.map((e) => /* @__PURE__ */ (0, _.jsxs)("a", {
+					role: "tab",
+					"data-tab": e,
+					href: i.href(e),
+					"aria-selected": !K && e === z,
+					tabIndex: e === z ? 0 : -1,
+					"aria-controls": "rp-panel",
+					onClick: (t) => {
+						t.metaKey || t.ctrlKey || t.shiftKey || t.button !== 0 || (t.preventDefault(), i.go(e));
+					},
+					children: [y[e], W[e] ? /* @__PURE__ */ (0, _.jsx)("span", {
+						className: "ct",
+						children: W[e]
+					}) : null]
+				}, e)), /* @__PURE__ */ (0, _.jsx)("span", {
+					className: "rp-more",
+					children: /* @__PURE__ */ (0, _.jsx)(s, {
+						label: "More run sections",
+						options: k.map(([e, t]) => ({
+							id: e,
+							label: t
+						})),
+						value: K ? L : null,
+						width: 260,
+						placeholder: "Find a section",
+						onChange: (e) => {
+							e && (window.history.pushState(null, "", `/run/${encodeURIComponent(t)}?section=${e}`), window.dispatchEvent(new PopStateEvent("popstate")));
+						},
+						children: K ? k.find(([e]) => e === L)?.[1] ?? "More" : "More"
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, _.jsx)("main", {
+				id: "rp-panel",
+				className: "rp-work",
+				role: "tabpanel",
+				"aria-label": K ? L ?? void 0 : y[z],
+				children: K ?? (q ? /* @__PURE__ */ (0, _.jsxs)(g.Suspense, {
+					fallback: /* @__PURE__ */ (0, _.jsx)("p", {
+						className: "ws-status",
+						role: "status",
+						children: "Loading…"
+					}),
+					children: [
+						z === "overview" && /* @__PURE__ */ (0, _.jsx)(b, { ...q }),
+						z === "timeline" && /* @__PURE__ */ (0, _.jsx)(x, { ...q }),
+						z === "files" && /* @__PURE__ */ (0, _.jsx)(S, { ...q }),
+						z === "topology" && /* @__PURE__ */ (0, _.jsx)(C, { ...q }),
+						z === "conversations" && /* @__PURE__ */ (0, _.jsx)(w, { ...q }),
+						z === "traces" && /* @__PURE__ */ (0, _.jsx)(T, { ...q }),
+						z === "analytics" && /* @__PURE__ */ (0, _.jsx)(E, { ...q }),
+						z === "checks" && /* @__PURE__ */ (0, _.jsx)(D, { ...q })
+					]
+				}) : /* @__PURE__ */ (0, _.jsx)("p", {
+					className: "ws-status",
+					role: N.error ? "alert" : "status",
+					children: N.error ? `The run's agents are unavailable: ${N.error}` : "Reading the run…"
+				}))
+			})
+		]
+	}) });
+}
+function P({ m: e, doc: t }) {
+	let n = e.totals.billedUsd, r = [
+		[i(e.duration), e.live ? "running" : "run"],
+		[a(e.agents.length), e.agents.length === 1 ? "agent" : "agents"],
+		[a(e.totals.steps), "steps"],
+		[
+			l(e.totals.tokens),
+			"tokens",
+			e.totals.byClass ? `${l(e.totals.byClass.input)} in · ${l(e.totals.byClass.output)} out · ${l(e.totals.byClass.cacheRead)} cached` : void 0
+		],
+		e.totals.listUsd === null ? [o(n ?? t.spend.paidUsd ?? null), "billed"] : [o(e.totals.listUsd), "list"]
+	];
+	return /* @__PURE__ */ (0, _.jsx)("ul", {
+		className: "rp-stats",
+		children: r.map(([e, t, n]) => /* @__PURE__ */ (0, _.jsxs)("li", {
+			title: n,
+			children: [
+				/* @__PURE__ */ (0, _.jsx)("b", { children: e }),
+				" ",
+				t
+			]
+		}, t))
+	});
+}
+//#endregion
+export { v as RUN_PAGE_TABS, N as RunPage, M as agentFromParam, j as agentParam, A as useRunRoute };

package/dist/graph-viewer/viewer/Scores-CjriXjf_.js

@@ -0,0 +1,414 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { i as t, t as n } from "./jsx-runtime-BSzbUOFc.js";
+import { s as r } from "./final-output-Db2D9cMT.js";
+import { m as i, p as a } from "./data-azhapQrS.js";
+//#region src/workspace/scores-model.ts
+var o = /* @__PURE__ */ e(t(), 1);
+function s(e, t) {
+	return e?.filter((e) => e.target.kind === t.kind && e.target.id === t.id && typeof e.score == "number").at(-1) ?? null;
+}
+var c = { visuals: "graphics" }, l = (e) => c[e] ?? e;
+function u(e) {
+	if (!e.length) return null;
+	let t = [...e].sort((e, t) => e - t), n = Math.floor(t.length / 2);
+	return t.length % 2 ? t[n] : Math.round((t[n - 1] + t[n]) / 2 * 10) / 10;
+}
+function d(e, t, n, r) {
+	let i = e && e.status !== "pending" ? e.judges : [], a = t ?? [], o = (n ?? []).filter((e) => e.target.kind === r.kind && e.target.id === r.id), s = /* @__PURE__ */ new Set(["overall"]);
+	for (let e of i) s.add(l(e.category));
+	for (let e of a) for (let t of Object.keys(e.scores)) s.add(l(t));
+	for (let e of o) s.add(l(e.category));
+	let c = i.filter((e) => typeof e.score == "number" && e.max === 100);
+	return [...s].map((e) => {
+		let t = null;
+		if (e === "overall") {
+			let e = c.map((e) => e.score);
+			t = e.length ? {
+				score: u(e),
+				calibrated: c.every((e) => e.calibrated === !0)
+			} : i.length ? "retired" : null;
+		} else {
+			let n = i.find((t) => l(t.category) === e);
+			n && (t = typeof n.score == "number" && n.max === 100 ? {
+				score: n.score,
+				calibrated: n.calibrated
+			} : "retired");
+		}
+		let n = [];
+		for (let t of a) {
+			if (e === "overall") {
+				typeof t.overall == "number" && n.push({
+					persona: t.persona,
+					score: t.overall,
+					band: null,
+					competence: null,
+					why: t.verdict
+				});
+				continue;
+			}
+			for (let [r, i] of Object.entries(t.scores)) l(r) === e && typeof i.score == "number" && n.push({
+				persona: t.persona,
+				score: i.score,
+				band: i.band,
+				competence: i.competence,
+				why: i.why
+			});
+		}
+		let r = n.map((e) => e.score);
+		return {
+			category: e,
+			ai: t,
+			personas: {
+				median: u(r),
+				min: r.length ? Math.min(...r) : null,
+				max: r.length ? Math.max(...r) : null,
+				scores: n
+			},
+			people: o.filter((t) => l(t.category) === e)
+		};
+	});
+}
+function f(e) {
+	let t = e.find((e) => e.category === "overall");
+	return t ? t.ai && t.ai !== "retired" && typeof t.ai.score == "number" ? {
+		score: t.ai.score,
+		source: "judges",
+		n: e.filter((e) => e.category !== "overall" && e.ai && e.ai !== "retired").length
+	} : t.personas.median === null ? null : {
+		score: t.personas.median,
+		source: "personas",
+		n: t.personas.scores.length
+	} : null;
+}
+function p(e, t) {
+	let n = [...e ?? []], r = [...t ?? []], i = [];
+	for (let e of [...r]) {
+		let t = n.findIndex((t) => t.id === e.id);
+		t >= 0 && (i.push({
+			before: n.splice(t, 1)[0],
+			after: e,
+			match: "id"
+		}), r.splice(r.indexOf(e), 1));
+	}
+	for (let e of [...r]) {
+		let t = e.unit ? n.findIndex((t) => t.unit === e.unit) : -1;
+		t >= 0 && (i.push({
+			before: n.splice(t, 1)[0],
+			after: e,
+			match: "unit"
+		}), r.splice(r.indexOf(e), 1));
+	}
+	for (let e of r) i.push({
+		before: null,
+		after: e,
+		match: null
+	});
+	for (let e of n) i.push({
+		before: e,
+		after: null,
+		match: null
+	});
+	let a = (e) => /^run-/.test((e.after ?? e.before).id);
+	return [...i.filter((e) => !a(e)), ...i.filter(a)];
+}
+//#endregion
+//#region src/workspace/Scores.tsx
+var m = n(), h = (e) => typeof window > "u" ? null : r(e, window.location.href);
+function g(e) {
+	return a(`${e}/me`).data ?? {
+		login: null,
+		writer: !1
+	};
+}
+var _ = (e) => typeof e == "number" ? String(e) : "—";
+function v({ readout: e, panel: t, grades: n, target: r }) {
+	let i = d(r.kind === "run" ? e : null, r.kind === "run" ? t : null, n, r);
+	if (!i.some((e) => e.ai || e.personas.scores.length || e.people.length)) return /* @__PURE__ */ (0, m.jsx)("p", {
+		className: "faint",
+		children: "Nobody has scored this yet: no AI judge on the absolute scale, no persona panel, no person."
+	});
+	let a = [...new Set(i.flatMap((e) => e.people.map((e) => e.by)))];
+	return /* @__PURE__ */ (0, m.jsxs)("div", {
+		className: "table-scroll",
+		children: [/* @__PURE__ */ (0, m.jsxs)("table", {
+			className: "data-table scores-table",
+			"data-scores": r.kind,
+			children: [/* @__PURE__ */ (0, m.jsx)("thead", { children: /* @__PURE__ */ (0, m.jsxs)("tr", { children: [
+				/* @__PURE__ */ (0, m.jsx)("th", { children: "0–100 vs world class" }),
+				/* @__PURE__ */ (0, m.jsx)("th", {
+					className: "num",
+					title: "The readout's AI judge; advisory unless calibrated",
+					children: "AI judge"
+				}),
+				/* @__PURE__ */ (0, m.jsx)("th", {
+					className: "num",
+					title: "Median of the AI persona panel, with its range",
+					children: "AI personas"
+				}),
+				a.map((e) => /* @__PURE__ */ (0, m.jsx)("th", {
+					className: "num",
+					children: e.split("@")[0]
+				}, e))
+			] }) }), /* @__PURE__ */ (0, m.jsx)("tbody", { children: i.map((e) => /* @__PURE__ */ (0, m.jsx)(y, {
+				row: e,
+				people: a
+			}, e.category)) })]
+		}), /* @__PURE__ */ (0, m.jsxs)("p", {
+			className: "faint scores-key",
+			children: ["AI judges are advisory unless marked ✓ calibrated. AI personas are the persona panel: median, range and how many scored.", a.length ? " A person’s column is that person’s latest grade." : ""]
+		})]
+	});
+}
+function y({ row: e, people: t }) {
+	let n = e.personas;
+	return /* @__PURE__ */ (0, m.jsxs)("tr", {
+		"data-score-row": e.category,
+		children: [
+			/* @__PURE__ */ (0, m.jsx)("td", { children: /* @__PURE__ */ (0, m.jsx)("b", { children: e.category }) }),
+			/* @__PURE__ */ (0, m.jsx)("td", {
+				className: "num",
+				title: e.ai === "retired" ? "Judged on the retired relative 0–4 scale; not shown" : e.ai ? e.ai.calibrated ? "calibrated" : "advisory" : "no AI judge",
+				children: e.ai === "retired" ? /* @__PURE__ */ (0, m.jsx)("span", {
+					className: "faint",
+					children: "retired scale"
+				}) : e.ai ? /* @__PURE__ */ (0, m.jsxs)(m.Fragment, { children: [_(e.ai.score), e.ai.calibrated ? /* @__PURE__ */ (0, m.jsx)("span", {
+					title: "calibrated",
+					children: " ✓"
+				}) : null] }) : "—"
+			}),
+			/* @__PURE__ */ (0, m.jsx)("td", {
+				className: "num",
+				title: n.scores.map((e) => `${e.persona}: ${e.score}${e.band ? ` (${e.band})` : ""}`).join("\n") || "no persona scored this",
+				children: n.median === null ? "—" : /* @__PURE__ */ (0, m.jsxs)(m.Fragment, { children: [_(n.median), /* @__PURE__ */ (0, m.jsxs)("span", {
+					className: "faint",
+					children: [
+						" ",
+						n.min,
+						"–",
+						n.max,
+						" · ",
+						n.scores.length
+					]
+				})] })
+			}),
+			t.map((t) => {
+				let n = e.people.find((e) => e.by === t);
+				return /* @__PURE__ */ (0, m.jsx)("td", {
+					className: "num",
+					title: n ? `${n.comment || "no comment"} · ${i(n.at)}` : void 0,
+					children: n?.decision === "take" ? "Taken" : n?.score ?? "—"
+				}, t);
+			})
+		]
+	});
+}
+function b({ api: e, runId: t, target: n, label: r, current: a, onSaved: s }) {
+	let c = g(e), [l, u] = (0, o.useState)(a?.score ?? null), [d, f] = (0, o.useState)(""), [p, h] = (0, o.useState)({});
+	if (!c.writer) return null;
+	let _ = (e) => {
+		if ("key" in e) {
+			let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : e.key === "PageUp" ? 10 : e.key === "PageDown" ? -10 : 0;
+			if (!t) return;
+			e.preventDefault(), u((e) => Math.max(0, Math.min(100, (e ?? 50) + t)));
+			return;
+		}
+		let t = e.currentTarget.getBoundingClientRect();
+		u(Math.max(0, Math.min(100, Math.round((e.clientX - t.left) / t.width * 100))));
+	}, v = async () => {
+		if (l !== null) {
+			h({ saving: !0 });
+			try {
+				let r = await fetch(`${e}/runs/${encodeURIComponent(t)}/grades`, {
+					method: "POST",
+					credentials: "same-origin",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						target: n,
+						score: l,
+						comment: d,
+						category: "overall"
+					})
+				}), i = await r.json().catch(() => ({}));
+				if (!r.ok) throw Error(i.error ?? `HTTP ${r.status}`);
+				h({ saved: i }), f(""), s?.(i);
+			} catch (e) {
+				h({ error: e instanceof Error ? e.message : "Not saved" });
+			}
+		}
+	}, y = `grade-${n.kind}-${n.id}`.replace(/[^A-Za-z0-9_-]/g, "-");
+	return /* @__PURE__ */ (0, m.jsxs)("div", {
+		className: "grade-control",
+		"data-grade": n.kind,
+		children: [
+			/* @__PURE__ */ (0, m.jsxs)("div", {
+				className: "grade-head",
+				children: [
+					/* @__PURE__ */ (0, m.jsx)("span", {
+						className: "answer-label",
+						children: r
+					}),
+					/* @__PURE__ */ (0, m.jsx)("b", {
+						className: "grade-value",
+						children: l === null ? "tap the scale" : `${l} of 100`
+					}),
+					a && !p.saved && /* @__PURE__ */ (0, m.jsxs)("span", {
+						className: "faint",
+						children: [
+							"your last: ",
+							a.score,
+							" · ",
+							i(a.at)
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, m.jsxs)("div", {
+				className: "grade-track",
+				role: "slider",
+				tabIndex: 0,
+				"aria-label": `${r}, 0 to 100 against world class`,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": l ?? void 0,
+				onClick: _,
+				onKeyDown: _,
+				children: [/* @__PURE__ */ (0, m.jsx)("span", {
+					className: "grade-band",
+					title: "World class"
+				}), l !== null && /* @__PURE__ */ (0, m.jsx)("i", { style: { left: `${l}%` } })]
+			}),
+			/* @__PURE__ */ (0, m.jsxs)("div", {
+				className: "grade-ticks faint",
+				children: [
+					/* @__PURE__ */ (0, m.jsx)("span", { children: "0" }),
+					/* @__PURE__ */ (0, m.jsx)("span", { children: "50" }),
+					/* @__PURE__ */ (0, m.jsx)("span", { children: "world class" }),
+					/* @__PURE__ */ (0, m.jsx)("span", { children: "100" })
+				]
+			}),
+			/* @__PURE__ */ (0, m.jsxs)("label", {
+				className: "grade-comment",
+				htmlFor: y,
+				children: [/* @__PURE__ */ (0, m.jsx)("span", {
+					className: "faint",
+					children: "What would make it world class? (optional)"
+				}), /* @__PURE__ */ (0, m.jsx)("textarea", {
+					id: y,
+					rows: 2,
+					maxLength: 4e3,
+					value: d,
+					onChange: (e) => f(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, m.jsxs)("div", {
+				className: "grade-actions",
+				children: [
+					/* @__PURE__ */ (0, m.jsx)("button", {
+						type: "button",
+						className: "ui-button",
+						disabled: l === null || p.saving,
+						onClick: v,
+						children: p.saving ? "Saving…" : "Save grade"
+					}),
+					p.saved && /* @__PURE__ */ (0, m.jsxs)("span", {
+						className: "faint",
+						role: "status",
+						children: [
+							"Saved ",
+							p.saved.score,
+							" of 100 as ",
+							p.saved.by,
+							" · ",
+							i(p.saved.at)
+						]
+					}),
+					p.error && /* @__PURE__ */ (0, m.jsxs)("span", {
+						className: "grade-error",
+						role: "alert",
+						children: ["Not saved: ", p.error]
+					}),
+					/* @__PURE__ */ (0, m.jsxs)("span", {
+						className: "faint",
+						children: ["as ", c.login]
+					})
+				]
+			})
+		]
+	});
+}
+function x({ charts: e }) {
+	return e?.length ? /* @__PURE__ */ (0, m.jsx)("div", {
+		className: "chart-gallery",
+		"data-charts": e.length,
+		children: e.map((e) => /* @__PURE__ */ (0, m.jsx)(S, { chart: e }, e.id))
+	}) : null;
+}
+function S({ chart: e, label: t }) {
+	if (!e) return /* @__PURE__ */ (0, m.jsx)("figure", {
+		className: "chart-figure chart-none",
+		children: /* @__PURE__ */ (0, m.jsxs)("p", {
+			className: "faint",
+			children: [t ? `${t}: ` : "", "no such chart"]
+		})
+	});
+	let n = h(e.href);
+	return /* @__PURE__ */ (0, m.jsxs)("figure", {
+		className: "chart-figure",
+		"data-chart": e.id,
+		children: [n ? /* @__PURE__ */ (0, m.jsx)("a", {
+			href: n,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: /* @__PURE__ */ (0, m.jsx)("img", {
+				src: n,
+				alt: e.title ?? e.id,
+				loading: "lazy",
+				width: e.width ?? void 0,
+				height: e.height ?? void 0
+			})
+		}) : /* @__PURE__ */ (0, m.jsx)("p", {
+			className: "faint",
+			children: "not served"
+		}), /* @__PURE__ */ (0, m.jsxs)("figcaption", { children: [
+			t && /* @__PURE__ */ (0, m.jsxs)("span", {
+				className: "faint",
+				children: [t, " · "]
+			}),
+			/* @__PURE__ */ (0, m.jsx)("b", { children: e.title ?? e.id }),
+			e.unit && /* @__PURE__ */ (0, m.jsxs)("span", {
+				className: "faint",
+				children: [" · ", e.unit]
+			}),
+			e.caption && /* @__PURE__ */ (0, m.jsxs)("span", {
+				className: "faint chart-caption",
+				children: [" ", e.caption]
+			})
+		] })]
+	});
+}
+function C({ before: e, after: t, beforeLabel: n, afterLabel: r }) {
+	let i = p(e, t);
+	return i.length ? /* @__PURE__ */ (0, m.jsxs)("div", {
+		className: "chart-pairs",
+		"data-chart-pairs": i.length,
+		children: [/* @__PURE__ */ (0, m.jsx)("p", {
+			className: "faint",
+			children: "The charts each readout drew from its run's outputs. Paired by the same chart, else by unit; a unit pair can plot a different breakdown, so read both titles."
+		}), i.map((e, t) => /* @__PURE__ */ (0, m.jsxs)("div", {
+			className: "chart-pair",
+			"data-chart-pair": e.match ?? "single",
+			children: [/* @__PURE__ */ (0, m.jsx)(S, {
+				chart: e.before,
+				label: n
+			}), /* @__PURE__ */ (0, m.jsx)(S, {
+				chart: e.after,
+				label: r
+			})]
+		}, t))]
+	}) : /* @__PURE__ */ (0, m.jsx)("p", {
+		className: "faint",
+		children: "Neither version's readout drew a chart."
+	});
+}
+//#endregion
+export { f as a, v as i, C as n, s as o, b as r, d as s, x as t };