@tangle-network/sandbox-ui 2.0.21 → 3.0.0

package/dist/run/live.js

@@ -1,11 +1,11 @@
 import { t as WorkspaceFilesPane } from "../workspace-files-pane-C0PeY6rY.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
-import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-DkakKRLV.js";
+import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-BiJbv9WQ.js";
 import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { runStatus } from "@tangle-network/ui/run";
+import { isOpen, runStatus } from "@tangle-network/ui/run/status-meta";
 // src/run/live-inspection.tsx
 /** The graph, conversation and files share one selected agent and one product-owned API. */
 function useLiveInspection(url, live, fetcher) {
@@ -143,16 +143,6 @@ const withNodes = (run, nodes) => [...run.workers.map((worker) => {
 	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) {
 	const scope = useRef({
@@ -238,21 +228,17 @@ function LiveRunView({ api, transport }) {
 				kind: "pipeline",
 				startMs: start,
 				endMs: Math.max(start, end - first),
-				status: flowStatus(worker.status),
+				status: runStatus(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: [{
+				...runStatus(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({
@@ -262,8 +248,8 @@ function LiveRunView({ api, transport }) {
 			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: [{
+			status: runStatus(run.status),
+			...runStatus(run.status) === "failed" && run.reason ? { facts: [{
 				label: "Failure",
 				value: run.reason
 			}] } : {},
@@ -271,11 +257,7 @@ function LiveRunView({ api, transport }) {
 				activityAt: [run.lastActivityAt - first],
 				medianEventGapMs: run.medianEventGapMs
 			} : {},
-			...cost(run.driverSpend) !== void 0 ? { costUsd: cost(run.driverSpend) } : {},
-			...run.status === "cancelled" ? { outcome: {
-				tone: "neutral",
-				label: "Cancelled"
-			} } : {}
+			...cost(run.driverSpend) !== void 0 ? { costUsd: cost(run.driverSpend) } : {}
 		});
 		const totals = run?.totals;
 		return {
@@ -294,19 +276,19 @@ function LiveRunView({ api, transport }) {
 	const nodes = run ? [{
 		id: run.id,
 		label: "root",
-		status: graphStatus(run.status),
+		status: runStatus(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)
+		result: outcomeText ?? run.reason ?? (runStatus(run.status) === "failed" ? "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),
+		status: runStatus(worker.status),
 		costUsd: cost(worker.spend, worker.metered),
 		startedAt: time(worker.startedAt),
 		lastActivityAt: worker.lastActivityAt,
@@ -316,10 +298,9 @@ function LiveRunView({ api, transport }) {
 			id: `${worker.id}:${index}:${label}`,
 			label
 		})),
-		result: worker.status === "cancelled" ? "Cancelled" : graphStatus(worker.status) === "failed" ? worker.reason || "Failure cause not recorded" : worker.verdict
+		result: worker.reason ?? (runStatus(worker.status) === "failed" ? "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 inspection = useLiveInspection(active && agent ? `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(agent)}` : 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,
@@ -381,7 +362,7 @@ function LiveRunView({ api, transport }) {
 			active ? /* @__PURE__ */ jsx(TraceWorkspace, {
 				trace,
 				label: "Run",
-				selectedAgentId: selectedAgent,
+				selectedAgentId: agent,
 				conversationOpen,
 				openEventSource: transport?.openEventSource,
 				onSelectAgent: (id) => {

package/dist/run/record.d.ts

@@ -1,2 +1,2 @@
-import { a as ConversationProps, c as ToolCall, d as ConversationEvent, f as ConversationNode, i as Conversation, l as indexRecord, n as VirtualList, o as EventFlag, p as ConversationRecord, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "../index-1qlc9-S2.js";
-export { AgentTree, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type RecordIndex, type ToolCall, VirtualList, indexRecord, model_d_exports as recordModel, withPrompts };
+import { a as ConversationProps, c as ToolCall, d as recordFlowTrace, f as ConversationEvent, i as Conversation, l as indexRecord, m as ConversationRecord, n as VirtualList, o as EventFlag, p as ConversationNode, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "../index-gXcuwPOX.js";
+export { AgentTree, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type RecordIndex, type ToolCall, VirtualList, indexRecord, recordFlowTrace, model_d_exports as recordModel, withPrompts };

package/dist/run/record.js

@@ -1,3 +1,4 @@
 import { t as VirtualList } from "../VirtualList-DLh2JE0F.js";
-import { a as model_exports, i as indexRecord, n as withPrompts, r as Conversation, t as AgentTree } from "../record-CnxPRyxC.js";
-export { AgentTree, Conversation, VirtualList, indexRecord, model_exports as recordModel, withPrompts };
+import { d as recordFlowTrace, l as model_exports, n as Conversation, o as indexRecord, t as AgentTree } from "../AgentTree-CJRVpgPq.js";
+import { t as withPrompts } from "../record-Ct_MZeZC.js";
+export { AgentTree, Conversation, VirtualList, indexRecord, recordFlowTrace, model_exports as recordModel, withPrompts };

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-import { $ as traceSpanMark, 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 AgentTranscriptEntry, K as AgentStreamRow, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfallProps, R as statusMeta, S as RunStatus, T as StatusMeta, U as TraceEvent, V as LatestEvents, W as TraceWorkspace, X as useAgentStream, Y as foldAgentRows, Z as TraceWaterfall, _ 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 AgentStreamState, 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-DxMX-DlX.js";
+import { $ as TraceWaterfallProps, A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as AgentStreamState, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfall, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, X as foldAgentRows, Y as AgentTranscriptEntry, Z as useAgentStream, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, et as traceSpanMark, 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, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as statusMeta } from "./index-YU_b9xCK.js";
 import { i as useEventStream, n as AgentStreamSource, r as EventStreamHandlers, t as AgentStreamOpener } from "./event-stream-DNEbvx4s.js";
-import { a as ConversationProps, c as ToolCall, d as ConversationEvent, f as ConversationNode, i as Conversation, l as indexRecord, n as VirtualList, o as EventFlag, p as ConversationRecord, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "./index-1qlc9-S2.js";
-export { type AgentStreamOpener, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, AgentTree, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type EventStreamHandlers, 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, useEventStream, withPrompts };
+import { a as ConversationProps, c as ToolCall, d as recordFlowTrace, f as ConversationEvent, i as Conversation, l as indexRecord, m as ConversationRecord, n as VirtualList, o as EventFlag, p as ConversationNode, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "./index-gXcuwPOX.js";
+export { type AgentStreamOpener, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, AgentTree, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type EventStreamHandlers, 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, isOpen, parseToolEvent, recordFlowTrace, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, useEventStream, withPrompts };

package/dist/run.js

@@ -1,5 +1,6 @@
 import { t as VirtualList } from "./VirtualList-DLh2JE0F.js";
-import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-DkakKRLV.js";
-import { a as model_exports, i as indexRecord, n as withPrompts, r as Conversation, t as AgentTree } from "./record-CnxPRyxC.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 { AgentTree, 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, useEventStream, withPrompts };
+import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-BiJbv9WQ.js";
+import { d as recordFlowTrace, l as model_exports, n as Conversation, o as indexRecord, t as AgentTree } from "./AgentTree-CJRVpgPq.js";
+import { t as withPrompts } from "./record-Ct_MZeZC.js";
+import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "@tangle-network/ui/run";
+export { AgentTree, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, useEventStream, withPrompts };