@tangle-network/sandbox-ui 2.0.5 → 2.0.7

package/dist/run.d.ts

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

package/dist/run.js

@@ -1,3 +1,3 @@
-import { C as TraceWaterfall, S as useAgentStream, _ 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 traceSpanMark, x as foldAgentRows, y as taskStatus } from "./run-wUKH3Qh6.js";
-import { t as LatestEvents } from "./latest-events-CWvZr8Ut.js";
-export { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, foldAgentRows, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream };
+import { C as model_exports, D as TraceWaterfall, E as useAgentStream, O as traceSpanMark, S as indexRecord, T as foldAgentRows, _ as statusMeta, a as InlineToolItem, b as withPrompts, 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 TraceWorkspace, x as Conversation, y as taskStatus } from "./run-BgllNBrW.js";
+import { t as LatestEvents } from "./latest-events-v_vXRyd7.js";
+export { ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, foldAgentRows, indexRecord, parseToolEvent, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };

package/dist/styles.css

@@ -9593,7 +9593,7 @@
   .ag-latest ol {
     grid-template-columns: 1fr;
     margin-left: 0;
-    height: calc(var(--ag-latest-rows) * 64px);
+    height: 64px;
   }
 }
 @media (pointer: coarse) {
@@ -9602,6 +9602,175 @@
     min-width: 44px;
   }
 }
+.record-conversation {
+  height: 29rem;
+  overflow: auto;
+  scroll-behavior: auto;
+  overscroll-behavior: contain;
+}
+.record-conversation .virtual-row {
+  display: flow-root;
+  overflow-anchor: auto;
+}
+.record-conversation .chat-empty {
+  padding: 1rem;
+  font: var(--font-size-base)/1.5 var(--font-sans);
+  color: hsl(var(--muted-foreground));
+}
+.record-conversation .chat-row.selected {
+  box-shadow: -10px 0 0 -8px var(--accent-text);
+}
+.record-conversation .chat-row.flagged {
+  box-shadow: -10px 0 0 -8px hsl(var(--muted-foreground));
+}
+.record-conversation .chat-row > :is(.publication-note, .clip-note, .event-flags) {
+  margin: 4px 0 8px;
+}
+.record-conversation .ar-prompt-more {
+  display: flex;
+  justify-content: flex-end;
+  margin: 4px 0 0;
+}
+.record-conversation .tool-note {
+  font: var(--font-size-sm)/20px var(--font-sans);
+  color: hsl(var(--muted-foreground));
+  white-space: nowrap;
+}
+.record-conversation .lifecycle-note {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+  margin: 8px 0;
+  padding: 0 12px;
+  font: var(--font-size-sm)/1.5 var(--font-sans);
+  color: hsl(var(--muted-foreground));
+}
+.record-conversation .lifecycle-note b {
+  color: hsl(var(--foreground));
+  font-weight: 600;
+}
+.record-conversation .lifecycle-note > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.record-conversation .poll-calls {
+  margin: 0;
+  padding: 4px 12px 8px;
+  list-style: none;
+  max-height: 18rem;
+  overflow: auto;
+}
+.record-conversation .poll-calls li {
+  display: flex;
+  gap: 12px;
+  padding: 2px 0;
+  font: var(--font-size-sm)/1.5 var(--font-sans);
+  color: hsl(var(--muted-foreground));
+}
+.record-conversation .poll-calls .mono {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--font-mono);
+}
+.record-conversation .transcript-edge {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+  margin: 8px 0 0;
+}
+.record-conversation .publication-note {
+  font: var(--font-size-sm)/1.4 var(--font-sans);
+  color: hsl(var(--muted-foreground));
+  overflow-wrap: anywhere;
+}
+.record-conversation .publication-note:empty {
+  display: none;
+}
+.record-conversation .clip-note {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  font: var(--font-size-sm)/1.5 var(--font-sans);
+  color: hsl(var(--muted-foreground));
+}
+.record-conversation .event-flags {
+  display: inline-flex;
+  gap: 4px;
+  margin-left: 8px;
+}
+.record-conversation .event-flag {
+  padding: 0 4px;
+  min-height: 0;
+  border: 0;
+  border-radius: var(--radius-control);
+  font: 600 var(--font-size-sm)/1.6 var(--font-sans);
+  cursor: pointer;
+}
+.record-conversation .event-flag.polarity-good {
+  color: var(--accent-text);
+  background: var(--accent-text);
+  @supports (color: color-mix(in lab, red, red)) {
+    background: color-mix(in srgb, var(--accent-text) 14%, transparent);
+  }
+}
+.record-conversation .event-flag.polarity-bad {
+  color: hsl(var(--muted-foreground));
+  background: hsl(var(--muted-foreground));
+  @supports (color: color-mix(in lab, red, red)) {
+    background: color-mix(in srgb, hsl(var(--muted-foreground)) 14%, transparent);
+  }
+}
+.record-conversation .event-flag.polarity-neutral {
+  color: hsl(var(--foreground));
+  background: hsl(var(--muted));
+}
+.record-conversation .event-flag:is(.polarity-unknown, .polarity-uncalibrated) {
+  color: hsl(var(--muted-foreground));
+  background: transparent;
+  box-shadow: inset 0 0 0 1px hsl(var(--border));
+  border-style: dashed;
+}
+.record-conversation .event-flag.polarity-none {
+  color: hsl(var(--muted-foreground));
+  background: transparent;
+}
+.record-conversation .link-button {
+  display: inline;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--accent-text);
+  font: inherit;
+  cursor: pointer;
+}
+.record-conversation .link-button:hover, .record-conversation .link-button:focus-visible {
+  text-decoration: underline;
+}
+.record-conversation .ar-turn {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin: 20px 0 8px;
+  padding-top: 12px;
+  border-top: 1px solid hsl(var(--border));
+}
+.record-conversation .ar-turn time, .record-conversation .ar-idle-event time {
+  flex: none;
+  color: hsl(var(--muted-foreground));
+  font: var(--font-size-sm)/1.5 var(--font-sans);
+}
+.record-conversation .ar-idle-event {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: baseline;
+  gap: 16px;
+  padding: 4px 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/tailwind.css

@@ -960,9 +960,39 @@
 .ag-frame-owner .ag-agent-card { flex-direction: row; align-items: center; gap: 16px; }
 @container (width < 600px) {
   .ag-latest header { float: none; width: auto; height: 24px; flex-direction: row; align-items: center; justify-content: start; gap: 8px; } .ag-latest header > button { margin-left: auto; }
-  .ag-latest ol { grid-template-columns: 1fr; margin-left: 0; height: calc(var(--ag-latest-rows) * 64px); }
+  .ag-latest ol { grid-template-columns: 1fr; margin-left: 0; height: 64px; }
 }
 @media (pointer: coarse) { .ag-live-respond { min-height: 44px; min-width: 44px; } }
+.record-conversation { height: 29rem; overflow: auto; scroll-behavior: auto; overscroll-behavior: contain; }
+.record-conversation .virtual-row { display: flow-root; overflow-anchor: auto; }
+.record-conversation .chat-empty { padding: 1rem; font: var(--font-size-base)/1.5 var(--font-sans); color: hsl(var(--muted-foreground)); }
+.record-conversation .chat-row.selected { box-shadow: -10px 0 0 -8px var(--accent-text); }
+.record-conversation .chat-row.flagged { box-shadow: -10px 0 0 -8px hsl(var(--muted-foreground)); }
+.record-conversation .chat-row > :is(.publication-note, .clip-note, .event-flags) { margin: 4px 0 8px; }
+.record-conversation .ar-prompt-more { display: flex; justify-content: flex-end; margin: 4px 0 0; }
+.record-conversation .tool-note { font: var(--font-size-sm)/20px var(--font-sans); color: hsl(var(--muted-foreground)); white-space: nowrap; }
+.record-conversation .lifecycle-note { display: flex; gap: 8px; align-items: baseline; margin: 8px 0; padding: 0 12px; font: var(--font-size-sm)/1.5 var(--font-sans); color: hsl(var(--muted-foreground)); }
+.record-conversation .lifecycle-note b { color: hsl(var(--foreground)); font-weight: 600; }
+.record-conversation .lifecycle-note > span { min-width: 0; overflow-wrap: anywhere; }
+.record-conversation .poll-calls { margin: 0; padding: 4px 12px 8px; list-style: none; max-height: 18rem; overflow: auto; }
+.record-conversation .poll-calls li { display: flex; gap: 12px; padding: 2px 0; font: var(--font-size-sm)/1.5 var(--font-sans); color: hsl(var(--muted-foreground)); }
+.record-conversation .poll-calls .mono { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); }
+.record-conversation .transcript-edge { display: flex; justify-content: center; gap: 16px; margin: 8px 0 0; }
+.record-conversation .publication-note { font: var(--font-size-sm)/1.4 var(--font-sans); color: hsl(var(--muted-foreground)); overflow-wrap: anywhere; }
+.record-conversation .publication-note:empty { display: none; }
+.record-conversation .clip-note { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font: var(--font-size-sm)/1.5 var(--font-sans); color: hsl(var(--muted-foreground)); }
+.record-conversation .event-flags { display: inline-flex; gap: 4px; margin-left: 8px; }
+.record-conversation .event-flag { padding: 0 4px; min-height: 0; border: 0; border-radius: var(--radius-control); font: 600 var(--font-size-sm)/1.6 var(--font-sans); cursor: pointer; }
+.record-conversation .event-flag.polarity-good { color: var(--accent-text); background: color-mix(in srgb, var(--accent-text) 14%, transparent); }
+.record-conversation .event-flag.polarity-bad { color: hsl(var(--muted-foreground)); background: color-mix(in srgb, hsl(var(--muted-foreground)) 14%, transparent); }
+.record-conversation .event-flag.polarity-neutral { color: hsl(var(--foreground)); background: hsl(var(--muted)); }
+.record-conversation .event-flag:is(.polarity-unknown, .polarity-uncalibrated) { color: hsl(var(--muted-foreground)); background: transparent; box-shadow: inset 0 0 0 1px hsl(var(--border)); border-style: dashed; }
+.record-conversation .event-flag.polarity-none { color: hsl(var(--muted-foreground)); background: transparent; }
+.record-conversation .link-button { display: inline; min-height: 0; padding: 0; border: 0; background: none; color: var(--accent-text); font: inherit; cursor: pointer; }
+.record-conversation .link-button:hover, .record-conversation .link-button:focus-visible { text-decoration: underline; }
+.record-conversation .ar-turn { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0 8px; padding-top: 12px; border-top: 1px solid hsl(var(--border)); }
+.record-conversation .ar-turn time, .record-conversation .ar-idle-event time { flex: none; color: hsl(var(--muted-foreground)); font: var(--font-size-sm)/1.5 var(--font-sans); }
+.record-conversation .ar-idle-event { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 16px; padding: 4px 0; }
 
 /* Published sources: this package's dist and its @tangle-network/ui peer. */
 @source "./**/*.js";

package/dist/workflows.js

@@ -1,5 +1,5 @@
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
-import { n as WorkflowGraph, t as AgentGraph } from "./AgentGraph-YuBa5O8m.js";
-import { C as actionNodeId, D as triggerNodeId, M as humanizeIdentifier, N as parseActionPath, O as triggerNodeIndex, P as shortModel, S as TRIGGER_NODE_ID, T as buildWorkflowGraph, c as STATUS_COLOR, d as STATUS_TONE, j as actionPathLabel, l as STATUS_LABEL, n as KIND_ICON, p as StatusPill, r as NodeMark, u as STATUS_PILL, w as branchNodeId } from "./node-ui-Dst2R2M5.js";
+import { n as WorkflowGraph, t as AgentGraph } from "./AgentGraph-CFlI9qta.js";
+import { C as actionNodeId, D as triggerNodeId, M as humanizeIdentifier, N as parseActionPath, O as triggerNodeIndex, P as shortModel, S as TRIGGER_NODE_ID, T as buildWorkflowGraph, c as STATUS_COLOR, d as STATUS_TONE, j as actionPathLabel, l as STATUS_LABEL, n as KIND_ICON, p as StatusPill, r as NodeMark, u as STATUS_PILL, w as branchNodeId } from "./node-ui-D8dbX86X.js";
 import { n as classifyOutput, r as condenseText, t as NodeOutputBody } from "./node-output-DlySTwxr.js";
 export { AgentGraph, KIND_ICON, ModelBrandStack, NodeMark, NodeOutputBody, StatusPill as NodeStatusPill, STATUS_COLOR, STATUS_LABEL, STATUS_PILL, STATUS_TONE, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, actionPathLabel, branchNodeId, buildWorkflowGraph, classifyOutput, condenseText, humanizeIdentifier, modelBrandFor, parseActionPath, shortModel, triggerNodeId, triggerNodeIndex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -138,7 +138,7 @@
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^5.2.0",
     "@tangle-network/brand": "^1.31.1",
-    "@tangle-network/charts": "^2.0.5",
+    "@tangle-network/charts": "^2.0.9",
     "@tangle-network/ui": "^11.51.1",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
@@ -237,7 +237,7 @@
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "5.10.2",
     "@tangle-network/brand": "^1.31.1",
-    "@tangle-network/charts": "^2.0.5",
+    "@tangle-network/charts": "^2.0.9",
     "@tanstack/react-query": "^5.104.5",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
@@ -270,7 +270,8 @@
     "typescript": "^7.0.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "yjs": "^13.6.33"
+    "yjs": "^13.6.33",
+    "@drewstone/agent-record": "https://github.com/drewstone/agent-record/releases/download/v1.0.2/drewstone-agent-record-1.0.2.tgz"
   },
   "scripts": {
     "build": "tsdown",

package/dist/index-DFNf9mJ2.d.ts

@@ -1,121 +0,0 @@
-import { d as AgentGraphNode, n as AgentGraphProps } from "./AgentGraph-DzdpPFEI.js";
-import { ReactNode } from "react";
-import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem as InlineThinkingItem$1, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, RunStatus, RunStatusIcon as RunStatusIcon$1, RunStatusIconProps, StatusMeta, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallData as ToolCallData$1, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
-import { FlowWaterfallProps } from "@tangle-network/charts/react";
-import { FlowMarker, FlowSpan, FlowTrace } from "@tangle-network/charts";
-/** Agent and model spans show their lab/host mark; tool spans show their provider's mark. Unknown keeps the kind glyph. */
-declare function traceSpanMark(span: FlowSpan): ReactNode;
-type TraceWaterfallProps = FlowWaterfallProps;
-/**
- * The run inspector: the agent timeline (`defaultView="agents"`) and the span waterfall over one clock, from
- * `@tangle-network/charts`, with Sandbox UI's brand marks. Feed it `otlpFlowTrace(spans)` from the
- * `traces convert` contract. Import `@tangle-network/charts/react/flow-waterfall.css` once.
- */
-declare function TraceWaterfall({ renderIcon, ...props }: TraceWaterfallProps): import("react").JSX.Element;
-/** A moment on the run's event track: a release, a check verdict, a spawn, a crash or a steer. */
-interface TraceEvent extends FlowMarker {}
-interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "markers" | "onSelect" | "onTimeChange" | "selectedId" | "onDeselect" | "graph" | "latestEvents"> {
-  trace: FlowTrace;
-  /** The selected agent's message stream (Server-Sent Events: rows, reset, end; reconnects with ?after=lastSeq). */
-  streamUrl?: (agentId: string) => string;
-  events?: TraceEvent[];
-  /** The time the reader moved to, in trace ms; null while following live or showing the whole run. */
-  onTimeChange?: (t: number | null) => void;
-  /**
-   * The code workspace as of the cursor and scoped to the selected agent, usually a WorkspaceFilesPane: the page answers
-   * the as-of query. It spans the full width and at least 70% of the viewport. Keep its key on the commit so a scrub
-   * keeps its state.
-   */
-  files?: ReactNode;
-  /** The scoreboard as of the cursor, under the code workspace; omitted when not given. */
-  scoreboard?: ReactNode;
-  selectedAgentId?: string;
-  /** Called with the agent the reader selected, or undefined when they close its drawer or press Escape. */
-  onSelectAgent?: (agentId: string | undefined) => void;
-  /**
-   * What the trace cannot say about a live agent, by agent id: its activity, thinking line, latest events, commits or
-   * result. Timed agents follow the trace cursor. Workers without recorded timing retain their live identity and metadata.
-   */
-  agentCards?: Readonly<Record<string, Partial<AgentGraphNode>>>;
-  /** Existing graph layouts and recorded edges/tools; node identity and clock stay with this workspace. */
-  agentGraph?: Partial<Pick<AgentGraphProps, "edges" | "tools" | "calls" | "you" | "direction" | "title" | "className">> & {
-    defaultLayout?: AgentGraphProps["layout"];
-  };
-  className?: string;
-}
-/**
- * The run workspace: the agent timeline and span waterfall over one clock, the selected agent's conversation
- * streaming in a right-hand drawer, and the page's code workspace and scoreboard following the time cursor. Scrubbing is time travel:
- * every panel shows what was true at the cursor, and the conversation shows what had been said by then.
- */
-declare function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scoreboard, selectedAgentId, onSelectAgent, agentCards, agentGraph, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
-/** One row of an agent's message stream (tangle-tools `/api/discovery/runs/<run>/agents/<agent>/stream`). */
-interface AgentStreamRow {
-  seq: number;
-  /** ISO time the event happened. */
-  at: string;
-  stream?: string;
-  attempt?: number;
-  event: {
-    kind: "text" | "reasoning" | "tool-call" | "tool-result" | "user" | "notice" | (string & {});
-    text?: string;
-    /** A notice's origin: the agent's `delegated-input`, its `recorded-result`, or a capture fact such as `capture-unavailable`. */
-    provenance?: string;
-    toolCallId?: string;
-    toolName?: string;
-    args?: unknown;
-    result?: unknown;
-  };
-}
-/** A transcript entry with the time it began, so a time cursor can show the conversation as of any moment. */
-type AgentTranscriptEntry = {
-  id: string;
-  at: number;
-  kind: "message";
-  role: "assistant" | "user";
-  content: string;
-  sealed?: true;
-} | {
-  id: string;
-  at: number;
-  kind: "reasoning";
-  text: string;
-} | {
-  id: string;
-  at: number;
-  kind: "tool";
-  call: ToolCallData;
-} | {
-  id: string;
-  at: number;
-  kind: "notice";
-  text: string;
-};
-interface AgentStreamState {
-  generation?: string | number;
-  entries: AgentTranscriptEntry[];
-  lastSeq: number;
-  /** The agent is still producing output. */
-  alive: boolean;
-  /** Why the stream shows nothing new; a reconnect that delivers rows clears it. */
-  error?: string;
-}
-/** Fold stream rows into transcript entries: text of one turn merges, a tool call becomes a row its result completes. */
-declare function foldAgentRows(entries: AgentTranscriptEntry[], rows: readonly AgentStreamRow[]): AgentTranscriptEntry[];
-/**
- * Follow one agent's message stream over Server-Sent Events: `rows`, `reset` and `end` events, reconnecting with
- * `?after=<lastSeq>` when the server closes the connection, so a long turn streams without gaps or repeats.
- */
-declare function useAgentStream(url: string | undefined): AgentStreamState;
-interface LatestEventsProps {
-  agents: readonly AgentGraphNode[];
-  n?: number;
-  now?: number;
-  /** Observe incoming status changes. Disable when scrubbing a trace without an epoch. */
-  live?: boolean;
-  selectedId?: string | null;
-  onSelect?: (id: string) => void;
-}
-/** Recorded events and locally observed state changes. Hover or focus holds the reading position. */
-declare function LatestEvents({ agents, n, now, live, selectedId, onSelect }: LatestEventsProps): import("react").JSX.Element;
-export { traceSpanMark as $, ToolCallData$1 as A, taskStatus as B, RunStatusIcon$1 as C, TaskListItem as D, TaskList as E, parseToolEvent as F, AgentTranscriptEntry as G, LatestEventsProps as H, runStatus$1 as I, TraceEvent as J, foldAgentRows as K, showsTaskPriority as L, ToolCallFeedProps as M, ToolCallStatus as N, TaskListProps as O, ToolCallType as P, TraceWaterfallProps as Q, statusMeta$1 as R, RunStatus as S, StatusMeta as T, AgentStreamRow as U, LatestEvents as V, AgentStreamState as W, TraceWorkspaceProps as X, TraceWorkspace as Y, TraceWaterfall as Z, RunPhaseList as _, ApprovalPlanStep as a, RunRowStatus as b, FeedSegment as c, InlineToolItem as d, InlineToolItemProps as f, RunPhase as g, RunGroupProps as h, ApprovalDiffSummary as i, ToolCallFeed as j, TaskStatus as k, InlineThinkingItem$1 as l, RunGroup as m, ApprovalCardProps as n, ExpandedToolDetail as o, LiveDuration as p, useAgentStream as q, ApprovalDiffFile as r, ExpandedToolDetailProps as s, ApprovalCard as t, InlineThinkingItemProps as u, RunRowShell as v, RunStatusIconProps as w, RunRowStatusDot as x, RunRowShellProps as y, taskProgress as z };