@tangle-network/sandbox-ui 3.0.1 → 3.0.2

package/dist/{AgentTree-CJRVpgPq.js → AgentTree-Cju8jn51.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
-import { t as VirtualList } from "./VirtualList-DLh2JE0F.js";
+import { t as VirtualList } from "./VirtualList-CMynqkkh.js";
 import { t as useFollowTail } from "./use-follow-tail-Ht7fZGQQ.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{ResearchReport-CSNpZ-pj.js → ResearchReport-vqefUbVp.js}

@@ -1,4 +1,4 @@
-import { a as fmt, c as modelIdentity, d as recordFlowTrace, f as roleOf, h as utcTime, i as eventSource, m as toolKey, n as Conversation, o as indexRecord, p as textOf, r as eventMatches, s as interval, t as AgentTree, u as ms } from "./AgentTree-CJRVpgPq.js";
+import { a as fmt, c as modelIdentity, d as recordFlowTrace, f as roleOf, h as utcTime, i as eventSource, m as toolKey, n as Conversation, o as indexRecord, p as textOf, r as eventMatches, s as interval, t as AgentTree, u as ms } from "./AgentTree-Cju8jn51.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/{VirtualList-DLh2JE0F.js → VirtualList-CMynqkkh.js}

@@ -1,23 +1,13 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 // src/run/record/VirtualList.tsx
-/**
-* Renders only the rows near the viewport of `scroller`. Row heights are measured as they render; unmeasured
-* rows use `estimate`. Spacers keep the scroll height, so the browser's scroll anchoring holds the reading place.
-*/
-function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan = 900, target, origin, targetAlign = "start", virtualize = true, keepMounted }) {
+/** Row heights measured as rows render through `bind`; `version` changes when a measured height changes. */
+function useMeasuredHeights() {
 	const heights = useRef(/* @__PURE__ */ new Map());
-	const [version, setVersion] = useState(0);
-	const [viewport, setViewport] = useState({
-		top: 0,
-		height: 900
-	});
+	const rows = useRef(/* @__PURE__ */ new Map());
 	const observer = useRef(null);
 	const frame = useRef(0);
-	const originTop = () => {
-		const element = scroller.current, node = origin?.current;
-		return element && node ? node.getBoundingClientRect().top - (element === document.scrollingElement ? 0 : element.getBoundingClientRect().top + element.clientTop) + element.scrollTop : 0;
-	};
+	const [version, setVersion] = useState(0);
 	const observe = (element) => {
 		if (!observer.current && typeof ResizeObserver !== "undefined") observer.current = new ResizeObserver((entries) => {
 			let changed = false;
@@ -45,6 +35,31 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 			observer.current?.disconnect();
 		};
 	}, []);
+	const bind = (key) => (element) => {
+		const previous = rows.current.get(key);
+		if (previous) observer.current?.unobserve(previous);
+		if (element) {
+			rows.current.set(key, element);
+			observe(element);
+		} else rows.current.delete(key);
+	};
+	return {
+		heights,
+		rows,
+		version,
+		bind
+	};
+}
+/** The scroller's visible window, measured from `origin` when the rows start below other content. */
+function useViewport(scroller, origin) {
+	const [viewport, setViewport] = useState({
+		top: 0,
+		height: 900
+	});
+	const originTop = () => {
+		const element = scroller.current, node = origin?.current;
+		return element && node ? node.getBoundingClientRect().top - (element === document.scrollingElement ? 0 : element.getBoundingClientRect().top + element.clientTop) + element.scrollTop : 0;
+	};
 	useEffect(() => {
 		const element = scroller.current;
 		if (!element) return;
@@ -73,59 +88,42 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 			resize.disconnect();
 		};
 	}, [scroller, origin]);
-	const offsets = useMemo(() => {
-		const result = new Float64Array(items.length + 1);
-		const guess = typeof estimate === "function" ? estimate : () => estimate;
-		for (let i = 0; i < items.length; i++) result[i + 1] = result[i] + (heights.current.get(keyOf(items[i])) ?? guess(items[i]));
-		return result;
-	}, [
-		items,
-		keyOf,
-		estimate,
-		version
-	]);
-	const find = (y) => {
-		let low = 0, high = items.length;
-		while (low < high) {
-			const mid = low + high >> 1;
-			if (offsets[mid + 1] <= y) low = mid + 1;
-			else high = mid;
-		}
-		return low;
-	};
-	const start = virtualize ? Math.max(0, find(viewport.top - overscan)) : 0;
-	const end = virtualize ? Math.min(items.length, find(viewport.top + viewport.height + overscan) + 1) : items.length;
-	const scrollTo = (key, align) => {
-		const element = scroller.current;
-		const index = items.findIndex((item) => keyOf(item) === key);
-		if (!element || index < 0) return false;
-		const origin = originTop(), top = origin + offsets[index];
-		const bottom = origin + offsets[index + 1];
-		if (align || top < element.scrollTop) element.scrollTop = Math.max(0, top - 8);
-		else if (bottom > element.scrollTop + element.clientHeight) element.scrollTop = Math.max(0, bottom - element.clientHeight);
-		return true;
+	return {
+		viewport,
+		originTop
 	};
+}
+/**
+* A target is settled, not jumped to once: rows above it are measured only after the first jump renders them, which
+* moves it. Each measurement, viewport move and change of the rows (a record that arrived late) re-aligns it until the
+* reader scrolls, or after two seconds. Home and End settle the first and last row the same way.
+*/
+function useSettleTarget(scroller, { target, align, items, keyOf, offsets, originTop, rows, version, viewport }) {
 	const pending = useRef(null);
-	const rows = useRef(/* @__PURE__ */ new Map());
+	const goal = (key) => ({
+		key,
+		until: performance.now() + 2e3
+	});
 	const settle = () => {
-		const goal = pending.current;
-		if (!goal) return;
-		if (performance.now() > goal.until) {
+		const current = pending.current;
+		if (!current) return;
+		if (performance.now() > current.until) {
 			pending.current = null;
 			return;
 		}
-		if (!scrollTo(goal.key, targetAlign === "start")) return;
-		const row = rows.current.get(goal.key);
-		if (targetAlign === "start" && row?.isConnected) {
+		const element = scroller.current, index = items.findIndex((item) => keyOf(item) === current.key);
+		if (!element || index < 0) return;
+		const origin = originTop(), top = origin + offsets[index], bottom = origin + offsets[index + 1];
+		if (align === "start" || top < element.scrollTop) element.scrollTop = Math.max(0, top - 8);
+		else if (bottom > element.scrollTop + element.clientHeight) element.scrollTop = Math.max(0, bottom - element.clientHeight);
+		const row = rows.current.get(current.key);
+		if (align === "start" && row?.isConnected) {
 			const box = row.getBoundingClientRect();
 			if (box.top < 72 || box.top > window.innerHeight - 96) window.scrollBy({ top: box.top - 120 });
 		}
 	};
 	useLayoutEffect(() => {
-		pending.current = target ? {
-			key: target,
-			until: performance.now() + 2e3
-		} : null;
+		pending.current = target ? goal(target) : null;
 		settle();
 	}, [target]);
 	useLayoutEffect(settle, [
@@ -138,10 +136,7 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 		if (!element) return;
 		const release = (event) => {
 			const key = event instanceof KeyboardEvent && event.target === element && !event.defaultPrevented ? event.key : "";
-			pending.current = items.length && (key === "Home" || key === "End") ? {
-				key: keyOf(items[key === "Home" ? 0 : items.length - 1]),
-				until: performance.now() + 2e3
-			} : null;
+			pending.current = items.length && (key === "Home" || key === "End") ? goal(keyOf(items[key === "Home" ? 0 : items.length - 1])) : null;
 			if (pending.current) {
 				event.preventDefault();
 				settle();
@@ -163,14 +158,47 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 		keyOf,
 		offsets
 	]);
-	const bind = (key) => (element) => {
-		const previous = rows.current.get(key);
-		if (previous) observer.current?.unobserve(previous);
-		if (element) {
-			rows.current.set(key, element);
-			observe(element);
-		} else rows.current.delete(key);
+}
+/**
+* Renders only the rows near the viewport of `scroller`. Row heights are measured as they render; unmeasured
+* rows use `estimate`. Spacers keep the scroll height, so the browser's scroll anchoring holds the reading place.
+*/
+function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan = 900, target, origin, targetAlign = "start", virtualize = true, keepMounted }) {
+	const { heights, rows, version, bind } = useMeasuredHeights();
+	const { viewport, originTop } = useViewport(scroller, origin);
+	const offsets = useMemo(() => {
+		const result = new Float64Array(items.length + 1);
+		const guess = typeof estimate === "function" ? estimate : () => estimate;
+		for (let i = 0; i < items.length; i++) result[i + 1] = result[i] + (heights.current.get(keyOf(items[i])) ?? guess(items[i]));
+		return result;
+	}, [
+		items,
+		keyOf,
+		estimate,
+		version
+	]);
+	useSettleTarget(scroller, {
+		target,
+		align: targetAlign,
+		items,
+		keyOf,
+		offsets,
+		originTop,
+		rows,
+		version,
+		viewport
+	});
+	const find = (y) => {
+		let low = 0, high = items.length;
+		while (low < high) {
+			const mid = low + high >> 1;
+			if (offsets[mid + 1] <= y) low = mid + 1;
+			else high = mid;
+		}
+		return low;
 	};
+	const start = virtualize ? Math.max(0, find(viewport.top - overscan)) : 0;
+	const end = virtualize ? Math.min(items.length, find(viewport.top + viewport.height + overscan) + 1) : items.length;
 	const indices = Array.from({ length: end - start }, (_, i) => start + i);
 	const kept = keepMounted ? items.findIndex((item) => keyOf(item) === keepMounted) : -1;
 	if (kept >= 0 && kept < start) indices.unshift(kept);

package/dist/index.js

@@ -1,9 +1,9 @@
 import { $ as ContextMenuShortcut, $n as TabsContent, $t as Popover, A as Card, An as SheetHeader, Ar as seriesAreaPath, At as DropdownMenuSubTrigger, B as CollapsibleContent, Bn as StatCard, Br as TangleKnot, Bt as HoverCardHeader, C as BreadcrumbLink, Cn as SettingsRow, Cr as fieldMessageId, Ct as DropdownMenuPortal, D as Button, Dn as SheetContent, Dr as normalizeSeries, Dt as DropdownMenuShortcut, E as BreadcrumbSeparator, En as SheetClose, Er as localToday, Et as DropdownMenuSeparator, F as CardTitle, Fn as SidebarDropZone, Fr as toneFor, Ft as Heading, G as ContextMenuContent, Gn as TableBody, Gt as Input, H as ComplianceBadge, Hn as Switch, Ht as HoverCardTrigger, I as Checkbox, In as Skeleton, Ir as useTheme, It as HelpText, J as ContextMenuLabel, Jn as TableFooter, Jt as MetricChart, K as ContextMenuGroup, Kn as TableCaption, Kt as Label, L as Chip, Ln as SkeletonCard, Lr as useToast, Lt as HoverCard, M as CardDescription, Mn as SheetPortal, Mr as seriesLinePath, Mt as EmptyState, N as CardFooter, Nn as SheetTitle, Nr as seriesMean, Nt as Field, O as CATEGORY_TONES, On as SheetDescription, Or as parseCalendarDate, Ot as DropdownMenuSub, P as CardHeader, Pn as SheetTrigger, Pr as seriesScale, Pt as FilterField, Q as ContextMenuSeparator, Qn as Tabs, Qt as Pagination, R as CodeBlock, Rn as SkeletonTable, Rr as SectionTitle, Rt as HoverCardContent, S as BreadcrumbItem, Sn as SettingsNote, Sr as buttonVariants, St as DropdownMenuLabel, T as BreadcrumbPage, Tn as Sheet, Tr as initialsOf, Tt as DropdownMenuRadioItem, U as ContextMenu, Un as TONE_CLASSES, Ut as IconTile, V as CollapsibleTrigger, Vn as StatusPill, Vt as HoverCardTitle, W as ContextMenuCheckboxItem, Wn as Table, Wt as InlineCode, X as ContextMenuRadioGroup, Xn as TableHeader, Xt as PageHeader, Y as ContextMenuPortal, Yn as TableHead, Yt as MetricStrip, Z as ContextMenuRadioItem, Zn as TableRow, Zt as PageShell, _ as AvatarFallback, _n as SelectValue, _r as TooltipTrigger, _t as DropdownMenu, a as AlertDialogCancel, an as RadioGroup, ar as TerminalInput, at as DatePicker, b as Breadcrumb, bn as SettingsList, br as WizardStep, bt as DropdownMenuGroup, c as AlertDialogFooter, cn as Select, cr as Textarea, ct as DialogContent, d as AlertDialogPortal, dn as SelectItem, dr as ToastContainer, dt as DialogHeader, en as PopoverAnchor, er as TabsList, et as ContextMenuSub, f as AlertDialogTitle, fn as SelectLabel, fr as ToastProvider, ft as DialogOverlay, g as Avatar, gn as SelectTrigger, gr as TooltipProvider, gt as DropZone, h as ArtifactPane, hn as SelectSeparator, hr as TooltipContent, ht as DialogTrigger, i as AlertDialogAction, in as Progress, ir as TerminalDisplay, it as CopyButton, j as CardContent, jn as SheetOverlay, jr as seriesExtent, jt as DropdownMenuTrigger, k as Calendar, kn as SheetFooter, kr as periodDelta, kt as DropdownMenuSubContent, l as AlertDialogHeader, ln as SelectContent, lr as ThemeToggle, lt as DialogDescription, m as AlertTitle, mn as SelectScrollUpButton, mr as Tooltip, mt as DialogTitle, n as AlertDescription, nn as PopoverContent, nr as Tag, nt as ContextMenuSubTrigger, o as AlertDialogContent, on as RadioGroupItem, or as TerminalLine, ot as Dialog, p as AlertDialogTrigger, pn as SelectScrollDownButton, pr as Toolbar, pt as DialogPortal, q as ContextMenuItem, qn as TableCell, qt as Metric, r as AlertDialog, rn as PopoverTrigger, rr as TerminalCursor, rt as ContextMenuTrigger, s as AlertDialogDescription, sn as SegmentedControl, sr as TextShimmer, st as DialogClose, t as Alert, tn as PopoverClose, tr as TabsTrigger, tt as ContextMenuSubContent, u as AlertDialogOverlay, un as SelectGroup, ur as TimeSelect, ut as DialogFooter, v as AvatarImage, vn as Separator, vr as UploadProgress, vt as DropdownMenuCheckboxItem, w as BreadcrumbList, wn as SettingsSection, wr as formatCalendarDate, wt as DropdownMenuRadioGroup, x as BreadcrumbEllipsis, xn as SettingsListItem, xr as badgeVariants, xt as DropdownMenuItem, y as Badge, yn as SeriesSparkline, yr as Wizard, yt as DropdownMenuContent, z as Collapsible, zn as Slider, zr as Logo, zt as HoverCardDescription } from "./primitives-znfPK9NP.js";
 import { i as WorkspacePaneHeader, n as SHELL_INSET_GUTTER, r as ShellHeader, t as SHELL_HEADER_HEIGHT } from "./shell-header-CwqDzC4I.js";
-import { S as WorkspaceSurfaceTitle, _ as StatusBanner, a as SandboxWorkbench, b as WorkspaceSurface, c as shellShouldRevalidate, d as dispatchSessionCreated, f as useOptimisticSessionItems, g as StatusBar, h as TerminalPanel, i as TaskBoard, l as SessionSidebar, m as RuntimePane, n as ApprovalQueue, o as WorkspaceArtifactView, p as formatRelativeAge, r as CalendarView, s as createShellShouldRevalidate, u as SESSION_CREATED_EVENT, v as DirectoryPane, x as WorkspaceSurfaceFrame, y as WorkspaceLayout } from "./workspace-CAdAoNmW.js";
-import { t as VirtualList } from "./VirtualList-DLh2JE0F.js";
-import { i as VaultTree, n as filterFileNodes, r as VAULT_TREE_CHILD_PAGE, t as fileTreeFromPaths } from "./tree-data-B_IXAIgg.js";
-import { t as WorkspaceFilesPane } from "./workspace-files-pane-C0PeY6rY.js";
+import { S as WorkspaceSurfaceTitle, _ as StatusBanner, a as SandboxWorkbench, b as WorkspaceSurface, c as shellShouldRevalidate, d as dispatchSessionCreated, f as useOptimisticSessionItems, g as StatusBar, h as TerminalPanel, i as TaskBoard, l as SessionSidebar, m as RuntimePane, n as ApprovalQueue, o as WorkspaceArtifactView, p as formatRelativeAge, r as CalendarView, s as createShellShouldRevalidate, u as SESSION_CREATED_EVENT, v as DirectoryPane, x as WorkspaceSurfaceFrame, y as WorkspaceLayout } from "./workspace-BrS_rHWN.js";
+import { t as VirtualList } from "./VirtualList-CMynqkkh.js";
+import { i as VaultTree, n as filterFileNodes, r as VAULT_TREE_CHILD_PAGE, t as fileTreeFromPaths } from "./tree-data-9D309DqD.js";
+import { t as WorkspaceFilesPane } from "./workspace-files-pane-Di_rn4FL.js";
 import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-exTS8tta.js";
 import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
 import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-CuOpvZys.js";
@@ -16,8 +16,8 @@ import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXso
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { S as ReasoningLevelPicker, _ as modelProvider, a as ChatMessage, b as DEFAULT_REASONING_LEVEL_OPTIONS, c as SpeakerHeader, d as UserMessage, f as agentTimelineStepKind, g as ArtifactAgentDock, h as partitionBySpeaker, i as ChatContainer, l as TRANSCRIPT_TEXT, m as isViewerMessage, n as AgentTimelineColumn, o as MessageAuthor, p as foldSummary, r as AgentTimelineStep, s as MessageList, t as AgentTimeline, u as ThinkingIndicator, v as snapHarnessToModel, x as HARNESS_REASONING_OPTIONS, y as AgentProfilePicker } from "./chat-BrlLa4rg.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-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 { d as recordFlowTrace, l as model_exports, n as Conversation, o as indexRecord, t as AgentTree } from "./AgentTree-Cju8jn51.js";
+import { t as withPrompts } from "./record-B_4XWfUz.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "./run.js";
 import "./vault-tree.js";
 import { a as TangleLoginButton, i as UserMenu, n as GitHubLoginButton, r as LoginLayout, t as AuthHeader } from "./auth-BDpoZ_2f.js";

package/dist/record/ResearchReport.js

@@ -1 +1 @@
-export { t as ResearchReport } from "../ResearchReport-CSNpZ-pj.js";
+export { t as ResearchReport } from "../ResearchReport-vqefUbVp.js";

package/dist/{record-Ct_MZeZC.js → record-B_4XWfUz.js}

@@ -1,5 +1,5 @@
-import "./VirtualList-DLh2JE0F.js";
-import "./AgentTree-CJRVpgPq.js";
+import "./VirtualList-CMynqkkh.js";
+import "./AgentTree-Cju8jn51.js";
 // src/run/record/prompts.ts
 /** The conversation needs an opening prompt even when the provider did not retain its first user turn. */
 function withPrompts(record) {

package/dist/record.js

@@ -1,4 +1,4 @@
-import { n as AgentRecord, t as ResearchReport } from "./ResearchReport-CSNpZ-pj.js";
+import { n as AgentRecord, t as ResearchReport } from "./ResearchReport-vqefUbVp.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from "react";
 import { useColorMode } from "@tangle-network/charts/react/agent-graph/presentation";