@tangle-network/sandbox-ui 2.0.17 → 2.0.18

package/dist/run/live.js

@@ -0,0 +1,389 @@
+import { t as WorkspaceFilesPane } from "../workspace-files-pane-DB9Nvwh4.js";
+import { t as DiffView } from "../diff-view-B9mNeTLF.js";
+import { t as CodeView } from "../code-view-BlhCS1SD.js";
+import { t as TraceWorkspace } from "../trace-workspace-C8dHRBDV.js";
+import { t as useDocument } from "../use-document-D6Z9oFLm.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { runStatus } from "@tangle-network/ui/run";
+// src/run/live-inspection.tsx
+/** The graph, conversation and files share one selected agent and one product-owned API. */
+function useLiveInspection(url, live, fetcher) {
+	const inventory = useDocument(url ?? null, live ? 3e3 : void 0, false, fetcher);
+	const [selected, select] = useState();
+	const [download, setDownload] = useState();
+	const files = inventory.data?.files?.entries ?? [];
+	const entry = files.find((file) => file.path === selected) ?? files[0];
+	const fileUrl = entry && url ? `${url}/file?path=${encodeURIComponent(entry.path)}` : null;
+	const content = useDocument(fileUrl, live ? 3e3 : void 0, false, fetcher);
+	const file = content.data?.file;
+	const valid = file && entry && file.path === entry.path && file.sha256 === entry.sha256 && file.byteLength === entry.byteLength;
+	const fileKey = valid ? `${entry.path}:${entry.sha256}` : void 0;
+	useEffect(() => {
+		if (!fileKey || !file) return;
+		const href = URL.createObjectURL(new Blob([file.content], { type: "text/plain;charset=utf-8" }));
+		setDownload({
+			key: fileKey,
+			href
+		});
+		return () => URL.revokeObjectURL(href);
+	}, [fileKey, file?.content]);
+	const coverage = inventory.data?.coverage;
+	const scoreboard = inventory.status === 404 ? void 0 : coverage ? /* @__PURE__ */ jsxs("details", {
+		className: "ws-status",
+		open: coverage.status !== "complete",
+		"data-capture-status": coverage.status,
+		children: [
+			/* @__PURE__ */ jsx("summary", { children: coverage.status === "complete" ? "Conversation retained" : "Conversation incomplete" }),
+			/* @__PURE__ */ jsx("p", { children: coverage.reason ?? coverage.source }),
+			!!inventory.data?.context?.length && /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", { children: "Recorded context" }), inventory.data.context.map((row, index) => /* @__PURE__ */ jsx("pre", {
+				className: "ws-code",
+				children: row.event.text
+			}, `${row.at}:${index}`))] }),
+			inventory.data?.files?.scope === "none" && /* @__PURE__ */ jsx("p", { children: inventory.data.files.reason ?? "No workspace inventory was captured." })
+		]
+	}) : inventory.error ? /* @__PURE__ */ jsxs("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Conversation inspection unavailable: ", inventory.error]
+	}) : void 0;
+	return {
+		scoreboard: /* @__PURE__ */ jsxs(Fragment, { children: [scoreboard, inventory.data?.files && !inventory.data.files.complete && /* @__PURE__ */ jsxs("p", {
+			className: "ws-status",
+			role: "alert",
+			children: ["Workspace inventory incomplete: ", inventory.data.files.reason ?? "Some files could not be retained."]
+		})] }),
+		files: entry ? /* @__PURE__ */ jsx("section", {
+			"aria-label": "Retained files",
+			className: "flex min-h-0 flex-1 flex-col",
+			"data-file-scope": inventory.data?.files?.scope,
+			"data-file-complete": inventory.data?.files?.complete,
+			"data-file": entry.path,
+			"data-file-hash": entry.sha256,
+			children: valid ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WorkspaceFilesPane, {
+				className: "min-h-0 flex-1",
+				paths: files.map((item) => item.path),
+				selectedPath: entry.path,
+				onSelect: (path) => {
+					if (files.some((item) => item.path === path)) select(path);
+				},
+				preview: {
+					path: entry.path,
+					content: /* @__PURE__ */ jsx(CodeView, {
+						path: entry.path,
+						filename: entry.path.split("/").at(-1) ?? entry.path,
+						content: file.content,
+						showTree: false
+					}),
+					...file.before ? { compare: {
+						label: file.before.source.ref,
+						content: /* @__PURE__ */ jsx(DiffView, {
+							filename: entry.path,
+							baseline: file.before.content,
+							current: file.content
+						})
+					} } : {}
+				}
+			}), /* @__PURE__ */ jsxs("details", {
+				className: "ws-status",
+				children: [
+					/* @__PURE__ */ jsx("summary", { children: "Provenance" }),
+					/* @__PURE__ */ jsx("code", { children: entry.sha256 }),
+					file.before && /* @__PURE__ */ jsxs("p", { children: [
+						"Compared with ",
+						file.before.source.kind,
+						" ",
+						/* @__PURE__ */ jsx("code", { children: file.before.source.ref }),
+						": ",
+						/* @__PURE__ */ jsx("code", { children: file.before.sha256 })
+					] }),
+					/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", {
+						href: download && download.key === fileKey ? download.href : void 0,
+						download: entry.path.split("/").at(-1),
+						children: "Download"
+					}) })
+				]
+			})] }) : /* @__PURE__ */ jsx("p", {
+				className: "ws-status",
+				role: content.loading ? "status" : "alert",
+				children: content.loading ? `Reading ${entry.path}…` : `This retained file is unavailable: ${content.error ?? "its content identity did not match the inventory"}`
+			})
+		}) : void 0
+	};
+}
+// src/run/live.tsx
+const time = (value) => {
+	const ms = value ? Date.parse(value) : NaN;
+	return Number.isFinite(ms) ? ms : void 0;
+};
+const iso = (ms) => ms !== void 0 && Number.isFinite(ms) ? new Date(ms).toISOString() : void 0;
+const withNodes = (run, nodes) => [...run.workers.map((worker) => {
+	const node = nodes.find((node) => node.id === worker.id);
+	return {
+		...worker,
+		startedAt: worker.startedAt ?? iso(node?.timing?.startedAt),
+		endedAt: worker.endedAt ?? iso(node?.timing?.settledAt ?? node?.settledAt)
+	};
+}), ...nodes.filter((node) => node.id !== run.id && !run.workers.some((worker) => worker.id === node.id)).map((node) => ({
+	id: node.id,
+	parent: node.parentId,
+	label: node.label ?? node.id,
+	runtime: node.runtime,
+	status: node.status ?? "unknown",
+	startedAt: iso(node.timing?.startedAt),
+	endedAt: iso(node.timing?.settledAt ?? node.settledAt)
+}))];
+const cost = (...spends) => spends.every((spend) => spend && spend.usdKnown !== false && Number.isFinite(spend.usd) && spend.usd >= 0) ? spends.reduce((sum, spend) => sum + (spend?.usd ?? 0), 0) : void 0;
+const flowStatus = (status) => runStatus(status === "down" ? "failed" : status === "cancelled" || status === "no-winner" ? "stopped" : status);
+const graphStatus = (status) => {
+	const state = flowStatus(status);
+	return state === "done" ? "succeeded" : state;
+};
+const isOpen = (status) => [
+	"running",
+	"waiting",
+	"needs-you"
+].includes(flowStatus(status));
+/** Both the Discovery host and agent-runtime-top mount this same stream consumer and shared run workspace. */
+function LiveRun(props) {
+	return /* @__PURE__ */ jsx(LiveRunView, { ...props }, props.api);
+}
+function LiveRunView({ api, transport }) {
+	const [snapshots, setSnapshots] = useState([]);
+	const [error, setError] = useState(null);
+	const [connected, setConnected] = useState(false);
+	const [ended, setEnded] = useState(false);
+	const [selected, setSelected] = useState("");
+	const [rendered, setRendered] = useState(0);
+	const [agent, setAgent] = useState();
+	const [conversationOpen, setConversationOpen] = useState(true);
+	useEffect(() => {
+		const source = transport?.openEventSource ? transport.openEventSource(`${api}/events`, setConnected) : new EventSource(`${api}/events`);
+		source.addEventListener("snapshot", (message) => {
+			try {
+				const frame = JSON.parse(message.data);
+				if (!Array.isArray(frame.snapshots)) throw new Error("Invalid snapshot stream");
+				setSnapshots((prior) => {
+					const byRoot = new Map((frame.reset ? [] : prior).map((snapshot) => [snapshot.root, snapshot]));
+					for (const snapshot of frame.snapshots) byRoot.set(snapshot.root, snapshot);
+					return [...byRoot.values()];
+				});
+				setRendered(frame.sequence);
+				setError(null);
+				setConnected(true);
+			} catch (cause) {
+				setError(String(cause));
+			}
+		});
+		source.addEventListener("unavailable", () => setError("The run snapshot is unavailable"));
+		source.addEventListener("end", () => {
+			source.close();
+			setEnded(true);
+		});
+		if (!transport?.openEventSource) source.onerror = () => setConnected(false);
+		return () => source.close();
+	}, [api, transport?.openEventSource]);
+	const runs = snapshots.flatMap((snapshot, root) => snapshot.supervisors.map((run) => ({
+		snapshot,
+		root,
+		run,
+		key: JSON.stringify([snapshot.root, run.id])
+	})));
+	const active = runs.find((run) => run.key === selected) ?? runs[0];
+	const facts = active?.snapshot.pursuit?.nodes.filter((node) => node.runId === active.run.id) ?? [];
+	const detail = (id) => {
+		const node = facts.find((node) => node.id === id), receipt = active?.run.workers.find((worker) => worker.id === id)?.materialization;
+		return [node?.model ?? (receipt?.model?.status === "known" ? receipt.model.id : void 0), node?.backend ?? receipt?.backend].filter(Boolean).join(" · ") || void 0;
+	};
+	const run = active && {
+		...active.run,
+		workers: withNodes(active.run, facts)
+	};
+	const outcome = run?.outcome;
+	const outcomeText = outcome ? outcome.kind === "winner" ? "Winner" : `${outcome.kind === "no-winner" ? "No winner" : "Failed"}: ${outcome.reason}` : void 0;
+	const startedAt = run ? Math.min(...[run.startedAt, ...run.workers.map((worker) => worker.startedAt)].flatMap((value) => value && Number.isFinite(Date.parse(value)) ? [Date.parse(value)] : [])) : void 0;
+	const trace = useMemo(() => {
+		const at = active?.snapshot.generatedAt ?? Date.now();
+		const first = startedAt !== void 0 && Number.isFinite(startedAt) ? startedAt : at;
+		const spans = (run?.workers ?? []).flatMap((worker) => {
+			if (!worker.startedAt || !Number.isFinite(Date.parse(worker.startedAt))) return [];
+			const start = Math.max(0, Date.parse(worker.startedAt) - first);
+			const end = time(worker.endedAt) ?? (isOpen(worker.status) ? at : Date.parse(worker.startedAt));
+			const costUsd = cost(worker.spend, worker.metered);
+			return [{
+				id: worker.id,
+				parentId: worker.parent && worker.parent !== worker.id ? worker.parent : run.id,
+				name: worker.label,
+				kind: "pipeline",
+				startMs: start,
+				endMs: Math.max(start, end - first),
+				status: flowStatus(worker.status),
+				...costUsd !== void 0 ? { costUsd } : {},
+				...worker.lastActivityAt !== void 0 ? {
+					activityAt: [worker.lastActivityAt - first],
+					medianEventGapMs: worker.medianEventGapMs
+				} : {},
+				...detail(worker.id) ? { detail: detail(worker.id) } : {},
+				...flowStatus(worker.status) === "failed" && worker.reason ? { facts: [{
+					label: "Failure",
+					value: worker.reason
+				}] } : {},
+				...worker.status === "cancelled" ? { outcome: {
+					tone: "neutral",
+					label: "Cancelled"
+				} } : {}
+			}];
+		});
+		if (run?.startedAt && run.status !== "unobserved" && !spans.some((span) => span.id === run.id)) spans.unshift({
+			id: run.id,
+			name: "root",
+			kind: "pipeline",
+			detail: detail(run.id),
+			startMs: Math.max(0, Date.parse(run.startedAt) - first),
+			endMs: Math.max(0, Date.parse(run.completedAt ?? new Date(at).toISOString()) - first),
+			status: flowStatus(run.status),
+			...flowStatus(run.status) === "failed" && run.reason ? { facts: [{
+				label: "Failure",
+				value: run.reason
+			}] } : {},
+			...run.lastActivityAt !== void 0 ? {
+				activityAt: [run.lastActivityAt - first],
+				medianEventGapMs: run.medianEventGapMs
+			} : {},
+			...cost(run.driverSpend) !== void 0 ? { costUsd: cost(run.driverSpend) } : {},
+			...run.status === "cancelled" ? { outcome: {
+				tone: "neutral",
+				label: "Cancelled"
+			} } : {}
+		});
+		const totals = run?.totals;
+		return {
+			spans,
+			totalMs: Math.max(0, ...spans.map((span) => span.endMs)),
+			...totals?.tokensKnown !== false && typeof totals?.tokensInput === "number" && Number.isFinite(totals.tokensInput) && totals.tokensInput >= 0 ? { promptTokens: totals.tokensInput } : {},
+			...totals?.tokensKnown !== false && typeof totals?.tokensOutput === "number" && Number.isFinite(totals.tokensOutput) && totals.tokensOutput >= 0 ? { completionTokens: totals.tokensOutput } : {},
+			errors: spans.filter((span) => span.status === "failed").length
+		};
+	}, [
+		active?.snapshot,
+		active?.run,
+		startedAt
+	]);
+	const workers = run?.workers.filter((worker) => worker.id !== run.id) ?? [];
+	const nodes = run ? [{
+		id: run.id,
+		label: "root",
+		status: graphStatus(run.status),
+		model: detail(run.id),
+		costUsd: cost(run.driverSpend),
+		startedAt: time(run.startedAt),
+		lastActivityAt: run.lastActivityAt,
+		medianEventGapMs: run.medianEventGapMs,
+		result: outcomeText ?? (run.status === "cancelled" ? "Cancelled" : graphStatus(run.status) === "failed" ? run.reason || "Failure cause not recorded" : void 0)
+	}, ...workers.map((worker) => ({
+		id: worker.id,
+		label: worker.label,
+		harness: worker.runtime,
+		model: detail(worker.id),
+		status: graphStatus(worker.status),
+		costUsd: cost(worker.spend, worker.metered),
+		startedAt: time(worker.startedAt),
+		lastActivityAt: worker.lastActivityAt,
+		medianEventGapMs: worker.medianEventGapMs,
+		turn: worker.liveTail?.at(-1),
+		events: worker.liveTail?.slice(-3).map((label, index) => ({
+			id: `${worker.id}:${index}:${label}`,
+			label
+		})),
+		result: worker.status === "cancelled" ? "Cancelled" : graphStatus(worker.status) === "failed" ? worker.reason || "Failure cause not recorded" : worker.verdict
+	}))] : [];
+	const selectedAgent = agent;
+	const inspection = useLiveInspection(active && selectedAgent ? `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(selectedAgent)}` : void 0, !!run && isOpen(run.status), transport?.fetch);
+	const known = new Set(nodes.map((node) => node.id));
+	const edges = workers.map((worker) => ({
+		from: worker.parent && worker.parent !== worker.id && known.has(worker.parent) ? worker.parent : run.id,
+		to: worker.id,
+		kind: "spawn"
+	}));
+	const agentCards = Object.fromEntries(nodes.map(({ id, label, harness, model, turn, events, result, status, costUsd, startedAt, lastActivityAt, medianEventGapMs }) => [id, {
+		label,
+		harness,
+		model,
+		turn,
+		events,
+		result,
+		...startedAt === void 0 ? {
+			status,
+			costUsd,
+			lastActivityAt,
+			medianEventGapMs
+		} : {}
+	}]));
+	return /* @__PURE__ */ jsxs("main", {
+		className: "ws-live",
+		"data-api": api,
+		"data-top-sequence": rendered,
+		children: [
+			/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsxs("label", { children: ["Run", /* @__PURE__ */ jsx("select", {
+				"aria-label": "Run",
+				value: active?.key ?? "",
+				onChange: (event) => {
+					setSelected(event.target.value);
+					setAgent(void 0);
+				},
+				children: runs.map((item) => /* @__PURE__ */ jsx("option", {
+					value: item.key,
+					children: item.run.id
+				}, item.key))
+			})] }), /* @__PURE__ */ jsx("span", {
+				role: "status",
+				children: ended ? "Finished · viewer closed" : connected ? "● Connected" : snapshots.length ? "○ Reconnecting" : "Connecting…"
+			})] }),
+			active?.run.task && active.run.task !== active.run.id && /* @__PURE__ */ jsx("p", { children: active.run.task }),
+			outcomeText && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				"data-run-outcome": outcome.kind,
+				children: outcomeText
+			}),
+			run?.lastRoute && /* @__PURE__ */ jsx("p", {
+				"data-recorded-route": run.lastRoute.kind,
+				children: run.lastRoute.kind === "stopped" ? `Stopped: ${run.lastRoute.reason}` : `Unrouted: ${run.lastRoute.detail}`
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				children: error
+			}),
+			(active ? [active.snapshot] : snapshots).filter((snapshot) => snapshot.completeness === "partial").map((snapshot) => /* @__PURE__ */ jsxs("p", {
+				role: "alert",
+				children: ["Partial capture: ", snapshot.diagnostics.map((diagnostic) => `${diagnostic.source}: ${diagnostic.reason}`).join(" · ")]
+			}, snapshot.root)),
+			active ? /* @__PURE__ */ jsx(TraceWorkspace, {
+				trace,
+				label: "Run",
+				selectedAgentId: selectedAgent,
+				conversationOpen,
+				openEventSource: transport?.openEventSource,
+				onSelectAgent: (id) => {
+					if (id) setAgent(id);
+					setConversationOpen(id !== void 0);
+				},
+				live: isOpen(active.run.status) || run.workers.some((worker) => isOpen(worker.status)),
+				startedAt: Number.isFinite(startedAt) ? startedAt : void 0,
+				agentCards,
+				agentGraph: {
+					defaultLayout: "tree",
+					edges
+				},
+				defaultView: "graph",
+				maxHeight: 650,
+				files: inspection.files,
+				scoreboard: inspection.scoreboard,
+				streamUrl: (id) => `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(id)}/stream`
+			}, active.key) : connected && !snapshots.some((snapshot) => snapshot.completeness === "partial") && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				children: "No recorded agents in these roots."
+			})
+		]
+	});
+}
+export { LiveRun };

package/dist/run.d.ts

@@ -1,3 +1,4 @@
-import { $ as TraceWaterfall, A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as TraceWorkspaceProps, H as LatestEventsProps, I as runStatus, J as AgentStreamSource, K as AgentStreamOpener, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as useAgentStream, R as statusMeta, S as RunStatus, T as StatusMeta, U as TraceEvent, V as LatestEvents, W as TraceWorkspace, X as AgentTranscriptEntry, Y as AgentStreamState, Z as foldAgentRows, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, et as TraceWaterfallProps, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as AgentStreamRow, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, tt as traceSpanMark, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as taskProgress } from "./index-BtR5Sc3u.js";
+import { A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as TraceWorkspaceProps, H as LatestEventsProps, I as runStatus, J as traceSpanMark, K as TraceWaterfall, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as statusMeta, S as RunStatus, T as StatusMeta, U as TraceEvent, V as LatestEvents, W as TraceWorkspace, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfallProps, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as taskProgress } from "./index-BnaVprN6.js";
+import { a as AgentTranscriptEntry, i as AgentStreamState, n as AgentStreamRow, o as foldAgentRows, r as AgentStreamSource, s as useAgentStream, t as AgentStreamOpener } from "./agent-stream-CBZ2fXJ2.js";
 import { a as EventFlag, c as indexRecord, d as ConversationNode, f as ConversationRecord, i as ConversationProps, l as model_d_exports, n as withPrompts, o as RecordIndex, r as Conversation, s as ToolCall, t as VirtualList, u as ConversationEvent } from "./index-DRLVHl-o.js";
 export { type AgentStreamOpener, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LatestEvents, type LatestEventsProps, LiveDuration, type RecordIndex, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStatus, RunStatusIcon, type RunStatusIconProps, type StatusMeta, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCall, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };

package/dist/run.js

@@ -1,3 +1,4 @@
-import { C as useAgentStream, S as foldAgentRows, T as traceSpanMark, _ as statusMeta, a as InlineToolItem, b as TraceWorkspace, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as showsTaskPriority, h as runStatus, i as InlineThinkingItem, l as RunRowShell, m as parseToolEvent, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as taskProgress, w as TraceWaterfall, x as LatestEvents, y as taskStatus } from "./run-CJ48hJz0.js";
+import { a as TraceWaterfall, i as useAgentStream, n as LatestEvents, o as traceSpanMark, r as foldAgentRows, t as TraceWorkspace } from "./trace-workspace-C8dHRBDV.js";
 import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-Bqt1kE_Q.js";
+import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "@tangle-network/ui/run";
 export { ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };