@tangle-network/sandbox-ui 3.0.2 → 3.0.3

package/dist/{AgentTree-Cju8jn51.js → use-follow-tail-DZFn7QDO.js}

@@ -1,18 +1,16 @@
 import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.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";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Brain, Settings, Timer } from "lucide-react";
 import { getToolCategory, getToolDisplayMetadata } from "@tangle-network/ui/utils";
-import { AgentTimelineColumn, AgentTimelineStep, agentTimelineStepKind } from "@tangle-network/ui/chat/agent-timeline";
 import { formatCompact, formatCompact as fmt, formatCost, formatSpanDuration, formatSpanDuration as interval, formatUtcTime as utcTime, reportedCount, sumReportedCounts } from "@tangle-network/charts";
+import { AgentTimelineStep, agentTimelineStepKind } from "@tangle-network/ui/chat/agent-timeline";
 import { SpeakerHeader } from "@tangle-network/ui/chat/speaker";
 import { ExpandedToolDetail } from "@tangle-network/ui/run/expanded-tool-detail";
 import { InlineThinkingItem } from "@tangle-network/ui/run/inline-thinking-item";
 import { RunRowShell } from "@tangle-network/ui/run/run-row-shell";
-import { RunStatusIcon, isOpen, runStatus, statusMeta } from "@tangle-network/ui/run/status-meta";
+import { isOpen, runStatus } from "@tangle-network/ui/run/status-meta";
+import { useFollowTail } from "@tangle-network/ui/hooks/use-follow-tail";
 // src/run/record/model.ts
 var model_exports = /* @__PURE__ */ __exportAll({
 	agentState: () => agentState,
@@ -639,13 +637,13 @@ function collapsePolls(items, { callsOf, answered, keyOf, min = 2 }) {
 		events
 	}), min);
 }
+const idleReply = (text) => text.trim().length <= 280 && /\b(waiting|ending the turn|end turn|no new updates|nothing new)\b/i.test(text) ? text.trim() : null;
 /** Exact repeated idle replies fold without hiding changed statements, tools, errors, prompts or source evidence. */
 function collapseIdleTurns(rows, callsOf) {
 	return foldRows(rows, (event) => {
 		const d = event.detail;
 		if (d.role !== "assistant" || event.category === "lifecycle" || d.lifecycle || d.reasoning || d.recordedClaim || d.responseStatus === "error" || d.isError || d.contentOmitted || d.publicationNote || d.clip || thinkingMarkers(d).length || callsOf(event).length) return null;
-		const text = typeof d.publicText === "string" ? d.publicText.trim() : "";
-		return text.length <= 280 && /\b(waiting|ending the turn|end turn|no new updates|nothing new)\b/i.test(text) ? text : null;
+		return idleReply(typeof d.publicText === "string" ? d.publicText : "");
 	}, (a, b) => a === b, (events) => ({
 		kind: "idle",
 		key: `idle:${anchorOf(events[0])}`,
@@ -714,6 +712,10 @@ function promptText(text) {
 /** A run-lifecycle event (start, stop, restart), drawn as a thin marker row. */
 const isLifecycle = (event) => event.category === "lifecycle" || event.detail.lifecycle !== void 0;
 function ToolStep({ item, previous }) {
+	if (!item.part) return /* @__PURE__ */ jsx(AgentTimelineStep, {
+		item,
+		previous
+	});
 	const part = item.part, cost = part.state.metadata?.costUsd, time = part.state.time, category = getToolCategory(part.tool);
 	const tone = part.state.status === "error" ? "var(--surface-danger-text)" : [
 		"command",
@@ -827,11 +829,10 @@ const failureText = (text) => {
 	return compact(body.split("\n").find((line) => line.trim()) ?? "").slice(0, 200);
 };
 /** One tool call as the kit's row: its verb and subject, collapsed; the input and output when opened; failures inline. */
-function toolItems(id, call, result, state, durationMs, live, opener) {
-	const name = toolName(call.name);
-	const output = result ? textOf(result) || result.detail.contentOmitted || "" : void 0;
-	const status = state === "error" ? "error" : state === "pending" || state === "missing" && live ? "running" : "completed";
+function toolItem(id, call, output, state, durationMs, live, cost) {
+	const name = toolName(call.name), status = state === "error" ? "error" : state === "pending" || state === "missing" && live ? "running" : "completed";
 	const note = state === "ambiguous" || state === "missing" && !live ? callStatus(state, live) : void 0;
+	const duration = durationMs !== null && durationMs >= 0 ? durationMs : void 0;
 	const part = {
 		type: "tool",
 		id,
@@ -841,20 +842,19 @@ function toolItems(id, call, result, state, durationMs, live, opener) {
 			input: inputOf(call.input),
 			...output !== void 0 ? { output } : {},
 			...status === "error" ? { error: failureText(output ?? "") || "The call failed." } : {},
-			...durationMs !== null && durationMs >= 0 ? { time: {
+			...duration !== void 0 ? { time: {
 				start: 0,
-				end: durationMs
+				end: duration
 			} } : {},
 			metadata: {
 				...note ? { note } : {},
-				...typeof result?.detail.costListUsd === "number" ? { costUsd: result.detail.costListUsd } : {}
+				...cost !== void 0 ? { costUsd: cost } : {}
 			}
 		}
 	};
-	const known = KIT_TOOLS.has(name.toLowerCase());
-	const meta = getToolDisplayMetadata(part);
+	const known = KIT_TOOLS.has(name.toLowerCase()), meta = getToolDisplayMetadata(part);
 	const detail = argsLabel(call.input) ?? (meta.description || (known ? void 0 : preview(call)));
-	const item = {
+	return {
 		id,
 		kind: "tool",
 		part,
@@ -864,9 +864,12 @@ function toolItems(id, call, result, state, durationMs, live, opener) {
 			label: known ? meta.title : name.replaceAll("_", " "),
 			status: status === "error" ? "error" : status === "running" ? "running" : "success",
 			...detail ? { detail } : {},
-			...durationMs !== null && durationMs >= 0 ? { duration: durationMs } : {}
+			...duration !== void 0 ? { duration } : {}
 		}
 	};
+}
+function toolItems(id, call, result, state, durationMs, live, opener) {
+	const item = toolItem(id, call, result ? textOf(result) || result.detail.contentOmitted || "" : void 0, state, durationMs, live, typeof result?.detail.costListUsd === "number" ? result.detail.costListUsd : void 0);
 	const clip = clipOf(result?.detail.clip);
 	return result && clip ? [item, {
 		id: `${id}:clip`,
@@ -877,6 +880,86 @@ function toolItems(id, call, result, state, durationMs, live, opener) {
 		})
 	}] : [item];
 }
+/** The same prompt control for retained and streamed turns; opening state belongs to the reader. */
+function PromptMore({ text, id, opened, setOpen }) {
+	if (promptText(text).length <= 280) return null;
+	const short = !opened.has(id);
+	return /* @__PURE__ */ jsx("p", {
+		className: "ar-prompt-more",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "link-button",
+			"data-open-key": id,
+			"aria-expanded": !short,
+			onClick: () => setOpen(id, short),
+			children: short ? "Full prompt" : "Shorter"
+		})
+	});
+}
+/** Live values use the same canonical items and tool presentation as retained conversations. */
+function timelineItems(entries, streaming, opened) {
+	const rows = foldRows(entries.map((event) => ({
+		kind: "event",
+		key: event.id,
+		event
+	})), (entry) => entry.kind === "message" && entry.role === "assistant" && entry.provenance !== "recorded-result" ? idleReply(entry.content) : null, (a, b) => a === b, (events) => ({
+		kind: "idle",
+		key: events[0].id,
+		events
+	}));
+	return rows.map((row, index) => {
+		const entry = row.kind === "event" ? row.event : row.events[0];
+		if (row.kind === "idle") return idleItem(entry.id, row.events.map((event) => ({
+			id: event.id,
+			at: Number.isFinite(event.at) ? new Date(event.at).toISOString() : void 0,
+			text: event.content
+		})));
+		if (entry.kind === "message") {
+			const body = entry.role === "user" ? promptText(entry.content) : entry.content;
+			const short = entry.role === "user" && opened && !opened.has(`prompt:${entry.id}`) && body.length > 280;
+			return {
+				id: entry.id,
+				kind: "message",
+				role: entry.role,
+				content: short ? `${body.slice(0, 280).trimEnd()}…` : body,
+				isStreaming: streaming && index === rows.length - 1,
+				...entry.role === "user" && Number.isFinite(entry.at) ? { timestamp: new Date(entry.at) } : {}
+			};
+		}
+		if (entry.kind === "tool") return toolItem(entry.id, {
+			id: entry.id,
+			name: entry.name ?? entry.call.label,
+			input: entry.input === void 0 ? entry.call.detail : typeof entry.input === "string" ? entry.input : JSON.stringify(entry.input)
+		}, entry.call.output, entry.call.status === "error" ? "error" : entry.call.status === "running" ? streaming ? "pending" : "missing" : "returned", entry.call.duration ?? null, streaming, entry.costUsd);
+		if (entry.kind === "notice" && entry.isError) return {
+			id: entry.id,
+			kind: "status",
+			tone: "error",
+			label: "Execution error",
+			detail: entry.text
+		};
+		if (entry.kind === "notice") return {
+			id: entry.id,
+			kind: "custom",
+			content: /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: entry.text
+			})
+		};
+		return {
+			id: entry.id,
+			kind: "custom",
+			content: /* @__PURE__ */ jsx(InlineThinkingItem, {
+				part: {
+					type: "reasoning",
+					text: entry.text
+				},
+				defaultOpen: false,
+				openWhileActive: false
+			})
+		};
+	});
+}
 const toolNote = (part) => {
 	const note = part.state.metadata?.note, time = part.state.time;
 	const duration = time?.end != null && time.start != null ? formatSpanDuration(time.end - time.start) : "Not recorded";
@@ -940,30 +1023,14 @@ function pollItem(row) {
 		})
 	};
 }
-/** Consecutive tool turns whose arguments and results were not captured: one row naming the calls. */
-const hollowItem = (row) => ({
-	id: row.key,
-	kind: "custom",
-	content: /* @__PURE__ */ jsx(RunRowShell, {
-		icon: /* @__PURE__ */ jsx(Settings, {
-			size: 14,
-			"aria-hidden": "true"
-		}),
-		title: hollowSummary(row.calls),
-		description: "args not captured",
-		durationMs: row.spanMs || void 0
-	})
-});
-/** What one record row shows, as the kit's timeline items. */
-function rowItems(row, context) {
-	if (row.kind === "polls") return [pollItem(row)];
-	if (row.kind === "hollow") return [hollowItem(row)];
-	if (row.kind === "idle") return [{
-		id: `${row.key}:${context.selected ?? ""}`,
+/** The exact idle replies stay inspectable inside one shared fold in either conversation. */
+function idleItem(id, events, selected) {
+	return {
+		id,
 		kind: "fold",
-		summary: `${row.events.length} idle turns · ${textOf(row.events[0])}`,
-		defaultOpen: row.events.some((event) => event.id === context.selected),
-		items: row.events.map((event) => ({
+		summary: `${events.length} idle turns · ${events[0].text}`,
+		defaultOpen: events.some((event) => event.id === selected),
+		items: events.map((event) => ({
 			id: event.id,
 			kind: "custom",
 			content: /* @__PURE__ */ jsxs("div", {
@@ -971,16 +1038,38 @@ function rowItems(row, context) {
 				"data-message": event.id,
 				children: [/* @__PURE__ */ jsx("time", {
 					dateTime: event.at,
-					children: utcTime(event.at)
+					children: event.at ? utcTime(event.at) : "Unknown time"
 				}), /* @__PURE__ */ jsx(AgentTimelineStep, { item: {
 					id: event.id,
 					kind: "message",
 					role: "assistant",
-					content: textOf(event)
+					content: event.text
 				} })]
 			})
 		}))
+	};
+}
+/** What one record row shows, as the kit's timeline items. */
+function rowItems(row, context) {
+	if (row.kind === "polls") return [pollItem(row)];
+	if (row.kind === "hollow") return [{
+		id: row.key,
+		kind: "custom",
+		content: /* @__PURE__ */ jsx(RunRowShell, {
+			icon: /* @__PURE__ */ jsx(Settings, {
+				size: 14,
+				"aria-hidden": "true"
+			}),
+			title: hollowSummary(row.calls),
+			description: "args not captured",
+			durationMs: row.spanMs || void 0
+		})
 	}];
+	if (row.kind === "idle") return [idleItem(`${row.key}:${context.selected ?? ""}`, row.events.map((event) => ({
+		id: event.id,
+		at: event.at,
+		text: textOf(event)
+	})), context.selected)];
 	const { index, cutoff, anchor, thinkingSpan, opened, paired, live } = context;
 	const event = row.event;
 	if (isLifecycle(event)) {
@@ -1085,8 +1174,6 @@ function rowItems(row, context) {
 	}
 	return items;
 }
-/** The kind of a row's last item, which sets the gap above the next row. */
-const lastKind = (items) => items.length ? agentTimelineStepKind(items[items.length - 1]) : void 0;
 function ConversationRowView({ row, items, previous, turn, context }) {
 	const { selected, opened, anchor, setOpen, flagMarks, opener, flags } = context;
 	const events = row.kind === "event" ? [row.event] : row.events;
@@ -1130,41 +1217,22 @@ function ConversationRowView({ row, items, previous, turn, context }) {
 	const message = textOf(event);
 	const standalone = event.detail.toolCallId !== void 0 || event.detail.role === "toolResult";
 	const clip = clipOf(event.detail.clip);
-	if (event.detail.role === "user" && message && !standalone) {
-		const key = `prompt:${anchor(event)}`;
-		const long = promptText(message).length > 280;
-		const short = long && !opened.has(key);
-		return /* @__PURE__ */ jsxs("article", {
-			...rowProps,
-			children: [
-				steps,
-				long && /* @__PURE__ */ jsx("p", {
-					className: "ar-prompt-more",
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "link-button",
-						"data-open-key": key,
-						"aria-expanded": !short,
-						onClick: () => setOpen(key, short),
-						children: short ? "Full prompt" : "Shorter"
-					})
-				}),
-				!short && /* @__PURE__ */ jsx(ClipNote, {
-					clip,
-					open: opener(event)
-				}),
-				flagMarks(event)
-			]
-		});
-	}
+	const prompt = event.detail.role === "user" && !!message && !standalone, key = `prompt:${anchor(event)}`;
+	const short = prompt && promptText(message).length > 280 && !opened.has(key);
 	const finding = event.detail.recordedClaim !== void 0;
-	const notes = [event.detail.publicationNote, finding ? event.detail.assessment : void 0].filter((note) => Boolean(note));
+	const notes = (prompt ? [] : [event.detail.publicationNote, finding ? event.detail.assessment : void 0]).filter((note) => Boolean(note));
 	return /* @__PURE__ */ jsxs("article", {
 		...rowProps,
 		children: [
 			steps,
-			message && !standalone && /* @__PURE__ */ jsx(ClipNote, {
-				clip: callsOf(event).length ? void 0 : clip,
+			prompt && /* @__PURE__ */ jsx(PromptMore, {
+				text: message,
+				id: key,
+				opened,
+				setOpen
+			}),
+			message && !standalone && !short && /* @__PURE__ */ jsx(ClipNote, {
+				clip: !prompt && callsOf(event).length ? void 0 : clip,
 				open: opener(event)
 			}),
 			notes.map((note) => /* @__PURE__ */ jsx("p", {
@@ -1175,313 +1243,4 @@ function ConversationRowView({ row, items, previous, turn, context }) {
 		]
 	});
 }
-// src/run/record/Conversation.tsx
-function Conversation({ index, actor, cutoff, query, category, selected, openSource, flags, onFlag, lifecycle = false, live = false, follow = live, opening }) {
-	const [opened, setOpened] = useState(() => {
-		const at = anchorsOf(index.events);
-		return new Set(index.events.filter((event) => event.detail.promptKind === "initial").map((event) => `prompt:${at.get(event.id) ?? event.id}`));
-	});
-	const scroll = useRef(null);
-	const anchors = useMemo(() => anchorsOf(index.events), [index]);
-	const anchor = useCallback((event) => anchors.get(event.id) ?? event.id, [anchors]);
-	const opener = (event) => openSource ? (sha256) => openSource(sha256, event) : void 0;
-	const setOpen = (key, open) => setOpened((current) => {
-		if (current.has(key) === open) return current;
-		const next = new Set(current);
-		if (open) next.add(key);
-		else next.delete(key);
-		return next;
-	});
-	const paired = (event, call) => {
-		const key = toolKey(event.node, call.id);
-		return index.calls.get(key)?.length === 1 ? index.results.get(key) ?? [] : [];
-	};
-	const target = useMemo(() => {
-		if (!selected) return void 0;
-		const event = index.byEvent.get(selected);
-		if (event?.detail.toolCallId !== void 0) {
-			const calls = index.calls.get(toolKey(event.node, event.detail.toolCallId));
-			if (calls?.length === 1) return calls[0].event.id;
-		}
-		return selected;
-	}, [selected, index]);
-	const items = useMemo(() => (index.byActor.get(actor) ?? []).filter((event) => {
-		if (ms(event.at) > cutoff) return false;
-		if (event.id === target) return true;
-		if (isLifecycle(event)) return lifecycle && eventMatches(event, index, query, category);
-		if (event.detail.toolCallId !== void 0) {
-			const matching = index.calls.get(toolKey(event.node, event.detail.toolCallId));
-			if (matching?.length === 1 && ms(matching[0].event.at) <= cutoff) return false;
-		}
-		const calls = callsOf(event);
-		if (!(event.detail.role || textOf(event) || event.detail.reasoning || event.detail.responseStatus === "error" || calls.length)) return false;
-		if (event.detail.role === "assistant" && !textOf(event) && !event.detail.reasoning && !calls.length && event.detail.responseStatus !== "error" && !event.detail.contentOmitted && (!thinkingMarkers(event.detail).length || quietThinking(event.detail))) return false;
-		if (eventMatches(event, index, query, category)) return true;
-		return calls.some((call) => {
-			const key = toolKey(event.node, call.id);
-			return index.calls.get(key)?.length === 1 && (index.results.get(key) ?? []).some((result) => ms(result.at) <= cutoff && eventMatches(result, index, query, category));
-		});
-	}), [
-		index,
-		actor,
-		cutoff,
-		query,
-		category,
-		lifecycle,
-		target
-	]);
-	const shown = useMemo(() => {
-		if (!opening?.text || query || category !== "all" || items.some((event) => event.detail.role === "user" && event.detail.promptKind !== "steering")) return items;
-		const first = items[0]?.at ?? opening.at;
-		return [{
-			id: `${actor}:opening`,
-			node: actor,
-			at: first < opening.at ? first : opening.at,
-			kind: "message",
-			category: "other",
-			label: "prompt",
-			detail: {
-				role: "user",
-				publicText: opening.text,
-				promptKind: "initial"
-			}
-		}, ...items];
-	}, [
-		items,
-		opening,
-		actor,
-		query,
-		category
-	]);
-	const rows = useMemo(() => collapseIdleTurns(collapseHollowTurns(collapsePolls(shown, {
-		callsOf,
-		answered: (event, id) => answeredBy(index.results.get(toolKey(event.node, id))),
-		keyOf: anchor
-	}), {
-		callsOf,
-		captured: (event, id) => (index.results.get(toolKey(event.node, id)) ?? []).some((result) => textOf(result)),
-		keyOf: anchor
-	}), callsOf), [
-		shown,
-		index,
-		anchor
-	]);
-	const thinkingSpan = useMemo(() => {
-		const spans = /* @__PURE__ */ new Map();
-		let previous = null;
-		for (const event of index.byActor.get(actor) ?? []) {
-			const at = ms(event.at);
-			if (previous !== null && Number.isFinite(at) && thinkingMarkers(event.detail).length) spans.set(event.id, Math.max(0, at - previous));
-			if (Number.isFinite(at)) previous = at;
-		}
-		return spans;
-	}, [index, actor]);
-	const rowOf = useMemo(() => {
-		const map = /* @__PURE__ */ new Map();
-		for (const row of rows) if (row.kind !== "event") for (const event of row.events) map.set(event.id, row.key);
-		else map.set(row.event.id, row.key);
-		return map;
-	}, [rows]);
-	const retained = (index.byActor.get(actor) ?? []).some((item) => !isLifecycle(item) && (item.detail.role || textOf(item) || callsOf(item).length));
-	const { following } = useFollowTail(scroll, {
-		identity: actor,
-		content: rows,
-		follow,
-		target
-	});
-	const arrival = useRef({ actor });
-	useLayoutEffect(() => {
-		const tail = rows.at(-1), event = tail?.kind === "event" ? tail.event : tail?.events.at(-1), entry = tail?.kind === "event" ? tail.event.id : tail?.events[0]?.id;
-		let animate = live && arrival.current.actor === actor && !!arrival.current.id && arrival.current.id !== event?.id;
-		arrival.current = {
-			actor,
-			id: event?.id
-		};
-		const element = scroll.current;
-		if (!element || !following.current) return;
-		const frame = requestAnimationFrame(() => {
-			if (!following.current) return;
-			const row = entry && element.querySelector(`[data-entry="${CSS.escape(entry)}"]`);
-			if (animate && row) {
-				animate = false;
-				const style = getComputedStyle(element), value = style.getPropertyValue("--duration-stream").trim(), duration = parseFloat(value) * (value.endsWith("ms") ? 1 : 1e3);
-				if (duration > 0 && !matchMedia("(prefers-reduced-motion: reduce)").matches) row.animate([{ opacity: 0 }, { opacity: 1 }], {
-					duration,
-					easing: style.getPropertyValue("--ease-expo").trim() || "linear"
-				});
-			}
-		});
-		return () => cancelAnimationFrame(frame);
-	}, [rows]);
-	useEffect(() => {
-		if (!selected) return;
-		const event = index.byEvent.get(selected);
-		if (!event) return;
-		const keys = [`prompt:${anchor(event)}`, `reasoning:${anchor(event)}`];
-		if (event.detail.toolCallId !== void 0) for (const match of index.calls.get(toolKey(event.node, event.detail.toolCallId)) ?? []) keys.push(`tool:${anchor(match.event)}:${match.call.id}`, rowOf.get(match.event.id) ?? "");
-		for (const call of callsOf(event)) keys.push(`tool:${anchor(event)}:${call.id}`);
-		const row = rowOf.get(selected);
-		if (row?.startsWith("polls:")) keys.push(row);
-		setOpened((current) => /* @__PURE__ */ new Set([...current, ...keys.filter(Boolean)]));
-	}, [selected, index]);
-	const flagMarks = (event) => {
-		const marks = flags?.get(event.id);
-		if (!marks?.length) return null;
-		return /* @__PURE__ */ jsx("span", {
-			className: "event-flags",
-			children: marks.map((flag) => /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: `event-flag polarity-${flag.polarity}`,
-				title: flag.title,
-				"data-flag": flag.dimension,
-				onClick: () => onFlag?.(flag, event),
-				children: flag.dimension
-			}, `${flag.dimension}:${flag.label}`))
-		});
-	};
-	const keyOf = useCallback((row) => row.key, []);
-	const estimate = useCallback((row) => {
-		if (row.kind !== "event") return 36;
-		if (isLifecycle(row.event)) return 26;
-		return !textOf(row.event) && callsOf(row.event).length ? 16 + 36 * callsOf(row.event).length : 96;
-	}, []);
-	const context = {
-		index,
-		cutoff,
-		selected,
-		opened,
-		anchor,
-		opener,
-		setOpen,
-		flagMarks,
-		paired,
-		thinkingSpan,
-		flags,
-		live
-	};
-	const itemsOf = useMemo(() => rows.map((row) => rowItems(row, context)), [
-		rows,
-		opened,
-		cutoff,
-		selected,
-		live,
-		index,
-		thinkingSpan
-	]);
-	const turns = useMemo(() => {
-		let previous;
-		return rows.map((row) => {
-			const event = row.kind === "event" ? row.event : row.events[0];
-			const turn = event.detail.role === "assistant" && !isLifecycle(event) && (!previous || previous.detail.role === "user" || (event.detail.attempt !== void 0 ? event.detail.attempt !== previous.detail.attempt : ms(event.at) - ms(previous.at) > 12e4));
-			previous = row.kind === "event" ? event : row.events.at(-1);
-			return turn;
-		});
-	}, [rows]);
-	const render = (row, i) => /* @__PURE__ */ jsx(ConversationRowView, {
-		row,
-		items: itemsOf[i] ?? [],
-		previous: i ? lastKind(itemsOf[i - 1] ?? []) : void 0,
-		turn: turns[i],
-		context
-	});
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
-		className: "record-conversation conversation-scroll",
-		"data-chat": true,
-		ref: scroll,
-		tabIndex: 0,
-		"aria-label": "Scrollable retained conversation",
-		children: [!rows.length && /* @__PURE__ */ jsx("p", {
-			className: "chat-empty",
-			children: query || category !== "all" ? "No messages match this filter." : retained ? "No messages at the selected time." : "Conversation not retained. Its absence does not mean the agent did no work."
-		}), /* @__PURE__ */ jsx(AgentTimelineColumn, {
-			className: "ar-chat",
-			children: /* @__PURE__ */ jsx(VirtualList, {
-				items: rows,
-				keyOf,
-				render,
-				scroller: scroll,
-				target: target ? rowOf.get(target) : void 0,
-				estimate
-			})
-		})]
-	}) });
-}
-// src/run/record/AgentTree.tsx
-/** Retained identity and recorded time define the hierarchy; labels never join sessions or invent parents. */
-function AgentTree({ index, actor, cutoff, select }) {
-	const roots = useMemo(() => {
-		const nodes = index.actors.filter((node) => node.kind !== "finding");
-		const byId = new Map(nodes.map((node) => [node.id, node]));
-		const children = /* @__PURE__ */ new Map();
-		for (const node of nodes) {
-			if (!node.parent) continue;
-			const parent = index.canonical(node.parent), siblings = children.get(parent) ?? [];
-			siblings.push(node);
-			children.set(parent, siblings);
-		}
-		const visited = /* @__PURE__ */ new Set();
-		const visit = (node) => {
-			if (visited.has(node.id)) return [];
-			visited.add(node.id);
-			return [{
-				node,
-				children: (children.get(node.id) ?? []).flatMap(visit)
-			}];
-		};
-		const roots = nodes.filter((node) => !node.parent || !byId.has(index.canonical(node.parent))).flatMap(visit);
-		for (const node of nodes) roots.push(...visit(node));
-		return roots;
-	}, [index]);
-	const renderNodes = (entries, nested = false) => /* @__PURE__ */ jsx("ul", {
-		className: nested ? "m-0 ml-3 list-none border-l border-border pl-2" : "m-0 grid list-none gap-1 p-0",
-		children: entries.map(({ node, children }) => {
-			const firstEvent = index.byActor.get(node.id)?.[0];
-			const begin = node.start ? ms(node.start) : firstEvent ? ms(firstEvent.at) : void 0;
-			const future = begin !== void 0 && begin > cutoff, pending = typeof node.end === "string" && ms(node.end) > cutoff;
-			const status = runStatus(future || pending ? "unknown" : node.status ?? "unknown");
-			const state = future ? "Not yet started" : pending ? "Not yet settled" : statusMeta(status).label;
-			return /* @__PURE__ */ jsxs("li", {
-				className: "min-w-0",
-				children: [/* @__PURE__ */ jsxs("button", {
-					type: "button",
-					className: "flex w-full min-w-0 items-start gap-2 rounded border border-transparent px-2 py-1.5 text-left text-sm text-foreground hover:border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring aria-pressed:border-border aria-pressed:bg-muted data-[future]:opacity-55",
-					"aria-label": "Read " + roleOf(node) + " " + node.label + " conversation. " + state + ".",
-					"aria-pressed": actor === node.id,
-					"data-node": node.id,
-					"data-future": future ? "" : void 0,
-					title: node.label + (node.assignment ? " · " + node.assignment : "") + " · " + state,
-					onClick: () => select(node.id),
-					children: [/* @__PURE__ */ jsx(RunStatusIcon, {
-						status,
-						className: "mt-0.5 size-3.5 shrink-0",
-						"aria-hidden": true
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "grid min-w-0 gap-0.5 break-words",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "font-semibold",
-							children: node.label
-						}), /* @__PURE__ */ jsxs("span", {
-							className: "text-muted-foreground",
-							children: [
-								roleOf(node),
-								" · ",
-								state
-							]
-						})]
-					})]
-				}), children.length > 0 && renderNodes(children, true)]
-			}, node.id);
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "record-agent-tree max-h-80 overflow-auto px-2 py-2",
-		"data-graph": true,
-		role: "group",
-		"aria-label": "Recorded agent hierarchy. Select an agent to read its conversation.",
-		children: roots.length ? renderNodes(roots) : /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-muted-foreground",
-			children: "No agent topology was retained."
-		})
-	});
-}
-export { fmt as a, modelIdentity as c, recordFlowTrace as d, roleOf as f, utcTime as h, eventSource as i, model_exports as l, toolKey as m, Conversation as n, indexRecord as o, textOf as p, eventMatches as r, interval as s, AgentTree as t, ms as u };
+export { ms as C, toolKey as D, textOf as E, utcTime as O, model_exports as S, roleOf as T, eventSource as _, isLifecycle as a, interval as b, anchorsOf as c, collapseIdleTurns as d, collapsePolls as f, eventMatches as g, callsOf as h, ToolStep as i, answeredBy as l, thinkingMarkers as m, ConversationRowView as n, rowItems as o, quietThinking as p, PromptMore as r, timelineItems as s, useFollowTail as t, collapseHollowTurns as u, fmt as v, recordFlowTrace as w, modelIdentity as x, indexRecord as y };

package/dist/vault-tree.js

@@ -1 +1 @@
-export { r as VAULT_TREE_CHILD_PAGE, i as VaultTree, t as fileTreeFromPaths, n as filterFileNodes } from "./tree-data-9D309DqD.js";
+export { r as VAULT_TREE_CHILD_PAGE, i as VaultTree, t as fileTreeFromPaths, n as filterFileNodes } from "./tree-data-rg5voiY8.js";

package/dist/{workspace-BrS_rHWN.js → workspace-CJD7oOEa.js}

@@ -1,7 +1,7 @@
 import { t as cn$1 } from "./utils-BER_bdgE.js";
 import { r as ShellHeader } from "./shell-header-CwqDzC4I.js";
 import { t as MOTION_CONTROL } from "./motion-2Ine0j_s.js";
-import "./workspace-files-pane-Di_rn4FL.js";
+import "./workspace-files-pane-D24G7H_Z.js";
 import { ArtifactPane, ArtifactPane as ArtifactPane$1, EmptyState, Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Markdown } from "@tangle-network/ui/markdown";

package/dist/{workspace-files-pane-Di_rn4FL.js → workspace-files-pane-D24G7H_Z.js}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-BER_bdgE.js";
-import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-9D309DqD.js";
+import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-rg5voiY8.js";
 import { Button, EmptyState, Input, SegmentedControl } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";