spiracha 1.3.3 → 1.5.0

package/apps/ui/dist/server/assets/tabs-DkaChNVg.js

@@ -0,0 +1,501 @@
+import { t as applyPathTransforms$1 } from "./path-transforms-DL2IwtYd.js";
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Button } from "./button-CmTDnzOn.js";
+import { n as useSettings } from "./settings-store-DpEJEQ7M.js";
+import { t as Checkbox$1 } from "./checkbox-C0hovF41.js";
+import { a as formatModelLabel, r as formatDateTime } from "./formatters-FJaGZgJk.js";
+import { t as Badge } from "./badge-EvdhKK_Z.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronRight, Copy } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { Tabs } from "radix-ui";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#region src/components/breadcrumbs.tsx
+var isLinkItem = (item) => {
+	return "to" in item;
+};
+var Breadcrumbs = ({ items }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Breadcrumb",
+		className: "flex flex-wrap items-center gap-1 text-sm",
+		children: items.map((item, index) => {
+			const content = isLinkItem(item) ? /* @__PURE__ */ jsx(Link, {
+				className: "text-[var(--muted-foreground)] transition hover:text-[var(--foreground)]",
+				params: item.params,
+				to: item.to,
+				children: item.label
+			}) : /* @__PURE__ */ jsx("span", {
+				"aria-current": "page",
+				className: "font-medium text-[var(--foreground)]",
+				children: item.label
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [index > 0 ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-[var(--muted-foreground)]" }) : null, content]
+			}, isLinkItem(item) ? `${item.label}-${item.to}-${index}` : `${item.label}-current-${index}`);
+		})
+	});
+};
+//#endregion
+//#region src/components/json-panel.tsx
+function JsonPanel({ title, value }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-[1.6rem] border border-[var(--border)] bg-[var(--panel)] p-5 shadow-[var(--panel-shadow)]",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "font-semibold text-[var(--muted-foreground)] text-sm uppercase tracking-[0.18em]",
+			children: title
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "mt-4 overflow-x-auto rounded-2xl border border-[var(--border)] bg-[var(--code-background)] p-4 text-[var(--code-foreground)] text-xs leading-5",
+			children: JSON.stringify(value, null, 2)
+		})]
+	});
+}
+//#endregion
+//#region src/components/metadata-section.tsx
+function MetadataSection({ items, title }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-[1.6rem] border border-[var(--border)] bg-[var(--panel)] p-5 shadow-[var(--panel-shadow)]",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "font-semibold text-[var(--muted-foreground)] text-sm uppercase tracking-[0.18em]",
+			children: title
+		}), /* @__PURE__ */ jsx("dl", {
+			className: "mt-4 space-y-3",
+			children: items.map((item) => /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-1 sm:grid-cols-[11rem_1fr] sm:items-start",
+				children: [/* @__PURE__ */ jsx("dt", {
+					className: "font-medium text-[var(--muted-foreground)] text-xs uppercase tracking-[0.14em]",
+					children: item.label
+				}), /* @__PURE__ */ jsx("dd", {
+					className: "min-w-0 text-sm leading-6",
+					children: item.value
+				})]
+			}, item.label))
+		})]
+	});
+}
+//#endregion
+//#region src/lib/path-utils.ts
+var applyPathTransforms = (text, settings, projectPath) => {
+	return applyPathTransforms$1(text, {
+		...settings,
+		projectPath
+	});
+};
+//#endregion
+//#region src/components/transcript-view.tsx
+var isCommentaryMessage = (event) => event.kind === "message" && event.role === "assistant" && event.phase === "commentary";
+var shouldShowEvent = (event, showToolCalls, showExtraEvents, showCommentary, showUserMessages) => {
+	if (isCommentaryMessage(event) && !showCommentary) return false;
+	if (event.kind === "message") {
+		if (event.role === "user" && !showUserMessages) return false;
+		return !event.isHiddenByDefault || showExtraEvents;
+	}
+	if (event.kind === "tool_call" || event.kind === "tool_output") return showToolCalls;
+	return showExtraEvents;
+};
+var getEventTone = (event) => {
+	if (event.kind === "message" && event.role === "assistant") return "border-[var(--accent)]/40 bg-[var(--panel)]";
+	if (event.kind === "message" && event.role === "user") return "border-[var(--border)] bg-[var(--panel-secondary)]";
+	if (event.kind === "tool_call" || event.kind === "tool_output") return "border-[var(--border)] bg-[var(--code-background)]";
+	return "border-[var(--border)] bg-[var(--panel-secondary)]/80";
+};
+var getMessageTitle = (event, assistantModel) => {
+	const modelLabel = formatModelLabel(event.model ?? assistantModel);
+	if (event.variant === "agent_message") return event.role === "assistant" ? modelLabel : "Assistant update";
+	if (event.role === "assistant") return modelLabel;
+	return event.role === "system" ? "System" : "User";
+};
+var assertNever = (value) => {
+	throw new Error(`Unhandled transcript event kind: ${JSON.stringify(value)}`);
+};
+var getNonMessageTitle = (event) => {
+	switch (event.kind) {
+		case "tool_call": return `Tool call: ${event.name}`;
+		case "tool_output": return "Tool output";
+		case "task_started": return "Task started";
+		case "task_complete": return "Task complete";
+		case "token_count": return "Token update";
+		case "reasoning": return "Reasoning";
+		case "web_search": return "Web search";
+		default: return assertNever(event);
+	}
+};
+var getEventTitle = (event, assistantModel) => event.kind === "message" ? getMessageTitle(event, assistantModel) : getNonMessageTitle(event);
+var copyToClipboard = async (text) => {
+	if (typeof navigator !== "undefined" && navigator.clipboard) try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch {}
+	return false;
+};
+var getEventMarkdownBody = (event, transform) => {
+	switch (event.kind) {
+		case "message": return transform(event.text || "No text content");
+		case "tool_call": return [event.command ?? event.name, event.workdir].filter((value) => Boolean(value)).map(transform).join("\n\n");
+		case "tool_output": return transform(event.summary || event.outputText || "");
+		case "task_started": return `Context window: ${event.modelContextWindow ?? "n/a"}\n\nCollaboration mode: ${event.collaborationModeKind ?? "n/a"}`;
+		case "task_complete": return `Duration: ${event.durationMs ?? "n/a"} ms\n\nFirst token: ${event.timeToFirstTokenMs ?? "n/a"} ms`;
+		case "token_count": return JSON.stringify(event.rateLimits, null, 2);
+		case "reasoning": return event.summary.join(" ") || "Reasoning content is not directly available.";
+		case "web_search": return [`Phase: ${event.phase}${event.status ? ` · ${event.status}` : ""}`, event.query ? transform(event.query) : null].filter(Boolean).join("\n\n");
+	}
+};
+var getEventMarkdown = (event, assistantModel, transform) => `## ${getEventTitle(event, assistantModel)}\n\n${getEventMarkdownBody(event, transform)}`;
+var buildEventKey = (event, index) => {
+	if (event.kind === "tool_call") return `${event.kind}-${event.sequence}-${event.callId ?? event.timestamp ?? event.name}-${index}`;
+	if (event.kind === "tool_output") return `${event.kind}-${event.sequence}-${event.callId ?? event.timestamp ?? "output"}-${index}`;
+	if (event.kind === "message") return `${event.kind}-${event.sequence}-${event.variant}-${event.timestamp ?? event.role}-${index}`;
+	return `${event.kind}-${event.sequence}-${event.timestamp ?? "event"}-${index}`;
+};
+var renderMessageBody = (event, t) => /* @__PURE__ */ jsx("p", {
+	className: "min-w-0 whitespace-pre-wrap break-words text-sm leading-6 [overflow-wrap:anywhere]",
+	children: t(event.text || "No text content")
+});
+var renderToolCallBody = (event, t) => /* @__PURE__ */ jsxs("div", {
+	className: "space-y-2 text-sm",
+	children: [/* @__PURE__ */ jsx("p", {
+		className: "min-w-0 break-words font-medium [overflow-wrap:anywhere]",
+		children: t(event.command ?? event.name)
+	}), event.workdir ? /* @__PURE__ */ jsx("p", {
+		className: "font-mono text-[var(--muted-foreground)] text-xs",
+		children: t(event.workdir)
+	}) : null]
+});
+var renderToolOutputBody = (event, t) => /* @__PURE__ */ jsx("p", {
+	className: "min-w-0 whitespace-pre-wrap break-words text-sm leading-6 [overflow-wrap:anywhere]",
+	children: t(event.summary || event.outputText || "")
+});
+var renderTaskStartedBody = (event) => /* @__PURE__ */ jsxs("div", {
+	className: "text-[var(--muted-foreground)] text-sm",
+	children: [
+		"Context window: ",
+		event.modelContextWindow ?? "n/a",
+		" · Collaboration mode: ",
+		event.collaborationModeKind ?? "n/a"
+	]
+});
+var renderTaskCompleteBody = (event) => /* @__PURE__ */ jsxs("div", {
+	className: "text-[var(--muted-foreground)] text-sm",
+	children: [
+		"Duration: ",
+		event.durationMs ?? "n/a",
+		" ms · First token: ",
+		event.timeToFirstTokenMs ?? "n/a",
+		" ms"
+	]
+});
+var renderTokenCountBody = (event) => /* @__PURE__ */ jsx("pre", {
+	className: "overflow-x-auto text-xs leading-5",
+	children: JSON.stringify(event.rateLimits, null, 2)
+});
+var renderReasoningBody = (event) => /* @__PURE__ */ jsxs("div", {
+	className: "space-y-2 text-sm",
+	children: [/* @__PURE__ */ jsx("p", { children: event.summary.join(" ") || "Reasoning content is not directly available." }), event.hasEncryptedContent ? /* @__PURE__ */ jsx("p", {
+		className: "text-[var(--muted-foreground)] text-xs",
+		children: "Encrypted reasoning payload captured."
+	}) : null]
+});
+var renderWebSearchBody = (event) => /* @__PURE__ */ jsxs("div", {
+	className: "space-y-2 text-sm",
+	children: [/* @__PURE__ */ jsxs("p", { children: [
+		"Phase: ",
+		event.phase,
+		event.status ? ` · ${event.status}` : ""
+	] }), event.query ? /* @__PURE__ */ jsx("p", {
+		className: "text-[var(--muted-foreground)]",
+		children: event.query
+	}) : null]
+});
+var renderEventBody = (event, t) => {
+	switch (event.kind) {
+		case "message": return renderMessageBody(event, t);
+		case "tool_call": return renderToolCallBody(event, t);
+		case "tool_output": return renderToolOutputBody(event, t);
+		case "task_started": return renderTaskStartedBody(event);
+		case "task_complete": return renderTaskCompleteBody(event);
+		case "token_count": return renderTokenCountBody(event);
+		case "reasoning": return renderReasoningBody(event);
+		case "web_search": return renderWebSearchBody(event);
+	}
+};
+function TranscriptEventCard({ assistantModel, copied, event, isSelected, showRawJson, transform, onCopy, onSelectionChange }) {
+	return /* @__PURE__ */ jsxs("article", {
+		className: cn("min-w-0 overflow-hidden rounded-xl border p-3.5 shadow-[var(--panel-shadow)]", isSelected && "ring-2 ring-[var(--accent)]/35", getEventTone(event)),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-start justify-between gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Checkbox$1, {
+							"aria-label": `Select ${getEventTitle(event, assistantModel)}`,
+							checked: isSelected,
+							onCheckedChange: (checked) => onSelectionChange(event, checked === true)
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							className: "min-w-0 break-words font-semibold text-sm [overflow-wrap:anywhere]",
+							children: getEventTitle(event, assistantModel)
+						}),
+						event.kind === "message" && event.phase ? /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							children: event.phase
+						}) : null,
+						event.kind !== "message" ? /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							children: event.kind.replaceAll("_", " ")
+						}) : null
+					]
+				}), event.timestamp ? /* @__PURE__ */ jsx("p", {
+					className: "shrink-0 text-[var(--muted-foreground)] text-xs",
+					suppressHydrationWarning: true,
+					children: formatDateTime(event.timestamp)
+				}) : null]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-2.5 min-w-0",
+				children: renderEventBody(event, transform)
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex justify-end",
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": "Copy message",
+					className: "text-[var(--muted-foreground)] hover:bg-[var(--panel-secondary)] hover:text-[var(--foreground)]",
+					size: "icon-xs",
+					variant: "ghost",
+					onClick: () => onCopy(event),
+					children: copied ? /* @__PURE__ */ jsx(Check, { className: "text-[var(--accent)]" }) : /* @__PURE__ */ jsx(Copy, {})
+				})
+			}),
+			showRawJson ? /* @__PURE__ */ jsx("pre", {
+				className: "mt-3 overflow-x-auto rounded-lg border border-[var(--border)] bg-[var(--code-background)] p-3 text-[var(--code-foreground)] text-xs leading-5",
+				children: JSON.stringify(event.raw, null, 2)
+			}) : null
+		]
+	});
+}
+function TranscriptView({ assistantModel, events, projectPath, showCommentary, showExtraEvents, showRawJson, showToolCalls, showUserMessages = true }) {
+	const { settings } = useSettings();
+	const visibleEvents = useMemo(() => events.filter((event) => shouldShowEvent(event, showToolCalls, showExtraEvents, showCommentary, showUserMessages)), [
+		events,
+		showCommentary,
+		showExtraEvents,
+		showToolCalls,
+		showUserMessages
+	]);
+	const [copiedEventKeys, setCopiedEventKeys] = useState([]);
+	const [copiedSelection, setCopiedSelection] = useState(false);
+	const [copyErrorMessage, setCopyErrorMessage] = useState(null);
+	const [selectedEventKeys, setSelectedEventKeys] = useState([]);
+	const parentRef = useRef(null);
+	const timeoutIdsRef = useRef([]);
+	const useVirtualList = visibleEvents.length > 40;
+	const eventKeyByEvent = useMemo(() => new Map(events.map((event, index) => [event, buildEventKey(event, index)])), [events]);
+	const getEventKey = (event) => eventKeyByEvent.get(event) ?? buildEventKey(event, -1);
+	const transform = (text) => applyPathTransforms(text, settings, projectPath);
+	const visibleEventKeys = useMemo(() => visibleEvents.map((event) => eventKeyByEvent.get(event) ?? buildEventKey(event, -1)), [visibleEvents, eventKeyByEvent]);
+	const visibleEventKeySet = useMemo(() => new Set(visibleEventKeys), [visibleEventKeys]);
+	const selectedEventKeySet = useMemo(() => new Set(selectedEventKeys), [selectedEventKeys]);
+	const virtualizer = useVirtualizer({
+		count: useVirtualList ? visibleEvents.length : 0,
+		estimateSize: () => 160,
+		getItemKey: (index) => getEventKey(visibleEvents[index]) ?? `event-${index}`,
+		getScrollElement: () => parentRef.current,
+		measureElement: (element) => element.getBoundingClientRect().height,
+		overscan: 8
+	});
+	useEffect(() => {
+		return () => {
+			for (const timeoutId of timeoutIdsRef.current) window.clearTimeout(timeoutId);
+			timeoutIdsRef.current = [];
+		};
+	}, []);
+	useEffect(() => {
+		setSelectedEventKeys((current) => {
+			const next = current.filter((key) => visibleEventKeySet.has(key));
+			return next.length === current.length ? current : next;
+		});
+	}, [visibleEventKeySet]);
+	const scheduleTimeout = (callback, delayMs) => {
+		const timeoutId = window.setTimeout(() => {
+			timeoutIdsRef.current = timeoutIdsRef.current.filter((entry) => entry !== timeoutId);
+			callback();
+		}, delayMs);
+		timeoutIdsRef.current.push(timeoutId);
+	};
+	const showCopyFailure = () => {
+		setCopyErrorMessage("Copy failed");
+		scheduleTimeout(() => {
+			setCopyErrorMessage((current) => current === "Copy failed" ? null : current);
+		}, 1500);
+	};
+	const visibleSelectedKeys = useMemo(() => selectedEventKeys.filter((key) => visibleEventKeySet.has(key)), [selectedEventKeys, visibleEventKeySet]);
+	const visibleSelectedKeySet = useMemo(() => new Set(visibleSelectedKeys), [visibleSelectedKeys]);
+	const allVisibleSelected = visibleEvents.length > 0 && visibleSelectedKeys.length === visibleEvents.length;
+	const handleSelectionChange = (event, checked) => {
+		const key = getEventKey(event);
+		setSelectedEventKeys((current) => checked ? current.includes(key) ? current : [...current, key] : current.filter((entry) => entry !== key));
+	};
+	const handleToggleAllVisible = (checked) => {
+		setSelectedEventKeys((current) => checked ? [...new Set([...current.filter((key) => !visibleEventKeySet.has(key)), ...visibleEventKeys])] : current.filter((key) => !visibleEventKeySet.has(key)));
+	};
+	const handleCopyEvent = async (event) => {
+		if (!await copyToClipboard(getEventMarkdown(event, assistantModel, transform))) {
+			showCopyFailure();
+			return;
+		}
+		const key = getEventKey(event);
+		setCopiedEventKeys((current) => [...new Set([...current, key])]);
+		scheduleTimeout(() => {
+			setCopiedEventKeys((current) => current.filter((entry) => entry !== key));
+		}, 1500);
+	};
+	const handleCopySelected = async () => {
+		const selectedEvents = visibleEvents.filter((event) => visibleSelectedKeySet.has(getEventKey(event)));
+		if (selectedEvents.length === 0) return;
+		if (!await copyToClipboard(selectedEvents.map((event) => getEventMarkdown(event, assistantModel, transform)).join("\n\n"))) {
+			showCopyFailure();
+			return;
+		}
+		setCopiedSelection(true);
+		scheduleTimeout(() => {
+			setCopiedSelection(false);
+		}, 1500);
+	};
+	if (useVirtualList) return /* @__PURE__ */ jsxs("div", {
+		ref: parentRef,
+		className: "h-[70vh] overflow-auto rounded-xl border border-[var(--border)] bg-[var(--panel)] p-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "sticky top-0 z-10 mb-3 flex items-center justify-between rounded-xl border border-[var(--border)] bg-[var(--panel)]/95 px-3 py-2 backdrop-blur",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Checkbox$1, {
+						"aria-label": "Select visible messages",
+						checked: allVisibleSelected,
+						onCheckedChange: (checked) => handleToggleAllVisible(checked === true)
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-[var(--muted-foreground)] text-sm",
+						children: [visibleSelectedKeys.length, " selected"]
+					}),
+					copyErrorMessage ? /* @__PURE__ */ jsx("span", {
+						className: "text-[var(--destructive)] text-sm",
+						children: copyErrorMessage
+					}) : null
+				]
+			}), /* @__PURE__ */ jsxs(Button, {
+				"aria-label": "Copy selected messages",
+				className: "hover:bg-[var(--panel-secondary)] hover:text-[var(--foreground)]",
+				disabled: visibleSelectedKeys.length === 0,
+				size: "sm",
+				variant: "outline",
+				onClick: () => void handleCopySelected(),
+				children: [copiedSelection ? /* @__PURE__ */ jsx(Check, { className: "text-[var(--accent)]" }) : /* @__PURE__ */ jsx(Copy, {}), copiedSelection ? "Copied" : "Copy"]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "relative w-full",
+			style: { height: `${virtualizer.getTotalSize()}px` },
+			children: virtualizer.getVirtualItems().map((item) => /* @__PURE__ */ jsx("div", {
+				ref: virtualizer.measureElement,
+				"data-index": item.index,
+				className: "absolute top-0 left-0 w-full pb-3.5",
+				style: { transform: `translateY(${item.start}px)` },
+				children: /* @__PURE__ */ jsx(TranscriptEventCard, {
+					assistantModel,
+					copied: copiedEventKeys.includes(getEventKey(visibleEvents[item.index])),
+					event: visibleEvents[item.index],
+					isSelected: selectedEventKeySet.has(getEventKey(visibleEvents[item.index])),
+					showRawJson,
+					transform,
+					onCopy: (event) => void handleCopyEvent(event),
+					onSelectionChange: handleSelectionChange
+				})
+			}, item.key))
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3.5",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "sticky top-0 z-10 flex items-center justify-between rounded-xl border border-[var(--border)] bg-[var(--panel)]/95 px-3 py-2 backdrop-blur",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Checkbox$1, {
+						"aria-label": "Select visible messages",
+						checked: allVisibleSelected,
+						onCheckedChange: (checked) => handleToggleAllVisible(checked === true)
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-[var(--muted-foreground)] text-sm",
+						children: [visibleSelectedKeys.length, " selected"]
+					}),
+					copyErrorMessage ? /* @__PURE__ */ jsx("span", {
+						className: "text-[var(--destructive)] text-sm",
+						children: copyErrorMessage
+					}) : null
+				]
+			}), /* @__PURE__ */ jsxs(Button, {
+				"aria-label": "Copy selected messages",
+				className: "hover:bg-[var(--panel-secondary)] hover:text-[var(--foreground)]",
+				disabled: visibleSelectedKeys.length === 0,
+				size: "sm",
+				variant: "outline",
+				onClick: () => void handleCopySelected(),
+				children: [copiedSelection ? /* @__PURE__ */ jsx(Check, { className: "text-[var(--accent)]" }) : /* @__PURE__ */ jsx(Copy, {}), copiedSelection ? "Copied" : "Copy"]
+			})]
+		}), visibleEvents.map((event) => /* @__PURE__ */ jsx(TranscriptEventCard, {
+			assistantModel,
+			copied: copiedEventKeys.includes(getEventKey(event)),
+			event,
+			isSelected: selectedEventKeySet.has(getEventKey(event)),
+			showRawJson,
+			transform,
+			onCopy: (selectedEvent) => void handleCopyEvent(selectedEvent),
+			onSelectionChange: handleSelectionChange
+		}, getEventKey(event)))]
+	});
+}
+//#endregion
+//#region src/components/ui/tabs.tsx
+function Tabs$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		orientation,
+		className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+		...props
+	});
+}
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:min-h-11 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("relative inline-flex h-auto min-h-9 min-w-0 flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-3 py-2 font-medium text-foreground/60 text-sm transition-all hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=horizontal]/tabs:after:bottom-[-3px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+//#endregion
+export { TranscriptView as a, Breadcrumbs as c, TabsTrigger as i, TabsContent as n, MetadataSection as o, TabsList as r, JsonPanel as s, Tabs$1 as t };

package/apps/ui/dist/server/assets/thread-transcript-stats-Dh34mt2u.js

@@ -0,0 +1,45 @@
+//#region src/lib/thread-transcript-stats.ts
+var EXEC_TOOL_NAMES = new Set([
+	"bash",
+	"exec",
+	"execute",
+	"execute_command",
+	"run_command",
+	"shell",
+	"terminal"
+]);
+var isExecToolName = (name) => {
+	return EXEC_TOOL_NAMES.has((name ?? "").trim().toLowerCase());
+};
+var updateMessageStats = (stats, event) => {
+	stats.messageCount += 1;
+	if (event.role === "assistant") stats.assistantMessageCount += 1;
+	if (event.role === "user") stats.userMessageCount += 1;
+	if (event.phase === "commentary") stats.commentaryCount += 1;
+	if (event.phase === "final_answer") stats.finalAnswerCount += 1;
+};
+var getThreadTranscriptStats = (events) => {
+	const stats = {
+		assistantMessageCount: 0,
+		commentaryCount: 0,
+		execCommandCount: 0,
+		finalAnswerCount: 0,
+		messageCount: 0,
+		toolCallCount: 0,
+		toolOutputCount: 0,
+		userMessageCount: 0,
+		webSearchEventCount: 0
+	};
+	for (const event of events) {
+		if (event.kind === "message") updateMessageStats(stats, event);
+		if (event.kind === "tool_call") {
+			stats.toolCallCount += 1;
+			if (isExecToolName(event.name)) stats.execCommandCount += 1;
+		}
+		if (event.kind === "tool_output") stats.toolOutputCount += 1;
+		if (event.kind === "web_search") stats.webSearchEventCount += 1;
+	}
+	return stats;
+};
+//#endregion
+export { getThreadTranscriptStats as t };