spiracha 1.3.3 → 1.4.0

package/apps/ui/dist/server/assets/threads._threadId-LjgsGUh-.js

@@ -1,1052 +0,0 @@
-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 { a as threadSnapshotQueryOptions, c as deleteThreadFn, o as threadTranscriptQueryOptions, u as exportThreadFn } from "./codex-queries-ev_mRUzr.js";
-import { t as Route } from "./threads._threadId-BLCkGW--.js";
-import { t as Checkbox$1 } from "./checkbox-C0hovF41.js";
-import { t as MetricCard } from "./metric-card-ByEeLu0r.js";
-import { t as PageHeader } from "./page-header-VNSaM3xd.js";
-import { a as formatModelLabel, i as formatList, n as formatBytes, r as formatDateTime, s as formatTokens, t as formatBooleanLabel } from "./formatters-FJaGZgJk.js";
-import { n as Breadcrumbs, t as MetadataSection } from "./metadata-section-D6Lbc7D6.js";
-import { n as downloadUrlFile, t as downloadTextFile } from "./download-DMmiy1xf.js";
-import { t as Badge } from "./badge-EvdhKK_Z.js";
-import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-PCD7S0_M.js";
-import { t as ExportDialog } from "./export-dialog-DaPlOGFT.js";
-import { t as JsonPanel } from "./json-panel-RYsxWFae.js";
-import { useEffect, useRef, useState } from "react";
-import { Link, useNavigate } from "@tanstack/react-router";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMutation, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
-import { Check, Copy, Download, Trash2 } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { Tabs } from "radix-ui";
-import { useVirtualizer } from "@tanstack/react-virtual";
-//#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";
-	return event.role === "assistant" ? modelLabel : "User";
-};
-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";
-	}
-};
-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 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 = events.filter((event) => shouldShowEvent(event, showToolCalls, showExtraEvents, showCommentary, 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 getEventKey = (event) => {
-		if (event.kind === "tool_call") return `${event.kind}-${event.sequence}-${event.callId ?? event.timestamp ?? event.name}`;
-		if (event.kind === "tool_output") return `${event.kind}-${event.sequence}-${event.callId ?? event.timestamp ?? "output"}`;
-		if (event.kind === "message") return `${event.kind}-${event.sequence}-${event.variant}-${event.timestamp ?? event.role}`;
-		return `${event.kind}-${event.sequence}-${event.timestamp ?? "event"}`;
-	};
-	const transform = (text) => applyPathTransforms(text, settings, projectPath);
-	const visibleEventKeys = visibleEvents.map(getEventKey);
-	const visibleEventKeySet = new Set(visibleEventKeys);
-	const selectedEventKeySet = new Set(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 = selectedEventKeys.filter((key) => visibleEventKeySet.has(key));
-	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) => visibleSelectedKeys.includes(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
-//#region src/routes/threads.$threadId.tsx?tsr-split=component
-var buildThreadItems = (snapshot) => {
-	return [
-		{
-			label: "Thread ID",
-			value: /* @__PURE__ */ jsx("span", {
-				"data-mono": "true",
-				children: snapshot.thread.id
-			})
-		},
-		{
-			label: "Project",
-			value: snapshot.project
-		},
-		{
-			label: "CWD",
-			value: /* @__PURE__ */ jsx("span", {
-				"data-mono": "true",
-				children: snapshot.thread.cwd
-			})
-		},
-		{
-			label: "Created",
-			value: /* @__PURE__ */ jsx("span", {
-				suppressHydrationWarning: true,
-				children: formatDateTime(snapshot.thread.created_at_ms ?? snapshot.thread.created_at * 1e3)
-			})
-		},
-		{
-			label: "Updated",
-			value: /* @__PURE__ */ jsx("span", {
-				suppressHydrationWarning: true,
-				children: formatDateTime(snapshot.thread.updated_at_ms ?? snapshot.thread.updated_at * 1e3)
-			})
-		},
-		{
-			label: "Session started",
-			value: /* @__PURE__ */ jsx("span", {
-				suppressHydrationWarning: true,
-				children: formatDateTime(snapshot.transcript?.sessionMeta.timestamp ?? null)
-			})
-		},
-		{
-			label: "Rollout size",
-			value: formatBytes(snapshot.rollout.fileSizeBytes)
-		},
-		{
-			label: "Archived",
-			value: formatBooleanLabel(Boolean(snapshot.thread.archived))
-		},
-		{
-			label: "Archived at",
-			value: /* @__PURE__ */ jsx("span", {
-				suppressHydrationWarning: true,
-				children: formatDateTime(snapshot.thread.archived_at ? snapshot.thread.archived_at * 1e3 : null)
-			})
-		}
-	];
-};
-var buildRuntimeItems = (snapshot) => {
-	return [
-		{
-			label: "Source",
-			value: snapshot.thread.source
-		},
-		{
-			label: "Originator",
-			value: snapshot.transcript?.sessionMeta.originator ?? "n/a"
-		},
-		{
-			label: "Model provider",
-			value: snapshot.thread.model_provider
-		},
-		{
-			label: "Reasoning effort",
-			value: snapshot.thread.reasoning_effort ?? "n/a"
-		},
-		{
-			label: "CLI version",
-			value: snapshot.thread.cli_version
-		},
-		{
-			label: "Approval mode",
-			value: snapshot.thread.approval_mode
-		},
-		{
-			label: "Memory mode",
-			value: snapshot.thread.memory_mode
-		},
-		{
-			label: "Has user event",
-			value: formatBooleanLabel(Boolean(snapshot.thread.has_user_event))
-		}
-	];
-};
-var buildGitItems = (snapshot) => {
-	return [
-		{
-			label: "Git branch",
-			value: snapshot.thread.git_branch ?? "n/a"
-		},
-		{
-			label: "Git SHA",
-			value: snapshot.thread.git_sha ?? "n/a"
-		},
-		{
-			label: "Git remote",
-			value: snapshot.thread.git_origin_url ?? "n/a"
-		},
-		{
-			label: "Agent nickname",
-			value: snapshot.thread.agent_nickname ?? "n/a"
-		},
-		{
-			label: "Agent role",
-			value: snapshot.thread.agent_role ?? "n/a"
-		},
-		{
-			label: "Agent path",
-			value: snapshot.thread.agent_path ?? "n/a"
-		}
-	];
-};
-var buildRelationItems = (snapshot) => {
-	const parentThreadValue = snapshot.relations.parentThreadId ? /* @__PURE__ */ jsx(Link, {
-		className: "text-[var(--accent)]",
-		params: { threadId: snapshot.relations.parentThreadId },
-		to: "/threads/$threadId",
-		children: snapshot.relations.parentThreadId
-	}) : "n/a";
-	const childThreadValue = snapshot.relations.childEdges.length > 0 ? /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap gap-2",
-		children: snapshot.relations.childEdges.map((edge) => /* @__PURE__ */ jsx(Link, {
-			className: "rounded-full border border-[var(--border)] px-3 py-1 text-[var(--accent)] text-xs",
-			params: { threadId: edge.child_thread_id },
-			to: "/threads/$threadId",
-			children: edge.child_thread_id
-		}, edge.child_thread_id))
-	}) : "n/a";
-	return [
-		{
-			label: "Parent thread",
-			value: parentThreadValue
-		},
-		{
-			label: "Child threads",
-			value: childThreadValue
-		},
-		{
-			label: "First user message",
-			value: snapshot.thread.first_user_message || "n/a"
-		},
-		{
-			label: "Preview",
-			value: snapshot.thread.preview || "n/a"
-		}
-	];
-};
-var buildTranscriptStatsItems = (snapshot) => {
-	if (!snapshot.transcript) {
-		if (snapshot.transcriptState === "missing") return [
-			{
-				label: "Transcript load",
-				value: "Transcript file missing from disk"
-			},
-			{
-				label: "Rollout path",
-				value: snapshot.thread.rollout_path
-			},
-			{
-				label: "Preview mode",
-				value: "Export and transcript browsing are unavailable until the file exists again."
-			}
-		];
-		return [
-			{
-				label: "Transcript load",
-				value: "Deferred for oversized rollout"
-			},
-			{
-				label: "Rollout size",
-				value: formatBytes(snapshot.rollout.fileSizeBytes)
-			},
-			{
-				label: "Preview mode",
-				value: "Load the transcript manually to inspect it."
-			}
-		];
-	}
-	return [
-		{
-			label: "Event kinds",
-			value: formatList([...new Set(snapshot.transcript.events.map((event) => event.kind))])
-		},
-		{
-			label: "Stats scope",
-			value: snapshot.transcript.statsArePartial ? "Preview only" : "Full transcript"
-		},
-		{
-			label: "Tool calls",
-			value: String(snapshot.transcript.stats.toolCallCount)
-		},
-		{
-			label: "Exec calls",
-			value: String(snapshot.transcript.stats.execCommandCount)
-		},
-		{
-			label: "Web search events",
-			value: String(snapshot.transcript.stats.webSearchEventCount)
-		},
-		{
-			label: "Assistant messages",
-			value: String(snapshot.transcript.stats.assistantMessageCount)
-		},
-		{
-			label: "Commentary updates",
-			value: String(snapshot.transcript.stats.commentaryCount)
-		}
-	];
-};
-function TranscriptControls({ rawJsonDisabled = false, showCommentary, showExtraEvents, showRawJson, showToolCalls, showUserMessages, onShowCommentaryChange, onShowExtraEventsChange, onShowRawJsonChange, onShowToolCallsChange, onShowUserMessagesChange }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-wrap gap-4 rounded-xl border border-[var(--border)] bg-[var(--panel)] px-4 py-3 shadow-[var(--panel-shadow)]",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Checkbox$1, {
-					checked: showToolCalls,
-					id: "transcript-show-tool-calls",
-					onCheckedChange: (checked) => onShowToolCallsChange(checked === true)
-				}), /* @__PURE__ */ jsx("label", {
-					htmlFor: "transcript-show-tool-calls",
-					children: "Show tool calls"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Checkbox$1, {
-					checked: showCommentary,
-					id: "transcript-show-commentary",
-					onCheckedChange: (checked) => onShowCommentaryChange(checked === true)
-				}), /* @__PURE__ */ jsx("label", {
-					htmlFor: "transcript-show-commentary",
-					children: "Show commentary"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Checkbox$1, {
-					checked: showExtraEvents,
-					id: "transcript-show-extra-events",
-					onCheckedChange: (checked) => onShowExtraEventsChange(checked === true)
-				}), /* @__PURE__ */ jsx("label", {
-					htmlFor: "transcript-show-extra-events",
-					children: "Show extra events"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Checkbox$1, {
-					checked: showRawJson,
-					disabled: rawJsonDisabled,
-					id: "transcript-show-raw-json",
-					onCheckedChange: (checked) => onShowRawJsonChange(checked === true)
-				}), /* @__PURE__ */ jsx("label", {
-					htmlFor: "transcript-show-raw-json",
-					children: "Raw JSON"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Checkbox$1, {
-					checked: showUserMessages,
-					id: "transcript-show-user-messages",
-					onCheckedChange: (checked) => onShowUserMessagesChange(checked === true)
-				}), /* @__PURE__ */ jsx("label", {
-					htmlFor: "transcript-show-user-messages",
-					children: "User"
-				})]
-			})
-		]
-	});
-}
-function ThreadMetadataPanels({ snapshot }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "grid gap-4 xl:grid-cols-[1.1fr_0.9fr]",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [
-				/* @__PURE__ */ jsx(MetadataSection, {
-					items: buildThreadItems(snapshot),
-					title: "Thread"
-				}),
-				/* @__PURE__ */ jsx(MetadataSection, {
-					items: buildRuntimeItems(snapshot),
-					title: "Runtime"
-				}),
-				/* @__PURE__ */ jsx(MetadataSection, {
-					items: buildGitItems(snapshot),
-					title: "Git and agent"
-				})
-			]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [
-				/* @__PURE__ */ jsx(MetadataSection, {
-					items: buildRelationItems(snapshot),
-					title: "Relations and summary"
-				}),
-				/* @__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: "Available tools"
-					}), /* @__PURE__ */ jsx("div", {
-						className: "mt-4 space-y-3",
-						children: snapshot.availableTools.map((tool) => /* @__PURE__ */ jsxs("div", {
-							className: "rounded-xl border border-[var(--border)] bg-[var(--panel-secondary)] p-3.5",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ jsx("p", {
-									className: "font-medium font-mono text-sm",
-									children: tool.name
-								}), tool.namespace ? /* @__PURE__ */ jsx(Badge, {
-									variant: "outline",
-									children: tool.namespace
-								}) : null]
-							}), /* @__PURE__ */ jsx("p", {
-								className: "mt-1.5 text-[var(--muted-foreground)] text-sm",
-								children: tool.description || "No description."
-							})]
-						}, `${tool.name}-${tool.namespace ?? "global"}`))
-					})]
-				}),
-				/* @__PURE__ */ jsx(MetadataSection, {
-					items: buildTranscriptStatsItems(snapshot),
-					title: "Transcript stats"
-				})
-			]
-		})]
-	});
-}
-function ThreadRawPanels({ snapshot }) {
-	if (!snapshot.transcript) return /* @__PURE__ */ jsx("div", {
-		className: "rounded-xl border border-[var(--border)] bg-[var(--panel)] px-5 py-4 text-sm",
-		children: snapshot.transcriptState === "missing" ? "The rollout JSONL file is missing from disk, so raw transcript payloads are unavailable." : "Raw transcript payloads are deferred for oversized rollouts. Use Export if you only need the full thread contents, or load the transcript manually from the Transcript tab."
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ jsx(JsonPanel, {
-				title: "Session meta",
-				value: snapshot.transcript.sessionMeta
-			}),
-			/* @__PURE__ */ jsx(JsonPanel, {
-				title: "Turn contexts",
-				value: snapshot.transcript.turnContexts
-			}),
-			/* @__PURE__ */ jsx(JsonPanel, {
-				title: "Sandbox policy",
-				value: snapshot.thread.sandbox_policy
-			})
-		]
-	});
-}
-function DeferredTranscriptNotice({ fileSizeBytes, missing, pending, onLoad }) {
-	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-base",
-				children: missing ? "Transcript file missing" : "This is a very big thread"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mt-2 text-[var(--muted-foreground)] text-sm leading-6",
-				children: missing ? "The rollout JSONL referenced by this thread is no longer present on disk. Export may still work if the file is restored, but transcript browsing is unavailable right now." : `Spiracha skipped loading the transcript automatically because the rollout file is ${formatBytes(fileSizeBytes)}. Export still works immediately. If you need to inspect the thread here, load a bounded preview manually.`
-			}),
-			missing ? null : /* @__PURE__ */ jsx("div", {
-				className: "mt-4",
-				children: /* @__PURE__ */ jsx(Button, {
-					disabled: pending,
-					variant: "outline",
-					onClick: onLoad,
-					children: pending ? "Loading preview..." : "Load transcript preview"
-				})
-			})
-		]
-	});
-}
-function ThreadDetailPage() {
-	const navigate = useNavigate();
-	const queryClient = useQueryClient();
-	const params = Route.useParams();
-	const snapshot = useSuspenseQuery(threadSnapshotQueryOptions(params.threadId)).data;
-	const { settings } = useSettings();
-	const [shouldLoadTranscript, setShouldLoadTranscript] = useState(!snapshot.rollout.shouldDeferTranscriptLoad);
-	const [showToolCalls, setShowToolCalls] = useState(false);
-	const [showCommentary, setShowCommentary] = useState(false);
-	const [showExtraEvents, setShowExtraEvents] = useState(false);
-	const [showRawJson, setShowRawJson] = useState(false);
-	const [showUserMessages, setShowUserMessages] = useState(true);
-	const [exportOpen, setExportOpen] = useState(false);
-	const [deleteOpen, setDeleteOpen] = useState(false);
-	const transcriptQuery = useQuery({
-		...threadTranscriptQueryOptions(params.threadId),
-		enabled: shouldLoadTranscript && snapshot.transcript === null
-	});
-	const transcript = snapshot.transcript ?? transcriptQuery.data ?? null;
-	const viewSnapshot = {
-		...snapshot,
-		transcript
-	};
-	const exportThreadMutation = useMutation({
-		mutationFn: async (options) => {
-			console.info("[spiracha:export-ui] request", {
-				outputFormat: options.outputFormat,
-				project: snapshot.project,
-				selectedThreadCount: 1,
-				selectedThreadIds: [snapshot.thread.id]
-			});
-			const download = await exportThreadFn({ data: {
-				...options,
-				...settings,
-				threadId: snapshot.thread.id
-			} });
-			console.info("[spiracha:export-ui] response", {
-				downloadUrl: download.mode === "download_url" ? download.downloadUrl : null,
-				fileName: download.fileName,
-				mode: download.mode,
-				project: snapshot.project,
-				selectedThreadCount: 1
-			});
-			if (download.mode === "download") {
-				downloadTextFile(download.fileName, download.content, download.mimeType);
-				return;
-			}
-			await downloadUrlFile(download.fileName, download.downloadUrl);
-		},
-		onError: (error) => {
-			console.error("[spiracha:export-ui] failed", {
-				error: error instanceof Error ? error.message : String(error),
-				project: snapshot.project,
-				selectedThreadCount: 1,
-				selectedThreadIds: [snapshot.thread.id]
-			});
-		},
-		onSuccess: async () => {
-			setExportOpen(false);
-		}
-	});
-	const deleteThreadMutation = useMutation({
-		mutationFn: (input) => deleteThreadFn({ data: {
-			deleteSessionFiles: input.deleteSessionFiles,
-			threadId: snapshot.thread.id
-		} }),
-		onSuccess: async () => {
-			await Promise.all([
-				queryClient.invalidateQueries({ queryKey: ["analytics"] }),
-				queryClient.invalidateQueries({ queryKey: ["dashboard"] }),
-				queryClient.invalidateQueries({ queryKey: ["project-threads", snapshot.project] }),
-				queryClient.invalidateQueries({ queryKey: ["projects"] })
-			]);
-			navigate({
-				params: { project: snapshot.project },
-				to: "/projects/$project"
-			});
-		}
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ jsx(PageHeader, {
-				actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
-					className: "rounded-full",
-					variant: "outline",
-					onClick: () => setExportOpen(true),
-					children: [/* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }), "Export"]
-				}), /* @__PURE__ */ jsxs(Button, {
-					className: "rounded-full border-[var(--destructive)]/20 text-[var(--destructive)]",
-					variant: "outline",
-					onClick: () => setDeleteOpen(true),
-					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), "Delete"]
-				})] }),
-				breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
-					{
-						label: "Codex",
-						to: "/projects"
-					},
-					{
-						label: snapshot.project,
-						params: { project: snapshot.project },
-						to: "/projects/$project"
-					},
-					{ label: snapshot.thread.title }
-				] }),
-				eyebrow: snapshot.project,
-				subtitle: snapshot.thread.preview,
-				title: snapshot.thread.title
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4",
-				children: [
-					/* @__PURE__ */ jsx(MetricCard, {
-						label: "Model",
-						value: snapshot.thread.model ?? "unknown"
-					}),
-					/* @__PURE__ */ jsx(MetricCard, {
-						label: "Tokens",
-						value: formatTokens(snapshot.thread.tokens_used)
-					}),
-					/* @__PURE__ */ jsx(MetricCard, {
-						label: "Updated",
-						value: /* @__PURE__ */ jsx("span", {
-							suppressHydrationWarning: true,
-							children: formatDateTime(snapshot.thread.updated_at_ms ?? snapshot.thread.updated_at * 1e3)
-						})
-					}),
-					/* @__PURE__ */ jsx(MetricCard, {
-						label: "Thread source",
-						value: snapshot.thread.thread_source ?? transcript?.sessionMeta.threadSource ?? "n/a"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs(Tabs$1, {
-				className: "space-y-4",
-				defaultValue: "transcript",
-				children: [
-					/* @__PURE__ */ jsxs(TabsList, {
-						className: "grid w-fit min-w-[24rem] grid-cols-3 rounded-full border border-[var(--border)] bg-[var(--panel)] p-1",
-						children: [
-							/* @__PURE__ */ jsx(TabsTrigger, {
-								className: "rounded-full px-5 text-sm",
-								value: "transcript",
-								children: "Transcript"
-							}),
-							/* @__PURE__ */ jsx(TabsTrigger, {
-								className: "rounded-full px-5 text-sm",
-								value: "metadata",
-								children: "Metadata"
-							}),
-							/* @__PURE__ */ jsx(TabsTrigger, {
-								className: "rounded-full px-5 text-sm",
-								value: "raw",
-								children: "Raw"
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs(TabsContent, {
-						className: "space-y-3",
-						value: "transcript",
-						children: [
-							/* @__PURE__ */ jsx(TranscriptControls, {
-								rawJsonDisabled: !transcript?.rawIncluded,
-								showCommentary,
-								showExtraEvents,
-								showRawJson,
-								showToolCalls,
-								showUserMessages,
-								onShowCommentaryChange: setShowCommentary,
-								onShowExtraEventsChange: setShowExtraEvents,
-								onShowRawJsonChange: setShowRawJson,
-								onShowToolCallsChange: setShowToolCalls,
-								onShowUserMessagesChange: setShowUserMessages
-							}),
-							transcript ? /* @__PURE__ */ jsx(TranscriptView, {
-								assistantModel: snapshot.thread.model,
-								events: transcript.events,
-								projectPath: snapshot.thread.cwd,
-								showCommentary,
-								showExtraEvents,
-								showRawJson: showRawJson && transcript.rawIncluded,
-								showToolCalls,
-								showUserMessages
-							}) : /* @__PURE__ */ jsx(DeferredTranscriptNotice, {
-								fileSizeBytes: snapshot.rollout.fileSizeBytes,
-								missing: snapshot.transcriptState === "missing",
-								pending: transcriptQuery.isFetching,
-								onLoad: () => setShouldLoadTranscript(true)
-							}),
-							transcriptQuery.isError ? /* @__PURE__ */ jsxs("p", {
-								className: "text-[var(--destructive)] text-sm",
-								children: [
-									"Failed to load transcript preview:",
-									" ",
-									transcriptQuery.error instanceof Error ? transcriptQuery.error.message : "Unknown error"
-								]
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ jsx(TabsContent, {
-						value: "metadata",
-						children: /* @__PURE__ */ jsx(ThreadMetadataPanels, { snapshot: viewSnapshot })
-					}),
-					/* @__PURE__ */ jsx(TabsContent, {
-						value: "raw",
-						children: /* @__PURE__ */ jsx(ThreadRawPanels, { snapshot: viewSnapshot })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
-				confirmLabel: deleteThreadMutation.isPending ? "Deleting..." : "Delete thread",
-				defaultDeleteSessionFiles: true,
-				description: "Delete this thread from the Codex database. Enable Delete Session files if you also want to remove the rollout JSONL from disk.",
-				open: deleteOpen,
-				showDeleteSessionFilesOption: true,
-				title: "Delete this thread from Codex DB?",
-				onConfirm: ({ deleteSessionFiles }) => deleteThreadMutation.mutate({ deleteSessionFiles }),
-				onOpenChange: setDeleteOpen
-			}),
-			/* @__PURE__ */ jsx(ExportDialog, {
-				open: exportOpen,
-				pending: exportThreadMutation.isPending,
-				onExport: (options) => exportThreadMutation.mutate(options),
-				onOpenChange: setExportOpen
-			})
-		]
-	});
-}
-//#endregion
-export { ThreadDetailPage as component };