@tangle-network/sandbox-cli 0.21.64 → 0.21.65

package/dist/graph-viewer/{Files-DtZhf0ii.js → Files-CvIOGrAs.js}

@@ -1,10 +1,10 @@
-import { p as e } from "./data-BJmP7F1M.js";
-import { a as t, d as n, o as r } from "./ui-D8QZRsC3.js";
-import { n as i } from "./use-file-text-BaE98QxE.js";
-import { o as a } from "./RunOverview-DJQDAMIx.js";
-import { r as o, t as s } from "./run-files-C1NgzM0l.js";
-import { agentFromParam as c, agentParam as l } from "./RunPage-CkkcBEUe.js";
-import { useEffect as u, useMemo as d, useState as f, useSyncExternalStore as p } from "react";
+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";
@@ -19,11 +19,11 @@ var T = /* @__PURE__ */ new Set([
 	"spreadsheet",
 	"binary"
 ]);
-function E(t, n, r, a) {
-	let o = e(!a && n && r ? `${t}/tree?ref=${encodeURIComponent(n)}` : null), s = a ? {
-		data: a,
+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 = i(u ? null : l, s.data?.commit);
+	} : 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}`
@@ -105,20 +105,11 @@ function D({ runUrl: e, base: t, head: n, path: r, headTree: i }) {
 	})] });
 }
 //#endregion
-//#region src/workspace/use-phone.ts
-var O = "(max-width: 1023px)";
-function k(e = O) {
-	return p((t) => {
-		let n = window.matchMedia(e);
-		return n.addEventListener("change", t), () => n.removeEventListener("change", t);
-	}, () => window.matchMedia(e).matches, () => !1);
-}
-//#endregion
 //#region src/workspace/run/Files.tsx
-var A = "Pages", j = "Code", M = (e) => e.name.replaceAll("/", "∕");
-function N(e, t) {
-	let [n, r] = f(/* @__PURE__ */ new Map()), i = t.map((e) => e.id).join("|");
-	return u(() => {
+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",
@@ -131,34 +122,34 @@ function N(e, t) {
 		};
 	}, [e, i]), n;
 }
-function P({ api: t, runUrl: i, doc: a, m: o, route: u }) {
-	let f = e(`${i}/files`, o.live ? 15e3 : void 0), p = d(() => {
-		if (!f.data) return null;
+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 s(f.data, a.run.id, null, t);
+			return c(p.data, o.run.id, null, t);
 		} catch {
 			return null;
 		}
 	}, [
-		f.data,
-		a.run.id,
+		p.data,
+		o.run.id,
 		t
-	]), m = d(() => o.tree.filter((e) => e.node.hasCode).slice(0, 40), [o]), g = c(o, a.run.id, u.params.get("scope")) ?? (u.params.get("scope") === "pages" ? "pages" : null), _ = d(() => g === "pages" ? [] : g ? m.filter((e) => e.id === g) : m, [m, g]), v = N(i, _), y = e(`${i}/tree?ref=main`), b = d(() => {
+	]), 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 (g === null || g === "pages") for (let t of p?.items ?? []) e.push({
+		if (_ === null || _ === "pages") for (let t of m?.items ?? []) e.push({
 			key: `page:${t.path}`,
 			kind: "page",
-			tree: `${A}/${t.path.replace(/^pages\//, "")}`,
+			tree: `${O}/${t.path.replace(/^pages\//, "")}`,
 			path: t.path,
 			file: t
 		});
-		let t = new Set(y.data?.paths ?? []);
-		for (let n of _) {
-			let r = v.get(n.id);
+		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:${l(a.run.id, n.id)}:${i.path}`,
+				key: `code:${u(o.run.id, n.id)}:${i.path}`,
 				kind: "code",
-				tree: `${j}/${M(n)}/${i.path}`,
+				tree: `${k}/${A(n)}/${i.path}`,
 				path: i.path,
 				agent: n,
 				status: t.has(i.path) ? "M" : "A",
@@ -169,80 +160,80 @@ function P({ api: t, runUrl: i, doc: a, m: o, route: u }) {
 		}
 		return e;
 	}, [
-		p,
-		_,
+		m,
 		v,
-		y.data,
-		g,
-		a.run.id
-	]), x = d(() => new Map(b.map((e) => [e.tree, e])), [b]), S = d(() => Object.fromEntries(b.filter((e) => e.kind === "code").map((e) => [e.tree, e.kind === "code" && e.status === "A" ? "added" : "modified"])), [b]), C = u.params.get("file"), T = k("(max-width: 720px)"), E = b.find((e) => e.key === C) ?? (C || T ? null : b[0] ?? null), D = !p && !f.error ? "Reading the retained files…" : _.some((e) => !v.has(e.id)) && !b.length ? "Reading the agent branches…" : null, O = n(o, (e) => e.node.hasCode, (e) => {
-		let t = v.get(e.id);
-		return t && !("error" in t) ? `${t.files.length} changed` : "";
-	}), P = /* @__PURE__ */ h(r, {
+		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: p ? `${p.items.length} pages` : ""
-		}, ...O],
+			meta: m ? `${m.items.length} pages` : ""
+		}, ...P],
 		all: { label: "Pages and every branch" },
-		value: g,
-		placeholder: `Search ${m.length} branches`,
+		value: _,
+		placeholder: `Search ${g.length} branches`,
 		width: 300,
 		className: "rp-fscope",
-		onChange: (e) => u.go("files", {
-			scope: e === "pages" ? "pages" : e ? l(a.run.id, e) : null,
+		onChange: (e) => d.go("files", {
+			scope: e === "pages" ? "pages" : e ? u(o.run.id, e) : null,
 			file: null
 		}),
-		children: g === "pages" ? "Pages" : g ? o.byId.get(g)?.name ?? "Branch" : "All files"
+		children: _ === "pages" ? "Pages" : _ ? s.byId.get(_)?.name ?? "Branch" : "All files"
 	});
 	return /* @__PURE__ */ h("div", {
 		className: "rp-files",
 		children: /* @__PURE__ */ h(w, {
-			paths: b.map((e) => e.tree),
-			status: S,
-			selectedPath: E?.tree,
+			paths: x.map((e) => e.tree),
+			status: C,
+			selectedPath: D?.tree,
 			onSelect: (e) => {
-				let t = x.get(e);
-				t && u.go("files", { file: t.key });
+				let t = S.get(e);
+				t && d.go("files", { file: t.key });
 			},
-			onBack: () => u.go("files", { file: null }),
-			headerActions: P,
+			onBack: () => d.go("files", { file: null }),
+			headerActions: F,
 			search: !0,
 			label: "Files",
-			expansionKey: `${a.run.id}:files`,
+			expansionKey: `${o.run.id}:files`,
 			emptyState: /* @__PURE__ */ h("p", {
 				className: "ws-status",
-				role: f.error ? "alert" : "status",
-				children: f.error ? `The retained files are unavailable: ${f.error}` : D ?? "This run left no pages and no branch changed a file."
+				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: E ? {
-				path: E.tree,
-				...F(E, i, u.href("files", { file: E.key }))
+			preview: D ? {
+				path: D.tree,
+				...N(D, a, d.href("files", { file: D.key }))
 			} : void 0,
 			style: { height: "100%" }
 		})
 	});
 }
-function F(e, t, n) {
+function N(e, t, n) {
 	return {
-		actions: /* @__PURE__ */ h(L, {
+		actions: /* @__PURE__ */ h(F, {
 			entry: e,
 			runUrl: t,
 			link: n
 		}),
-		content: /* @__PURE__ */ h(z, {
+		content: /* @__PURE__ */ h(L, {
 			entry: e,
 			runUrl: t
 		}, e.key)
 	};
 }
-var I = () => {
-	let [e, t] = f(() => {
+var P = () => {
+	let [e, t] = p(() => {
 		let e = new URLSearchParams(window.location.search).get("fileView");
 		return e === "source" || e === "diff" ? e : "preview";
 	});
-	return u(() => {
+	return d(() => {
 		let e = (e) => t(e.detail);
 		return window.addEventListener("rp-file-view", e), () => window.removeEventListener("rp-file-view", e);
 	}, []), [e, (e) => {
@@ -250,8 +241,8 @@ var I = () => {
 		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 L({ entry: e, runUrl: n, link: r }) {
-	let [i, a] = I(), [s, c] = f(!1), l = e.path.split("/").pop() ?? e.path, u = C(e.path), d = [...u === "markdown" || u === "csv" ? [{
+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"
 	}, {
@@ -260,7 +251,7 @@ function L({ entry: e, runUrl: n, link: r }) {
 	}] : [], ...e.kind === "code" ? [{
 		value: "diff",
 		label: "Changes"
-	}] : []], p = e.kind === "page" ? o(e.file) : `${n}/blob?ref=${encodeURIComponent(e.agent.id)}&path=${encodeURIComponent(e.path)}`;
+	}] : []], 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, {
@@ -271,9 +262,9 @@ function L({ entry: e, runUrl: n, link: r }) {
 		}), /* @__PURE__ */ g("span", {
 			className: "rp-group ph-hide",
 			children: [
-				p && /* @__PURE__ */ h("a", {
+				f && /* @__PURE__ */ h("a", {
 					className: "rp-btn ic",
-					href: p,
+					href: f,
 					download: l,
 					"aria-label": `Download ${l}`,
 					title: "Download",
@@ -282,14 +273,14 @@ function L({ entry: e, runUrl: n, link: r }) {
 				/* @__PURE__ */ h("button", {
 					type: "button",
 					className: "rp-btn ic",
-					"aria-label": s ? "Link copied" : "Copy link",
-					title: s ? "Copied" : "Copy link",
+					"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: s ? "check" : "link" })
+					children: /* @__PURE__ */ h(t, { name: o ? "check" : "link" })
 				}),
 				/* @__PURE__ */ g(_, { children: [/* @__PURE__ */ h(y, {
 					asChild: !0,
@@ -303,13 +294,13 @@ function L({ entry: e, runUrl: n, link: r }) {
 				}), /* @__PURE__ */ h(v, {
 					className: "rp-pop",
 					align: "end",
-					children: /* @__PURE__ */ h(R, { entry: e })
+					children: /* @__PURE__ */ h(I, { entry: e })
 				})] })
 			]
 		})]
 	});
 }
-function R({ entry: e }) {
+function I({ entry: e }) {
 	let t = e.path.split("/").pop();
 	if (e.kind === "page") {
 		let n = e.file;
@@ -322,7 +313,7 @@ function R({ entry: e }) {
 				/* @__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: a(n.bytes) }),
+				/* @__PURE__ */ h("dd", { children: o(n.bytes) }),
 				/* @__PURE__ */ h("dt", { children: n.sha256 ? "SHA-256" : "Git blob" }),
 				/* @__PURE__ */ h("dd", {
 					className: "mono",
@@ -367,15 +358,15 @@ function R({ entry: e }) {
 		] })
 	})] });
 }
-function z({ entry: e, runUrl: t }) {
-	let [n] = I(), r = e.path.split("/").pop() ?? e.path, a = C(e.path), s = a === "markdown" || a === "csv", c = [
+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(a), l = e.kind === "page" ? o(e.file) : null, u = i(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" && s ? `${r}.txt` : r;
+	].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, {
@@ -405,7 +396,7 @@ function z({ entry: e, runUrl: t }) {
 			"…"
 		]
 	}) : /* @__PURE__ */ h("div", {
-		className: `rp-doc${n === "source" || !s ? " code" : ""}`,
+		className: `rp-doc${n === "source" || !o ? " code" : ""}`,
 		children: /* @__PURE__ */ h(S, {
 			filename: f,
 			content: u.text,
@@ -430,7 +421,7 @@ function z({ entry: e, runUrl: t }) {
 			"."
 		]
 	}) : d.state === "ready" ? /* @__PURE__ */ h("div", {
-		className: `rp-doc${n === "source" || !s ? " code" : ""}`,
+		className: `rp-doc${n === "source" || !o ? " code" : ""}`,
 		children: /* @__PURE__ */ h(S, {
 			filename: f,
 			content: d.text,
@@ -447,4 +438,4 @@ function z({ entry: e, runUrl: t }) {
 	});
 }
 //#endregion
-export { P as Files };
+export { M as Files };

package/dist/graph-viewer/LiveRun-DHmsr6F7.js

@@ -0,0 +1,311 @@
+import { p as e } from "./data-DTGmre1W.js";
+import { useEffect as t, useMemo as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { runStatus as s } from "@tangle-network/ui/run";
+import { TraceWorkspace as c } from "@tangle-network/sandbox-ui/run";
+import "@tangle-network/sandbox-ui/workflows";
+import { SandboxArtifactPane as l } from "@tangle-network/sandbox-ui/workbench";
+//#region src/workspace/LiveInspection.tsx
+function u(n, s, c) {
+	let u = e(n ?? null, s ? 3e3 : void 0, !1, c), [d, f] = r(), [p, m] = r(), h = u.data?.files?.entries ?? [], g = h.find((e) => e.path === d) ?? h[0], _ = g && n ? `${n}/file?path=${encodeURIComponent(g.path)}` : null, v = e(_, s ? 3e3 : void 0, !1, c), y = v.data?.file, b = y && g && y.path === g.path && y.sha256 === g.sha256 && y.byteLength === g.byteLength, x = b ? `${g.path}:${g.sha256}` : void 0;
+	t(() => {
+		if (!x || !y) return;
+		let e = URL.createObjectURL(new Blob([y.content], { type: "text/plain;charset=utf-8" }));
+		return m({
+			key: x,
+			href: e
+		}), () => URL.revokeObjectURL(e);
+	}, [x, y?.content]);
+	let S = u.data?.coverage, C = u.status === 404 ? void 0 : S ? /* @__PURE__ */ o("details", {
+		className: "ws-status",
+		open: S.status !== "complete",
+		"data-capture-status": S.status,
+		children: [
+			/* @__PURE__ */ a("summary", { children: S.status === "complete" ? "Conversation retained" : "Conversation incomplete" }),
+			/* @__PURE__ */ a("p", { children: S.reason ?? S.source }),
+			!!u.data?.context?.length && /* @__PURE__ */ o("details", { children: [/* @__PURE__ */ a("summary", { children: "Recorded context" }), u.data.context.map((e, t) => /* @__PURE__ */ a("pre", {
+				className: "ws-code",
+				children: e.event.text
+			}, `${e.at}:${t}`))] }),
+			u.data?.files?.scope === "none" && /* @__PURE__ */ a("p", { children: u.data.files.reason ?? "No workspace inventory was captured." })
+		]
+	}) : u.error ? /* @__PURE__ */ o("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Conversation inspection unavailable: ", u.error]
+	}) : void 0;
+	return {
+		scoreboard: /* @__PURE__ */ o(i, { children: [C, u.data?.files && !u.data.files.complete && /* @__PURE__ */ o("p", {
+			className: "ws-status",
+			role: "alert",
+			children: ["Workspace inventory incomplete: ", u.data.files.reason ?? "Some files could not be retained."]
+		})] }),
+		files: g ? /* @__PURE__ */ a("section", {
+			"aria-label": "Retained files",
+			className: "flex min-h-0 flex-1 flex-col",
+			"data-file-scope": u.data?.files?.scope,
+			"data-file-complete": u.data?.files?.complete,
+			"data-file": g.path,
+			"data-file-hash": g.sha256,
+			children: b ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(l, {
+				className: "min-h-0 flex-1",
+				artifact: {
+					id: `${g.path}:${g.sha256}`,
+					path: g.path,
+					filename: g.path.split("/").at(-1) ?? g.path,
+					content: y.content,
+					...y.before ? { baselineContent: y.before.content } : {}
+				},
+				paths: h.map((e) => e.path),
+				showTree: !0,
+				onFileSelect: f
+			}), /* @__PURE__ */ o("details", {
+				className: "ws-status",
+				children: [
+					/* @__PURE__ */ a("summary", { children: "Provenance" }),
+					/* @__PURE__ */ a("code", { children: g.sha256 }),
+					y.before && /* @__PURE__ */ o("p", { children: [
+						"Compared with ",
+						y.before.source.kind,
+						" ",
+						/* @__PURE__ */ a("code", { children: y.before.source.ref }),
+						": ",
+						/* @__PURE__ */ a("code", { children: y.before.sha256 })
+					] }),
+					/* @__PURE__ */ a("p", { children: /* @__PURE__ */ a("a", {
+						href: p && p.key === x ? p.href : void 0,
+						download: g.path.split("/").at(-1),
+						children: "Download"
+					}) })
+				]
+			})] }) : /* @__PURE__ */ a("p", {
+				className: "ws-status",
+				role: v.loading ? "status" : "alert",
+				children: v.loading ? `Reading ${g.path}…` : `This retained file is unavailable: ${v.error ?? "its content identity did not match the inventory"}`
+			})
+		}) : void 0
+	};
+}
+//#endregion
+//#region src/workspace/LiveRun.tsx
+var d = (e) => {
+	let t = e ? Date.parse(e) : NaN;
+	return Number.isFinite(t) ? t : void 0;
+}, f = (e) => e !== void 0 && Number.isFinite(e) ? new Date(e).toISOString() : void 0, p = (e, t) => [...e.workers.map((e) => {
+	let n = t.find((t) => t.id === e.id);
+	return {
+		...e,
+		startedAt: e.startedAt ?? f(n?.timing?.startedAt),
+		endedAt: e.endedAt ?? f(n?.timing?.settledAt ?? n?.settledAt)
+	};
+}), ...t.filter((t) => t.id !== e.id && !e.workers.some((e) => e.id === t.id)).map((e) => ({
+	id: e.id,
+	parent: e.parentId,
+	label: e.label ?? e.id,
+	runtime: e.runtime,
+	status: e.status ?? "unknown",
+	startedAt: f(e.timing?.startedAt),
+	endedAt: f(e.timing?.settledAt ?? e.settledAt)
+}))], m = (...e) => e.every((e) => e && e.usdKnown !== !1 && Number.isFinite(e.usd) && e.usd >= 0) ? e.reduce((e, t) => e + (t?.usd ?? 0), 0) : void 0, h = (e) => s(e === "down" ? "failed" : e === "cancelled" ? "stopped" : e), g = (e) => {
+	let t = h(e);
+	return t === "done" ? "succeeded" : t;
+}, _ = (e) => [
+	"running",
+	"waiting",
+	"needs-you"
+].includes(h(e));
+function v({ api: e, transport: i }) {
+	let [s, l] = r([]), [f, v] = r(null), [y, b] = r(!1), [x, S] = r(!1), [C, w] = r(""), [T, E] = r(0), [D, O] = r(), [k, A] = r(!0);
+	t(() => {
+		let t = i?.openEventSource ? i.openEventSource(`${e}/events`, b) : new EventSource(`${e}/events`);
+		return t.addEventListener("snapshot", (e) => {
+			try {
+				let t = JSON.parse(e.data);
+				if (!Array.isArray(t.snapshots)) throw Error("Invalid snapshot stream");
+				l((e) => {
+					let n = new Map((t.reset ? [] : e).map((e) => [e.root, e]));
+					for (let e of t.snapshots) n.set(e.root, e);
+					return [...n.values()];
+				}), E(t.sequence), v(null), b(!0);
+			} catch (e) {
+				v(String(e));
+			}
+		}), t.addEventListener("unavailable", () => v("The run snapshot is unavailable")), t.addEventListener("end", () => {
+			t.close(), S(!0);
+		}), i?.openEventSource || (t.onerror = () => b(!1)), () => t.close();
+	}, [e, i?.openEventSource]);
+	let j = s.flatMap((e, t) => e.supervisors.map((n) => ({
+		snapshot: e,
+		root: t,
+		run: n,
+		key: JSON.stringify([e.root, n.id])
+	}))), M = j.find((e) => e.key === C) ?? j[0], N = M?.snapshot.pursuit?.nodes.filter((e) => e.runId === M.run.id) ?? [], P = (e) => {
+		let t = N.find((t) => t.id === e), n = M?.run.workers.find((t) => t.id === e)?.materialization;
+		return [t?.model ?? (n?.model?.status === "known" ? n.model.id : void 0), t?.backend ?? n?.backend].filter(Boolean).join(" · ") || void 0;
+	}, F = M && {
+		...M.run,
+		workers: p(M.run, N)
+	}, I = F ? Math.min(...[F.startedAt, ...F.workers.map((e) => e.startedAt)].flatMap((e) => e && Number.isFinite(Date.parse(e)) ? [Date.parse(e)] : [])) : void 0, L = n(() => {
+		let e = M?.snapshot.generatedAt ?? Date.now(), t = I !== void 0 && Number.isFinite(I) ? I : e, n = (F?.workers ?? []).flatMap((n) => {
+			if (!n.startedAt || !Number.isFinite(Date.parse(n.startedAt))) return [];
+			let r = Math.max(0, Date.parse(n.startedAt) - t), i = d(n.endedAt) ?? (_(n.status) ? e : Date.parse(n.startedAt)), a = m(n.spend, n.metered);
+			return [{
+				id: n.id,
+				parentId: n.parent && n.parent !== n.id ? n.parent : F.id,
+				name: n.label,
+				kind: "pipeline",
+				startMs: r,
+				endMs: Math.max(r, i - t),
+				status: h(n.status),
+				...a === void 0 ? {} : { costUsd: a },
+				...n.lastActivityAt === void 0 ? {} : {
+					activityAt: [n.lastActivityAt - t],
+					medianEventGapMs: n.medianEventGapMs
+				},
+				...P(n.id) ? { detail: P(n.id) } : {},
+				...h(n.status) === "failed" && n.reason ? { facts: [{
+					label: "Failure",
+					value: n.reason
+				}] } : {},
+				...n.status === "cancelled" ? { outcome: {
+					tone: "neutral",
+					label: "Cancelled"
+				} } : {}
+			}];
+		});
+		F?.startedAt && F.status !== "unobserved" && !n.some((e) => e.id === F.id) && n.unshift({
+			id: F.id,
+			name: "root",
+			kind: "pipeline",
+			detail: P(F.id),
+			startMs: Math.max(0, Date.parse(F.startedAt) - t),
+			endMs: Math.max(0, Date.parse(F.completedAt ?? new Date(e).toISOString()) - t),
+			status: h(F.status),
+			...h(F.status) === "failed" && F.reason ? { facts: [{
+				label: "Failure",
+				value: F.reason
+			}] } : {},
+			...F.lastActivityAt === void 0 ? {} : {
+				activityAt: [F.lastActivityAt - t],
+				medianEventGapMs: F.medianEventGapMs
+			},
+			...m(F.driverSpend) === void 0 ? {} : { costUsd: m(F.driverSpend) },
+			...F.status === "cancelled" ? { outcome: {
+				tone: "neutral",
+				label: "Cancelled"
+			} } : {}
+		});
+		let r = F?.totals;
+		return {
+			spans: n,
+			totalMs: Math.max(0, ...n.map((e) => e.endMs)),
+			...r?.tokensKnown !== !1 && typeof r?.tokensInput == "number" && Number.isFinite(r.tokensInput) && r.tokensInput >= 0 ? { promptTokens: r.tokensInput } : {},
+			...r?.tokensKnown !== !1 && typeof r?.tokensOutput == "number" && Number.isFinite(r.tokensOutput) && r.tokensOutput >= 0 ? { completionTokens: r.tokensOutput } : {},
+			errors: n.filter((e) => e.status === "failed").length
+		};
+	}, [
+		M?.snapshot,
+		M?.run,
+		I
+	]), R = F?.workers.filter((e) => e.id !== F.id) ?? [], z = F ? [{
+		id: F.id,
+		label: "root",
+		status: g(F.status),
+		model: P(F.id),
+		costUsd: m(F.driverSpend),
+		startedAt: d(F.startedAt),
+		lastActivityAt: F.lastActivityAt,
+		medianEventGapMs: F.medianEventGapMs,
+		result: F.status === "cancelled" ? "Cancelled" : g(F.status) === "failed" ? F.reason || "Failure cause not recorded" : void 0
+	}, ...R.map((e) => ({
+		id: e.id,
+		label: e.label,
+		harness: e.runtime,
+		model: P(e.id),
+		status: g(e.status),
+		costUsd: m(e.spend, e.metered),
+		startedAt: d(e.startedAt),
+		lastActivityAt: e.lastActivityAt,
+		medianEventGapMs: e.medianEventGapMs,
+		turn: e.liveTail?.at(-1),
+		events: e.liveTail?.slice(-3).map((t, n) => ({
+			id: `${e.id}:${n}:${t}`,
+			label: t
+		})),
+		result: e.status === "cancelled" ? "Cancelled" : g(e.status) === "failed" ? e.reason || "Failure cause not recorded" : e.verdict
+	}))] : [], B = D, V = u(M && B ? `${e}/agents/${M.root}/${encodeURIComponent(M.run.id)}/${encodeURIComponent(B)}` : void 0, !!F && _(F.status), i?.fetch), H = new Set(z.map((e) => e.id)), U = R.map((e) => ({
+		from: e.parent && e.parent !== e.id && H.has(e.parent) ? e.parent : F.id,
+		to: e.id,
+		kind: "spawn"
+	})), W = Object.fromEntries(z.map(({ id: e, label: t, harness: n, model: r, turn: i, events: a, result: o, status: s, costUsd: c, startedAt: l, lastActivityAt: u, medianEventGapMs: d }) => [e, {
+		label: t,
+		harness: n,
+		model: r,
+		turn: i,
+		events: a,
+		result: o,
+		...l === void 0 ? {
+			status: s,
+			costUsd: c,
+			lastActivityAt: u,
+			medianEventGapMs: d
+		} : {}
+	}]));
+	return /* @__PURE__ */ o("main", {
+		className: "ws-live",
+		"data-api": e,
+		"data-top-sequence": T,
+		children: [
+			/* @__PURE__ */ o("header", { children: [/* @__PURE__ */ o("label", { children: ["Run", /* @__PURE__ */ a("select", {
+				"aria-label": "Run",
+				value: M?.key ?? "",
+				onChange: (e) => {
+					w(e.target.value), O(void 0);
+				},
+				children: j.map((e) => /* @__PURE__ */ a("option", {
+					value: e.key,
+					children: e.run.id
+				}, e.key))
+			})] }), /* @__PURE__ */ a("span", {
+				role: "status",
+				children: x ? "Finished · viewer closed" : y ? "● Connected" : s.length ? "○ Reconnecting" : "Connecting…"
+			})] }),
+			M?.run.task && M.run.task !== M.run.id && /* @__PURE__ */ a("p", { children: M.run.task }),
+			f && /* @__PURE__ */ a("p", {
+				role: "alert",
+				children: f
+			}),
+			(M ? [M.snapshot] : s).filter((e) => e.completeness === "partial").map((e) => /* @__PURE__ */ o("p", {
+				role: "alert",
+				children: ["Partial capture: ", e.diagnostics.map((e) => `${e.source}: ${e.reason}`).join(" · ")]
+			}, e.root)),
+			M ? /* @__PURE__ */ a(c, {
+				trace: L,
+				label: "Run",
+				selectedAgentId: B,
+				conversationOpen: k,
+				openEventSource: i?.openEventSource,
+				onSelectAgent: (e) => {
+					e && O(e), A(e !== void 0);
+				},
+				live: _(M.run.status) || F.workers.some((e) => _(e.status)),
+				startedAt: Number.isFinite(I) ? I : void 0,
+				agentCards: W,
+				agentGraph: {
+					defaultLayout: "tree",
+					edges: U
+				},
+				defaultView: "graph",
+				maxHeight: 650,
+				files: V.files,
+				scoreboard: V.scoreboard,
+				streamUrl: (t) => `${e}/agents/${M.root}/${encodeURIComponent(M.run.id)}/${encodeURIComponent(t)}/stream`
+			}, M.key) : y && !s.some((e) => e.completeness === "partial") && /* @__PURE__ */ a("p", {
+				role: "status",
+				children: "No recorded agents in these roots."
+			})
+		]
+	});
+}
+//#endregion
+export { v as LiveRun };

package/dist/graph-viewer/{Outputs-QET3nPPp.js → Outputs-rwBg_x36.js}

@@ -1,8 +1,8 @@
-import { m as e, p as t } from "./data-BJmP7F1M.js";
+import { m as e, p as t } from "./data-DTGmre1W.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 { c as r, f as i, o as a } from "./RunOverview-CSqsunqf.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-CHTx8rMz.js";
+import { n as h, r as g, t as _ } from "./run-files-BckQDdTD.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";