@tangle-network/sandbox-cli 0.21.23 → 0.21.25

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

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