@tangle-network/sandbox-cli 0.22.0-develop.20260814044321.7b71e30 → 0.22.0

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

@@ -0,0 +1,441 @@
+import { p as e } from "./data-DTGmre1W.js";
+import { a as t, k as n, o as r, u as i } from "./ui-xa5w5bEN.js";
+import { n as a } from "./use-file-text-BaE98QxE.js";
+import { o } from "./RunOverview-CSqsunqf.js";
+import { r as s, t as c } from "./run-files-BckQDdTD.js";
+import { agentFromParam as l, agentParam as u } from "./RunPage-F_prVwiV.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Popover as _, PopoverContent as v, PopoverTrigger as y, SegmentedControl as b } from "@tangle-network/ui/primitives";
+import { DiffView as x } from "@tangle-network/sandbox-ui/workbench";
+import { FilePreview as S, resolveFilePreviewKind as C } from "@tangle-network/sandbox-ui/files";
+import { WorkspaceFilesPane as w } from "@tangle-network/sandbox-ui/workspace";
+//#region src/workspace/ref-file.tsx
+var T = /* @__PURE__ */ new Set([
+	"image",
+	"pdf",
+	"video",
+	"audio",
+	"spreadsheet",
+	"binary"
+]);
+function E(t, n, r, i) {
+	let o = e(!i && n && r ? `${t}/tree?ref=${encodeURIComponent(n)}` : null), s = i ? {
+		data: i,
+		error: void 0
+	} : o, c = !!(s.data && r && s.data.paths.includes(r)), l = s.data && c && n && r ? `${t}/blob?ref=${encodeURIComponent(n)}&path=${encodeURIComponent(r)}&expectedCommit=${s.data.commit}` : null, u = !!(r && T.has(C(r))), d = a(u ? null : l, s.data?.commit);
+	return !n || !r ? { state: "idle" } : s.error ? {
+		state: "error",
+		error: `The code at ${n} is unavailable: ${s.error}`
+	} : s.data ? c ? u ? {
+		state: "binary",
+		href: l,
+		commit: s.data.commit
+	} : d.error ? {
+		state: "error",
+		error: d.error
+	} : d.text === void 0 ? { state: "loading" } : /[\u0000\uFFFD]/.test(d.text) ? {
+		state: "binary",
+		href: l,
+		commit: s.data.commit
+	} : {
+		state: "ready",
+		text: d.text,
+		commit: s.data.commit
+	} : s.data.cut ? {
+		state: "error",
+		error: `The file list at ${n} is incomplete, so this file's absence there cannot be shown.`
+	} : {
+		state: "absent",
+		commit: s.data.commit
+	} : { state: "loading" };
+}
+function D({ runUrl: e, base: t, head: n, path: r, headTree: i }) {
+	let a = E(e, t, r), o = E(e, n, r, i), s = [a, o].find((e) => e.state === "error");
+	if (s) return /* @__PURE__ */ h("p", {
+		className: "rj-muted",
+		role: "alert",
+		children: s.error
+	});
+	if (o.state === "loading" || a.state === "loading" || o.state === "idle") return /* @__PURE__ */ g("p", {
+		className: "rj-muted",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	});
+	if (o.state === "absent" && (a.state === "absent" || a.state === "idle")) return /* @__PURE__ */ g("p", {
+		className: "rj-muted",
+		role: "alert",
+		children: [
+			"This file is in neither ",
+			t ?? "an earlier release",
+			" nor ",
+			n,
+			"."
+		]
+	});
+	let c = [a, o].find((e) => e.state === "binary");
+	if (c) return /* @__PURE__ */ g("p", {
+		className: "rj-muted",
+		children: [
+			"A binary file has no text diff. ",
+			/* @__PURE__ */ g("a", {
+				href: c.href,
+				download: r.split("/").pop(),
+				children: ["Download it at ", c.commit.slice(0, 12)]
+			}),
+			"."
+		]
+	});
+	let l = !t || a.state === "absent", u = o.state === "absent";
+	return /* @__PURE__ */ g(m, { children: [(l || u) && /* @__PURE__ */ h("p", {
+		className: "rj-muted",
+		children: u ? `Not in ${n}: removed since ${t}.` : t ? `Not in ${t}: added in ${n}.` : `No earlier release: every line is new in ${n}.`
+	}), /* @__PURE__ */ h("div", {
+		className: "rj-diff",
+		children: /* @__PURE__ */ h(x, {
+			filename: r,
+			baseline: a.state === "ready" ? a.text : "",
+			current: o.state === "ready" ? o.text : "",
+			defaultWrap: !0
+		})
+	})] });
+}
+//#endregion
+//#region src/workspace/run/Files.tsx
+var O = "Pages", k = "Code", A = (e) => e.name.replaceAll("/", "∕");
+function j(e, t) {
+	let [n, r] = p(/* @__PURE__ */ new Map()), i = t.map((e) => e.id).join("|");
+	return d(() => {
+		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 M({ api: t, runUrl: a, doc: o, m: s, route: d }) {
+	let p = e(`${a}/files`, s.live ? 15e3 : void 0), m = f(() => {
+		if (!p.data) return null;
+		try {
+			return c(p.data, o.run.id, null, t);
+		} catch {
+			return null;
+		}
+	}, [
+		p.data,
+		o.run.id,
+		t
+	]), g = f(() => s.tree.filter((e) => e.node.hasCode).slice(0, 40), [s]), _ = l(s, o.run.id, d.params.get("scope")) ?? (d.params.get("scope") === "pages" ? "pages" : null), v = f(() => _ === "pages" ? [] : _ ? g.filter((e) => e.id === _) : g, [g, _]), y = j(a, v), b = e(`${a}/tree?ref=main`), x = f(() => {
+		let e = [];
+		if (_ === null || _ === "pages") for (let t of m?.items ?? []) e.push({
+			key: `page:${t.path}`,
+			kind: "page",
+			tree: `${O}/${t.path.replace(/^pages\//, "")}`,
+			path: t.path,
+			file: t
+		});
+		let t = new Set(b.data?.paths ?? []);
+		for (let n of v) {
+			let r = y.get(n.id);
+			if (!(!r || "error" in r)) for (let i of r.files) e.push({
+				key: `code:${u(o.run.id, n.id)}:${i.path}`,
+				kind: "code",
+				tree: `${k}/${A(n)}/${i.path}`,
+				path: i.path,
+				agent: n,
+				status: t.has(i.path) ? "M" : "A",
+				additions: i.additions,
+				deletions: i.deletions,
+				diff: r
+			});
+		}
+		return e;
+	}, [
+		m,
+		v,
+		y,
+		b.data,
+		_,
+		o.run.id
+	]), S = f(() => new Map(x.map((e) => [e.tree, e])), [x]), C = f(() => Object.fromEntries(x.filter((e) => e.kind === "code").map((e) => [e.tree, e.kind === "code" && e.status === "A" ? "added" : "modified"])), [x]), T = d.params.get("file"), E = n("(max-width: 720px)"), D = x.find((e) => e.key === T) ?? (T || E ? null : x[0] ?? null), M = !m && !p.error ? "Reading the retained files…" : v.some((e) => !y.has(e.id)) && !x.length ? "Reading the agent branches…" : null, P = i(s, (e) => e.node.hasCode, (e) => {
+		let t = y.get(e.id);
+		return t ? "error" in t ? "not retained" : `${t.files.length} changed` : "";
+	}), F = /* @__PURE__ */ h(r, {
+		label: "Files written by",
+		options: [{
+			id: "pages",
+			label: "Pages",
+			meta: m ? `${m.items.length} pages` : ""
+		}, ...P],
+		all: { label: "Pages and every branch" },
+		value: _,
+		placeholder: `Search ${g.length} branches`,
+		width: 300,
+		className: "rp-fscope",
+		onChange: (e) => d.go("files", {
+			scope: e === "pages" ? "pages" : e ? u(o.run.id, e) : null,
+			file: null
+		}),
+		children: _ === "pages" ? "Pages" : _ ? s.byId.get(_)?.name ?? "Branch" : "All files"
+	});
+	return /* @__PURE__ */ h("div", {
+		className: "rp-files",
+		children: /* @__PURE__ */ h(w, {
+			paths: x.map((e) => e.tree),
+			status: C,
+			selectedPath: D?.tree,
+			onSelect: (e) => {
+				let t = S.get(e);
+				t && d.go("files", { file: t.key });
+			},
+			onBack: () => d.go("files", { file: null }),
+			headerActions: F,
+			search: !0,
+			label: "Files",
+			expansionKey: `${o.run.id}:files`,
+			emptyState: /* @__PURE__ */ h("p", {
+				className: "ws-status",
+				role: p.error ? "alert" : "status",
+				children: p.error ? `The retained files are unavailable: ${p.error}` : M ?? "This run left no pages and no branch changed a file."
+			}),
+			preview: D ? {
+				path: D.tree,
+				...N(D, a, d.href("files", { file: D.key }))
+			} : void 0,
+			style: { height: "100%" }
+		})
+	});
+}
+function N(e, t, n) {
+	return {
+		actions: /* @__PURE__ */ h(F, {
+			entry: e,
+			runUrl: t,
+			link: n
+		}),
+		content: /* @__PURE__ */ h(L, {
+			entry: e,
+			runUrl: t
+		}, e.key)
+	};
+}
+var P = () => {
+	let [e, t] = p(() => {
+		let e = new URLSearchParams(window.location.search).get("fileView");
+		return e === "source" || e === "diff" ? e : "preview";
+	});
+	return d(() => {
+		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 F({ entry: e, runUrl: n, link: r }) {
+	let [i, a] = P(), [o, c] = p(!1), l = e.path.split("/").pop() ?? e.path, u = C(e.path), d = [...u === "markdown" || u === "csv" ? [{
+		value: "preview",
+		label: "Preview"
+	}, {
+		value: "source",
+		label: "Source"
+	}] : [], ...e.kind === "code" ? [{
+		value: "diff",
+		label: "Changes"
+	}] : []], f = e.kind === "page" ? s(e.file) : `${n}/blob?ref=${encodeURIComponent(e.agent.id)}&path=${encodeURIComponent(e.path)}`;
+	return /* @__PURE__ */ g("span", {
+		className: "rp-factions",
+		children: [d.length > 1 && /* @__PURE__ */ h(b, {
+			"aria-label": "File view",
+			value: d.some((e) => e.value === i) ? i : d[0].value,
+			onValueChange: a,
+			options: d
+		}), /* @__PURE__ */ g("span", {
+			className: "rp-group ph-hide",
+			children: [
+				f && /* @__PURE__ */ h("a", {
+					className: "rp-btn ic",
+					href: f,
+					download: l,
+					"aria-label": `Download ${l}`,
+					title: "Download",
+					children: /* @__PURE__ */ h(t, { name: "download" })
+				}),
+				/* @__PURE__ */ h("button", {
+					type: "button",
+					className: "rp-btn ic",
+					"aria-label": o ? "Link copied" : "Copy link",
+					title: o ? "Copied" : "Copy link",
+					onClick: () => {
+						navigator.clipboard?.writeText(new URL(r, window.location.href).toString()).then(() => {
+							c(!0), window.setTimeout(() => c(!1), 1500);
+						});
+					},
+					children: /* @__PURE__ */ h(t, { name: o ? "check" : "link" })
+				}),
+				/* @__PURE__ */ g(_, { children: [/* @__PURE__ */ h(y, {
+					asChild: !0,
+					children: /* @__PURE__ */ h("button", {
+						type: "button",
+						className: "rp-btn ic",
+						"aria-label": "Provenance",
+						title: "Provenance",
+						children: /* @__PURE__ */ h(t, { name: "info" })
+					})
+				}), /* @__PURE__ */ h(v, {
+					className: "rp-pop",
+					align: "end",
+					children: /* @__PURE__ */ h(I, { entry: e })
+				})] })
+			]
+		})]
+	});
+}
+function I({ entry: e }) {
+	let t = e.path.split("/").pop();
+	if (e.kind === "page") {
+		let n = e.file;
+		return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+			className: "ph",
+			children: [/* @__PURE__ */ h("b", { children: t }), /* @__PURE__ */ h("span", { children: e.path })]
+		}), /* @__PURE__ */ h("div", {
+			className: "pb",
+			children: /* @__PURE__ */ g("dl", { children: [
+				/* @__PURE__ */ h("dt", { children: "Source" }),
+				/* @__PURE__ */ h("dd", { children: n.source === "knowledge" ? "Knowledge page in the run's pages" : n.source }),
+				/* @__PURE__ */ h("dt", { children: "Size" }),
+				/* @__PURE__ */ h("dd", { children: o(n.bytes) }),
+				/* @__PURE__ */ h("dt", { children: n.sha256 ? "SHA-256" : "Git blob" }),
+				/* @__PURE__ */ h("dd", {
+					className: "mono",
+					children: n.sha256 ?? n.objectId ?? "not recorded"
+				}),
+				(n.alternates?.length ?? 0) > 0 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("dt", { children: "Versions" }), /* @__PURE__ */ g("dd", { children: [(n.alternates?.length ?? 0) + 1, " retained copies share this path"] })] })
+			] })
+		})] });
+	}
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		className: "ph",
+		children: [/* @__PURE__ */ h("b", { children: t }), /* @__PURE__ */ h("span", { children: e.path })]
+	}), /* @__PURE__ */ h("div", {
+		className: "pb",
+		children: /* @__PURE__ */ g("dl", { children: [
+			/* @__PURE__ */ h("dt", { children: "Branch" }),
+			/* @__PURE__ */ h("dd", { children: e.agent.name }),
+			/* @__PURE__ */ h("dt", { children: "Commit" }),
+			/* @__PURE__ */ h("dd", {
+				className: "mono",
+				children: e.diff.commit.slice(0, 12)
+			}),
+			/* @__PURE__ */ h("dt", { children: "Against main" }),
+			/* @__PURE__ */ g("dd", { children: [
+				e.status === "A" ? "added" : "modified",
+				" · ",
+				/* @__PURE__ */ g("span", {
+					className: "ok",
+					children: ["+", e.additions.toLocaleString("en-US")]
+				}),
+				" ",
+				/* @__PURE__ */ g("span", {
+					className: "f",
+					children: ["−", e.deletions.toLocaleString("en-US")]
+				}),
+				" · base ",
+				/* @__PURE__ */ h("span", {
+					className: "mono",
+					children: e.diff.baseCommit.slice(0, 8)
+				})
+			] })
+		] })
+	})] });
+}
+function L({ entry: e, runUrl: t }) {
+	let [n] = P(), r = e.path.split("/").pop() ?? e.path, i = C(e.path), o = i === "markdown" || i === "csv", c = [
+		"image",
+		"pdf",
+		"video",
+		"audio",
+		"spreadsheet",
+		"binary"
+	].includes(i), l = e.kind === "page" ? s(e.file) : null, u = a(e.kind === "page" && !c ? l : null), d = E(t, e.kind === "code" ? e.agent.id : null, e.kind === "code" ? e.path : null), f = n === "source" && o ? `${r}.txt` : r;
+	return e.kind === "code" && n === "diff" ? /* @__PURE__ */ h("div", {
+		className: "rp-doc",
+		children: /* @__PURE__ */ h(D, {
+			runUrl: t,
+			base: e.status === "A" ? null : "main",
+			head: e.agent.id,
+			path: e.path
+		})
+	}) : e.kind === "page" ? c && l ? /* @__PURE__ */ h("div", {
+		className: "rp-doc",
+		children: /* @__PURE__ */ h(S, {
+			filename: r,
+			blobUrl: l,
+			size: e.file.bytes ?? void 0,
+			hideHeader: !0
+		})
+	}) : u.error ? /* @__PURE__ */ h("p", {
+		className: "ws-status",
+		role: "alert",
+		children: u.error
+	}) : u.text === void 0 ? /* @__PURE__ */ g("p", {
+		className: "ws-status",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	}) : /* @__PURE__ */ h("div", {
+		className: `rp-doc${n === "source" || !o ? " code" : ""}`,
+		children: /* @__PURE__ */ h(S, {
+			filename: f,
+			content: u.text,
+			hideHeader: !0
+		})
+	}) : d.state === "error" ? /* @__PURE__ */ h("p", {
+		className: "ws-status",
+		role: "alert",
+		children: d.error
+	}) : d.state === "absent" ? /* @__PURE__ */ h("p", {
+		className: "ws-status",
+		children: "This file is not on the branch any more."
+	}) : d.state === "binary" ? /* @__PURE__ */ g("p", {
+		className: "ws-status",
+		children: [
+			"This file is not text. ",
+			/* @__PURE__ */ g("a", {
+				href: d.href,
+				download: r,
+				children: ["Download it at ", d.commit.slice(0, 12)]
+			}),
+			"."
+		]
+	}) : d.state === "ready" ? /* @__PURE__ */ h("div", {
+		className: `rp-doc${n === "source" || !o ? " code" : ""}`,
+		children: /* @__PURE__ */ h(S, {
+			filename: f,
+			content: d.text,
+			hideHeader: !0
+		})
+	}) : /* @__PURE__ */ g("p", {
+		className: "ws-status",
+		role: "status",
+		children: [
+			"Reading ",
+			r,
+			"…"
+		]
+	});
+}
+//#endregion
+export { M as Files };