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

package/dist/graph-viewer/viewer/Files-DxL1576V.js

@@ -0,0 +1,630 @@
+import { i as e } from "./rolldown-runtime-DArdT4gl.js";
+import { n as t, t as n } from "./jsx-runtime-DPT6sCLq.js";
+import { T as r, a as i, n as a, o } from "./primitives-znfPK9NP-B6UO7uDr.js";
+import { t as s } from "./utils-BuObIC0n.js";
+import { n as c } from "./workbench-E6_5q_oL.js";
+import { i as l, n as u, r as d, t as f } from "./es2015-utW4DTOJ.js";
+import { i as p, o as m, r as h, s as g, t as _ } from "./dist-4_KJz8ZM.js";
+import { a as v, c as y, i as b, l as x, n as S, o as ee, r as C, s as te, t as w, u as ne } from "./dist-Dy-wrdTt.js";
+import { p as T } from "./markdown-lADwhD7y.js";
+import { a as E, i as D, n as re, t as O } from "./workspace-cKs9sGEO.js";
+import { t as ie } from "./segmented-control-Di1mbQlP.js";
+import { a as k, k as ae, o as oe, u as se } from "./ui-Co03nZUX.js";
+import { d as A, t as j } from "./final-output-BYT-g-9j.js";
+import { p as M } from "./data-CVHeKhrh.js";
+import { agentFromParam as ce, agentParam as N } from "./RunPage-NtevWXBs.js";
+//#region node_modules/.pnpm/@radix-ui+react-popover@1.3.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_e30c1a3361e595871e7a1c2e1a74b81d/node_modules/@radix-ui/react-popover/dist/index.mjs
+var P = /* @__PURE__ */ e(t(), 1), F = n(), le = Object.defineProperty, I = (e, t) => le(e, "name", {
+	value: t,
+	configurable: !0
+}), L = "Popover", [R, ue] = m(L, [b]), z = b(), [B, V] = R(L), H = /* @__PURE__ */ I((e) => {
+	let { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, s = z(t), c = P.useRef(null), [l, u] = P.useState(!1), [d, f] = P.useState(0), [m, g] = P.useState(0), [_, v] = h({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: L
+	});
+	return /* @__PURE__ */ (0, F.jsx)(w, {
+		...s,
+		children: /* @__PURE__ */ (0, F.jsx)(B, {
+			scope: t,
+			contentId: p(),
+			titleId: p(),
+			descriptionId: p(),
+			titlePresent: d > 0,
+			descriptionPresent: m > 0,
+			setTitleCount: f,
+			setDescriptionCount: g,
+			triggerRef: c,
+			open: _,
+			onOpenChange: v,
+			onOpenToggle: P.useCallback(() => v((e) => !e), [v]),
+			hasCustomAnchor: l,
+			onCustomAnchorAdd: P.useCallback(() => u(!0), []),
+			onCustomAnchorRemove: P.useCallback(() => u(!1), []),
+			modal: o,
+			children: n
+		})
+	});
+}, "Popover"), U = "PopoverTrigger", W = /* @__PURE__ */ P.forwardRef(/* @__PURE__ */ I(function(e, t) {
+	let { __scopePopover: n, ...r } = e, i = V(U, n), s = z(n), c = o(t, i.triggerRef), l = /* @__PURE__ */ (0, F.jsx)(a.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": i.open,
+		"aria-controls": i.open ? i.contentId : void 0,
+		"data-state": Y(i.open),
+		...r,
+		ref: c,
+		onClick: g(e.onClick, i.onOpenToggle)
+	});
+	return i.hasCustomAnchor ? l : /* @__PURE__ */ (0, F.jsx)(S, {
+		asChild: !0,
+		...s,
+		children: l
+	});
+}, "PopoverTrigger")), G = "PopoverPortal", [de, fe] = R(G, { forceMount: void 0 }), pe = /* @__PURE__ */ I((e) => {
+	let { __scopePopover: t, forceMount: n, children: r, container: i } = e, a = V(G, t);
+	return /* @__PURE__ */ (0, F.jsx)(de, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ (0, F.jsx)(_, {
+			present: n || a.open,
+			children: /* @__PURE__ */ (0, F.jsx)(v, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+}, "PopoverPortal"), K = "PopoverContent", q = /* @__PURE__ */ P.forwardRef(/* @__PURE__ */ I(function(e, t) {
+	let n = fe(K, e.__scopePopover), { forceMount: r = n.forceMount, ...i } = e, a = V(K, e.__scopePopover);
+	return /* @__PURE__ */ (0, F.jsx)(_, {
+		present: r || a.open,
+		children: a.modal ? /* @__PURE__ */ (0, F.jsx)(he, {
+			...i,
+			ref: t
+		}) : /* @__PURE__ */ (0, F.jsx)(ge, {
+			...i,
+			ref: t
+		})
+	});
+}, "PopoverContent")), me = i("PopoverContent.RemoveScroll"), he = /* @__PURE__ */ P.forwardRef(/* @__PURE__ */ I(function(e, t) {
+	let n = V(K, e.__scopePopover), r = P.useRef(null), i = o(t, r), a = P.useRef(!1), { nodes: s, registry: c } = x();
+	return P.useEffect(() => {
+		let e = r.current;
+		if (e) return f(e);
+	}, []), /* @__PURE__ */ (0, F.jsx)(u, {
+		as: me,
+		allowPinchZoom: !0,
+		shards: P.useMemo(() => [r, ...s.map((e) => ({ current: e }))], [r, s]),
+		children: /* @__PURE__ */ (0, F.jsx)(J, {
+			...e,
+			ref: i,
+			branchNodes: s,
+			branchRegistry: c,
+			trapFocus: n.open,
+			disableOutsidePointerEvents: !0,
+			onCloseAutoFocus: g(e.onCloseAutoFocus, (e) => {
+				e.preventDefault(), a.current || n.triggerRef.current?.focus();
+			}),
+			onPointerDownOutside: g(e.onPointerDownOutside, (e) => {
+				let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0, r = t.button === 2 || n;
+				a.current = r;
+			}, { checkForDefaultPrevented: !1 }),
+			onFocusOutside: g(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 })
+		})
+	});
+}, "PopoverContentModal")), ge = /* @__PURE__ */ P.forwardRef(/* @__PURE__ */ I(function(e, t) {
+	let n = V(K, e.__scopePopover), r = P.useRef(!1), i = P.useRef(!1);
+	return /* @__PURE__ */ (0, F.jsx)(J, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		onCloseAutoFocus: (t) => {
+			e.onCloseAutoFocus?.(t), t.defaultPrevented || (r.current || n.triggerRef.current?.focus(), t.preventDefault()), r.current = !1, i.current = !1;
+		},
+		onInteractOutside: (t) => {
+			e.onInteractOutside?.(t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+			let a = t.target;
+			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
+		}
+	});
+}, "PopoverContentNonModal")), J = /* @__PURE__ */ P.forwardRef(/* @__PURE__ */ I(function(e, t) {
+	let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: s, onEscapeKeyDown: c, onPointerDownOutside: l, onFocusOutside: u, onInteractOutside: f, "aria-describedby": p, branchNodes: m, branchRegistry: h, ...g } = e, _ = V(K, n), v = z(n), [b, x] = P.useState(null), S = o(t, x);
+	return y(b), d(), /* @__PURE__ */ (0, F.jsx)(te, {
+		registry: h,
+		children: /* @__PURE__ */ (0, F.jsx)(ee, {
+			asChild: !0,
+			loop: !0,
+			trapped: r,
+			branches: m,
+			onMountAutoFocus: i,
+			onUnmountAutoFocus: a,
+			children: /* @__PURE__ */ (0, F.jsx)(ne, {
+				asChild: !0,
+				disableOutsidePointerEvents: s,
+				onInteractOutside: f,
+				onEscapeKeyDown: c,
+				onPointerDownOutside: l,
+				onFocusOutside: u,
+				onDismiss: () => _.onOpenChange(!1),
+				deferPointerDownOutside: !0,
+				children: /* @__PURE__ */ (0, F.jsx)(C, {
+					"data-state": Y(_.open),
+					role: "dialog",
+					id: _.contentId,
+					"aria-labelledby": _.titlePresent ? _.titleId : void 0,
+					"aria-describedby": _.descriptionPresent ? X(p, _.descriptionId) : p,
+					...v,
+					...g,
+					ref: S,
+					style: {
+						...g.style,
+						"--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+						"--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+						"--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+						"--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+						"--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+					}
+				})
+			})
+		})
+	});
+}, "PopoverContentImpl"));
+function Y(e) {
+	return e ? "open" : "closed";
+}
+I(Y, "getState");
+function X(...e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) if (typeof n == "string") for (let e of String(n).trim().split(/\s+/)) e && t.add(e);
+	return t.size > 0 ? Array.from(t).join(" ") : void 0;
+}
+I(X, "concatAriaDescribedby");
+//#endregion
+//#region node_modules/.pnpm/@tangle-network+ui@11.51.1_@nanostores+react@1.1.0_nanostores@1.5.5_react@19.3.0__@shik_a7187ff5a73f27dfe4cc06a400b0c7a3/node_modules/@tangle-network/ui/dist/primitives/popover.js
+var _e = H, ve = W, Z = P.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, asChild: i, children: a, ...o }, c) => /* @__PURE__ */ (0, F.jsx)(pe, { children: /* @__PURE__ */ (0, F.jsx)(q, {
+	ref: c,
+	align: t,
+	sideOffset: n,
+	className: s("z-50 w-72 max-w-[calc(100vw-2rem)] origin-(--radix-popover-content-transform-origin) rounded-xl border border-border bg-card p-4 text-foreground shadow-[var(--shadow-card)] outline-hidden", r, e),
+	...o,
+	asChild: !0,
+	children: /* @__PURE__ */ (0, F.jsx)(l, {
+		kind: "popover",
+		asChild: i,
+		children: a
+	})
+}) }));
+Z.displayName = q.displayName;
+//#endregion
+//#region src/workspace/ref-file.tsx
+var ye = /* @__PURE__ */ new Set([
+	"image",
+	"pdf",
+	"video",
+	"audio",
+	"spreadsheet",
+	"binary"
+]);
+function Q(e, t, n, r) {
+	let i = M(!r && t && n ? `${e}/tree?ref=${encodeURIComponent(t)}` : null), a = r ? {
+		data: r,
+		error: void 0
+	} : i, o = !!(a.data && n && a.data.paths.includes(n)), s = a.data && o && t && n ? `${e}/blob?ref=${encodeURIComponent(t)}&path=${encodeURIComponent(n)}&expectedCommit=${a.data.commit}` : null, c = !!(n && ye.has(T(n))), l = A(c ? null : s, a.data?.commit);
+	return !t || !n ? { state: "idle" } : a.error ? {
+		state: "error",
+		error: `The code at ${t} is unavailable: ${a.error}`
+	} : a.data ? o ? c ? {
+		state: "binary",
+		href: s,
+		commit: a.data.commit
+	} : l.error ? {
+		state: "error",
+		error: l.error
+	} : l.text === void 0 ? { state: "loading" } : /[\u0000\uFFFD]/.test(l.text) ? {
+		state: "binary",
+		href: s,
+		commit: a.data.commit
+	} : {
+		state: "ready",
+		text: l.text,
+		commit: a.data.commit
+	} : a.data.cut ? {
+		state: "error",
+		error: `The file list at ${t} is incomplete, so this file's absence there cannot be shown.`
+	} : {
+		state: "absent",
+		commit: a.data.commit
+	} : { state: "loading" };
+}
+function be({ runUrl: e, base: t, head: n, path: r, headTree: i }) {
+	let a = Q(e, t, r), o = Q(e, n, r, i), s = [a, o].find((e) => e.state === "error");
+	if (s) return /* @__PURE__ */ (0, F.jsx)("p", {
+		className: "rj-muted",
+		role: "alert",
+		children: s.error
+	});
+	if (o.state === "loading" || a.state === "loading" || o.state === "idle") return /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "rj-muted",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	});
+	if (o.state === "absent" && (a.state === "absent" || a.state === "idle")) return /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "rj-muted",
+		role: "alert",
+		children: [
+			"This file is in neither ",
+			t ?? "an earlier release",
+			" nor ",
+			n,
+			"."
+		]
+	});
+	let l = [a, o].find((e) => e.state === "binary");
+	if (l) return /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "rj-muted",
+		children: [
+			"A binary file has no text diff. ",
+			/* @__PURE__ */ (0, F.jsxs)("a", {
+				href: l.href,
+				download: r.split("/").pop(),
+				children: ["Download it at ", l.commit.slice(0, 12)]
+			}),
+			"."
+		]
+	});
+	let u = !t || a.state === "absent", d = o.state === "absent";
+	return /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [(u || d) && /* @__PURE__ */ (0, F.jsx)("p", {
+		className: "rj-muted",
+		children: d ? `Not in ${n}: removed since ${t}.` : t ? `Not in ${t}: added in ${n}.` : `No earlier release: every line is new in ${n}.`
+	}), /* @__PURE__ */ (0, F.jsx)("div", {
+		className: "rj-diff",
+		children: /* @__PURE__ */ (0, F.jsx)(c, {
+			filename: r,
+			baseline: a.state === "ready" ? a.text : "",
+			current: o.state === "ready" ? o.text : "",
+			defaultWrap: !0
+		})
+	})] });
+}
+//#endregion
+//#region src/workspace/run/Files.tsx
+var xe = "Pages", Se = "Code", Ce = (e) => e.name.replaceAll("/", "∕");
+function we(e, t) {
+	let [n, r] = (0, P.useState)(/* @__PURE__ */ new Map()), i = t.map((e) => e.id).join("|");
+	return (0, P.useEffect)(() => {
+		let n = new AbortController(), i = !0;
+		for (let a of t) fetch(`${e}/diff?base=main&head=${encodeURIComponent(a.id)}`, {
+			credentials: "same-origin",
+			signal: n.signal
+		}).then(async (e) => e.ok ? await e.json() : { error: `HTTP ${e.status}` }).catch((e) => ({ error: e instanceof Error ? e.message : "request failed" })).then((e) => {
+			i && r((t) => new Map(t).set(a.id, e));
+		});
+		return () => {
+			i = !1, n.abort();
+		};
+	}, [e, i]), n;
+}
+function Te({ api: e, runUrl: t, doc: n, m: r, route: i }) {
+	let a = M(`${t}/files`, r.live ? 15e3 : void 0), o = (0, P.useMemo)(() => {
+		if (!a.data) return null;
+		try {
+			return re(a.data, n.run.id, null, e);
+		} catch {
+			return null;
+		}
+	}, [
+		a.data,
+		n.run.id,
+		e
+	]), s = (0, P.useMemo)(() => r.tree.filter((e) => e.node.hasCode).slice(0, 40), [r]), c = ce(r, n.run.id, i.params.get("scope")) ?? (i.params.get("scope") === "pages" ? "pages" : null), l = (0, P.useMemo)(() => c === "pages" ? [] : c ? s.filter((e) => e.id === c) : s, [s, c]), u = we(t, l), d = M(`${t}/tree?ref=main`), f = (0, P.useMemo)(() => {
+		let e = [];
+		if (c === null || c === "pages") for (let t of o?.items ?? []) e.push({
+			key: `page:${t.path}`,
+			kind: "page",
+			tree: `${xe}/${t.path.replace(/^pages\//, "")}`,
+			path: t.path,
+			file: t
+		});
+		let t = new Set(d.data?.paths ?? []);
+		for (let r of l) {
+			let i = u.get(r.id);
+			if (!(!i || "error" in i)) for (let a of i.files) e.push({
+				key: `code:${N(n.run.id, r.id)}:${a.path}`,
+				kind: "code",
+				tree: `${Se}/${Ce(r)}/${a.path}`,
+				path: a.path,
+				agent: r,
+				status: t.has(a.path) ? "M" : "A",
+				additions: a.additions,
+				deletions: a.deletions,
+				diff: i
+			});
+		}
+		return e;
+	}, [
+		o,
+		l,
+		u,
+		d.data,
+		c,
+		n.run.id
+	]), p = (0, P.useMemo)(() => new Map(f.map((e) => [e.tree, e])), [f]), m = (0, P.useMemo)(() => Object.fromEntries(f.filter((e) => e.kind === "code").map((e) => [e.tree, e.kind === "code" && e.status === "A" ? "added" : "modified"])), [f]), h = i.params.get("file"), g = ae("(max-width: 720px)"), _ = f.find((e) => e.key === h) ?? (h || g ? null : f[0] ?? null), v = !o && !a.error ? "Reading the retained files…" : l.some((e) => !u.has(e.id)) && !f.length ? "Reading the agent branches…" : null, y = se(r, (e) => e.node.hasCode, (e) => {
+		let t = u.get(e.id);
+		return t ? "error" in t ? "not retained" : `${t.files.length} changed` : "";
+	}), b = /* @__PURE__ */ (0, F.jsx)(oe, {
+		label: "Files written by",
+		options: [{
+			id: "pages",
+			label: "Pages",
+			meta: o ? `${o.items.length} pages` : ""
+		}, ...y],
+		all: { label: "Pages and every branch" },
+		value: c,
+		placeholder: `Search ${s.length} branches`,
+		width: 300,
+		className: "rp-fscope",
+		onChange: (e) => i.go("files", {
+			scope: e === "pages" ? "pages" : e ? N(n.run.id, e) : null,
+			file: null
+		}),
+		children: c === "pages" ? "Pages" : c ? r.byId.get(c)?.name ?? "Branch" : "All files"
+	});
+	return /* @__PURE__ */ (0, F.jsx)("div", {
+		className: "rp-files",
+		children: /* @__PURE__ */ (0, F.jsx)(O, {
+			paths: f.map((e) => e.tree),
+			status: m,
+			selectedPath: _?.tree,
+			onSelect: (e) => {
+				let t = p.get(e);
+				t && i.go("files", { file: t.key });
+			},
+			onBack: () => i.go("files", { file: null }),
+			headerActions: b,
+			search: !0,
+			label: "Files",
+			expansionKey: `${n.run.id}:files`,
+			emptyState: /* @__PURE__ */ (0, F.jsx)("p", {
+				className: "ws-status",
+				role: a.error ? "alert" : "status",
+				children: a.error ? `The retained files are unavailable: ${a.error}` : v ?? "This run left no pages and no branch changed a file."
+			}),
+			preview: _ ? {
+				path: _.tree,
+				...Ee(_, t, i.href("files", { file: _.key }))
+			} : void 0,
+			style: { height: "100%" }
+		})
+	});
+}
+function Ee(e, t, n) {
+	return {
+		actions: /* @__PURE__ */ (0, F.jsx)(De, {
+			entry: e,
+			runUrl: t,
+			link: n
+		}),
+		content: /* @__PURE__ */ (0, F.jsx)(ke, {
+			entry: e,
+			runUrl: t
+		}, e.key)
+	};
+}
+var $ = () => {
+	let [e, t] = (0, P.useState)(() => {
+		let e = new URLSearchParams(window.location.search).get("fileView");
+		return e === "source" || e === "diff" ? e : "preview";
+	});
+	return (0, P.useEffect)(() => {
+		let e = (e) => t(e.detail);
+		return window.addEventListener("rp-file-view", e), () => window.removeEventListener("rp-file-view", e);
+	}, []), [e, (e) => {
+		let t = new URLSearchParams(window.location.search);
+		e === "preview" ? t.delete("fileView") : t.set("fileView", e), window.history.replaceState(null, "", `${window.location.pathname}${t.size ? `?${t}` : ""}`), window.dispatchEvent(new CustomEvent("rp-file-view", { detail: e }));
+	}];
+};
+function De({ entry: e, runUrl: t, link: n }) {
+	let [r, i] = $(), [a, o] = (0, P.useState)(!1), s = e.path.split("/").pop() ?? e.path, c = T(e.path), l = [...c === "markdown" || c === "csv" ? [{
+		value: "preview",
+		label: "Preview"
+	}, {
+		value: "source",
+		label: "Source"
+	}] : [], ...e.kind === "code" ? [{
+		value: "diff",
+		label: "Changes"
+	}] : []], u = e.kind === "page" ? D(e.file) : `${t}/blob?ref=${encodeURIComponent(e.agent.id)}&path=${encodeURIComponent(e.path)}`;
+	return /* @__PURE__ */ (0, F.jsxs)("span", {
+		className: "rp-factions",
+		children: [l.length > 1 && /* @__PURE__ */ (0, F.jsx)(ie, {
+			"aria-label": "File view",
+			value: l.some((e) => e.value === r) ? r : l[0].value,
+			onValueChange: i,
+			options: l
+		}), /* @__PURE__ */ (0, F.jsxs)("span", {
+			className: "rp-group ph-hide",
+			children: [
+				u && /* @__PURE__ */ (0, F.jsx)("a", {
+					className: "rp-btn ic",
+					href: u,
+					download: s,
+					"aria-label": `Download ${s}`,
+					title: "Download",
+					children: /* @__PURE__ */ (0, F.jsx)(k, { name: "download" })
+				}),
+				/* @__PURE__ */ (0, F.jsx)("button", {
+					type: "button",
+					className: "rp-btn ic",
+					"aria-label": a ? "Link copied" : "Copy link",
+					title: a ? "Copied" : "Copy link",
+					onClick: () => {
+						navigator.clipboard?.writeText(new URL(n, window.location.href).toString()).then(() => {
+							o(!0), window.setTimeout(() => o(!1), 1500);
+						});
+					},
+					children: /* @__PURE__ */ (0, F.jsx)(k, { name: a ? "check" : "link" })
+				}),
+				/* @__PURE__ */ (0, F.jsxs)(_e, { children: [/* @__PURE__ */ (0, F.jsx)(ve, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, F.jsx)("button", {
+						type: "button",
+						className: "rp-btn ic",
+						"aria-label": "Provenance",
+						title: "Provenance",
+						children: /* @__PURE__ */ (0, F.jsx)(k, { name: "info" })
+					})
+				}), /* @__PURE__ */ (0, F.jsx)(Z, {
+					className: "rp-pop",
+					align: "end",
+					children: /* @__PURE__ */ (0, F.jsx)(Oe, { entry: e })
+				})] })
+			]
+		})]
+	});
+}
+function Oe({ entry: e }) {
+	let t = e.path.split("/").pop();
+	if (e.kind === "page") {
+		let n = e.file;
+		return /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsxs)("div", {
+			className: "ph",
+			children: [/* @__PURE__ */ (0, F.jsx)("b", { children: t }), /* @__PURE__ */ (0, F.jsx)("span", { children: e.path })]
+		}), /* @__PURE__ */ (0, F.jsx)("div", {
+			className: "pb",
+			children: /* @__PURE__ */ (0, F.jsxs)("dl", { children: [
+				/* @__PURE__ */ (0, F.jsx)("dt", { children: "Source" }),
+				/* @__PURE__ */ (0, F.jsx)("dd", { children: n.source === "knowledge" ? "Knowledge page in the run's pages" : n.source }),
+				/* @__PURE__ */ (0, F.jsx)("dt", { children: "Size" }),
+				/* @__PURE__ */ (0, F.jsx)("dd", { children: j(n.bytes) }),
+				/* @__PURE__ */ (0, F.jsx)("dt", { children: n.sha256 ? "SHA-256" : "Git blob" }),
+				/* @__PURE__ */ (0, F.jsx)("dd", {
+					className: "mono",
+					children: n.sha256 ?? n.objectId ?? "not recorded"
+				}),
+				(n.alternates?.length ?? 0) > 0 && /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsx)("dt", { children: "Versions" }), /* @__PURE__ */ (0, F.jsxs)("dd", { children: [(n.alternates?.length ?? 0) + 1, " retained copies share this path"] })] })
+			] })
+		})] });
+	}
+	return /* @__PURE__ */ (0, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsxs)("div", {
+		className: "ph",
+		children: [/* @__PURE__ */ (0, F.jsx)("b", { children: t }), /* @__PURE__ */ (0, F.jsx)("span", { children: e.path })]
+	}), /* @__PURE__ */ (0, F.jsx)("div", {
+		className: "pb",
+		children: /* @__PURE__ */ (0, F.jsxs)("dl", { children: [
+			/* @__PURE__ */ (0, F.jsx)("dt", { children: "Branch" }),
+			/* @__PURE__ */ (0, F.jsx)("dd", { children: e.agent.name }),
+			/* @__PURE__ */ (0, F.jsx)("dt", { children: "Commit" }),
+			/* @__PURE__ */ (0, F.jsx)("dd", {
+				className: "mono",
+				children: e.diff.commit.slice(0, 12)
+			}),
+			/* @__PURE__ */ (0, F.jsx)("dt", { children: "Against main" }),
+			/* @__PURE__ */ (0, F.jsxs)("dd", { children: [
+				e.status === "A" ? "added" : "modified",
+				" · ",
+				/* @__PURE__ */ (0, F.jsxs)("span", {
+					className: "ok",
+					children: ["+", e.additions.toLocaleString("en-US")]
+				}),
+				" ",
+				/* @__PURE__ */ (0, F.jsxs)("span", {
+					className: "f",
+					children: ["−", e.deletions.toLocaleString("en-US")]
+				}),
+				" · base ",
+				/* @__PURE__ */ (0, F.jsx)("span", {
+					className: "mono",
+					children: e.diff.baseCommit.slice(0, 8)
+				})
+			] })
+		] })
+	})] });
+}
+function ke({ entry: e, runUrl: t }) {
+	let [n] = $(), r = e.path.split("/").pop() ?? e.path, i = T(e.path), a = i === "markdown" || i === "csv", o = [
+		"image",
+		"pdf",
+		"video",
+		"audio",
+		"spreadsheet",
+		"binary"
+	].includes(i), s = e.kind === "page" ? D(e.file) : null, c = A(e.kind === "page" && !o ? s : null), l = Q(t, e.kind === "code" ? e.agent.id : null, e.kind === "code" ? e.path : null), u = n === "source" && a ? `${r}.txt` : r;
+	return e.kind === "code" && n === "diff" ? /* @__PURE__ */ (0, F.jsx)("div", {
+		className: "rp-doc",
+		children: /* @__PURE__ */ (0, F.jsx)(be, {
+			runUrl: t,
+			base: e.status === "A" ? null : "main",
+			head: e.agent.id,
+			path: e.path
+		})
+	}) : e.kind === "page" ? o && s ? /* @__PURE__ */ (0, F.jsx)("div", {
+		className: "rp-doc",
+		children: /* @__PURE__ */ (0, F.jsx)(E, {
+			filename: r,
+			blobUrl: s,
+			size: e.file.bytes ?? void 0,
+			hideHeader: !0
+		})
+	}) : c.error ? /* @__PURE__ */ (0, F.jsx)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: c.error
+	}) : c.text === void 0 ? /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "ws-status",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	}) : /* @__PURE__ */ (0, F.jsx)("div", {
+		className: `rp-doc${n === "source" || !a ? " code" : ""}`,
+		children: /* @__PURE__ */ (0, F.jsx)(E, {
+			filename: u,
+			content: c.text,
+			hideHeader: !0
+		})
+	}) : l.state === "error" ? /* @__PURE__ */ (0, F.jsx)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: l.error
+	}) : l.state === "absent" ? /* @__PURE__ */ (0, F.jsx)("p", {
+		className: "ws-status",
+		children: "This file is not on the branch any more."
+	}) : l.state === "binary" ? /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "ws-status",
+		children: [
+			"This file is not text. ",
+			/* @__PURE__ */ (0, F.jsxs)("a", {
+				href: l.href,
+				download: r,
+				children: ["Download it at ", l.commit.slice(0, 12)]
+			}),
+			"."
+		]
+	}) : l.state === "ready" ? /* @__PURE__ */ (0, F.jsx)("div", {
+		className: `rp-doc${n === "source" || !a ? " code" : ""}`,
+		children: /* @__PURE__ */ (0, F.jsx)(E, {
+			filename: u,
+			content: l.text,
+			hideHeader: !0
+		})
+	}) : /* @__PURE__ */ (0, F.jsxs)("p", {
+		className: "ws-status",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	});
+}
+//#endregion
+export { Te as Files };