@tangle-network/sandbox-cli 0.22.0-develop.20260814062836.bb3da78 → 0.22.1

package/dist/graph-viewer/viewer/Outputs-BoIpgfMv.js

@@ -0,0 +1,930 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { n as r } from "./workbench-E6_5q_oL.js";
+import { p as i } from "./markdown-lADwhD7y.js";
+import { a, i as o, n as s, r as c, t as l } from "./workspace-cKs9sGEO.js";
+import { d as u, r as d, s as f, t as p } from "./final-output-BYT-g-9j.js";
+import { m, p as h } from "./data-CVHeKhrh.js";
+import { n as g, o as _, r as v, t as y } from "./Scores-Dgv4WePL.js";
+//#region src/workspace/outputs-model.ts
+var b = /* @__PURE__ */ e(t(), 1), x = n(), S = {
+	md: "markdown",
+	markdown: "markdown",
+	png: "image",
+	jpg: "image",
+	jpeg: "image",
+	gif: "image",
+	webp: "image",
+	svg: "image",
+	csv: "csv",
+	tsv: "csv",
+	json: "json",
+	jsonl: "json",
+	html: "html",
+	htm: "html",
+	py: "code",
+	ts: "code",
+	tsx: "code",
+	js: "code",
+	mjs: "code",
+	jsx: "code",
+	sh: "code",
+	rs: "code",
+	go: "code",
+	sql: "code",
+	r: "code",
+	jl: "code",
+	toml: "code",
+	yaml: "code",
+	yml: "code",
+	txt: "code",
+	ipynb: "json",
+	tex: "code",
+	c: "code",
+	h: "code",
+	cpp: "code",
+	java: "code",
+	rb: "code",
+	lean: "code",
+	m: "code"
+};
+function C(e) {
+	if (typeof e.kind == "string" && e.kind in w) return e.kind;
+	let t = e.path.split("/").at(-1) ?? "";
+	return S[t.includes(".") ? t.split(".").at(-1).toLowerCase() : ""] ?? "other";
+}
+var w = {
+	markdown: "document",
+	image: "image",
+	csv: "table",
+	json: "data",
+	html: "HTML",
+	code: "code",
+	other: "file"
+}, T = (e) => !!e && e.endsWith("/"), E = (e) => e.replace(/\/+$/, "");
+function D(e) {
+	if (!e) return [];
+	let t = e.files, n = e.readout?.status === "pending" ? [] : e.readout?.deliverables ?? [], r = e.declared?.path ? E(e.declared.path) : null, i = n.map((e) => ({
+		key: e.id,
+		deliverable: e,
+		folder: T(e.path),
+		whole: T(e.path) && r !== null && E(e.path) === r,
+		files: []
+	})), a = i.filter((e) => e.deliverable?.path && !e.whole), o = [];
+	for (let e of t) {
+		let t = null, n = -1;
+		for (let r of a) {
+			let i = r.deliverable.path, a = r.folder ? e.path.startsWith(i) : e.path === i, o = r.folder ? i.length : 2 ** 53 - 1;
+			a && o > n && (t = r, n = o);
+		}
+		t ? t.files.push(e) : o.push(e);
+	}
+	return o.length && i.push({
+		key: "",
+		deliverable: null,
+		folder: !0,
+		whole: !1,
+		files: o
+	}), i;
+}
+function O(e, t, n) {
+	let r = e.folder && e.deliverable?.path ? e.deliverable.path : n ? `${E(n)}/` : "";
+	return r && t.path.startsWith(r) ? t.path.slice(r.length) : t.path;
+}
+function k(e, t) {
+	return e ? t ? e.sha256 && t.sha256 ? e.sha256 === t.sha256 ? "same" : "changed" : e.bytes !== null && t.bytes !== null && e.bytes !== t.bytes ? "changed" : "unknown" : "removed" : "added";
+}
+function A(e, t) {
+	let n = D(e), r = D(t), i = (e) => e?.declared?.path ?? null;
+	return [.../* @__PURE__ */ new Set([...r.map((e) => e.key), ...n.map((e) => e.key)])].map((a) => {
+		let o = n.find((e) => e.key === a) ?? null, s = r.find((e) => e.key === a) ?? null, c = [];
+		if (o && !o.folder || s && !s.folder) {
+			let e = o?.files[0] ?? null, t = s?.files[0] ?? null;
+			(e || t) && c.push({
+				name: (t ?? e).path.split("/").at(-1),
+				before: e,
+				after: t,
+				change: k(e, t)
+			});
+		} else {
+			let n = (e, t) => new Map((e?.files ?? []).map((n) => [O(e, n, i(t)), n])), r = n(o, e), a = n(s, t);
+			for (let e of [.../* @__PURE__ */ new Set([...a.keys(), ...r.keys()])].sort()) c.push({
+				name: e,
+				before: r.get(e) ?? null,
+				after: a.get(e) ?? null,
+				change: k(r.get(e) ?? null, a.get(e) ?? null)
+			});
+		}
+		let l = {
+			added: 0,
+			removed: 0,
+			changed: 0,
+			same: 0,
+			unknown: 0
+		};
+		for (let e of c) l[e.change]++;
+		return {
+			key: a,
+			label: a || "other files",
+			status: o && s ? "both" : s ? "added" : "removed",
+			before: o,
+			after: s,
+			files: c,
+			counts: l
+		};
+	});
+}
+//#endregion
+//#region src/workspace/RetainedFile.tsx
+var j = () => typeof document < "u" && (document.querySelector("[data-theme]")?.getAttribute("data-theme") === "dark" || document.querySelector("[data-theme]")?.getAttribute("data-theme") !== "light" && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light", M = (e) => e.sha256 ?? e.objectId ?? e.href;
+function N({ file: e, files: t, baseline: n, baselineInventory: r, comparisonSelected: i, beforeLabel: a, theme: o, runId: s, fileVersion: c, navigation: l, missingAfter: u = !1, absenceVerified: d = !1 }) {
+	let { view: f, onView: p } = l, m = [e, ...e.alternates ?? []], h = l.identity ? m.find((e) => M(e) === l.identity) : e;
+	return h ? /* @__PURE__ */ (0, x.jsx)(P, {
+		file: e,
+		files: t,
+		chosen: h,
+		baseline: n,
+		baselineInventory: r,
+		comparisonSelected: i,
+		beforeLabel: a,
+		theme: o,
+		runId: s,
+		fileVersion: c,
+		navigation: l,
+		view: f,
+		setView: p,
+		missingAfter: u,
+		absenceVerified: d
+	}, M(h)) : /* @__PURE__ */ (0, x.jsxs)("article", {
+		className: "run-file run-file-empty",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ (0, x.jsx)("h3", { children: "This retained file identity is unavailable" }),
+			/* @__PURE__ */ (0, x.jsx)("p", { children: "The requested content is not in this inventory. The current file has not been substituted." }),
+			/* @__PURE__ */ (0, x.jsx)("button", {
+				type: "button",
+				onClick: () => l.onIdentity(null),
+				children: "Open the listed file"
+			})
+		]
+	});
+}
+function P({ file: e, files: t, chosen: n, baseline: s, baselineInventory: l, comparisonSelected: d, beforeLabel: f, theme: m, runId: h, fileVersion: g, navigation: _, view: v, setView: y, missingAfter: S, absenceVerified: C }) {
+	let w = (0, b.useRef)(null), T = o(n), E = i(n.path), D = E === "markdown" || E === "csv", O = [
+		"image",
+		"pdf",
+		"video",
+		"audio",
+		"spreadsheet",
+		"binary"
+	].includes(E), k = n.bytes !== null && n.bytes > 4194304, A = u(!O && !k ? T : null), N = u(v === "diff" && s && !S && !O && !k ? o(s) : null), P = !S && c(l, n), F = !!(d && (S ? C : s || P) && !O && !k), I = n.path.split("/").at(-1), L = (e, t, n = {
+		version: g,
+		compare: _.compare,
+		view: v
+	}) => {
+		let r = new URLSearchParams({
+			file: e,
+			fileView: n.view,
+			fileSource: "artifacts"
+		});
+		n.version && r.set("fileVersion", n.version), n.compare && r.set("compareVersion", n.compare), t && r.set("fileIdentity", t);
+		let i = new URLSearchParams(window.location.search);
+		for (let e of ["theme"]) {
+			let t = i.get(e);
+			t && r.set(e, t);
+		}
+		return `/run/${encodeURIComponent(h)}?${r}`;
+	}, R = S ? l?.items ?? [] : t, z = S ? l?.version ?? _.compare : g, B = (e, t) => {
+		if (/^https?:\/\//i.test(e) || e.startsWith("#")) return t === "href" ? e : "";
+		let r = n.path.split("/").slice(0, -1);
+		for (let t of e.split(/[?#]/)[0].split("/")) if (t && t !== ".") {
+			if (t === "..") {
+				if (!r.length) return "";
+				r.pop();
+			} else r.push(t);
+		}
+		let i = R.find((e) => e.path === r.join("/"));
+		return i ? t === "src" ? o(i) ?? "" : L(i.path, void 0, {
+			version: z,
+			compare: null,
+			view: "preview"
+		}) : "";
+	}, V = (e) => T ? k ? /* @__PURE__ */ (0, x.jsxs)("p", { children: [
+		"This file is ",
+		p(n.bytes),
+		". Use Download to inspect the complete file."
+	] }) : A.error || N.error ? /* @__PURE__ */ (0, x.jsx)("p", {
+		role: "alert",
+		children: A.error ?? N.error
+	}) : !O && A.text === void 0 ? /* @__PURE__ */ (0, x.jsxs)("p", {
+		role: "status",
+		children: [
+			"Loading ",
+			I,
+			"…"
+		]
+	}) : v === "diff" && !F ? /* @__PURE__ */ (0, x.jsx)("p", { children: "Select a recorded version with a comparable retained file to inspect its diff." }) : v === "diff" && F && S ? /* @__PURE__ */ (0, x.jsx)(r, {
+		filename: I,
+		baseline: A.text ?? "",
+		current: "",
+		themeType: e,
+		defaultWrap: !0
+	}) : v === "diff" && F ? !P && N.text === void 0 ? /* @__PURE__ */ (0, x.jsx)("p", {
+		role: "status",
+		children: "Loading the comparison…"
+	}) : /* @__PURE__ */ (0, x.jsx)(r, {
+		filename: I,
+		baseline: P ? "" : N.text ?? "",
+		current: A.text ?? "",
+		themeType: e,
+		defaultWrap: !0
+	}) : /* @__PURE__ */ (0, x.jsx)(a, {
+		className: "run-retained-preview",
+		filename: v === "source" && D ? `${I}.txt` : I,
+		content: A.text,
+		blobUrl: O ? T : void 0,
+		size: n.bytes ?? void 0,
+		urlTransform: B,
+		onDownload: () => w.current?.click(),
+		hideHeader: !0
+	}) : /* @__PURE__ */ (0, x.jsx)("p", {
+		role: "alert",
+		children: "This host cannot serve this file."
+	}), H = !O && v !== "diff" && (A.text ?? "").split("\n").length <= 40;
+	return /* @__PURE__ */ (0, x.jsxs)("article", {
+		className: "run-file",
+		"data-file": e.path,
+		"data-fit": H ? "content" : void 0,
+		children: [
+			/* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "run-file-toolbar",
+				children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "run-file-modes",
+					role: "group",
+					"aria-label": "File view",
+					children: [
+						/* @__PURE__ */ (0, x.jsx)("button", {
+							type: "button",
+							"aria-pressed": v === "preview" || v === "source" && !D,
+							onClick: () => y("preview"),
+							children: S ? "Baseline preview" : "Preview"
+						}),
+						D && /* @__PURE__ */ (0, x.jsx)("button", {
+							type: "button",
+							"aria-pressed": v === "source",
+							onClick: () => y("source"),
+							children: S ? "Baseline source" : "Source"
+						}),
+						!O && (F || d) && /* @__PURE__ */ (0, x.jsxs)("button", {
+							type: "button",
+							disabled: !F,
+							"aria-pressed": v === "diff",
+							onClick: () => y("diff"),
+							children: ["Diff", f ? ` against ${f}` : ""]
+						})
+					]
+				}), /* @__PURE__ */ (0, x.jsxs)("span", {
+					className: "faint run-file-links",
+					title: `${n.source} · ${p(n.bytes)}`,
+					children: [
+						T && /* @__PURE__ */ (0, x.jsx)("a", {
+							ref: w,
+							href: T,
+							download: I,
+							children: "Download"
+						}),
+						/* @__PURE__ */ (0, x.jsx)("a", {
+							href: L(e.path, M(n)),
+							children: g ? "Link to this version" : "Link"
+						}),
+						/* @__PURE__ */ (0, x.jsxs)("details", {
+							className: "run-file-proof",
+							children: [/* @__PURE__ */ (0, x.jsx)("summary", { children: "Provenance" }), n.sha256 || n.objectId ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("span", { children: n.sha256 ? "Recorded SHA-256" : "Recorded Git blob identity" }), /* @__PURE__ */ (0, x.jsx)("code", { children: n.sha256 ?? n.objectId })] }) : /* @__PURE__ */ (0, x.jsx)("span", { children: "Content hash is not recorded." })]
+						})
+					]
+				})]
+			}),
+			S && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "run-file-notice",
+				children: C ? "Removed from the selected version’s complete retained page tree. This preview is the comparison version’s file." : "Only the comparison inventory lists this file. Its absence from the selected inventory is unverified."
+			}),
+			d && !F && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "run-file-notice",
+				children: O ? "This binary file has no text diff." : k ? "This file exceeds the inline comparison limit." : "This file’s baseline is unavailable or not in a complete comparable inventory."
+			}),
+			P && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "run-file-notice",
+				children: "This page is absent from the comparison version’s complete retained page tree. The diff compares it with an empty file."
+			}),
+			(e.alternates?.length ?? 0) > 0 && /* @__PURE__ */ (0, x.jsxs)("label", {
+				className: "run-file-versions",
+				children: [
+					"Retained version ",
+					/* @__PURE__ */ (0, x.jsx)("select", {
+						value: M(n),
+						onChange: (e) => _.onIdentity(e.target.value),
+						children: [e, ...e.alternates ?? []].map((e) => /* @__PURE__ */ (0, x.jsxs)("option", {
+							value: M(e),
+							children: [
+								e.source,
+								" · ",
+								e.sha256?.slice(0, 12) ?? "hash unavailable"
+							]
+						}, e.href))
+					}),
+					/* @__PURE__ */ (0, x.jsx)("span", { children: "Different retained versions share this path." })
+				]
+			}),
+			/* @__PURE__ */ (0, x.jsx)("div", {
+				className: "run-file-content",
+				"data-file-view": v,
+				children: V(m ?? j())
+			})
+		]
+	});
+}
+//#endregion
+//#region src/workspace/RunArtifacts.tsx
+function F({ api: e, doc: t, selected: n, onSelect: r, navigation: i, theme: a, embedded: o = !1 }) {
+	let [u, d] = (0, b.useState)("file"), [f, p] = (0, b.useState)(null), [m, g] = (0, b.useState)(null), [_, v] = (0, b.useState)(null), [y, S] = (0, b.useState)("preview"), C = i ?? {
+		identity: _,
+		view: y,
+		onIdentity: v,
+		onView: S,
+		version: f,
+		compare: m,
+		onVersion: (e) => {
+			p(e), r(null);
+		},
+		onCompare: g
+	}, w = (e) => e === null || /^[a-f0-9]{40}$/.test(e), T = `${e}/runs/${encodeURIComponent(t.run.id)}/files`, E = h(T, t.live.polling ? 15e3 : void 0), D = h(C.version && w(C.version) ? `${T}?version=${C.version}` : null), O = h(C.compare && w(C.compare) ? `${T}?version=${C.compare}` : null), k = (n, r) => {
+		if (n === void 0) return {
+			data: null,
+			error: null
+		};
+		try {
+			return {
+				data: s(n, t.run.id, r, e),
+				error: null
+			};
+		} catch {
+			return {
+				data: null,
+				error: "The retained-file inventory is invalid or belongs to another run or version."
+			};
+		}
+	}, A = (0, b.useMemo)(() => k(E.data, null), [
+		E.data,
+		t.run.id,
+		e
+	]), j = (0, b.useMemo)(() => C.version ? k(D.data, C.version) : A, [
+		D.data,
+		C.version,
+		A,
+		t.run.id,
+		e
+	]), M = (0, b.useMemo)(() => k(O.data, C.compare), [
+		O.data,
+		C.compare,
+		t.run.id,
+		e
+	]), P = j.data, F = P?.items ?? [], I = A.data?.history.versions ?? [], L = !w(C.version) || !w(C.compare) ? "A file version must be an exact recorded commit." : j.error ?? (C.version ? D.error : E.error), R = t.findings?.items.find((e) => e.kind === "result")?.path, z = [.../* @__PURE__ */ new Set([...F.map((e) => e.path), ...(M.data?.items ?? []).map((e) => e.path)])].sort(), B = t.finalOutput?.declared?.path, V = [
+		(B ? F.find((e) => e.path === B) ?? t.finalOutput?.files.map((e) => F.find((t) => t.path === e.path)).find((e) => e?.path.startsWith(`${B.replace(/\/$/, "")}/`)) : void 0)?.path,
+		R,
+		t.finalOutput?.rootOutput?.path
+	], H = n ?? V.find((e) => F.some((t) => t.path === e)) ?? F[0]?.path ?? z[0] ?? null, U = F.find((e) => e.path === H), W = M.data?.items.find((e) => e.path === H), G = !(!C.version || I.some((e) => e.commit === C.version)), K = !(!C.compare || I.some((e) => e.commit === C.compare)), q = I.find((e) => e.commit === C.compare)?.label, J = U || W ? /* @__PURE__ */ (0, x.jsx)(N, {
+		file: U ?? W,
+		files: F,
+		missingAfter: !U,
+		absenceVerified: !U && !!W && c(P, W),
+		baseline: W,
+		baselineInventory: M.data,
+		comparisonSelected: C.compare !== null,
+		beforeLabel: q,
+		theme: a,
+		runId: t.run.id,
+		fileVersion: C.version,
+		navigation: C
+	}, `${t.run.id}:${C.version}:${H}`) : /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "run-file-empty",
+		role: n ? "alert" : void 0,
+		children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: !P && !L ? "Loading the retained work…" : n ? "This file is not in the retained inventory" : "No artifact to preview" }), (P || L) && /* @__PURE__ */ (0, x.jsx)("p", { children: n ?? "No file content is available from this inventory." })]
+	});
+	return /* @__PURE__ */ (0, x.jsxs)("section", {
+		className: "run-artifacts-wrap",
+		"aria-label": "Files and artifacts",
+		"data-run-artifacts": !0,
+		"data-embedded": o || void 0,
+		children: [
+			L && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "run-file-notice",
+				role: "alert",
+				children: ["Files are unavailable: ", L]
+			}),
+			P?.reason && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "run-file-notice",
+				role: "status",
+				children: P.reason
+			}),
+			A.data?.history.complete === !1 && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "run-file-notice",
+				children: ["The retained version list is incomplete.", typeof A.data.history.omittedVersions == "number" ? ` ${A.data.history.omittedVersions} additional versions are omitted.` : " The number of omitted versions is unknown."]
+			}),
+			A.data?.history.state === "unavailable" && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "run-file-notice",
+				children: ["Version history is unavailable: ", A.data.history.reason ?? "No reason was recorded."]
+			}),
+			C.compare && (M.error || O.error) && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "run-file-notice",
+				role: "alert",
+				children: ["The comparison is unavailable: ", M.error ?? O.error]
+			}),
+			/* @__PURE__ */ (0, x.jsx)("div", {
+				className: "run-file-browser",
+				children: /* @__PURE__ */ (0, x.jsx)(l, {
+					paths: z,
+					selectedPath: H ?? void 0,
+					onSelect: (e) => {
+						z.includes(e) && (r(e), d("file"));
+					},
+					onBack: () => d("tree"),
+					preview: u === "file" && H ? {
+						path: H,
+						content: J
+					} : void 0,
+					search: !0,
+					label: "Retained artifacts",
+					expansionKey: `${t.run.id}:${C.version ?? "current"}`,
+					surface: "plain",
+					layout: "split",
+					style: { height: "70vh" }
+				})
+			}),
+			!o && (I.length > 1 || C.version || C.compare) && /* @__PURE__ */ (0, x.jsxs)("details", {
+				className: "run-file-selection",
+				open: !!(C.version || C.compare) || void 0,
+				children: [
+					/* @__PURE__ */ (0, x.jsx)("summary", { children: "Versions" }),
+					/* @__PURE__ */ (0, x.jsxs)("label", { children: ["Version ", /* @__PURE__ */ (0, x.jsxs)("select", {
+						value: C.version ?? "",
+						onChange: (e) => C.onVersion(e.target.value || null),
+						children: [
+							/* @__PURE__ */ (0, x.jsx)("option", {
+								value: "",
+								children: "Current retained files"
+							}),
+							G && /* @__PURE__ */ (0, x.jsxs)("option", {
+								value: C.version,
+								children: ["Requested version · ", C.version.slice(0, 8)]
+							}),
+							I.map((e) => /* @__PURE__ */ (0, x.jsxs)("option", {
+								value: e.commit,
+								children: [
+									e.label,
+									" · ",
+									e.commit.slice(0, 8)
+								]
+							}, e.commit))
+						]
+					})] }),
+					/* @__PURE__ */ (0, x.jsxs)("label", { children: ["Compare with ", /* @__PURE__ */ (0, x.jsxs)("select", {
+						value: C.compare ?? "",
+						onChange: (e) => {
+							C.onCompare(e.target.value || null), e.target.value && C.onView("diff");
+						},
+						children: [
+							/* @__PURE__ */ (0, x.jsx)("option", {
+								value: "",
+								children: "Choose a recorded version"
+							}),
+							K && /* @__PURE__ */ (0, x.jsxs)("option", {
+								value: C.compare,
+								children: ["Requested version · ", C.compare.slice(0, 8)]
+							}),
+							I.map((e) => /* @__PURE__ */ (0, x.jsxs)("option", {
+								value: e.commit,
+								children: [
+									e.label,
+									" · ",
+									e.commit.slice(0, 8)
+								]
+							}, e.commit))
+						]
+					})] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/workspace/Outputs.tsx
+var I = 12, L = (e) => typeof window > "u" ? null : f(e, window.location.href);
+function R({ api: e, doc: t, grading: n, selected: r, onSelect: i, onClose: a, navigation: o }) {
+	let s = t.finalOutput ?? null, c = (0, b.useMemo)(() => D(s), [s]), l = s?.files.find((e) => e.path === r), u = !o?.version && !o?.identity && !o?.compare;
+	return /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "outputs-view",
+		"data-outputs": !0,
+		children: [
+			/* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "drawer-head",
+				children: [/* @__PURE__ */ (0, x.jsx)("h2", { children: "Files and artifacts" }), /* @__PURE__ */ (0, x.jsx)("button", {
+					type: "button",
+					className: "ui-button",
+					onClick: a,
+					children: "Back to the run"
+				})]
+			}),
+			s?.fallback && /* @__PURE__ */ (0, x.jsx)(z, { output: s }),
+			/* @__PURE__ */ (0, x.jsx)(F, {
+				api: e ?? n?.api ?? "/api/discovery",
+				doc: t,
+				selected: r,
+				onSelect: i,
+				navigation: o
+			}),
+			l && u && /* @__PURE__ */ (0, x.jsx)(V, {
+				grades: s?.grades?.latest,
+				kind: "file",
+				id: l.path
+			}),
+			l && u && n && /* @__PURE__ */ (0, x.jsx)(v, {
+				api: n.api,
+				runId: n.runId,
+				target: {
+					kind: "file",
+					id: l.path
+				},
+				label: "Your grade of this file",
+				current: _(s?.grades?.latest, {
+					kind: "file",
+					id: l.path
+				}),
+				onSaved: n.onSaved
+			}),
+			l && !u && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "output-note",
+				children: "File feedback applies to the current primary artifact. Return to its current version to view or submit a grade."
+			}),
+			s?.readout?.charts?.length ? /* @__PURE__ */ (0, x.jsxs)("section", {
+				className: "output-group",
+				children: [/* @__PURE__ */ (0, x.jsx)("h3", { children: "Charts" }), /* @__PURE__ */ (0, x.jsx)(y, { charts: s.readout.charts })]
+			}) : null,
+			c.length > 0 && /* @__PURE__ */ (0, x.jsxs)("details", {
+				className: "output-requirements",
+				children: [/* @__PURE__ */ (0, x.jsx)("summary", { children: u ? "Deliverable requirements and grades" : "Current deliverable requirements" }), c.map((e) => /* @__PURE__ */ (0, x.jsx)(B, {
+					group: e,
+					root: s?.declared?.path ?? null,
+					onSelect: i,
+					grading: u ? n : void 0,
+					grades: u ? s?.grades?.latest : void 0
+				}, e.key || "rest"))]
+			})
+		]
+	});
+}
+function z({ output: e }) {
+	let t = e.fallback, n = d(t.url);
+	return /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "output-fallback",
+		"data-output-fallback": !0,
+		children: [
+			/* @__PURE__ */ (0, x.jsx)("b", { children: "The run ended without its deliverable." }),
+			" Its readable result is the observer's brief ",
+			t.sequence,
+			t.generatedAt ? ` (${m(t.generatedAt)})` : "",
+			": ",
+			t.headline ?? "no headline",
+			" ",
+			n && /* @__PURE__ */ (0, x.jsx)("a", {
+				href: n,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: "Read it ↗"
+			})
+		]
+	});
+}
+function B({ group: e, root: t, onSelect: n, grading: r, grades: i }) {
+	let [a, o] = (0, b.useState)(!1), s = e.deliverable, c = d(s?.url), l = a ? e.files : e.files.slice(0, I), u = e.files.filter((e) => [
+		"code",
+		"json",
+		"csv"
+	].includes(C(e))), f = s?.present;
+	return /* @__PURE__ */ (0, x.jsxs)("section", {
+		className: "output-group",
+		"data-output-group": e.key || "other",
+		children: [
+			/* @__PURE__ */ (0, x.jsxs)("header", {
+				className: "output-group-head",
+				children: [
+					/* @__PURE__ */ (0, x.jsx)("h3", { children: s ? s.id : "Other files under the declared folder" }),
+					s && /* @__PURE__ */ (0, x.jsx)("span", {
+						className: "state-pill tone-neutral",
+						children: f === !0 ? "present" : f === !1 ? "missing" : "not checked"
+					}),
+					s?.kind && /* @__PURE__ */ (0, x.jsx)("span", {
+						className: "faint",
+						children: s.kind
+					}),
+					c && /* @__PURE__ */ (0, x.jsx)("a", {
+						href: c,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: "published copy ↗"
+					})
+				]
+			}),
+			s?.bar && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "output-bar",
+				children: s.bar
+			}),
+			e.whole && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "faint",
+				children: "It names the whole declared folder, so its files are listed under the other deliverables."
+			}),
+			s && !e.whole && f === !1 && e.files.length > 0 && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "output-note",
+				children: [
+					"The readout found this deliverable missing against its bar; ",
+					e.files.length,
+					" ",
+					e.files.length === 1 ? "file is" : "files are",
+					" under its path."
+				]
+			}),
+			s?.kind === "code" && !e.whole && /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "output-note",
+				"data-runnable": u.length ? "code" : "none",
+				children: u.length ? "Not runnable here: this page shows the code and data but never runs a run’s code, so it offers no editable inputs." : "Not runnable here: no code or data file was delivered under this path, only documents. Editable inputs need a model the page can evaluate without running the run’s code."
+			}),
+			e.files.length > 0 && /* @__PURE__ */ (0, x.jsx)("ul", {
+				className: "output-files",
+				children: l.map((r) => /* @__PURE__ */ (0, x.jsx)(H, {
+					file: r,
+					name: O(e, r, t),
+					onSelect: n
+				}, r.path))
+			}),
+			e.files.length > I && /* @__PURE__ */ (0, x.jsx)("button", {
+				type: "button",
+				className: "ui-button output-more",
+				"aria-expanded": a,
+				onClick: () => o(!a),
+				children: a ? "Show fewer" : `Show all ${e.files.length} files`
+			}),
+			s && !e.whole && e.files.length === 0 && /* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "faint",
+				children: [
+					"No file is listed under ",
+					s.path ?? "its path",
+					"."
+				]
+			}),
+			s && /* @__PURE__ */ (0, x.jsx)(V, {
+				grades: i,
+				kind: "deliverable",
+				id: s.id
+			}),
+			s && r && /* @__PURE__ */ (0, x.jsx)(v, {
+				api: r.api,
+				runId: r.runId,
+				target: {
+					kind: "deliverable",
+					id: s.id
+				},
+				label: `Your grade of ${s.id}`,
+				current: _(i, {
+					kind: "deliverable",
+					id: s.id
+				}),
+				onSaved: r.onSaved
+			})
+		]
+	});
+}
+function V({ grades: e, kind: t, id: n }) {
+	let r = (e ?? []).filter((e) => e.target.kind === t && e.target.id === n);
+	return r.length ? /* @__PURE__ */ (0, x.jsx)("ul", {
+		className: "grades-of",
+		"data-grades-of": t,
+		children: r.map((e) => /* @__PURE__ */ (0, x.jsxs)("li", { children: [
+			/* @__PURE__ */ (0, x.jsxs)("b", { children: [e.score, " of 100"] }),
+			" ",
+			/* @__PURE__ */ (0, x.jsxs)("span", {
+				className: "faint",
+				children: [
+					e.category === "overall" ? "" : `${e.category} · `,
+					e.by,
+					" · ",
+					m(e.at)
+				]
+			}),
+			e.comment && /* @__PURE__ */ (0, x.jsxs)("span", { children: [" ", e.comment] })
+		] }, `${e.by}:${e.category}`))
+	}) : null;
+}
+function H({ file: e, name: t, onSelect: n }) {
+	let r = C(e);
+	return /* @__PURE__ */ (0, x.jsx)("li", { children: /* @__PURE__ */ (0, x.jsxs)("button", {
+		type: "button",
+		className: "output-file",
+		"data-output-file": e.path,
+		onClick: () => n(e.path),
+		title: e.path,
+		children: [
+			/* @__PURE__ */ (0, x.jsx)("span", {
+				className: "mono clip",
+				children: t
+			}),
+			/* @__PURE__ */ (0, x.jsx)("span", {
+				className: "faint",
+				children: w[r]
+			}),
+			/* @__PURE__ */ (0, x.jsx)("span", {
+				className: "faint num",
+				children: p(e.bytes)
+			})
+		]
+	}) });
+}
+var U = {
+	added: "added",
+	removed: "removed",
+	changed: "changed",
+	same: "same",
+	unknown: "unknown"
+};
+function W({ api: e, beforeRunId: t, after: n, beforeLabel: r, afterLabel: i }) {
+	let a = h(`${e}/runs/${encodeURIComponent(t)}`), o = {
+		data: n ?? void 0,
+		error: void 0
+	}, s = n?.run.id ?? "", c = (0, b.useMemo)(() => a.data && o.data ? A(a.data.finalOutput, o.data.finalOutput) : null, [a.data, o.data]);
+	return a.error || o.error ? /* @__PURE__ */ (0, x.jsxs)("p", {
+		className: "faint",
+		children: ["A run's outputs are unavailable: ", a.error ?? o.error]
+	}) : c ? c.length ? /* @__PURE__ */ (0, x.jsxs)("div", {
+		className: "output-changes",
+		"data-output-changes": `${t}..${s}`,
+		children: [
+			/* @__PURE__ */ (0, x.jsxs)("p", {
+				className: "faint",
+				children: [
+					"The files each run delivered, compared by content with ",
+					r,
+					". A comparison of the outputs, not a measured effect."
+				]
+			}),
+			c.map((e) => /* @__PURE__ */ (0, x.jsx)(q, { change: e }, e.key || "rest")),
+			/* @__PURE__ */ (0, x.jsxs)("details", {
+				className: "output-change",
+				"data-output-change": "charts",
+				children: [/* @__PURE__ */ (0, x.jsxs)("summary", { children: [/* @__PURE__ */ (0, x.jsx)("b", { children: "charts" }), /* @__PURE__ */ (0, x.jsxs)("span", {
+					className: "output-change-counts",
+					children: [
+						" ",
+						a.data?.finalOutput?.readout?.charts?.length ?? 0,
+						" → ",
+						o.data?.finalOutput?.readout?.charts?.length ?? 0,
+						" drawn by the readouts"
+					]
+				})] }), /* @__PURE__ */ (0, x.jsx)(g, {
+					before: a.data?.finalOutput?.readout?.charts,
+					after: o.data?.finalOutput?.readout?.charts,
+					beforeLabel: r,
+					afterLabel: i
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ (0, x.jsx)("p", {
+		className: "faint",
+		children: "Neither run lists an output file or a readout deliverable."
+	}) : /* @__PURE__ */ (0, x.jsx)("p", {
+		className: "faint",
+		children: "Loading both runs' outputs…"
+	});
+}
+function G(e) {
+	if (e.status === "added") return `new in this version · ${e.files.length} ${e.files.length === 1 ? "file" : "files"}`;
+	if (e.status === "removed") return "not named by this version’s readout";
+	if (!e.files.length) return "no file under its path in either run";
+	let { added: t, removed: n, changed: r, same: i, unknown: a } = e.counts;
+	return [
+		t && `${t} added`,
+		n && `${n} removed`,
+		r && `${r} changed`,
+		i && `${i} the same`,
+		a && `${a} unknown`
+	].filter(Boolean).join(" · ");
+}
+var K = {
+	changed: 0,
+	unknown: 1,
+	added: 2,
+	removed: 3,
+	same: 4
+};
+function q({ change: e }) {
+	let [t, n] = (0, b.useState)(!1), r = (e) => e?.deliverable ? e.deliverable.present === !0 ? "present" : e.deliverable.present === !1 ? "missing" : "not checked" : null, i = r(e.before), a = r(e.after), o = e.files.filter((e) => e.change !== "same").sort((e, t) => K[e.change] - K[t.change] || e.name.localeCompare(t.name)), s = t ? o : o.slice(0, I);
+	return /* @__PURE__ */ (0, x.jsxs)("details", {
+		className: "output-change",
+		"data-output-change": e.key || "other",
+		children: [/* @__PURE__ */ (0, x.jsxs)("summary", { children: [
+			/* @__PURE__ */ (0, x.jsx)("b", { children: e.label }),
+			i !== null && a !== null && i !== a ? /* @__PURE__ */ (0, x.jsxs)("span", {
+				className: "faint",
+				children: [
+					" ",
+					i,
+					" → ",
+					a
+				]
+			}) : a ? /* @__PURE__ */ (0, x.jsxs)("span", {
+				className: "faint",
+				children: [" ", a]
+			}) : null,
+			/* @__PURE__ */ (0, x.jsxs)("span", {
+				className: "output-change-counts",
+				children: [" ", G(e)]
+			})
+		] }), o.length ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("ul", {
+			className: "output-change-files",
+			children: s.map((e) => /* @__PURE__ */ (0, x.jsx)(J, { pair: e }, e.name))
+		}), o.length > I && /* @__PURE__ */ (0, x.jsx)("button", {
+			type: "button",
+			className: "ui-button output-more",
+			"aria-expanded": t,
+			onClick: () => n(!t),
+			children: t ? "Show fewer" : `Show all ${o.length}`
+		})] }) : /* @__PURE__ */ (0, x.jsx)("p", {
+			className: "faint",
+			children: "No file changed."
+		})]
+	});
+}
+function J({ pair: e }) {
+	let [t, n] = (0, b.useState)(!1), r = e.after ?? e.before, i = C(r), a = e.before && e.after && e.before.path.split("/").at(-1) !== e.after.path.split("/").at(-1), o = /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
+		/* @__PURE__ */ (0, x.jsx)("span", {
+			className: `change-${e.change}`,
+			children: U[e.change]
+		}),
+		" ",
+		/* @__PURE__ */ (0, x.jsx)("span", {
+			className: "mono",
+			children: a ? `${e.before.path.split("/").at(-1)} → ${e.name}` : e.name
+		}),
+		" ",
+		/* @__PURE__ */ (0, x.jsx)("span", {
+			className: "faint",
+			children: e.before && e.after ? `${p(e.before.bytes)} → ${p(e.after.bytes)}` : p(r.bytes)
+		})
+	] });
+	return e.change !== "changed" && e.change !== "unknown" ? /* @__PURE__ */ (0, x.jsx)("li", { children: o }) : /* @__PURE__ */ (0, x.jsx)("li", { children: /* @__PURE__ */ (0, x.jsxs)("details", {
+		onToggle: (e) => n(e.target.open),
+		children: [/* @__PURE__ */ (0, x.jsx)("summary", { children: o }), t && (i === "image" ? /* @__PURE__ */ (0, x.jsx)(Y, { pair: e }) : /* @__PURE__ */ (0, x.jsx)(X, {
+			before: e.before,
+			after: e.after
+		}))]
+	}) });
+}
+function Y({ pair: e }) {
+	return /* @__PURE__ */ (0, x.jsx)("div", {
+		className: "output-image-pair",
+		children: [e.before, e.after].map((e, t) => {
+			let n = L(e?.href);
+			return /* @__PURE__ */ (0, x.jsxs)("figure", { children: [n ? /* @__PURE__ */ (0, x.jsx)("img", {
+				src: n,
+				alt: e.path
+			}) : /* @__PURE__ */ (0, x.jsx)("p", {
+				className: "faint",
+				children: "not served"
+			}), /* @__PURE__ */ (0, x.jsx)("figcaption", {
+				className: "faint",
+				children: t === 0 ? "before" : "after"
+			})] }, t);
+		})
+	});
+}
+function X({ before: e, after: t }) {
+	let n = [e, t].some((e) => e.bytes !== null && e.bytes > 4194304), i = u(n ? null : L(e.href)), a = u(n ? null : L(t.href));
+	return n ? /* @__PURE__ */ (0, x.jsx)("p", {
+		className: "faint",
+		children: "Too large to compare here."
+	}) : i.error || a.error ? /* @__PURE__ */ (0, x.jsx)("p", {
+		className: "faint",
+		role: "alert",
+		children: i.error ?? a.error
+	}) : i.text === void 0 || a.text === void 0 ? /* @__PURE__ */ (0, x.jsx)("p", {
+		className: "faint",
+		children: "Loading both files…"
+	}) : /* @__PURE__ */ (0, x.jsx)("div", {
+		className: "rj-diff",
+		children: /* @__PURE__ */ (0, x.jsx)(r, {
+			filename: t.path,
+			baseline: i.text,
+			current: a.text,
+			defaultWrap: !0
+		})
+	});
+}
+//#endregion
+export { W as OutputChanges, R as OutputsView };