@tangle-network/sandbox-cli 0.21.26 → 0.21.28

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

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