@tangle-network/sandbox-cli 0.21.22 → 0.21.24

package/dist/graph-viewer/viewer/Files-B-g25gSO.js

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