@tangle-network/sandbox-ui 7.0.3 → 7.0.5

package/dist/run/live.js

@@ -1,7 +1,7 @@
 import { t as WorkspaceFilesPane } from "../workspace-files-pane-D24G7H_Z.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
-import { i as useEventStream, t as TraceWorkspace } from "../trace-workspace-EArXc0uP.js";
+import { c as useEventStream, t as TraceWorkspace } from "../trace-workspace-HCTpp-qw.js";
 import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/run/record.js

@@ -1,5 +1,5 @@
 import { t as VirtualList } from "../VirtualList-DcSGbEtA.js";
-import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "../use-follow-tail-Df965WQi.js";
-import { n as Conversation, t as AgentTree } from "../AgentTree-Dzy6lrfP.js";
-import { t as withPrompts } from "../record-Cc_WNtG8.js";
+import { C as recordFlowTrace, n as PromptMore, o as timelineItems, r as ToolStep, v as indexRecord, x as model_exports } from "../ConversationRowView-C4TXICBT.js";
+import { n as Conversation, t as AgentTree } from "../AgentTree-B1iTTYNe.js";
+import { t as withPrompts } from "../record-Dmyq0jfl.js";
 export { AgentTree, Conversation, PromptMore, ToolStep, VirtualList, indexRecord, recordFlowTrace, model_exports as recordModel, timelineItems, withPrompts };

package/dist/run-CcyjQN7y.js

@@ -0,0 +1,238 @@
+import { t as cn } from "./utils-BER_bdgE.js";
+import { t as WorkspaceFilesPane } from "./workspace-files-pane-D24G7H_Z.js";
+import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
+import { n as TerminalView } from "./terminal-view-nUCznZRj.js";
+import { t as DiffView } from "./diff-view-B9mNeTLF.js";
+import { t as CodeView } from "./code-view-BlhCS1SD.js";
+import { a as useAgentConversation, i as NewOutputPill, n as usePhone, r as AgentConversationView } from "./trace-workspace-HCTpp-qw.js";
+import { O as useFollowTail } from "./ConversationRowView-C4TXICBT.js";
+import "./record-Dmyq0jfl.js";
+import { Button, SegmentedControl } from "@tangle-network/ui/primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ArrowLeft } from "lucide-react";
+import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, RunStatusIcon as RunStatusIcon$1, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
+import { LatestEvents } from "@tangle-network/charts/react/agent-graph";
+// src/run/agent-workspace.tsx
+/** One host read, keyed so a stale answer never lands on a newer selection. */
+function useRead(read, key) {
+	const [result, setResult] = useState();
+	useEffect(() => {
+		if (!read) return;
+		let stale = false;
+		setResult({
+			key,
+			read: { state: "reading" }
+		});
+		read().then((value) => {
+			if (!stale) setResult({
+				key,
+				read: {
+					state: "read",
+					value
+				}
+			});
+		}, (why) => {
+			if (!stale) setResult({
+				key,
+				read: {
+					state: "failed",
+					why: why instanceof Error ? why.message : String(why)
+				}
+			});
+		});
+		return () => {
+			stale = true;
+		};
+	}, [key]);
+	if (!read) return void 0;
+	return result?.key === key ? result.read : { state: "reading" };
+}
+const Note = ({ children }) => /* @__PURE__ */ jsx("p", {
+	role: "status",
+	className: "m-0 px-3 py-2 text-sm text-muted-foreground",
+	children
+});
+/**
+* One agent's workspace: its files with a read-only code and diff view, its conversation as of the run cursor, and a
+* terminal into its live box, behind one segmented control. The host owns every read through `source`; the workspace
+* names where the files came from and says what it is waiting for or could not read, never an empty pane.
+*/
+function AgentWorkspace({ agent, source, cursor = null, startedAt, transcriptNote, view: controlledView, onViewChange, path: controlledPath, onPathChange, onBack, className }) {
+	const [ownView, setOwnView] = useState("files");
+	const view = controlledView ?? ownView;
+	const show = (next) => {
+		setOwnView(next);
+		onViewChange?.(next);
+	};
+	const phone = usePhone();
+	const [ownPath, setOwnPath] = useState();
+	const path = controlledPath ?? ownPath;
+	const setPath = (next) => {
+		setOwnPath(next);
+		onPathChange?.(next);
+	};
+	useEffect(() => setOwnPath(void 0), [agent.id]);
+	const listing = useRead(source.list, `${agent.id}:list`);
+	const file = useRead(path ? () => source.read(path) : void 0, `${agent.id}:${path ?? ""}`);
+	const terminal = useRead(view === "terminal" ? source.terminal : void 0, `${agent.id}:terminal`);
+	const conversation = useAgentConversation(source.stream?.url, source.stream?.open, {
+		cursor,
+		startedAt,
+		silent: transcriptNote
+	});
+	const scroller = useRef(null);
+	const { unseen, jump } = useFollowTail(scroller, {
+		identity: view === "trace" ? agent.id : void 0,
+		content: conversation.items
+	});
+	const brand = agent.model ? modelBrandFor(agent.model) : null;
+	const meta = [agent.harness, agent.model].filter(Boolean).join(" · ");
+	const options = [
+		{
+			value: "files",
+			label: "Files"
+		},
+		{
+			value: "trace",
+			label: "Trace"
+		},
+		...source.terminal ? [{
+			value: "terminal",
+			label: "Terminal"
+		}] : []
+	];
+	const name = path?.split("/").pop() ?? "";
+	const files = listing?.state === "read" ? listing.value : void 0;
+	const preview = path && file ? {
+		path,
+		content: file.state === "read" ? /* @__PURE__ */ jsx(CodeView, {
+			path,
+			filename: name,
+			content: file.value.content,
+			language: file.value.language,
+			showTree: false,
+			className: "h-full"
+		}) : /* @__PURE__ */ jsx(Note, { children: file.state === "reading" ? `Reading ${name}…` : file.why }),
+		compare: file.state === "read" && file.value.baseline != null ? {
+			label: file.value.baselineLabel ?? "before",
+			content: /* @__PURE__ */ jsx(DiffView, {
+				filename: name,
+				baseline: file.value.baseline,
+				current: file.value.content,
+				showFileHeader: false
+			})
+		} : void 0
+	} : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("sandbox-agent-workspace flex h-full min-h-0 flex-col", className),
+		"data-view": view,
+		"data-agent-id": agent.id,
+		onKeyDown: (event) => {
+			if (event.key === "Escape" && onBack) {
+				event.stopPropagation();
+				onBack();
+			}
+		},
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex h-10 shrink-0 items-center gap-2 border-b border-border px-2",
+				children: [
+					onBack && /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: onBack,
+						"aria-label": "Back to the run",
+						className: "shrink-0 gap-1 px-2",
+						children: [/* @__PURE__ */ jsx(ArrowLeft, {
+							"aria-hidden": true,
+							className: "h-4 w-4"
+						}), "Back"]
+					}),
+					/* @__PURE__ */ jsx(RunStatusIcon, {
+						status: agent.status,
+						className: "size-4 shrink-0"
+					}),
+					/* @__PURE__ */ jsx("h3", {
+						className: "m-0 min-w-0 flex-1 truncate text-sm font-semibold",
+						children: agent.label
+					}),
+					(brand || meta) && /* @__PURE__ */ jsxs("p", {
+						className: "m-0 hidden min-w-0 truncate text-xs text-muted-foreground sm:block",
+						children: [brand && /* @__PURE__ */ jsx("span", {
+							className: "mr-1.5 inline-flex align-[-3px]",
+							children: /* @__PURE__ */ jsx(ModelBrandStack, {
+								identity: brand,
+								size: "sm"
+							})
+						}), meta]
+					}),
+					/* @__PURE__ */ jsx(SegmentedControl, {
+						"aria-label": "Agent view",
+						value: view,
+						onValueChange: show,
+						options
+					})
+				]
+			}),
+			view === "files" && /* @__PURE__ */ jsx(WorkspaceFilesPane, {
+				paths: files?.paths ?? [],
+				status: files?.status,
+				selectedPath: path,
+				onSelect: (next, node) => {
+					if (node?.type !== "directory" && !next.endsWith("/")) setPath(next);
+				},
+				onBack: () => setPath(void 0),
+				preview,
+				surface: "plain",
+				layout: phone ? "stack" : "split",
+				expandable: false,
+				expansionKey: `agent-workspace:${agent.id}`,
+				headerActions: files && /* @__PURE__ */ jsx("span", {
+					className: "truncate text-xs text-muted-foreground",
+					"data-files-origin": true,
+					children: files.origin
+				}),
+				emptyState: /* @__PURE__ */ jsx(Note, { children: !listing || listing.state === "reading" ? "Reading the agent's files…" : listing.state === "failed" ? listing.why : "This agent has no files." }),
+				className: "min-h-0 flex-1"
+			}),
+			view === "trace" && /* @__PURE__ */ jsxs("div", {
+				className: "relative flex min-h-0 flex-1 flex-col",
+				children: [/* @__PURE__ */ jsx("div", {
+					ref: scroller,
+					"data-primary-content": "",
+					className: "min-h-0 flex-1 overflow-y-auto px-3 py-2",
+					children: /* @__PURE__ */ jsx(AgentConversationView, { conversation })
+				}), /* @__PURE__ */ jsx(NewOutputPill, {
+					unseen,
+					onJump: () => jump()
+				})]
+			}),
+			view === "terminal" && /* @__PURE__ */ jsxs("section", {
+				"aria-label": "Terminal",
+				role: phone ? "dialog" : void 0,
+				"aria-modal": phone || void 0,
+				className: cn("flex min-h-0 flex-1 flex-col", phone && "fixed inset-0 z-[1100] bg-background"),
+				children: [phone && /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => show("files"),
+					"aria-label": "Back to files",
+					className: "m-1 w-fit gap-1 px-2",
+					children: [/* @__PURE__ */ jsx(ArrowLeft, {
+						"aria-hidden": true,
+						className: "h-4 w-4"
+					}), "Back"]
+				}), terminal?.state === "read" && terminal.value ? /* @__PURE__ */ jsx(TerminalView, {
+					apiUrl: terminal.value.apiUrl,
+					token: terminal.value.token,
+					connectionId: terminal.value.connectionId,
+					title: agent.label,
+					subtitle: "Connected to the agent's box",
+					isActive: true
+				}) : /* @__PURE__ */ jsx(Note, { children: !terminal || terminal.state === "reading" ? "Opening a terminal into the agent's box…" : terminal.state === "failed" ? terminal.why : "The agent's box is gone; its files come from the git mirror." })]
+			})
+		]
+	});
+}
+export { AgentWorkspace as S, showsTaskPriority as _, InlineToolItem as a, taskStatus as b, RunPhaseList as c, RunStatusIcon$1 as d, TaskList as f, runStatus$1 as g, parseToolEvent as h, InlineThinkingItem as i, RunRowShell as l, isOpen as m, ApprovalDiffSummary as n, LiveDuration as o, ToolCallFeed as p, ExpandedToolDetail as r, RunGroup as s, ApprovalCard as t, RunRowStatusDot as u, statusMeta$1 as v, LatestEvents as x, taskProgress as y };

package/dist/run.d.ts

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

package/dist/run.js

@@ -1,7 +1,7 @@
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as TraceWaterfall, i as useEventStream, n as foldAgentRows, o as traceSpanMark, r as useAgentStream, t as TraceWorkspace } from "./trace-workspace-EArXc0uP.js";
-import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-Df965WQi.js";
-import { _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-CpJ_COuz.js";
-import { n as Conversation, t as AgentTree } from "./AgentTree-Dzy6lrfP.js";
-import { t as withPrompts } from "./record-Cc_WNtG8.js";
-export { AgentTree, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, PromptMore, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, ToolStep, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };
+import { c as useEventStream, l as TraceWaterfall, o as foldAgentRows, s as useAgentStream, t as TraceWorkspace, u as traceSpanMark } from "./trace-workspace-HCTpp-qw.js";
+import { C as recordFlowTrace, n as PromptMore, o as timelineItems, r as ToolStep, v as indexRecord, x as model_exports } from "./ConversationRowView-C4TXICBT.js";
+import { S as AgentWorkspace, _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-CcyjQN7y.js";
+import { n as Conversation, t as AgentTree } from "./AgentTree-B1iTTYNe.js";
+import { t as withPrompts } from "./record-Dmyq0jfl.js";
+export { AgentTree, AgentWorkspace, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, PromptMore, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, ToolStep, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };