@tangle-network/sandbox-cli 0.22.0-develop.20260814062836.bb3da78 → 0.22.0

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 };