@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/thread/Transcript.js

@@ -0,0 +1,520 @@
+import { truncate } from "../../utils/common.js";
+import { RAIL_STATUS_BADGE_CLASS } from "../ui/badgeTone.js";
+import { Chip } from "../ui/Chip.js";
+import { PaneHeader, PaneHeaderStack } from "../ui/PaneHeader.js";
+import { RailTime } from "../ui/RailTime.js";
+import { SelectableRow } from "../ui/SelectableRow.js";
+import { Sparkline } from "../ui/Sparkline.js";
+import { ToneBadge } from "../ui/ToneBadge.js";
+import { StatusBadge } from "../message/StatusBadge.js";
+import { messageStepCount } from "../message/MessageTimeline.js";
+import { RoleLabel } from "../message/RoleLabel.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { memo, useEffect, useRef, useState } from "@assistant-ui/tap/react-shim";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/views/thread/Transcript.tsx
+const messageNodeId = (id) => `msg:${id}`;
+const formatTokens = (value) => value >= 1e3 ? `${(value / 1e3).toFixed(1)}k` : String(value);
+const textOf = (parts) => parts.filter((part) => part.type === "text").map((part) => part.text).join("\n").trim();
+const rowSummary = (message) => {
+	const text = textOf(message.parts);
+	if (text) return truncate(text, 72);
+	const tool = message.parts.find((part) => part.type === "tool-call");
+	if (tool) return tool.toolName;
+	return "—";
+};
+const rowStepHint = (message) => {
+	const { tools, texts } = messageStepCount(message.parts);
+	const hints = [];
+	if (tools > 1) hints.push(`${tools} tools`);
+	if (texts > 1) hints.push(`${texts} msgs`);
+	return hints.length ? hints.join(" · ") : null;
+};
+const railStatus = (message) => {
+	if (message.isOptimistic) return null;
+	if (!message.status || message.status.type === "complete") return null;
+	return message.status;
+};
+const railAttachmentCount = (message) => {
+	if (message.attachments.length > 0) return message.attachments.length;
+	return message.parts.filter((part) => part.type === "image" || part.type === "file" || part.type === "audio").length;
+};
+const TurnRow = memo(function TurnRow(t0) {
+	const $ = c(41);
+	const { message, selected, nodeId, onSelect, rowRef } = t0;
+	let t1;
+	if ($[0] !== message) {
+		t1 = railStatus(message);
+		$[0] = message;
+		$[1] = t1;
+	} else t1 = $[1];
+	const status = t1;
+	let t2;
+	if ($[2] !== message) {
+		t2 = rowSummary(message);
+		$[2] = message;
+		$[3] = t2;
+	} else t2 = $[3];
+	const summary = t2;
+	let t3;
+	if ($[4] !== message) {
+		t3 = rowStepHint(message);
+		$[4] = message;
+		$[5] = t3;
+	} else t3 = $[5];
+	const stepHint = t3;
+	const attachmentCount = railAttachmentCount(message);
+	let t4;
+	if ($[6] !== nodeId || $[7] !== onSelect) {
+		t4 = () => onSelect(nodeId);
+		$[6] = nodeId;
+		$[7] = onSelect;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = stepHint ? `${stepHint}\n${summary}` : summary;
+	let t6;
+	if ($[9] !== message.role) {
+		t6 = /* @__PURE__ */ jsx(RoleLabel, {
+			role: message.role,
+			compact: true
+		});
+		$[9] = message.role;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== message.isOptimistic || $[12] !== status) {
+		t7 = message.isOptimistic ? /* @__PURE__ */ jsx(ToneBadge, {
+			tone: "amber",
+			size: "sm",
+			className: RAIL_STATUS_BADGE_CLASS,
+			children: "opt"
+		}) : status ? /* @__PURE__ */ jsx(StatusBadge, {
+			type: status.type,
+			reason: "reason" in status ? status.reason : void 0,
+			compact: true,
+			size: "sm",
+			className: RAIL_STATUS_BADGE_CLASS
+		}) : null;
+		$[11] = message.isOptimistic;
+		$[12] = status;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t6 || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center gap-1.5",
+			children: [t6, t7]
+		});
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== attachmentCount) {
+		t9 = attachmentCount > 0 ? /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground text-[10px] leading-none",
+			title: `${attachmentCount} attachment${attachmentCount === 1 ? "" : "s"}`,
+			children: ["📎", attachmentCount]
+		}) : null;
+		$[17] = attachmentCount;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== message.createdAt) {
+		t10 = /* @__PURE__ */ jsx(RailTime, { value: message.createdAt });
+		$[19] = message.createdAt;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== t10 || $[22] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [t9, t10]
+		});
+		$[21] = t10;
+		$[22] = t9;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== t11 || $[25] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center justify-between gap-2",
+			children: [t8, t11]
+		});
+		$[24] = t11;
+		$[25] = t8;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== stepHint) {
+		t13 = stepHint ? /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground",
+			children: [stepHint, " · "]
+		}) : null;
+		$[27] = stepHint;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== summary || $[30] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("p", {
+			className: "text-foreground min-w-0 truncate text-[12px] leading-tight",
+			children: [t13, summary]
+		});
+		$[29] = summary;
+		$[30] = t13;
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== t12 || $[33] !== t14 || $[34] !== t5) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: "flex h-10 flex-col justify-center gap-0.5",
+			title: t5,
+			children: [t12, t14]
+		});
+		$[32] = t12;
+		$[33] = t14;
+		$[34] = t5;
+		$[35] = t15;
+	} else t15 = $[35];
+	let t16;
+	if ($[36] !== rowRef || $[37] !== selected || $[38] !== t15 || $[39] !== t4) {
+		t16 = /* @__PURE__ */ jsx(SelectableRow, {
+			ref: rowRef,
+			selected,
+			onSelect: t4,
+			dense: true,
+			children: t15
+		});
+		$[36] = rowRef;
+		$[37] = selected;
+		$[38] = t15;
+		$[39] = t4;
+		$[40] = t16;
+	} else t16 = $[40];
+	return t16;
+});
+const GhostComposer = (t0) => {
+	const $ = c(14);
+	const { composer } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: "draft"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	const t2 = composer.role ?? "user";
+	let t3;
+	if ($[1] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", { children: t2 });
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== composer.textLength) {
+		t4 = /* @__PURE__ */ jsxs("span", { children: [
+			"· ",
+			composer.textLength,
+			" chars"
+		] });
+		$[3] = composer.textLength;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== composer.canSend) {
+		t5 = composer.canSend ? /* @__PURE__ */ jsx(Chip, { children: "can send" }) : null;
+		$[5] = composer.canSend;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== composer.queue.length) {
+		t6 = composer.queue.length ? /* @__PURE__ */ jsxs(Chip, { children: [composer.queue.length, " queued"] }) : null;
+		$[7] = composer.queue.length;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "border-border text-muted-foreground flex items-center gap-2 border-t px-3 py-2 text-[11px]",
+			children: [
+				t1,
+				t3,
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+};
+const collect = (messages, pick) => messages.map(pick).filter((value) => value !== void 0);
+const metricSeries = (messages) => [
+	{
+		label: "tok/s",
+		values: collect(messages, (message) => message.timing?.tokensPerSecond),
+		format: (value) => value.toFixed(1)
+	},
+	{
+		label: "TTFT",
+		values: collect(messages, (message) => message.timing?.firstTokenTime !== void 0 && message.timing?.streamStartTime !== void 0 ? message.timing.firstTokenTime - message.timing.streamStartTime : void 0),
+		format: (value) => `${Math.round(value)}ms`
+	},
+	{
+		label: "output",
+		values: collect(messages, (message) => message.usage?.outputTokens),
+		format: (value) => String(value)
+	}
+].filter((series) => series.values.length >= 3);
+const TranscriptHeader = memo(function TranscriptHeader(t0) {
+	const $ = c(37);
+	const { thread } = t0;
+	const [expanded, setExpanded] = useState(false);
+	const messages = thread.messages;
+	let t1;
+	if ($[0] !== messages) {
+		t1 = messages.reduce(_temp2, 0);
+		$[0] = messages;
+		$[1] = t1;
+	} else t1 = $[1];
+	const tools = t1;
+	let t2;
+	if ($[2] !== messages) {
+		t2 = messages.filter(_temp3);
+		$[2] = messages;
+		$[3] = t2;
+	} else t2 = $[3];
+	const errors = t2.length;
+	let t3;
+	let t4;
+	if ($[4] !== messages) {
+		const tokens = messages.reduce(_temp4, 0);
+		t3 = `${messages.length} msg${messages.length === 1 ? "" : "s"}`;
+		t4 = tokens ? `${formatTokens(tokens)} tok` : null;
+		$[4] = messages;
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t3 = $[5];
+		t4 = $[6];
+	}
+	const t5 = tools ? `${tools} tool${tools === 1 ? "" : "s"}` : null;
+	const t6 = errors ? `${errors} err` : null;
+	let t7;
+	if ($[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6) {
+		t7 = [
+			t3,
+			t4,
+			t5,
+			t6
+		].filter(Boolean);
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	const statParts = t7;
+	let t8;
+	if ($[12] !== messages) {
+		t8 = metricSeries(messages);
+		$[12] = messages;
+		$[13] = t8;
+	} else t8 = $[13];
+	const trendSeries = t8;
+	const t9 = trendSeries.length > 0;
+	let t10;
+	if ($[14] !== statParts || $[15] !== t9 || $[16] !== trendSeries) {
+		t10 = {
+			stats: statParts,
+			series: trendSeries,
+			canExpand: t9
+		};
+		$[14] = statParts;
+		$[15] = t9;
+		$[16] = trendSeries;
+		$[17] = t10;
+	} else t10 = $[17];
+	const { stats, series, canExpand } = t10;
+	const t11 = canExpand && expanded;
+	let t12;
+	if ($[18] !== thread.isRunning) {
+		t12 = thread.isRunning ? /* @__PURE__ */ jsx(ToneBadge, {
+			tone: "blue",
+			size: "sm",
+			children: "running"
+		}) : null;
+		$[18] = thread.isRunning;
+		$[19] = t12;
+	} else t12 = $[19];
+	let t13;
+	if ($[20] !== canExpand || $[21] !== expanded) {
+		t13 = canExpand ? /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: () => setExpanded(_temp5),
+			className: "text-muted-foreground hover:text-foreground text-[11px] leading-none",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: clsx("inline-block transition-transform", expanded && "rotate-90"),
+					children: "›"
+				}),
+				" ",
+				"trends"
+			]
+		}) : null;
+		$[20] = canExpand;
+		$[21] = expanded;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== t12 || $[24] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t12, t13] });
+		$[23] = t12;
+		$[24] = t13;
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== stats) {
+		t15 = stats.join(" · ");
+		$[26] = stats;
+		$[27] = t15;
+	} else t15 = $[27];
+	let t16;
+	if ($[28] !== t11 || $[29] !== t14 || $[30] !== t15) {
+		t16 = /* @__PURE__ */ jsx(PaneHeader, {
+			borderless: t11,
+			trailing: t14,
+			children: t15
+		});
+		$[28] = t11;
+		$[29] = t14;
+		$[30] = t15;
+		$[31] = t16;
+	} else t16 = $[31];
+	const titleRow = t16;
+	if (canExpand && expanded) {
+		let t17;
+		if ($[32] !== series) {
+			t17 = series.map(_temp6);
+			$[32] = series;
+			$[33] = t17;
+		} else t17 = $[33];
+		let t18;
+		if ($[34] !== t17 || $[35] !== titleRow) {
+			t18 = /* @__PURE__ */ jsx(PaneHeaderStack, {
+				header: titleRow,
+				children: t17
+			});
+			$[34] = t17;
+			$[35] = titleRow;
+			$[36] = t18;
+		} else t18 = $[36];
+		return t18;
+	}
+	return titleRow;
+});
+const Transcript = (t0) => {
+	const $ = c(14);
+	const { thread, selection, onSelect } = t0;
+	const selectedRef = useRef(null);
+	const prevSelectionRef = useRef(selection);
+	let t1;
+	if ($[0] !== onSelect) {
+		t1 = (nodeId) => onSelect(nodeId);
+		$[0] = onSelect;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handleSelect = t1;
+	let t2;
+	let t3;
+	if ($[2] !== selection) {
+		t2 = () => {
+			if (prevSelectionRef.current === selection) return;
+			prevSelectionRef.current = selection;
+			selectedRef.current?.scrollIntoView({ block: "nearest" });
+		};
+		t3 = [selection];
+		$[2] = selection;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t2 = $[3];
+		t3 = $[4];
+	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[5] !== handleSelect || $[6] !== selection || $[7] !== thread.messages) {
+		t4 = thread.messages.map((message) => {
+			const nodeId_0 = messageNodeId(message.id);
+			const selected = selection === nodeId_0;
+			return /* @__PURE__ */ jsx(TurnRow, {
+				message,
+				nodeId: nodeId_0,
+				selected,
+				onSelect: handleSelect,
+				rowRef: selected ? selectedRef : void 0
+			}, message.id);
+		});
+		$[5] = handleSelect;
+		$[6] = selection;
+		$[7] = thread.messages;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== thread.composer) {
+		t5 = thread.composer && thread.composer.textLength > 0 ? /* @__PURE__ */ jsx(GhostComposer, { composer: thread.composer }) : null;
+		$[9] = thread.composer;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t4, t5] });
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	return t6;
+};
+function _temp(part) {
+	return part.type === "tool-call";
+}
+function _temp2(sum, message) {
+	return sum + message.parts.filter(_temp).length;
+}
+function _temp3(message_0) {
+	return message_0.status?.type === "incomplete";
+}
+function _temp4(sum_0, message_1) {
+	return sum_0 + (message_1.usage ? message_1.usage.inputTokens + message_1.usage.outputTokens : 0);
+}
+function _temp5(prev) {
+	return !prev;
+}
+function _temp6(entry) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between gap-3 px-3 py-1.5",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-[10px]",
+				children: entry.label
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-foreground text-[12px] font-medium tabular-nums",
+				children: entry.format(entry.values[entry.values.length - 1])
+			})]
+		}), /* @__PURE__ */ jsx(Sparkline, {
+			values: entry.values,
+			className: "h-6 w-24"
+		})]
+	}, entry.label);
+}
+//#endregion
+export { Transcript, TranscriptHeader, messageNodeId };
+
+//# sourceMappingURL=Transcript.js.map

package/dist/views/thread/Transcript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcript.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","clsx","truncate","StatusBadge","MessagePreview","PartPreview","messageStepCount","RoleLabel","Chip","PaneHeader","PaneHeaderStack","RailTime","RAIL_STATUS_BADGE_CLASS","SelectableRow","Sparkline","ToneBadge","ComposerPreview","ThreadPreview","MetricSeries","label","values","format","value","messageNodeId","id","formatTokens","toFixed","String","textOf","parts","filter","part","Extract","type","map","text","join","trim","rowSummary","message","tool","find","toolName","rowStepHint","tools","texts","hints","push","length","railStatus","isOptimistic","status","railAttachmentCount","attachments","TurnRow","t0","$","_c","selected","nodeId","onSelect","rowRef","t1","t2","summary","t3","stepHint","attachmentCount","t4","t5","t6","role","t7","reason","undefined","t8","t9","t10","createdAt","t11","t12","t13","t14","t15","t16","GhostComposer","composer","Symbol","for","textLength","canSend","queue","collect","messages","pick","metricSeries","timing","tokensPerSecond","firstTokenTime","streamStartTime","Math","round","usage","outputTokens","series","TranscriptHeader","thread","expanded","setExpanded","reduce","_temp2","_temp3","errors","tokens","_temp4","Boolean","statParts","trendSeries","stats","canExpand","isRunning","_temp5","titleRow","t17","_temp6","t18","Transcript","selection","selectedRef","prevSelectionRef","handleSelect","current","scrollIntoView","block","nodeId_0","_temp","sum","message_0","sum_0","message_1","inputTokens","prev","entry"],"sources":["../../../src/views/thread/Transcript.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { truncate } from \"../../utils/common\";\nimport { StatusBadge } from \"../message\";\nimport type { MessagePreview, PartPreview } from \"../message\";\nimport { messageStepCount } from \"../message/MessageTimeline\";\nimport { RoleLabel } from \"../message/RoleLabel\";\nimport {\n  Chip,\n  PaneHeader,\n  PaneHeaderStack,\n  RailTime,\n  RAIL_STATUS_BADGE_CLASS,\n  SelectableRow,\n  Sparkline,\n  ToneBadge,\n} from \"../ui\";\nimport type { ComposerPreview, ThreadPreview } from \"./types\";\n\ninterface MetricSeries {\n  label: string;\n  values: number[];\n  format: (value: number) => string;\n}\n\nexport const messageNodeId = (id: string) => `msg:${id}`;\n\nconst formatTokens = (value: number) =>\n  value >= 1000 ? `${(value / 1000).toFixed(1)}k` : String(value);\n\nconst textOf = (parts: readonly PartPreview[]) =>\n  parts\n    .filter(\n      (part): part is Extract<PartPreview, { type: \"text\" }> =>\n        part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\\n\")\n    .trim();\n\nconst rowSummary = (message: MessagePreview) => {\n  const text = textOf(message.parts);\n  if (text) return truncate(text, 72);\n  const tool = message.parts.find(\n    (part): part is Extract<PartPreview, { type: \"tool-call\" }> =>\n      part.type === \"tool-call\",\n  );\n  if (tool) return tool.toolName;\n  return \"—\";\n};\n\nconst rowStepHint = (message: MessagePreview) => {\n  const { tools, texts } = messageStepCount(message.parts);\n  const hints: string[] = [];\n  if (tools > 1) hints.push(`${tools} tools`);\n  if (texts > 1) hints.push(`${texts} msgs`);\n  return hints.length ? hints.join(\" · \") : null;\n};\n\nconst railStatus = (message: MessagePreview) => {\n  if (message.isOptimistic) return null;\n  if (!message.status || message.status.type === \"complete\") return null;\n  return message.status;\n};\n\nconst railAttachmentCount = (message: MessagePreview) => {\n  if (message.attachments.length > 0) return message.attachments.length;\n  return message.parts.filter(\n    (part) =>\n      part.type === \"image\" || part.type === \"file\" || part.type === \"audio\",\n  ).length;\n};\n\nconst TurnRow = memo(function TurnRow({\n  message,\n  selected,\n  nodeId,\n  onSelect,\n  rowRef,\n}: {\n  message: MessagePreview;\n  selected: boolean;\n  nodeId: string;\n  onSelect: (nodeId: string) => void;\n  rowRef?: React.Ref<HTMLButtonElement> | undefined;\n}) {\n  const status = railStatus(message);\n  const summary = rowSummary(message);\n  const stepHint = rowStepHint(message);\n  const attachmentCount = railAttachmentCount(message);\n\n  return (\n    <SelectableRow\n      ref={rowRef}\n      selected={selected}\n      onSelect={() => onSelect(nodeId)}\n      dense\n    >\n      <div\n        className=\"flex h-10 flex-col justify-center gap-0.5\"\n        title={stepHint ? `${stepHint}\\n${summary}` : summary}\n      >\n        <div className=\"flex min-w-0 items-center justify-between gap-2\">\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <RoleLabel role={message.role} compact />\n            {message.isOptimistic ? (\n              <ToneBadge\n                tone=\"amber\"\n                size=\"sm\"\n                className={RAIL_STATUS_BADGE_CLASS}\n              >\n                opt\n              </ToneBadge>\n            ) : status ? (\n              <StatusBadge\n                type={status.type}\n                reason={\"reason\" in status ? status.reason : undefined}\n                compact\n                size=\"sm\"\n                className={RAIL_STATUS_BADGE_CLASS}\n              />\n            ) : null}\n          </div>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {attachmentCount > 0 ? (\n              <span\n                className=\"text-muted-foreground text-[10px] leading-none\"\n                title={`${attachmentCount} attachment${attachmentCount === 1 ? \"\" : \"s\"}`}\n              >\n                📎{attachmentCount}\n              </span>\n            ) : null}\n            <RailTime value={message.createdAt} />\n          </div>\n        </div>\n        <p className=\"text-foreground min-w-0 truncate text-[12px] leading-tight\">\n          {stepHint ? (\n            <span className=\"text-muted-foreground\">{stepHint} · </span>\n          ) : null}\n          {summary}\n        </p>\n      </div>\n    </SelectableRow>\n  );\n});\n\nconst GhostComposer = ({ composer }: { composer: ComposerPreview }) => (\n  <div className=\"border-border text-muted-foreground flex items-center gap-2 border-t px-3 py-2 text-[11px]\">\n    <span className=\"text-foreground font-medium\">draft</span>\n    <span>{composer.role ?? \"user\"}</span>\n    <span>· {composer.textLength} chars</span>\n    {composer.canSend ? <Chip>can send</Chip> : null}\n    {composer.queue.length ? <Chip>{composer.queue.length} queued</Chip> : null}\n  </div>\n);\n\nconst collect = (\n  messages: readonly MessagePreview[],\n  pick: (message: MessagePreview) => number | undefined,\n): number[] =>\n  messages.map(pick).filter((value): value is number => value !== undefined);\n\nconst metricSeries = (messages: readonly MessagePreview[]): MetricSeries[] =>\n  [\n    {\n      label: \"tok/s\",\n      values: collect(messages, (message) => message.timing?.tokensPerSecond),\n      format: (value: number) => value.toFixed(1),\n    },\n    {\n      label: \"TTFT\",\n      values: collect(messages, (message) =>\n        message.timing?.firstTokenTime !== undefined &&\n        message.timing?.streamStartTime !== undefined\n          ? message.timing.firstTokenTime - message.timing.streamStartTime\n          : undefined,\n      ),\n      format: (value: number) => `${Math.round(value)}ms`,\n    },\n    {\n      label: \"output\",\n      values: collect(messages, (message) => message.usage?.outputTokens),\n      format: (value: number) => String(value),\n    },\n  ].filter((series) => series.values.length >= 3);\n\nexport const TranscriptHeader = memo(function TranscriptHeader({\n  thread,\n}: {\n  thread: ThreadPreview;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const messages = thread.messages;\n\n  const { stats, series, canExpand } = useMemo(() => {\n    const tools = messages.reduce(\n      (sum, message) =>\n        sum + message.parts.filter((part) => part.type === \"tool-call\").length,\n      0,\n    );\n    const errors = messages.filter(\n      (message) => message.status?.type === \"incomplete\",\n    ).length;\n    const tokens = messages.reduce(\n      (sum, message) =>\n        sum +\n        (message.usage\n          ? message.usage.inputTokens + message.usage.outputTokens\n          : 0),\n      0,\n    );\n\n    const statParts = [\n      `${messages.length} msg${messages.length === 1 ? \"\" : \"s\"}`,\n      tokens ? `${formatTokens(tokens)} tok` : null,\n      tools ? `${tools} tool${tools === 1 ? \"\" : \"s\"}` : null,\n      errors ? `${errors} err` : null,\n    ].filter(Boolean);\n\n    const trendSeries = metricSeries(messages);\n\n    return {\n      stats: statParts,\n      series: trendSeries,\n      canExpand: trendSeries.length > 0,\n    };\n  }, [messages]);\n\n  const titleRow = (\n    <PaneHeader\n      borderless={canExpand && expanded}\n      trailing={\n        <>\n          {thread.isRunning ? (\n            <ToneBadge tone=\"blue\" size=\"sm\">\n              running\n            </ToneBadge>\n          ) : null}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              onClick={() => setExpanded((prev) => !prev)}\n              className=\"text-muted-foreground hover:text-foreground text-[11px] leading-none\"\n            >\n              <span\n                className={clsx(\n                  \"inline-block transition-transform\",\n                  expanded && \"rotate-90\",\n                )}\n              >\n                ›\n              </span>{\" \"}\n              trends\n            </button>\n          ) : null}\n        </>\n      }\n    >\n      {stats.join(\" · \")}\n    </PaneHeader>\n  );\n\n  if (canExpand && expanded) {\n    return (\n      <PaneHeaderStack header={titleRow}>\n        {series.map((entry) => (\n          <div\n            key={entry.label}\n            className=\"flex items-center justify-between gap-3 px-3 py-1.5\"\n          >\n            <div className=\"flex flex-col\">\n              <span className=\"text-muted-foreground text-[10px]\">\n                {entry.label}\n              </span>\n              <span className=\"text-foreground text-[12px] font-medium tabular-nums\">\n                {entry.format(entry.values[entry.values.length - 1]!)}\n              </span>\n            </div>\n            <Sparkline values={entry.values} className=\"h-6 w-24\" />\n          </div>\n        ))}\n      </PaneHeaderStack>\n    );\n  }\n\n  return titleRow;\n});\n\nexport const Transcript = ({\n  thread,\n  selection,\n  onSelect,\n}: {\n  thread: ThreadPreview;\n  selection: string | null;\n  onSelect: (nodeId: string) => void;\n}) => {\n  const selectedRef = useRef<HTMLButtonElement>(null);\n  const prevSelectionRef = useRef(selection);\n  const handleSelect = useCallback(\n    (nodeId: string) => onSelect(nodeId),\n    [onSelect],\n  );\n\n  useEffect(() => {\n    if (prevSelectionRef.current === selection) return;\n    prevSelectionRef.current = selection;\n    selectedRef.current?.scrollIntoView({ block: \"nearest\" });\n  }, [selection]);\n\n  return (\n    <>\n      {thread.messages.map((message) => {\n        const nodeId = messageNodeId(message.id);\n        const selected = selection === nodeId;\n        return (\n          <TurnRow\n            key={message.id}\n            message={message}\n            nodeId={nodeId}\n            selected={selected}\n            onSelect={handleSelect}\n            rowRef={selected ? selectedRef : undefined}\n          />\n        );\n      })}\n      {thread.composer && thread.composer.textLength > 0 ? (\n        <GhostComposer composer={thread.composer} />\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/views/thread/index.d.ts

@@ -0,0 +1,10 @@
+import { ComposerAttachments } from "./ComposerAttachments.js";
+import { ComposerPreview, ThreadListItemPreview, ThreadListPreview, ThreadPreview } from "./types.js";
+import { ComposerFlags } from "./ComposerFlags.js";
+import { ComposerQueue } from "./ComposerQueue.js";
+import { ConversationList, conversationListHeader } from "./ConversationList.js";
+import { ThreadDetails } from "./ThreadDetails.js";
+import { Transcript, TranscriptHeader, messageNodeId } from "./Transcript.js";
+import { parseComposerPreview, parseThreadListItemPreview, parseThreadListPreview, parseThreadPreview } from "./utils.js";
+import { resolveSingleThread, resolveThreadForId } from "./resolve.js";
+export { ComposerAttachments, ComposerFlags, type ComposerPreview, ComposerQueue, ConversationList, ThreadDetails, type ThreadListItemPreview, type ThreadListPreview, type ThreadPreview, Transcript, TranscriptHeader, conversationListHeader, messageNodeId, parseComposerPreview, parseThreadListItemPreview, parseThreadListPreview, parseThreadPreview, resolveSingleThread, resolveThreadForId };

package/dist/views/thread/index.js

@@ -0,0 +1,9 @@
+import { parseComposerPreview, parseThreadListItemPreview, parseThreadListPreview, parseThreadPreview } from "./utils.js";
+import { ConversationList, conversationListHeader } from "./ConversationList.js";
+import { ComposerAttachments } from "./ComposerAttachments.js";
+import { ComposerFlags } from "./ComposerFlags.js";
+import { ComposerQueue } from "./ComposerQueue.js";
+import { ThreadDetails } from "./ThreadDetails.js";
+import { Transcript, TranscriptHeader, messageNodeId } from "./Transcript.js";
+import { resolveSingleThread, resolveThreadForId } from "./resolve.js";
+export { ComposerAttachments, ComposerFlags, ComposerQueue, ConversationList, ThreadDetails, Transcript, TranscriptHeader, conversationListHeader, messageNodeId, parseComposerPreview, parseThreadListItemPreview, parseThreadListPreview, parseThreadPreview, resolveSingleThread, resolveThreadForId };

package/dist/views/thread/resolve.d.ts

@@ -0,0 +1,13 @@
+import { ThreadListPreview, ThreadPreview } from "./types.js";
+
+//#region src/views/thread/resolve.d.ts
+/**
+ * Picks the thread to show for a selected conversation id, preferring a cached
+ * snapshot, then the live main thread, then the single-thread runtime state.
+ */
+declare const resolveThreadForId: (state: Record<string, unknown>, snapshots: Readonly<Record<string, unknown>> | undefined, threadId: string, threadList: ThreadListPreview | null) => ThreadPreview | null;
+/** Picks the thread to show when the runtime exposes no conversation list. */
+declare const resolveSingleThread: (state: Record<string, unknown>) => ThreadPreview | null;
+//#endregion
+export { resolveSingleThread, resolveThreadForId };
+//# sourceMappingURL=resolve.d.ts.map

package/dist/views/thread/resolve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.d.ts","names":[],"sources":["../../../src/views/thread/resolve.ts"],"mappings":";;;;;AAOA;;cAAa,kBAAA,GACX,KAAA,EAAO,MAAA,mBACP,SAAA,EAAW,QAAA,CAAS,MAAA,gCACpB,QAAA,UACA,UAAA,EAAY,iBAAA,YACX,aAAA;;cAeU,mBAAA,GACX,KAAA,EAAO,MAAA,sBACN,aAAa"}

package/dist/views/thread/resolve.js

@@ -0,0 +1,29 @@
+import { parseThreadListPreview, parseThreadPreview } from "./utils.js";
+//#region src/views/thread/resolve.ts
+/**
+* Picks the thread to show for a selected conversation id, preferring a cached
+* snapshot, then the live main thread, then the single-thread runtime state.
+*/
+const resolveThreadForId = (state, snapshots, threadId, threadList) => {
+	const fromSnapshot = snapshots?.[threadId];
+	if (fromSnapshot) {
+		const parsed = parseThreadPreview(fromSnapshot);
+		if (parsed) return parsed;
+	}
+	if (threadList?.mainThreadId === threadId && threadList.main) return threadList.main;
+	const single = parseThreadPreview(state.thread);
+	if (single && threadList?.threadIds.length === 0) return single;
+	return null;
+};
+/** Picks the thread to show when the runtime exposes no conversation list. */
+const resolveSingleThread = (state) => {
+	const single = parseThreadPreview(state.thread);
+	if (single && single.messages.length) return single;
+	const list = parseThreadListPreview(state.threads);
+	if (list?.main && list.main.messages.length) return list.main;
+	return single ?? list?.main ?? null;
+};
+//#endregion
+export { resolveSingleThread, resolveThreadForId };
+
+//# sourceMappingURL=resolve.js.map

package/dist/views/thread/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.js","names":["parseThreadListPreview","parseThreadPreview","ThreadListPreview","ThreadPreview","resolveThreadForId","state","Record","snapshots","Readonly","threadId","threadList","fromSnapshot","parsed","mainThreadId","main","single","thread","threadIds","length","resolveSingleThread","messages","list","threads"],"sources":["../../../src/views/thread/resolve.ts"],"sourcesContent":["import { parseThreadListPreview, parseThreadPreview } from \"./utils\";\nimport type { ThreadListPreview, ThreadPreview } from \"./types\";\n\n/**\n * Picks the thread to show for a selected conversation id, preferring a cached\n * snapshot, then the live main thread, then the single-thread runtime state.\n */\nexport const resolveThreadForId = (\n  state: Record<string, unknown>,\n  snapshots: Readonly<Record<string, unknown>> | undefined,\n  threadId: string,\n  threadList: ThreadListPreview | null,\n): ThreadPreview | null => {\n  const fromSnapshot = snapshots?.[threadId];\n  if (fromSnapshot) {\n    const parsed = parseThreadPreview(fromSnapshot);\n    if (parsed) return parsed;\n  }\n  if (threadList?.mainThreadId === threadId && threadList.main) {\n    return threadList.main;\n  }\n  const single = parseThreadPreview(state.thread);\n  if (single && threadList?.threadIds.length === 0) return single;\n  return null;\n};\n\n/** Picks the thread to show when the runtime exposes no conversation list. */\nexport const resolveSingleThread = (\n  state: Record<string, unknown>,\n): ThreadPreview | null => {\n  const single = parseThreadPreview(state.thread);\n  if (single && single.messages.length) return single;\n  const list = parseThreadListPreview(state.threads);\n  if (list?.main && list.main.messages.length) return list.main;\n  return single ?? list?.main ?? null;\n};\n"],"mappings":";;;;;;AAOA,MAAaI,sBACXC,OACAE,WACAE,UACAC,eACyB;CACzB,MAAMC,eAAeJ,YAAYE;CACjC,IAAIE,cAAc;EAChB,MAAMC,SAASX,mBAAmBU,YAAY;EAC9C,IAAIC,QAAQ,OAAOA;CACrB;CACA,IAAIF,YAAYG,iBAAiBJ,YAAYC,WAAWI,MACtD,OAAOJ,WAAWI;CAEpB,MAAMC,SAASd,mBAAmBI,MAAMW,MAAM;CAC9C,IAAID,UAAUL,YAAYO,UAAUC,WAAW,GAAG,OAAOH;CACzD,OAAO;AACT;;AAGA,MAAaI,uBACXd,UACyB;CACzB,MAAMU,SAASd,mBAAmBI,MAAMW,MAAM;CAC9C,IAAID,UAAUA,OAAOK,SAASF,QAAQ,OAAOH;CAC7C,MAAMM,OAAOrB,uBAAuBK,MAAMiB,OAAO;CACjD,IAAID,MAAMP,QAAQO,KAAKP,KAAKM,SAASF,QAAQ,OAAOG,KAAKP;CACzD,OAAOC,UAAUM,MAAMP,QAAQ;AACjC"}