@tangle-network/sandbox-cli 0.21.23 → 0.21.24

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

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