@tangle-network/sandbox-ui 2.0.6 → 2.0.8

package/dist/rolldown-runtime-D8jQpDG7.js

@@ -0,0 +1,12 @@
+// \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+export { __exportAll as t };

package/dist/run/record.d.ts

@@ -0,0 +1,2 @@
+import { a as RecordIndex, c as model_d_exports, d as ConversationRecord, i as EventFlag, l as ConversationEvent, n as Conversation, o as ToolCall, r as ConversationProps, s as indexRecord, t as withPrompts, u as ConversationNode } from "../index-VKtnnRkt.js";
+export { Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type RecordIndex, type ToolCall, indexRecord, model_d_exports as recordModel, withPrompts };

package/dist/run/record.js

@@ -0,0 +1 @@
+export { n as Conversation, r as indexRecord, i as recordModel, t as withPrompts } from "../record-DynwQWg_.js";

package/dist/{run-D996hHtq.js → run-GaIYaht-.js}

@@ -3,11 +3,12 @@ import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
 import { f as syncAmbient, l as activityTiming, t as AgentGraph, u as ambientStyle } from "./AgentGraph-CFlI9qta.js";
 import { t as LatestEvents } from "./latest-events-v_vXRyd7.js";
+import "./record-DynwQWg_.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { X } from "lucide-react";
 import { AgentTimeline } from "@tangle-network/ui/chat";
-import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineThinkingItem as InlineThinkingItem$1, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon as RunStatusIcon$1, TaskList, ToolCallFeed, parseToolEvent, runStatus, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
+import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineThinkingItem as InlineThinkingItem$1, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell as RunRowShell$1, RunRowStatusDot, RunStatusIcon as RunStatusIcon$1, TaskList, ToolCallFeed, parseToolEvent, runStatus, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
 import { FlowWaterfall, toolGlyph } from "@tangle-network/charts/react";
 // src/run/trace-waterfall.tsx
 /** Agent and model spans show their lab/host mark; tool spans show their provider's mark. Unknown keeps the kind glyph. */
@@ -609,4 +610,4 @@ function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scorebo
 		]
 	});
 }
-export { TraceWaterfall as C, useAgentStream as S, statusMeta$1 as _, InlineToolItem as a, TraceWorkspace as b, RunPhaseList as c, RunStatusIcon$1 as d, TaskList as f, showsTaskPriority as g, runStatus$1 as h, InlineThinkingItem$1 as i, RunRowShell as l, parseToolEvent as m, ApprovalDiffSummary as n, LiveDuration as o, ToolCallFeed as p, ExpandedToolDetail as r, RunGroup as s, ApprovalCard as t, RunRowStatusDot as u, taskProgress as v, traceSpanMark as w, foldAgentRows as x, taskStatus as y };
+export { TraceWaterfall as C, useAgentStream as S, statusMeta$1 as _, InlineToolItem as a, TraceWorkspace as b, RunPhaseList as c, RunStatusIcon$1 as d, TaskList as f, showsTaskPriority as g, runStatus$1 as h, InlineThinkingItem$1 as i, RunRowShell$1 as l, parseToolEvent as m, ApprovalDiffSummary as n, LiveDuration as o, ToolCallFeed as p, ExpandedToolDetail as r, RunGroup as s, ApprovalCard as t, RunRowStatusDot as u, taskProgress as v, traceSpanMark as w, foldAgentRows as x, taskStatus as y };

package/dist/run.d.ts

@@ -1,2 +1,3 @@
-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 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-DDR9iOBQ.js";
+import { a as RecordIndex, c as model_d_exports, d as ConversationRecord, i as EventFlag, l as ConversationEvent, n as Conversation, o as ToolCall, r as ConversationProps, s as indexRecord, t as withPrompts, u as ConversationNode } from "./index-VKtnnRkt.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 ToolCall, 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,4 @@
-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-D996hHtq.js";
+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-GaIYaht-.js";
 import { t as LatestEvents } from "./latest-events-v_vXRyd7.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 { i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-DynwQWg_.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

@@ -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

@@ -963,6 +963,36 @@
   .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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -127,7 +127,11 @@
     "./globals.css": "./dist/globals.css",
     "./tokens.css": "./dist/tokens.css",
     "./tailwind.css": "./dist/tailwind.css",
-    "./tailwind": "./tailwind.config.cjs"
+    "./tailwind": "./tailwind.config.cjs",
+    "./run/record": {
+      "import": "./dist/run/record.js",
+      "types": "./dist/run/record.d.ts"
+    }
   },
   "files": [
     "dist",
@@ -270,7 +274,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",