@tangle-network/sandbox-cli 0.21.23 → 0.21.24

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

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

package/dist/graph-viewer/LiveRun-C-yKwkKs.js

@@ -0,0 +1,190 @@
+import { useEffect as e, useMemo as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { TraceWorkspace as a } from "@tangle-network/sandbox-ui/run";
+import { AgentGraph as o } from "@tangle-network/sandbox-ui/workflows";
+//#region src/workspace/LiveRun.tsx
+var s = (e) => {
+	let t = e ? Date.parse(e) : NaN;
+	return Number.isFinite(t) ? t : void 0;
+}, c = (...e) => e.every((e) => e && e.usdKnown !== !1) ? e.reduce((e, t) => e + (t?.usd ?? 0), 0) : void 0, l = (e) => e === "running" ? "running" : e === "done" ? "succeeded" : e === "down" ? "failed" : e === "cancelled" ? "stopped" : "unknown";
+function u({ api: u }) {
+	let [d, f] = n([]), [p, m] = n(null), [h, g] = n(!1), [_, v] = n(""), [y, b] = n(0), [x, S] = n(), [C, w] = n("tree");
+	e(() => {
+		let e = new EventSource(`${u}/events`);
+		return e.addEventListener("snapshot", (e) => {
+			try {
+				let t = JSON.parse(e.data);
+				if (!Array.isArray(t.snapshots)) throw Error("Invalid snapshot stream");
+				f((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()];
+				}), b(t.sequence), m(null), g(!0);
+			} catch (e) {
+				m(String(e));
+			}
+		}), e.addEventListener("unavailable", () => m("The run snapshot is unavailable")), e.onerror = () => g(!1), () => e.close();
+	}, [u]);
+	let T = d.flatMap((e, t) => e.supervisors.map((n) => ({
+		snapshot: e,
+		root: t,
+		run: n,
+		key: JSON.stringify([e.root, n.id])
+	}))), E = T.find((e) => e.key === _) ?? T[0], D = E?.snapshot.pursuit?.nodes.filter((e) => e.runId === E.run.id) ?? [], O = (e) => {
+		let t = D.find((t) => t.id === e);
+		return [t?.model, t?.backend].filter(Boolean).join(" · ") || void 0;
+	}, k = E ? Math.min(...[E.run.startedAt, ...E.run.workers.map((e) => e.startedAt)].flatMap((e) => e && Number.isFinite(Date.parse(e)) ? [Date.parse(e)] : [])) : void 0, A = t(() => {
+		let e = E?.run, t = E?.snapshot.generatedAt ?? Date.now(), n = k !== void 0 && Number.isFinite(k) ? k : t, r = (e?.workers ?? []).flatMap((e) => {
+			if (!e.startedAt || !Number.isFinite(Date.parse(e.startedAt))) return [];
+			let r = Math.max(0, Date.parse(e.startedAt) - n), i = s(e.endedAt) ?? (e.status === "running" ? t : Date.parse(e.startedAt)), a = c(e.spend, e.metered);
+			return [{
+				id: e.id,
+				...e.parent ? { parentId: e.parent } : {},
+				name: e.label,
+				kind: "pipeline",
+				startMs: r,
+				endMs: Math.max(r, i - n),
+				status: e.status === "running" ? "running" : e.status === "down" ? "failed" : "done",
+				...a === void 0 ? {} : { costUsd: a },
+				...O(e.id) ? { detail: O(e.id) } : {},
+				...e.status === "cancelled" ? { outcome: {
+					tone: "neutral",
+					label: "Cancelled"
+				} } : {}
+			}];
+		});
+		return e?.startedAt && e.status !== "unobserved" && !r.some((t) => t.id === e.id) && r.unshift({
+			id: e.id,
+			name: "root",
+			kind: "pipeline",
+			detail: O(e.id),
+			startMs: Math.max(0, Date.parse(e.startedAt) - n),
+			endMs: Math.max(0, Date.parse(e.completedAt ?? new Date(t).toISOString()) - n),
+			status: e.status === "running" ? "running" : e.status === "down" ? "failed" : "done",
+			...c(e.driverSpend) === void 0 ? {} : { costUsd: c(e.driverSpend) },
+			...e.status === "cancelled" ? { outcome: {
+				tone: "neutral",
+				label: "Cancelled"
+			} } : {}
+		}), {
+			spans: r,
+			totalMs: Math.max(0, ...r.map((e) => e.endMs)),
+			promptTokens: 0,
+			completionTokens: 0,
+			modelCalls: 0,
+			toolCalls: 0,
+			errors: r.filter((e) => e.status === "failed").length
+		};
+	}, [
+		E?.snapshot,
+		E?.run,
+		k
+	]), j = E?.run, M = j?.workers.filter((e) => e.id !== j.id) ?? [], N = j ? [{
+		id: j.id,
+		label: "root",
+		status: l(j.status),
+		model: O(j.id),
+		costUsd: c(j.driverSpend),
+		startedAt: s(j.startedAt),
+		result: j.status === "cancelled" ? "Cancelled" : void 0
+	}, ...M.map((e) => ({
+		id: e.id,
+		label: e.label,
+		harness: e.runtime,
+		model: O(e.id),
+		status: l(e.status),
+		costUsd: c(e.spend, e.metered),
+		startedAt: s(e.startedAt),
+		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" : e.verdict
+	}))] : [], P = new Set(N.map((e) => e.id)), F = M.map((e) => ({
+		from: e.parent && e.parent !== e.id && P.has(e.parent) ? e.parent : j.id,
+		to: e.id,
+		kind: "spawn"
+	})), I = Object.fromEntries([...(E?.run.workers ?? []).filter((e) => e.status === "cancelled").map((e) => [e.id, {
+		status: "stopped",
+		result: "Cancelled"
+	}]), ...E?.run.status === "cancelled" ? [[E.run.id, {
+		status: "stopped",
+		result: "Cancelled"
+	}]] : []]);
+	return /* @__PURE__ */ i("main", {
+		className: "ws-live",
+		"data-top-sequence": y,
+		children: [
+			/* @__PURE__ */ i("header", { children: [
+				/* @__PURE__ */ r("h1", { children: "Live agents" }),
+				/* @__PURE__ */ i("label", { children: ["Run", /* @__PURE__ */ r("select", {
+					"aria-label": "Run",
+					value: E?.key ?? "",
+					onChange: (e) => {
+						v(e.target.value), S(void 0);
+					},
+					children: T.map((e) => /* @__PURE__ */ r("option", {
+						value: e.key,
+						children: e.run.id
+					}, e.key))
+				})] }),
+				/* @__PURE__ */ r("span", {
+					role: "status",
+					children: h ? "● Connected" : d.length ? "○ Reconnecting" : "Connecting…"
+				})
+			] }),
+			E?.run.task && E.run.task !== E.run.id && /* @__PURE__ */ r("p", { children: E.run.task }),
+			p && /* @__PURE__ */ r("p", {
+				role: "alert",
+				children: p
+			}),
+			E?.snapshot.completeness === "partial" && /* @__PURE__ */ i("p", {
+				role: "alert",
+				children: ["Partial capture: ", E.snapshot.diagnostics.map((e) => `${e.source}: ${e.reason}`).join(" · ")]
+			}),
+			E ? /* @__PURE__ */ i("div", {
+				className: "ws-live-split",
+				children: [/* @__PURE__ */ i("section", {
+					"aria-label": "Agent graph",
+					children: [/* @__PURE__ */ r("div", {
+						role: "group",
+						"aria-label": "Graph layout",
+						children: ["tree", "hub"].map((e) => /* @__PURE__ */ r("button", {
+							type: "button",
+							"aria-pressed": C === e,
+							onClick: () => w(e),
+							children: e
+						}, e))
+					}), /* @__PURE__ */ r(o, {
+						nodes: N,
+						edges: F,
+						layout: C,
+						live: N.some((e) => e.status === "running"),
+						selectedId: x ?? null,
+						onSelect: S,
+						title: E.run.id,
+						className: "ws-live-graph"
+					}, E.key)]
+				}), /* @__PURE__ */ r(a, {
+					trace: A,
+					label: E.run.id,
+					selectedAgentId: x,
+					onSelectAgent: S,
+					live: E.run.status === "running" || E.run.workers.some((e) => e.status === "running"),
+					startedAt: Number.isFinite(k) ? k : void 0,
+					agentCards: I,
+					summary: !1,
+					defaultView: "agents",
+					maxHeight: 650,
+					streamUrl: (e) => `${u}/agents/${E.root}/${encodeURIComponent(E.run.id)}/${encodeURIComponent(e)}/stream`
+				}, E.key)]
+			}) : h && /* @__PURE__ */ r("p", {
+				role: "status",
+				children: "No recorded agents in these roots."
+			})
+		]
+	});
+}
+//#endregion
+export { u as LiveRun };