@tangle-network/sandbox-ui 6.0.1 → 7.0.1

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

@@ -3,7 +3,8 @@ import { HoverCard, HoverCardContent, HoverCardTrigger } from "@tangle-network/u
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Brain, Settings, Timer } from "lucide-react";
 import { getToolCategory, getToolDisplayMetadata } from "@tangle-network/ui/utils";
-import { formatCompact, formatCompact as fmt, formatCost, formatSpanDuration, formatSpanDuration as interval, formatUtcTime as utcTime, reportedCount, sumReportedCounts } from "@tangle-network/charts";
+import { toolLabel } from "@tangle-network/charts/react/agent-graph";
+import { formatCompact, formatCompact as fmt, formatCost as formatCost$1, formatSpanDuration as formatSpanDuration$1, 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";
@@ -747,12 +748,12 @@ function ToolStep({ item, previous }) {
 					/* @__PURE__ */ jsx("dt", { children: "Duration" }),
 					/* @__PURE__ */ jsx("dd", {
 						className: "m-0 text-right",
-						children: time?.end != null && time.start != null ? formatSpanDuration(time.end - time.start) : "Not recorded"
+						children: time?.end != null && time.start != null ? formatSpanDuration$1(time.end - time.start) : "Not recorded"
 					}),
 					/* @__PURE__ */ jsx("dt", { children: "Cost" }),
 					/* @__PURE__ */ jsx("dd", {
 						className: "m-0 text-right",
-						children: typeof cost === "number" ? formatCost(cost) : "Not recorded"
+						children: typeof cost === "number" ? formatCost$1(cost) : "Not recorded"
 					})
 				]
 			}),
@@ -853,7 +854,7 @@ function toolItem(id, call, output, state, durationMs, live, cost) {
 		}
 	};
 	const known = KIT_TOOLS.has(name.toLowerCase()), meta = getToolDisplayMetadata(part);
-	const detail = argsLabel(call.input) ?? (meta.description || (known ? void 0 : preview(call)));
+	const detail = argsLabel(call.input) ?? (known && meta.description || void 0);
 	return {
 		id,
 		kind: "tool",
@@ -861,7 +862,7 @@ function toolItem(id, call, output, state, durationMs, live, cost) {
 		call: {
 			id,
 			type: TYPES[name.toLowerCase()] ?? "unknown",
-			label: known ? meta.title : name.replaceAll("_", " "),
+			label: known ? meta.title : toolLabel(name),
 			status: status === "error" ? "error" : status === "running" ? "running" : "success",
 			...detail ? { detail } : {},
 			...duration !== void 0 ? { duration } : {}
@@ -907,7 +908,7 @@ function timelineItems(entries, streaming, opened) {
 		key: events[0].id,
 		events
 	}));
-	return rows.map((row, index) => {
+	return foldTools(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,
@@ -923,7 +924,10 @@ function timelineItems(entries, streaming, opened) {
 				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) } : {}
+				...entry.role === "user" ? {
+					...opened ? {} : { collapsedLines: 6 },
+					...Number.isFinite(entry.at) ? { timestamp: new Date(entry.at) } : {}
+				} : {}
 			};
 		}
 		if (entry.kind === "tool") return toolItem(entry.id, {
@@ -947,7 +951,7 @@ function timelineItems(entries, streaming, opened) {
 			})
 		};
 		return {
-			id: entry.id,
+			id: `reasoning:${entry.id}`,
 			kind: "custom",
 			content: /* @__PURE__ */ jsx(InlineThinkingItem, {
 				part: {
@@ -958,11 +962,42 @@ function timelineItems(entries, streaming, opened) {
 				openWhileActive: false
 			})
 		};
-	});
+	}), streaming);
+}
+/** Back-to-back tool calls (and the reasoning between them) fold into one row that names them, "Ran 6 tools · Read ×3,
+*  knowledge record"; their arguments and results open with it, so the agent's own words stay the conversation. A live
+*  agent's newest call stays its own row so the reader sees what is running now. */
+function foldTools(items, streaming) {
+	const out = [];
+	let run = [];
+	const flush = (last) => {
+		const open = last && streaming ? run.splice(-1) : [];
+		const tools = run.filter((item) => item.kind === "tool");
+		if (tools.length > 1) {
+			const counts = /* @__PURE__ */ new Map();
+			for (const tool of tools) counts.set(tool.call.label, (counts.get(tool.call.label) ?? 0) + 1);
+			const names = [...counts].map(([name, n]) => n > 1 ? `${name} ×${n}` : name), more = names.length - 3;
+			out.push({
+				id: `fold:${run[0].id}`,
+				kind: "fold",
+				items: run,
+				summary: `Ran ${tools.length} tools · ${names.slice(0, 3).join(", ")}${more > 0 ? ` +${more} more` : ""}`
+			});
+		} else out.push(...run);
+		out.push(...open);
+		run = [];
+	};
+	for (const item of items) if (item.kind === "tool" || item.kind === "custom" && item.id.startsWith("reasoning:")) run.push(item);
+	else {
+		flush(false);
+		out.push(item);
+	}
+	flush(true);
+	return out;
 }
 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";
+	const duration = time?.end != null && time.start != null ? formatSpanDuration$1(time.end - time.start) : "Not recorded";
 	const result = typeof note === "string" ? note : part.state.status === "error" ? "Failed" : part.state.status === "running" ? "Running" : "Returned";
 	return /* @__PURE__ */ jsxs("span", {
 		"data-record-tool-summary": "",
@@ -1116,7 +1151,7 @@ function rowItems(row, context) {
 	if (withheld.length) {
 		const output = outputTokens(event.detail);
 		const span = thinkingSpan.get(event.id);
-		const label = output !== null ? `${span !== void 0 && span >= 1e3 ? `for ${formatSpanDuration(span)} · ` : ""}${formatCompact(output)} output tokens · ${withheld.join(" · ")}` : withheld.join(" · ");
+		const label = output !== null ? `${span !== void 0 && span >= 1e3 ? `for ${formatSpanDuration$1(span)} · ` : ""}${formatCompact(output)} output tokens · ${withheld.join(" · ")}` : withheld.join(" · ");
 		items.push({
 			id: `${event.id}:thinking`,
 			kind: "custom",