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

package/dist/graph-viewer/viewer/LiveRun-B-BckyEj.js

@@ -0,0 +1,820 @@
+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 } from "./utils-BuObIC0n.js";
+import { t as i } from "./workbench-E6_5q_oL.js";
+import { y as a } from "./markdown-lADwhD7y.js";
+import { a as o, o as s } from "./record-DZnT6SWN-H-ul3U3a.js";
+import { h as c, n as l, o as u, p as d, t as f, x as p } from "./workflows--mZpHYqo.js";
+import { n as m } from "./status-meta-S0kV_RDp.js";
+import { p as h } from "./data-CVHeKhrh.js";
+import { a as g, d as _ } from "./react-DQ7E2Epi.js";
+import { r as v, t as y } from "./model-brand-bTcMjQtB-RSb7EbGB.js";
+//#region node_modules/.pnpm/@tangle-network+sandbox-ui@2.0.15_b185337ee4bca5ec0279ca525649b58b/node_modules/@tangle-network/sandbox-ui/dist/run-Cl_pQ3pl.js
+var b = n(), x = /* @__PURE__ */ e(t(), 1);
+function S(e) {
+	if (e.kind === "pipeline" || e.kind === "model") {
+		let t = e.detail ? v(e.detail) : null;
+		return t ? /* @__PURE__ */ (0, b.jsx)(y, {
+			identity: t,
+			size: "sm"
+		}) : void 0;
+	}
+	let t = e.icon ?? (e.kind === "tool" ? e.detail : void 0);
+	return t ? /* @__PURE__ */ (0, b.jsx)(l, {
+		id: t,
+		displayName: t,
+		size: 14,
+		className: "rounded-[3px]"
+	}) : void 0;
+}
+function C({ renderIcon: e = S, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)(g, {
+		renderIcon: e,
+		...t
+	});
+}
+var w = /* @__PURE__ */ new Set([
+	"bash",
+	"read",
+	"write",
+	"edit",
+	"glob",
+	"grep",
+	"list",
+	"download",
+	"inspect",
+	"audit"
+]), T = (e) => {
+	let t = (e ?? "").toLowerCase();
+	return w.has(t) ? t : "unknown";
+}, E = (e) => {
+	if (e != null) return typeof e == "string" ? e : JSON.stringify(e);
+}, D = (e) => typeof e == "object" && !!e && ("error" in e || e.is_error === !0), O = (e) => {
+	try {
+		let t = JSON.parse(e);
+		return typeof t == "object" && t ? `\`\`\`json\n${e}\n\`\`\`` : e;
+	} catch {
+		return e;
+	}
+};
+function k(e, t) {
+	let n = [...e];
+	for (let e of t) {
+		let t = Date.parse(e.at), { event: r } = e, i = n[n.length - 1];
+		if (r.kind === "text" && r.text) i?.kind === "message" && i.role === "assistant" && !i.sealed ? n[n.length - 1] = {
+			...i,
+			content: i.content + r.text
+		} : n.push({
+			id: `m-${e.seq}`,
+			at: t,
+			kind: "message",
+			role: "assistant",
+			content: r.text
+		});
+		else if (r.kind === "user" && r.text) n.push({
+			id: `u-${e.seq}`,
+			at: t,
+			kind: "message",
+			role: "user",
+			content: r.text
+		});
+		else if (r.kind === "notice" && r.text) r.provenance === "delegated-input" ? n.push({
+			id: `u-${e.seq}`,
+			at: t,
+			kind: "message",
+			role: "user",
+			content: O(r.text)
+		}) : r.provenance === "recorded-result" ? n.push({
+			id: `m-${e.seq}`,
+			at: t,
+			kind: "message",
+			role: "assistant",
+			content: O(r.text),
+			sealed: !0
+		}) : n.push({
+			id: `n-${e.seq}`,
+			at: t,
+			kind: "notice",
+			text: r.text
+		});
+		else if (r.kind === "reasoning" && r.text) i?.kind === "reasoning" ? n[n.length - 1] = {
+			...i,
+			text: i.text + r.text
+		} : n.push({
+			id: `r-${e.seq}`,
+			at: t,
+			kind: "reasoning",
+			text: r.text
+		});
+		else if (r.kind === "tool-call") {
+			let i = r.toolCallId ?? `t-${e.seq}`;
+			n.push({
+				id: i,
+				at: t,
+				kind: "tool",
+				call: {
+					id: i,
+					type: T(r.toolName),
+					label: r.toolName ?? "tool",
+					status: "running",
+					detail: E(r.args)
+				}
+			});
+		} else if (r.kind === "tool-result") {
+			let e = n.findIndex((e) => e.kind === "tool" && e.call.id === r.toolCallId), i = n[e];
+			i?.kind === "tool" && (n[e] = {
+				...i,
+				call: {
+					...i.call,
+					status: D(r.result) ? "error" : "success",
+					output: E(r.result),
+					duration: Math.max(0, t - i.at)
+				}
+			});
+		}
+	}
+	return n;
+}
+function A(e, t) {
+	switch (t.type) {
+		case "reset": return {
+			generation: t.generation,
+			entries: [],
+			lastSeq: 0,
+			alive: !0
+		};
+		case "rows": {
+			let n = t.generation !== void 0 && t.generation !== e.generation ? {
+				entries: [],
+				lastSeq: 0
+			} : e, r = t.rows.filter((e) => e.seq > n.lastSeq);
+			return {
+				generation: t.generation ?? e.generation,
+				entries: k(n.entries, r),
+				lastSeq: r.reduce((e, t) => Math.max(e, t.seq), n.lastSeq),
+				alive: t.alive ?? e.alive,
+				error: void 0
+			};
+		}
+		case "end": return {
+			...e,
+			alive: !1,
+			error: void 0
+		};
+		case "error": return {
+			...e,
+			error: t.message
+		};
+		case "unreachable": return {
+			...e,
+			error: "The agent stream is unreachable; the viewer may be closed."
+		};
+	}
+}
+function j(e, t) {
+	let [n, r] = (0, x.useReducer)(A, {
+		entries: [],
+		lastSeq: 0,
+		alive: !1
+	});
+	return (0, x.useEffect)(() => {
+		if (!e || !t && typeof EventSource > "u") return;
+		r({ type: "reset" });
+		let n = 0, i = !1, a, o, s = () => {
+			let c = new URL(e, globalThis.location?.href);
+			n > 0 && c.searchParams.set("after", String(n)), a = t ? t(c.toString(), (e) => {
+				!i && !e && r({ type: "unreachable" });
+			}) : new EventSource(c.toString());
+			let l = !1;
+			t || (a.onopen = () => {
+				l = !0;
+			}), a.addEventListener("rows", (e) => {
+				let t = JSON.parse(e.data);
+				n = Math.max(n, t.lastSeq ?? 0, ...t.events.map((e) => e.seq)), r({
+					type: "rows",
+					generation: t.generation,
+					rows: t.events,
+					alive: t.alive
+				});
+			}), a.addEventListener("reset", (e) => {
+				n = 0, r({
+					type: "reset",
+					generation: JSON.parse(e.data).generation
+				});
+			}), a.addEventListener("end", () => {
+				i = !0, a?.close(), r({ type: "end" });
+			}), t || (a.onerror = () => {
+				a?.close(), !i && (l || r({ type: "unreachable" }), o = setTimeout(s, 1e3));
+			});
+		};
+		return s(), () => {
+			i = !0, clearTimeout(o), a?.close();
+		};
+	}, [e, t]), n;
+}
+function M(e, t) {
+	for (let n = e; n; n = n.parentId ? t.get(n.parentId) : void 0) if (n.kind === "pipeline") return n;
+}
+function N(e, t, n, r, i, a = []) {
+	let o = [], s = [], c = /* @__PURE__ */ new Set(), l = new Set(e.flatMap((e) => e.kind === "pipeline" && e.id ? [e.id] : [])), u = /* @__PURE__ */ new Map();
+	for (let [i, a] of e.entries()) {
+		if (a.kind === "pipeline" || n !== null && a.startMs > n) continue;
+		let e = M(a, t);
+		if (!e?.id) continue;
+		let o = u.get(e.id) ?? [], s = [{
+			suffix: "start",
+			label: "Started ",
+			time: a.startMs
+		}];
+		a.status !== "running" && a.endMs !== a.startMs && (n === null || a.endMs <= n) && s.push({
+			suffix: "end",
+			label: "Recorded ",
+			time: a.endMs
+		});
+		for (let e of s) o.push({
+			id: (a.id ?? String(i)) + ":" + e.suffix,
+			label: e.label + a.name,
+			at: r == null || !Number.isFinite(r) ? void 0 : r + e.time
+		});
+		u.set(e.id, o);
+	}
+	for (let a of e) {
+		if (a.kind !== "pipeline" || !a.id || c.has(a.id) || n !== null && a.startMs > n) continue;
+		c.add(a.id);
+		let e = i?.[a.id], l = n !== null && (a.endMs > n || a.status === "running") ? "running" : m(a.status ?? "unknown"), f = (a.activityAt ?? []).reduce((e, t) => Number.isFinite(t) && (n === null || t <= n) ? Math.max(e, t) : e, -Infinity), p = (e?.events ?? u.get(a.id) ?? []).filter((e) => n === null || r != null && e.at != null && e.at <= r + n).sort((e, t) => (e.at ?? 0) - (t.at ?? 0)), h = d({
+			events: p,
+			lastActivityAt: r != null && Number.isFinite(r) && Number.isFinite(f) ? r + f : n === null ? e?.lastActivityAt : void 0,
+			medianEventGapMs: a.medianEventGapMs ?? (n === null ? e?.medianEventGapMs : void 0)
+		});
+		o.push({
+			...e,
+			id: a.id,
+			label: e?.label ?? a.name,
+			model: e?.model ?? a.detail,
+			status: n === null && e?.status ? e.status : l === "done" ? "succeeded" : l,
+			costUsd: n === null ? e?.costUsd ?? a.costUsd : a.endMs <= n ? a.costUsd : void 0,
+			startedAt: r == null || !Number.isFinite(r) ? n === null ? e?.startedAt : void 0 : r + a.startMs,
+			...h,
+			events: p.slice(-4),
+			turn: n === null ? e?.turn : void 0,
+			result: n === null ? e?.result ?? a.output : a.endMs <= n ? a.output : void 0,
+			commits: n === null ? e?.commits : void 0,
+			tokens: n === null ? e?.tokens : void 0
+		});
+		let g = a.parentId ? t.get(a.parentId) : void 0, _ = g && M(g, t);
+		_?.id && s.push({
+			from: _.id,
+			to: a.id,
+			kind: "spawn"
+		});
+	}
+	for (let [e, t] of Object.entries(i ?? {})) l.has(e) || o.push(n === null ? {
+		...t,
+		id: e,
+		label: t.label ?? e,
+		status: t.status ?? "unknown"
+	} : {
+		id: e,
+		label: t.label ?? e,
+		model: t.model,
+		harness: t.harness,
+		role: t.role,
+		status: "unknown",
+		turn: "Timing unavailable at this cursor"
+	});
+	let f = new Set(o.map((e) => e.id));
+	for (let e of a) f.has(e.from) && f.has(e.to) && (e.kind !== "spawn" || !s.some((t) => t.kind === "spawn" && t.from === e.from && t.to === e.to)) && s.push(e);
+	return {
+		nodes: o,
+		edges: s
+	};
+}
+function ee(e, t) {
+	return e.map((n, r) => n.kind === "message" ? {
+		id: n.id,
+		kind: "message",
+		role: n.role,
+		content: n.content,
+		isStreaming: t && r === e.length - 1
+	} : n.kind === "tool" ? {
+		id: n.id,
+		kind: "tool",
+		call: n.call
+	} : n.kind === "notice" ? {
+		id: n.id,
+		kind: "custom",
+		content: /* @__PURE__ */ (0, b.jsx)("p", {
+			className: "text-xs text-muted-foreground",
+			children: n.text
+		})
+	} : {
+		id: n.id,
+		kind: "custom",
+		content: /* @__PURE__ */ (0, b.jsx)(s, {
+			part: {
+				type: "reasoning",
+				text: n.text
+			},
+			defaultOpen: !1,
+			openWhileActive: !1
+		})
+	});
+}
+function te({ label: e }) {
+	return /* @__PURE__ */ (0, b.jsxs)("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: [e, ": not time-indexed"]
+	});
+}
+function P({ trace: e, streamUrl: t, openEventSource: n, events: i, onTimeChange: s, files: l, scoreboard: d, selectedAgentId: m, conversationOpen: h, onSelectAgent: g, agentCards: v, agentGraph: y, className: S, ...w }) {
+	let T = (0, x.useMemo)(() => new Map(e.spans.flatMap((e) => e.id ? [[e.id, e]] : [])), [e]), [E, D] = (0, x.useState)(), O = m ?? E, k = (e) => {
+		D(e), g?.(e);
+	}, A = O ? T.get(O) : void 0, P = O ? v?.[O] : void 0, F = A?.id ?? (P ? O : void 0), I = A?.name ?? P?.label ?? F, L = A?.detail ?? P?.model, R = !!F && h !== !1, { defaultLayout: z = "tree", ...B } = y ?? {}, [V, H] = (0, x.useState)(z), [U, ne] = (0, x.useState)(null), W = j(O && t ? t(O) : void 0, n), G = (0, x.useMemo)(() => {
+		if (w.startedAt !== void 0) return w.startedAt;
+		let e = W.entries[0]?.at;
+		return A && e !== void 0 ? e - A.startMs : void 0;
+	}, [
+		w.startedAt,
+		A,
+		W.entries
+	]), K = (0, x.useMemo)(() => N(e.spans, T, U, w.startedAt, v, y?.edges), [
+		e,
+		T,
+		U,
+		w.startedAt,
+		v,
+		y?.edges
+	]), q = K.nodes.find((e) => e.id === F), J = U === null || A && A.endMs <= U ? [...A?.facts ?? []] : [];
+	for (let [e, t] of [["Recorded result", q?.result], ["Activity", q?.turn]]) t && !J.some((e) => e.value === t) && J.push({
+		label: e,
+		value: t
+	});
+	let re = U !== null && w.startedAt !== void 0 ? w.startedAt + U : void 0, ie = U === null || G === void 0 ? W.entries : W.entries.filter((e) => e.at - G <= U), Y = W.alive && !W.error && U === null, X = (0, x.useMemo)(() => ee(ie, Y), [ie, Y]), Z = (0, x.useRef)(null), Q = (0, x.useRef)(!0), [ae, $] = (0, x.useState)(!1);
+	return (0, x.useLayoutEffect)(() => {
+		let e = Z.current;
+		e && (Q.current ? e.scrollTop = e.scrollHeight : $(!0));
+	}, [X.length, X[X.length - 1]]), (0, x.useEffect)(() => {
+		Q.current = !0, $(!1);
+	}, [O]), /* @__PURE__ */ (0, b.jsxs)("div", {
+		className: r("sandbox-trace-workspace flex min-h-0 flex-col gap-3", S),
+		children: [
+			/* @__PURE__ */ (0, b.jsx)("div", {
+				className: R ? "min-w-0 lg:mr-[420px]" : "min-w-0",
+				children: /* @__PURE__ */ (0, b.jsx)(C, {
+					...w,
+					trace: e,
+					markers: i,
+					selectedId: F,
+					onDeselect: () => k(void 0),
+					onSelect: (e) => {
+						let t = M(e, T);
+						t?.id && k(t.id);
+					},
+					onTimeChange: (e) => {
+						ne(e), s?.(e);
+					},
+					latestEvents: /* @__PURE__ */ (0, b.jsx)(u, {
+						agents: K.nodes,
+						now: re,
+						live: U === null,
+						selectedId: F,
+						onSelect: k
+					}),
+					graph: /* @__PURE__ */ (0, b.jsxs)("section", {
+						className: "flex h-[60vh] min-h-[480px] flex-col",
+						"aria-label": "Agent graph",
+						children: [/* @__PURE__ */ (0, b.jsxs)("label", {
+							className: "flex h-8 shrink-0 items-center justify-end gap-2 px-3 text-xs text-muted-foreground",
+							children: ["Layout", /* @__PURE__ */ (0, b.jsxs)("select", {
+								"aria-label": "Graph layout",
+								value: V,
+								onChange: (e) => H(e.currentTarget.value),
+								className: "rounded-[var(--radius-control)] border border-border bg-card px-2 py-1 text-foreground",
+								children: [/* @__PURE__ */ (0, b.jsx)("option", {
+									value: "tree",
+									children: "Tree"
+								}), /* @__PURE__ */ (0, b.jsx)("option", {
+									value: "hub",
+									children: "Hub"
+								})]
+							})]
+						}), /* @__PURE__ */ (0, b.jsx)(f, {
+							...B,
+							layout: V,
+							renderEventIcon: (e) => _(e.label),
+							nodes: K.nodes,
+							edges: K.edges,
+							selectedId: F ?? null,
+							onSelect: k,
+							showLatestEvents: !1,
+							now: re,
+							live: U === null && K.nodes.some((e) => [
+								"running",
+								"waiting",
+								"needs-you",
+								"failed"
+							].includes(e.status)),
+							className: r("min-h-0 flex-1", B.className)
+						})]
+					})
+				})
+			}),
+			l && /* @__PURE__ */ (0, b.jsx)("section", {
+				"aria-label": "Code at the cursor",
+				className: "flex h-[70vh] min-h-0 flex-col overflow-hidden rounded-xl border border-border bg-card",
+				children: l
+			}),
+			d && /* @__PURE__ */ (0, b.jsx)("section", {
+				"aria-label": "Scoreboard at the cursor",
+				className: "overflow-hidden rounded-xl border border-border bg-card",
+				children: d
+			}),
+			R && /* @__PURE__ */ (0, b.jsxs)("aside", {
+				"aria-label": `${I} conversation`,
+				onKeyDown: (e) => {
+					e.key === "Escape" && k(void 0);
+				},
+				className: "fixed inset-y-0 right-0 z-40 flex w-full max-w-[420px] flex-col border-l border-border bg-card shadow-2xl",
+				children: [
+					/* @__PURE__ */ (0, b.jsxs)("header", {
+						className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2",
+						children: [
+							/* @__PURE__ */ (0, b.jsx)("span", {
+								className: r("h-1.5 w-1.5 shrink-0 rounded-full", Y ? "bg-[var(--surface-info-text)]" : "bg-muted-foreground"),
+								"aria-hidden": !0,
+								"data-motion": Y ? "essential" : void 0,
+								style: Y ? c : void 0,
+								onAnimationStart: p
+							}),
+							/* @__PURE__ */ (0, b.jsx)("h3", {
+								className: "min-w-0 flex-1 truncate text-sm font-semibold",
+								children: I
+							}),
+							L && /* @__PURE__ */ (0, b.jsx)("span", {
+								className: "truncate text-xs text-muted-foreground",
+								children: L
+							}),
+							/* @__PURE__ */ (0, b.jsx)("button", {
+								type: "button",
+								"aria-label": "Close conversation",
+								title: "Close (Esc)",
+								onClick: () => k(void 0),
+								className: "shrink-0 rounded-md p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+								children: /* @__PURE__ */ (0, b.jsx)(a, {
+									"aria-hidden": !0,
+									className: "h-4 w-4"
+								})
+							})
+						]
+					}),
+					J.length > 0 && /* @__PURE__ */ (0, b.jsx)("section", {
+						"aria-label": "Recorded agent details",
+						tabIndex: 0,
+						className: "max-h-[35vh] shrink-0 overflow-y-auto border-b border-border px-3 py-2 text-sm",
+						children: /* @__PURE__ */ (0, b.jsx)("dl", {
+							className: "space-y-2",
+							children: J.map((e, t) => /* @__PURE__ */ (0, b.jsxs)("div", { children: [/* @__PURE__ */ (0, b.jsx)("dt", {
+								className: "text-xs text-muted-foreground",
+								children: e.label
+							}), /* @__PURE__ */ (0, b.jsx)("dd", {
+								className: "m-0 whitespace-pre-wrap break-words",
+								children: e.value
+							})] }, t))
+						})
+					}),
+					/* @__PURE__ */ (0, b.jsx)("div", {
+						ref: Z,
+						onScroll: (e) => {
+							let t = e.currentTarget;
+							Q.current = t.scrollHeight - t.scrollTop - t.clientHeight < 48, Q.current && $(!1);
+						},
+						"data-primary-content": "",
+						className: "min-h-0 flex-1 overflow-y-auto px-3 py-2",
+						children: t && (U === null || G !== void 0) ? /* @__PURE__ */ (0, b.jsx)(o, {
+							items: X,
+							isThinking: Y && X.length === 0,
+							emptyState: /* @__PURE__ */ (0, b.jsx)("p", {
+								className: "p-4 text-sm text-muted-foreground",
+								children: W.error ?? "No messages yet."
+							})
+						}) : /* @__PURE__ */ (0, b.jsx)(te, { label: "Conversation" })
+					}),
+					ae && /* @__PURE__ */ (0, b.jsx)("button", {
+						type: "button",
+						onClick: () => {
+							let e = Z.current;
+							e && (e.scrollTop = e.scrollHeight), Q.current = !0, $(!1);
+						},
+						className: "absolute bottom-3 left-1/2 -translate-x-1/2 rounded-full border border-border bg-background px-3 py-1 text-xs shadow-sm",
+						children: "New output"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/workspace/LiveInspection.tsx
+function F(e, t, n) {
+	let r = h(e ?? null, t ? 3e3 : void 0, !1, n), [a, o] = (0, x.useState)(), [s, c] = (0, x.useState)(), l = r.data?.files?.entries ?? [], u = l.find((e) => e.path === a) ?? l[0], d = u && e ? `${e}/file?path=${encodeURIComponent(u.path)}` : null, f = h(d, t ? 3e3 : void 0, !1, n), p = f.data?.file, m = p && u && p.path === u.path && p.sha256 === u.sha256 && p.byteLength === u.byteLength, g = m ? `${u.path}:${u.sha256}` : void 0;
+	(0, x.useEffect)(() => {
+		if (!g || !p) return;
+		let e = URL.createObjectURL(new Blob([p.content], { type: "text/plain;charset=utf-8" }));
+		return c({
+			key: g,
+			href: e
+		}), () => URL.revokeObjectURL(e);
+	}, [g, p?.content]);
+	let _ = r.data?.coverage, v = r.status === 404 ? void 0 : _ ? /* @__PURE__ */ (0, b.jsxs)("details", {
+		className: "ws-status",
+		open: _.status !== "complete",
+		"data-capture-status": _.status,
+		children: [
+			/* @__PURE__ */ (0, b.jsx)("summary", { children: _.status === "complete" ? "Conversation retained" : "Conversation incomplete" }),
+			/* @__PURE__ */ (0, b.jsx)("p", { children: _.reason ?? _.source }),
+			!!r.data?.context?.length && /* @__PURE__ */ (0, b.jsxs)("details", { children: [/* @__PURE__ */ (0, b.jsx)("summary", { children: "Recorded context" }), r.data.context.map((e, t) => /* @__PURE__ */ (0, b.jsx)("pre", {
+				className: "ws-code",
+				children: e.event.text
+			}, `${e.at}:${t}`))] }),
+			r.data?.files?.scope === "none" && /* @__PURE__ */ (0, b.jsx)("p", { children: r.data.files.reason ?? "No workspace inventory was captured." })
+		]
+	}) : r.error ? /* @__PURE__ */ (0, b.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Conversation inspection unavailable: ", r.error]
+	}) : void 0;
+	return {
+		scoreboard: /* @__PURE__ */ (0, b.jsxs)(b.Fragment, { children: [v, r.data?.files && !r.data.files.complete && /* @__PURE__ */ (0, b.jsxs)("p", {
+			className: "ws-status",
+			role: "alert",
+			children: ["Workspace inventory incomplete: ", r.data.files.reason ?? "Some files could not be retained."]
+		})] }),
+		files: u ? /* @__PURE__ */ (0, b.jsx)("section", {
+			"aria-label": "Retained files",
+			className: "flex min-h-0 flex-1 flex-col",
+			"data-file-scope": r.data?.files?.scope,
+			"data-file-complete": r.data?.files?.complete,
+			"data-file": u.path,
+			"data-file-hash": u.sha256,
+			children: m ? /* @__PURE__ */ (0, b.jsxs)(b.Fragment, { children: [/* @__PURE__ */ (0, b.jsx)(i, {
+				className: "min-h-0 flex-1",
+				artifact: {
+					id: `${u.path}:${u.sha256}`,
+					path: u.path,
+					filename: u.path.split("/").at(-1) ?? u.path,
+					content: p.content,
+					...p.before ? { baselineContent: p.before.content } : {}
+				},
+				paths: l.map((e) => e.path),
+				showTree: !0,
+				onFileSelect: o
+			}), /* @__PURE__ */ (0, b.jsxs)("details", {
+				className: "ws-status",
+				children: [
+					/* @__PURE__ */ (0, b.jsx)("summary", { children: "Provenance" }),
+					/* @__PURE__ */ (0, b.jsx)("code", { children: u.sha256 }),
+					p.before && /* @__PURE__ */ (0, b.jsxs)("p", { children: [
+						"Compared with ",
+						p.before.source.kind,
+						" ",
+						/* @__PURE__ */ (0, b.jsx)("code", { children: p.before.source.ref }),
+						": ",
+						/* @__PURE__ */ (0, b.jsx)("code", { children: p.before.sha256 })
+					] }),
+					/* @__PURE__ */ (0, b.jsx)("p", { children: /* @__PURE__ */ (0, b.jsx)("a", {
+						href: s && s.key === g ? s.href : void 0,
+						download: u.path.split("/").at(-1),
+						children: "Download"
+					}) })
+				]
+			})] }) : /* @__PURE__ */ (0, b.jsx)("p", {
+				className: "ws-status",
+				role: f.loading ? "status" : "alert",
+				children: f.loading ? `Reading ${u.path}…` : `This retained file is unavailable: ${f.error ?? "its content identity did not match the inventory"}`
+			})
+		}) : void 0
+	};
+}
+//#endregion
+//#region src/workspace/LiveRun.tsx
+var I = (e) => {
+	let t = e ? Date.parse(e) : NaN;
+	return Number.isFinite(t) ? t : void 0;
+}, L = (e) => e !== void 0 && Number.isFinite(e) ? new Date(e).toISOString() : void 0, R = (e, t) => [...e.workers.map((e) => {
+	let n = t.find((t) => t.id === e.id);
+	return {
+		...e,
+		startedAt: e.startedAt ?? L(n?.timing?.startedAt),
+		endedAt: e.endedAt ?? L(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: L(e.timing?.startedAt),
+	endedAt: L(e.timing?.settledAt ?? e.settledAt)
+}))], z = (...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, B = (e) => m(e === "down" ? "failed" : e === "cancelled" ? "stopped" : e), V = (e) => {
+	let t = B(e);
+	return t === "done" ? "succeeded" : t;
+}, H = (e) => [
+	"running",
+	"waiting",
+	"needs-you"
+].includes(B(e));
+function U({ api: e, transport: t }) {
+	let [n, r] = (0, x.useState)([]), [i, a] = (0, x.useState)(null), [o, s] = (0, x.useState)(!1), [c, l] = (0, x.useState)(!1), [u, d] = (0, x.useState)(""), [f, p] = (0, x.useState)(0), [m, h] = (0, x.useState)(), [g, _] = (0, x.useState)(!0);
+	(0, x.useEffect)(() => {
+		let n = t?.openEventSource ? t.openEventSource(`${e}/events`, s) : new EventSource(`${e}/events`);
+		return n.addEventListener("snapshot", (e) => {
+			try {
+				let t = JSON.parse(e.data);
+				if (!Array.isArray(t.snapshots)) throw Error("Invalid snapshot stream");
+				r((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()];
+				}), p(t.sequence), a(null), s(!0);
+			} catch (e) {
+				a(String(e));
+			}
+		}), n.addEventListener("unavailable", () => a("The run snapshot is unavailable")), n.addEventListener("end", () => {
+			n.close(), l(!0);
+		}), t?.openEventSource || (n.onerror = () => s(!1)), () => n.close();
+	}, [e, t?.openEventSource]);
+	let v = n.flatMap((e, t) => e.supervisors.map((n) => ({
+		snapshot: e,
+		root: t,
+		run: n,
+		key: JSON.stringify([e.root, n.id])
+	}))), y = v.find((e) => e.key === u) ?? v[0], S = y?.snapshot.pursuit?.nodes.filter((e) => e.runId === y.run.id) ?? [], C = (e) => {
+		let t = S.find((t) => t.id === e), n = y?.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;
+	}, w = y && {
+		...y.run,
+		workers: R(y.run, S)
+	}, T = w ? Math.min(...[w.startedAt, ...w.workers.map((e) => e.startedAt)].flatMap((e) => e && Number.isFinite(Date.parse(e)) ? [Date.parse(e)] : [])) : void 0, E = (0, x.useMemo)(() => {
+		let e = y?.snapshot.generatedAt ?? Date.now(), t = T !== void 0 && Number.isFinite(T) ? T : e, n = (w?.workers ?? []).flatMap((n) => {
+			if (!n.startedAt || !Number.isFinite(Date.parse(n.startedAt))) return [];
+			let r = Math.max(0, Date.parse(n.startedAt) - t), i = I(n.endedAt) ?? (H(n.status) ? e : Date.parse(n.startedAt)), a = z(n.spend, n.metered);
+			return [{
+				id: n.id,
+				parentId: n.parent && n.parent !== n.id ? n.parent : w.id,
+				name: n.label,
+				kind: "pipeline",
+				startMs: r,
+				endMs: Math.max(r, i - t),
+				status: B(n.status),
+				...a === void 0 ? {} : { costUsd: a },
+				...n.lastActivityAt === void 0 ? {} : {
+					activityAt: [n.lastActivityAt - t],
+					medianEventGapMs: n.medianEventGapMs
+				},
+				...C(n.id) ? { detail: C(n.id) } : {},
+				...B(n.status) === "failed" && n.reason ? { facts: [{
+					label: "Failure",
+					value: n.reason
+				}] } : {},
+				...n.status === "cancelled" ? { outcome: {
+					tone: "neutral",
+					label: "Cancelled"
+				} } : {}
+			}];
+		});
+		w?.startedAt && w.status !== "unobserved" && !n.some((e) => e.id === w.id) && n.unshift({
+			id: w.id,
+			name: "root",
+			kind: "pipeline",
+			detail: C(w.id),
+			startMs: Math.max(0, Date.parse(w.startedAt) - t),
+			endMs: Math.max(0, Date.parse(w.completedAt ?? new Date(e).toISOString()) - t),
+			status: B(w.status),
+			...B(w.status) === "failed" && w.reason ? { facts: [{
+				label: "Failure",
+				value: w.reason
+			}] } : {},
+			...w.lastActivityAt === void 0 ? {} : {
+				activityAt: [w.lastActivityAt - t],
+				medianEventGapMs: w.medianEventGapMs
+			},
+			...z(w.driverSpend) === void 0 ? {} : { costUsd: z(w.driverSpend) },
+			...w.status === "cancelled" ? { outcome: {
+				tone: "neutral",
+				label: "Cancelled"
+			} } : {}
+		});
+		let r = w?.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
+		};
+	}, [
+		y?.snapshot,
+		y?.run,
+		T
+	]), D = w?.workers.filter((e) => e.id !== w.id) ?? [], O = w ? [{
+		id: w.id,
+		label: "root",
+		status: V(w.status),
+		model: C(w.id),
+		costUsd: z(w.driverSpend),
+		startedAt: I(w.startedAt),
+		lastActivityAt: w.lastActivityAt,
+		medianEventGapMs: w.medianEventGapMs,
+		result: w.status === "cancelled" ? "Cancelled" : V(w.status) === "failed" ? w.reason || "Failure cause not recorded" : void 0
+	}, ...D.map((e) => ({
+		id: e.id,
+		label: e.label,
+		harness: e.runtime,
+		model: C(e.id),
+		status: V(e.status),
+		costUsd: z(e.spend, e.metered),
+		startedAt: I(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" : V(e.status) === "failed" ? e.reason || "Failure cause not recorded" : e.verdict
+	}))] : [], k = m, A = F(y && k ? `${e}/agents/${y.root}/${encodeURIComponent(y.run.id)}/${encodeURIComponent(k)}` : void 0, !!w && H(w.status), t?.fetch), j = new Set(O.map((e) => e.id)), M = D.map((e) => ({
+		from: e.parent && e.parent !== e.id && j.has(e.parent) ? e.parent : w.id,
+		to: e.id,
+		kind: "spawn"
+	})), N = Object.fromEntries(O.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__ */ (0, b.jsxs)("main", {
+		className: "ws-live",
+		"data-api": e,
+		"data-top-sequence": f,
+		children: [
+			/* @__PURE__ */ (0, b.jsxs)("header", { children: [/* @__PURE__ */ (0, b.jsxs)("label", { children: ["Run", /* @__PURE__ */ (0, b.jsx)("select", {
+				"aria-label": "Run",
+				value: y?.key ?? "",
+				onChange: (e) => {
+					d(e.target.value), h(void 0);
+				},
+				children: v.map((e) => /* @__PURE__ */ (0, b.jsx)("option", {
+					value: e.key,
+					children: e.run.id
+				}, e.key))
+			})] }), /* @__PURE__ */ (0, b.jsx)("span", {
+				role: "status",
+				children: c ? "Finished · viewer closed" : o ? "● Connected" : n.length ? "○ Reconnecting" : "Connecting…"
+			})] }),
+			y?.run.task && y.run.task !== y.run.id && /* @__PURE__ */ (0, b.jsx)("p", { children: y.run.task }),
+			i && /* @__PURE__ */ (0, b.jsx)("p", {
+				role: "alert",
+				children: i
+			}),
+			(y ? [y.snapshot] : n).filter((e) => e.completeness === "partial").map((e) => /* @__PURE__ */ (0, b.jsxs)("p", {
+				role: "alert",
+				children: ["Partial capture: ", e.diagnostics.map((e) => `${e.source}: ${e.reason}`).join(" · ")]
+			}, e.root)),
+			y ? /* @__PURE__ */ (0, b.jsx)(P, {
+				trace: E,
+				label: "Run",
+				selectedAgentId: k,
+				conversationOpen: g,
+				openEventSource: t?.openEventSource,
+				onSelectAgent: (e) => {
+					e && h(e), _(e !== void 0);
+				},
+				live: H(y.run.status) || w.workers.some((e) => H(e.status)),
+				startedAt: Number.isFinite(T) ? T : void 0,
+				agentCards: N,
+				agentGraph: {
+					defaultLayout: "tree",
+					edges: M
+				},
+				defaultView: "graph",
+				maxHeight: 650,
+				files: A.files,
+				scoreboard: A.scoreboard,
+				streamUrl: (t) => `${e}/agents/${y.root}/${encodeURIComponent(y.run.id)}/${encodeURIComponent(t)}/stream`
+			}, y.key) : o && !n.some((e) => e.completeness === "partial") && /* @__PURE__ */ (0, b.jsx)("p", {
+				role: "status",
+				children: "No recorded agents in these roots."
+			})
+		]
+	});
+}
+//#endregion
+export { U as LiveRun };