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

package/dist/graph-viewer/Conversations-DgCshBAf.js

@@ -0,0 +1,627 @@
+import { n as e, t, u as n } from "./record-part-CuT9Xw37.js";
+import { r } from "./record-CsP_3NJS.js";
+import { E as i, T as a, a as o, i as s, m as c, s as l, v as u, x as d } from "./ui-xa5w5bEN.js";
+import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Conversation as g, VirtualList as _, withPrompts as v } from "@tangle-network/sandbox-ui/run/record";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { HarnessLogo as x, ProviderMark as S } from "@tangle-network/sandbox-ui/dashboard";
+//#region src/workspace/LiveTranscript.tsx
+var C = 200, w = 2e3;
+function T(e, t, n, i) {
+	let a = [], o = /* @__PURE__ */ new Map();
+	for (let e of i) {
+		if (!e.at || !Number.isFinite(Date.parse(e.at))) continue;
+		if (!e.event) {
+			let n = e.stream ?? t, r = o.get(n) ?? [];
+			r.push(e), o.set(n, r);
+			continue;
+		}
+		let n = e.event, r = `${t}:${e.attempt ?? 1}:${e.seq}`, i = `${e.stream ?? t}:${e.attempt ?? 1}:${n.toolCallId ?? e.seq}`, s = {
+			id: r,
+			node: t,
+			at: e.at,
+			kind: "message",
+			category: "other",
+			label: "assistant"
+		}, c = { attempt: e.attempt ?? 1 };
+		if (n.kind === "text_delta" || n.kind === "reasoning_delta") {
+			let t = n.kind === "text_delta" ? "publicText" : "reasoning", r = a.at(-1);
+			r?.detail.streamKind === n.kind && r.detail.attempt === (e.attempt ?? 1) ? r.detail[t] = `${r.detail[t] ?? ""}${n.text ?? ""}` : a.push({
+				...s,
+				detail: {
+					...c,
+					role: "assistant",
+					[t]: n.text ?? "",
+					streamKind: n.kind,
+					attempt: e.attempt ?? 1
+				}
+			});
+		} else if (n.kind === "tool_call") a.push({
+			...s,
+			label: n.toolName ?? "Tool call",
+			detail: {
+				...c,
+				role: "assistant",
+				publicToolCalls: [{
+					id: i,
+					name: n.toolName ?? "Tool call",
+					...n.args == null ? {} : { input: typeof n.args == "string" ? n.args : JSON.stringify(n.args) }
+				}]
+			}
+		});
+		else if (n.kind === "tool_result") {
+			let e = n.result;
+			a.push({
+				...s,
+				kind: "tool-result",
+				detail: {
+					...c,
+					role: "toolResult",
+					toolCallId: i,
+					publicText: typeof e == "string" ? e : JSON.stringify(e ?? null),
+					isError: !!e && typeof e == "object" && ("error" in e || "isError" in e && e.isError === !0)
+				}
+			});
+		} else a.push({
+			...s,
+			kind: n.kind,
+			category: "lifecycle",
+			label: n.kind.replaceAll("_", " "),
+			detail: {
+				...c,
+				lifecycle: n.kind,
+				...n.text ? { publicText: n.text } : {}
+			}
+		});
+	}
+	for (let [e, n] of o) r({
+		events: a,
+		clip: (e) => ({ text: e }),
+		compactValue: (e) => e,
+		sourcePath: (e) => e,
+		emit: (t) => {
+			let n = t.detail.nativeRecordId ?? t.source?.line, r = { ...t.detail };
+			r.publicToolCalls &&= r.publicToolCalls.map((t) => ({
+				...t,
+				id: `${e}:${t.id}`
+			})), r.toolCallId &&= `${e}:${r.toolCallId}`, a.push({
+				...t,
+				detail: r,
+				id: `${e}:${n}:${t.kind}:${t.source?.item ?? 0}`
+			});
+		}
+	}, {
+		id: t,
+		start: n[0].at
+	}, e, { sha256: "" }, n, {
+		where: (e) => ({ line: n[e].seq + 1 }),
+		full: () => null
+	}, () => "other");
+	return {
+		schema: "agent-record.v1",
+		runId: e,
+		title: e,
+		nodes: n.map((e) => ({
+			...e,
+			kind: "agent"
+		})),
+		events: a,
+		sources: [],
+		assignment: {
+			objective: "",
+			suppliedKnowledge: "",
+			deliverables: "",
+			constraints: "",
+			source: null
+		},
+		terminal: null,
+		coverage: {
+			completeOriginalCapture: !1,
+			publicContent: "Live stream window",
+			categoryMethod: "Runtime event kind",
+			cost: "Unknown"
+		}
+	};
+}
+function E({ runUrl: e, runId: t, alive: r, selected: i, onSelect: a, onRecorded: o, onEmpty: s, chooser: c = !0, opening: l }) {
+	let u = i ?? t, [d, _] = h({
+		rows: [],
+		nodes: [],
+		earlier: !1,
+		more: !1,
+		loading: !0,
+		error: null,
+		ended: !1,
+		history: !1,
+		emptyTail: !1
+	}), [x, S] = h(0), [E, D] = h(!1), O = m(null), k = m(null), A = m(r), j = m({
+		node: u,
+		rows: [],
+		earlier: !1,
+		generation: void 0,
+		first: null,
+		last: null
+	});
+	f(() => {
+		let t = !1, n = 0, i, a = new AbortController(), o = j.current.node === u && A.current && !r;
+		A.current = r;
+		let { rows: s, earlier: c, generation: l, first: d, last: f } = o ? j.current : {
+			rows: [],
+			earlier: !1,
+			generation: void 0,
+			first: null,
+			last: null
+		}, p = !1, m = !1, h = E || !r && !o, g = () => {
+			i?.close(), i = void 0, window.clearTimeout(n);
+		}, v = (e) => {
+			t || _((t) => ({
+				...t,
+				loading: !1,
+				error: e instanceof Error ? e.message : String(e)
+			}));
+		};
+		_((e) => ({
+			...e,
+			rows: s,
+			earlier: c,
+			more: !1,
+			loading: !0,
+			error: null,
+			history: !1,
+			emptyTail: !1,
+			ended: !1
+		}));
+		let y = (e, n) => {
+			if (t) return;
+			let r = !s.length || n === "tail" || n === "head" || e.reset || e.generation !== void 0 && l !== void 0 && e.generation !== l, i = r ? e.events : n === "before" ? [...e.events, ...s] : [...s, ...e.events];
+			l = e.generation ?? l, r ? (d = e.firstSeq ?? e.events[0]?.seq ?? null, f = e.lastSeq ?? e.events.at(-1)?.seq ?? null) : n === "before" ? d = e.firstSeq ?? d : f = e.lastSeq ?? e.events.at(-1)?.seq ?? f, s = [...new Map(i.map((e) => [e.seq, e])).values()].sort((e, t) => e.seq - t.seq);
+			let a = s.length > w;
+			a && (s = p ? s.slice(0, w) : s.slice(-2e3)), a && !p && (d = s[0]?.seq ?? d), (n !== "after" || r) && (c = e.hasEarlier ?? (d !== null && d > 0)), a && n !== "before" && (c = !0), j.current = {
+				node: u,
+				rows: s,
+				earlier: c,
+				generation: l,
+				first: d,
+				last: f
+			}, _((t) => ({
+				rows: s,
+				nodes: e.nodes ?? t.nodes,
+				earlier: c,
+				generation: l,
+				more: n === "before" ? t.more : h && !!e.hasMore,
+				loading: !1,
+				error: null,
+				history: p,
+				emptyTail: e.alive === !1 && !s.length && d === null && f === null,
+				ended: e.alive === !1
+			}));
+		}, b = () => {
+			if (t || !r || h || p) return;
+			g();
+			let a = new URLSearchParams();
+			f !== null && a.set("after", String(f)), l && a.set("generation", l);
+			let o = i = new EventSource(`${e}/agents/${encodeURIComponent(u)}/stream?${a}`);
+			o.onopen = () => {
+				t || _((e) => ({
+					...e,
+					error: null
+				}));
+			};
+			for (let e of ["rows", "reset"]) o.addEventListener(e, (n) => {
+				if (!(t || p || i !== o)) try {
+					let t = JSON.parse(n.data);
+					if (e === "rows" && !Array.isArray(t.events)) throw Error("Invalid live transcript frame");
+					y({
+						...t,
+						events: e === "reset" ? [] : t.events,
+						reset: e === "reset"
+					}, "after");
+				} catch (e) {
+					v(e);
+				}
+			});
+			o.addEventListener("end", () => {
+				i === o && (g(), _((e) => ({
+					...e,
+					loading: !1,
+					ended: !0,
+					emptyTail: !e.rows.length && d === null && f === null
+				})));
+			}), o.addEventListener("unavailable", () => v("Live updates are temporarily unavailable")), o.onerror = () => {
+				i === o && (g(), !t && !p && (n = window.setTimeout(b, 1e3)));
+			};
+		}, x = async (n) => {
+			if (t || m) return;
+			m = !0;
+			let i = n === "after" ? f : n === "before" ? d : n === "head" ? C : null;
+			try {
+				let o = new URLSearchParams({
+					node: u,
+					limit: String(C)
+				});
+				i !== null && o.set(n === "head" ? "before" : n, String(i)), l && i !== null && o.set("generation", l);
+				let s = await fetch(`${e}/transcript?${o}`, {
+					signal: a.signal,
+					credentials: "same-origin"
+				});
+				if (!s.ok) throw Error(`Transcript unavailable (HTTP ${s.status})`);
+				let c = await s.json();
+				if (t) return;
+				if (n === "head" && !c.events.length) {
+					queueMicrotask(() => void x("tail"));
+					return;
+				}
+				y(c, n), !h && n !== "before" && (!r && c.hasMore && f !== i ? queueMicrotask(() => void x("after")) : b());
+			} catch (e) {
+				!t && !a.signal.aborted && (v(e), b());
+			} finally {
+				m = !1;
+			}
+		};
+		return O.current = () => {
+			g(), p = !0, _((e) => ({
+				...e,
+				history: !h
+			})), x("before");
+		}, k.current = () => void x("after"), x(o && f !== null ? "after" : h ? "head" : "tail"), () => {
+			t = !0, a.abort(), g(), O.current = null, k.current = null;
+		};
+	}, [
+		e,
+		u,
+		r,
+		x,
+		E
+	]), f(() => {
+		d.emptyTail && s && s();
+	}, [d.emptyTail, s]);
+	let M = d.nodes.some((e) => e.id === u) ? d.nodes : [...d.nodes, {
+		id: u,
+		label: u === t ? "Root" : u,
+		parent: null
+	}], N = p(() => n(v(T(t, u, M, d.rows))), [
+		t,
+		u,
+		d.nodes,
+		d.rows
+	]);
+	return /* @__PURE__ */ b("section", {
+		className: "run-panel live-transcript",
+		"aria-label": "Conversations",
+		children: [
+			(c || o) && /* @__PURE__ */ b("div", {
+				className: "message-filters",
+				children: [c && /* @__PURE__ */ b("label", { children: ["Agent ", /* @__PURE__ */ y("select", {
+					"aria-label": "Agent conversation",
+					value: u,
+					onChange: (e) => a(e.target.value),
+					children: M.map((e) => /* @__PURE__ */ b("option", {
+						value: e.id,
+						children: [e.label, e.parent ? " (child)" : " (root)"]
+					}, e.id))
+				})] }), o && /* @__PURE__ */ y("button", {
+					type: "button",
+					className: "ui-button",
+					onClick: o,
+					children: "Timeline and usage"
+				})]
+			}),
+			(d.earlier || d.history || E) && /* @__PURE__ */ b("p", {
+				className: "transcript-edge",
+				children: [
+					r && !E && d.earlier && /* @__PURE__ */ y("button", {
+						type: "button",
+						className: "link-button",
+						onClick: () => D(!0),
+						children: "Beginning"
+					}),
+					d.earlier && /* @__PURE__ */ y("button", {
+						type: "button",
+						className: "link-button",
+						disabled: d.loading,
+						onClick: () => O.current?.(),
+						children: "Load older"
+					}),
+					(d.history || E) && /* @__PURE__ */ y("button", {
+						type: "button",
+						className: "link-button",
+						onClick: () => {
+							D(!1), S((e) => e + 1);
+						},
+						children: "Latest"
+					})
+				]
+			}),
+			d.loading && /* @__PURE__ */ y("p", {
+				role: "status",
+				children: "Loading transcript…"
+			}),
+			d.error && /* @__PURE__ */ y("p", {
+				role: "alert",
+				children: d.error
+			}),
+			d.rows.filter((e) => e.event?.kind === "capture_gap" && (!e.at || !Number.isFinite(Date.parse(e.at)))).map((e) => /* @__PURE__ */ y("p", {
+				className: "faint",
+				children: e.event?.text ?? "A stream record could not be displayed."
+			}, e.seq)),
+			!d.loading && !d.rows.length && !d.error && /* @__PURE__ */ y("p", { children: "No stream events have been retained for this agent." }),
+			(!d.loading || d.rows.length > 0) && /* @__PURE__ */ y(g, {
+				index: N,
+				actor: u,
+				cutoff: Infinity,
+				query: "",
+				category: "all",
+				lifecycle: !0,
+				live: r && !d.ended,
+				follow: r && !d.ended && !E && !d.history,
+				opening: d.earlier ? void 0 : l
+			}, `${u}:${E}:${d.generation ?? ""}`),
+			d.more && /* @__PURE__ */ y("p", {
+				className: "transcript-edge",
+				children: /* @__PURE__ */ y("button", {
+					type: "button",
+					className: "link-button",
+					disabled: d.loading,
+					onClick: () => k.current?.(),
+					children: "Load more"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/workspace/run/Conversations.tsx
+function D(e, t) {
+	let n = t.trim().toLowerCase(), r = e.tree.filter((e) => !n || `${e.name} ${e.node.label}`.toLowerCase().includes(n));
+	if (!e.teams.length) return r.map((e) => ({
+		kind: "agent",
+		a: e
+	}));
+	let i = r.filter((e) => !e.team || e.team === e.id).map((e) => ({
+		kind: "agent",
+		a: e
+	}));
+	for (let t of e.teams) {
+		let e = r.filter((e) => e.team === t.id && e.id !== t.id);
+		if (e.length) {
+			i.push({
+				kind: "team",
+				id: t.id,
+				label: t.label,
+				n: e.length
+			});
+			for (let t of e) i.push({
+				kind: "agent",
+				a: t
+			});
+		}
+	}
+	return i;
+}
+function O({ m: n, doc: r, runUrl: u, agent: d, selectAgent: g, route: v }) {
+	let [C, w] = h(""), T = p(() => D(n, C), [n, C]), O = m(null), A = (d ? n.byId.get(d) : null) ?? n.root, j = r.run.record.digest ?? null, M = r.run.record.status === "ready" || !!j, N = j ? `&digest=${j}` : "", P = e(M ? `${u}/record?part=nodes${N}` : null), F = P.index, I = !!r.execution?.alive, L = n.agents.length, R = !!v.params.get("agent"), z = A && F && F.nodes.has(F.canonical(A.id)), [B, V] = h(/* @__PURE__ */ new Set()), H = p(() => {
+		let e = [r.input?.objective, r.input?.instruction].filter((e) => typeof e == "string" && e.trim().length > 0).join("\n\n");
+		return A && A.id === n.root?.id && e ? {
+			text: e,
+			at: r.run.startedAt ?? new Date(n.t0).toISOString()
+		} : void 0;
+	}, [
+		r,
+		A,
+		n
+	]);
+	return f(() => V(/* @__PURE__ */ new Set()), [r.run.id]), /* @__PURE__ */ b("div", {
+		className: "rp-conv",
+		"data-picked": R ? "" : void 0,
+		children: [/* @__PURE__ */ b("aside", {
+			className: "rp-card",
+			"aria-label": "Agents",
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "rp-hd",
+					children: /* @__PURE__ */ b("h2", { children: ["Agents", /* @__PURE__ */ y("span", {
+						className: "ct",
+						children: L
+					})] })
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "rp-fbar",
+					children: /* @__PURE__ */ b("label", {
+						className: "rp-field",
+						children: [/* @__PURE__ */ y(o, { name: "search" }), /* @__PURE__ */ y("input", {
+							value: C,
+							onChange: (e) => w(e.target.value),
+							placeholder: `Search ${L} agents`,
+							"aria-label": "Search agents"
+						})]
+					})
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "rp-alist",
+					ref: O,
+					role: "list",
+					tabIndex: 0,
+					"aria-label": "Run agents",
+					children: [/* @__PURE__ */ y(_, {
+						items: T,
+						keyOf: (e) => e.kind === "team" ? `t:${e.id}` : e.a.id,
+						scroller: O,
+						estimate: () => 52,
+						target: d ?? void 0,
+						render: (e) => e.kind === "team" ? /* @__PURE__ */ b("div", {
+							className: "ag",
+							style: { height: 52 },
+							children: [
+								/* @__PURE__ */ y(o, {
+									name: "users",
+									size: 14
+								}),
+								e.label,
+								/* @__PURE__ */ y("span", {
+									className: "ct",
+									children: e.n
+								})
+							]
+						}, `t:${e.id}`) : /* @__PURE__ */ b("button", {
+							type: "button",
+							role: "listitem",
+							"aria-current": e.a.id === A?.id,
+							style: { height: 52 },
+							onClick: () => g(e.a.id),
+							children: [
+								/* @__PURE__ */ b("span", {
+									className: "rp-agent-logos",
+									children: [/* @__PURE__ */ y(x, {
+										type: e.a.harness === "claude" ? "claude-code" : e.a.harness ?? "cli-base",
+										size: 18
+									}), /* @__PURE__ */ y(S, {
+										provider: e.a.model ?? void 0,
+										size: "xs"
+									})]
+								}),
+								/* @__PURE__ */ b("span", {
+									className: "nm",
+									title: e.a.name,
+									children: [/* @__PURE__ */ y(l, { tone: e.a.state.tone }), /* @__PURE__ */ y(s, {
+										text: e.a.name,
+										query: C
+									})]
+								}),
+								/* @__PURE__ */ y("span", {
+									className: "sb",
+									children: e.a.steps.length || e.a.turns ? `${a(e.a.steps.length, "step")}${e.a.first === null ? "" : ` · ${i(n.t0, e.a.first, e.a.state.tone === "live" ? "now" : e.a.last ?? e.a.first)}`}` : e.a.state.label
+								}),
+								/* @__PURE__ */ y("span", {
+									className: "n",
+									children: e.a.tokens === null ? "" : c(e.a.tokens)
+								})
+							]
+						}, e.a.id)
+					}), !T.length && /* @__PURE__ */ b("p", {
+						className: "rp-empty",
+						children: [
+							"No agent matches “",
+							C,
+							"”."
+						]
+					})]
+				})
+			]
+		}), A && /* @__PURE__ */ b("article", {
+			className: "rp-card",
+			"aria-label": `${A.name}: conversation`,
+			children: [/* @__PURE__ */ b("div", {
+				className: "rp-hd",
+				children: [
+					/* @__PURE__ */ y("button", {
+						type: "button",
+						className: "rp-back",
+						onClick: () => g(null),
+						"aria-label": "All agents",
+						children: /* @__PURE__ */ y(o, {
+							name: "arrow",
+							size: 16
+						})
+					}),
+					/* @__PURE__ */ b("h2", { children: [/* @__PURE__ */ y(l, { tone: A.state.tone }), A.name] }),
+					/* @__PURE__ */ y("span", {
+						className: "muted ph-hide",
+						children: [A.model, A.harness].filter(Boolean).join(" · ")
+					}),
+					A.toolFailures > 0 && /* @__PURE__ */ y("span", {
+						className: "rp-pill danger",
+						children: a(A.toolFailures, "tool error")
+					})
+				]
+			}), /* @__PURE__ */ y("div", {
+				className: "rp-scroll rp-tx",
+				children: !I && z ? /* @__PURE__ */ y(t, {
+					runUrl: u,
+					version: N,
+					index: F,
+					actor: F.canonical(A.id),
+					opening: H
+				}, A.id) : !I && (P.loading || P.pending) ? /* @__PURE__ */ y("p", {
+					className: "ws-status",
+					role: "status",
+					children: "Loading the conversation…"
+				}) : B.has(A.id) ? /* @__PURE__ */ y(k, {
+					m: n,
+					a: A
+				}) : /* @__PURE__ */ y(E, {
+					runUrl: u,
+					runId: r.run.id,
+					alive: I,
+					selected: A.id,
+					onSelect: (e) => g(e),
+					chooser: !1,
+					opening: H,
+					onEmpty: () => V((e) => /* @__PURE__ */ new Set([...e, A.id]))
+				}, A.id)
+			})]
+		})]
+	});
+}
+function k({ m: e, a: t }) {
+	let n = u(e.t0), r = [];
+	for (let e of t.steps) {
+		if (e.kind === "waiting") continue;
+		let t = e.kind === "model" ? "model call" : e.tool ?? "tool", n = r[r.length - 1];
+		n && n.name === t && e.t - n.end < 6e4 ? (n.n++, n.end = e.t + e.d, n.failed += +!!e.failed, e.target && n.targets.add(e.target)) : r.push({
+			name: t,
+			model: e.kind === "model",
+			n: 1,
+			at: e.t,
+			end: e.t + e.d,
+			failed: +!!e.failed,
+			targets: new Set(e.target ? [e.target] : [])
+		});
+	}
+	return r.length ? /* @__PURE__ */ b("div", {
+		className: "rp-steplog",
+		children: [/* @__PURE__ */ b("p", {
+			className: "rp-note",
+			children: [
+				"No conversation was recorded for this agent; these are its ",
+				a(t.steps.length, "recorded step"),
+				"."
+			]
+		}), r.map((e, t) => /* @__PURE__ */ b("div", {
+			className: "rp-msg",
+			children: [/* @__PURE__ */ y("time", { children: n(e.at) }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("span", {
+				className: `rp-tchip${e.failed ? " fail" : ""}`,
+				children: [
+					/* @__PURE__ */ y("i", { className: e.model ? "model" : "" }),
+					/* @__PURE__ */ b("span", {
+						className: "t",
+						children: [e.name, e.n > 1 ? ` ×${e.n}` : ""]
+					}),
+					e.targets.size > 0 && /* @__PURE__ */ b("span", {
+						className: "a",
+						children: [[...e.targets].slice(0, 2).join(", "), e.targets.size > 2 ? ` +${e.targets.size - 2}` : ""]
+					}),
+					/* @__PURE__ */ y("span", {
+						className: "dim",
+						children: d(e.end - e.at)
+					})
+				]
+			}), e.failed > 0 && /* @__PURE__ */ b("span", {
+				className: "rp-errline",
+				children: [
+					"✕ ",
+					e.failed,
+					" failed"
+				]
+			})] })]
+		}, t))]
+	}) : /* @__PURE__ */ b("p", {
+		className: "ws-status",
+		children: [
+			"No conversation or step was recorded for ",
+			t.name,
+			"."
+		]
+	});
+}
+//#endregion
+export { O as Conversations };