spiracha 1.0.0 → 1.1.1

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

@@ -0,0 +1,1059 @@
+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-CAF6HYiG.js";
+import { t as Route } from "./threads._threadId-Ba7vv6-K.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-CxdZM86z.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 { t as DeleteConfirmDialog } from "./delete-confirm-dialog-CWqcTXTF.js";
+import { n as downloadUrlFile, r as ExportDialog, t as downloadTextFile } from "./download-C5rkk_Bo.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 { Slot, Tabs } from "radix-ui";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#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/components/ui/badge.tsx
+var badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+		ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		link: "text-primary underline-offset-4 [a&]:hover:underline",
+		outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90"
+	} }
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "span", {
+		"data-slot": "badge",
+		"data-variant": variant,
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+//#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) => {
+	if (isCommentaryMessage(event) && !showCommentary) return false;
+	if (event.kind === "message") 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 }) {
+	const { settings } = useSettings();
+	const visibleEvents = events.filter((event) => shouldShowEvent(event, showToolCalls, showExtraEvents, showCommentary));
+	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, onShowCommentaryChange, onShowExtraEventsChange, onShowRawJsonChange, onShowToolCallsChange }) {
+	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,
+					onCheckedChange: (checked) => onShowToolCallsChange(checked === true)
+				}), /* @__PURE__ */ jsx("span", { children: "Show tool calls" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ jsx(Checkbox$1, {
+					checked: showCommentary,
+					onCheckedChange: (checked) => onShowCommentaryChange(checked === true)
+				}), /* @__PURE__ */ jsx("span", { children: "Show commentary" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ jsx(Checkbox$1, {
+					checked: showExtraEvents,
+					onCheckedChange: (checked) => onShowExtraEventsChange(checked === true)
+				}), /* @__PURE__ */ jsx("span", { children: "Show extra events" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ jsx(Checkbox$1, {
+					checked: showRawJson,
+					disabled: rawJsonDisabled,
+					onCheckedChange: (checked) => onShowRawJsonChange(checked === true)
+				}), /* @__PURE__ */ jsx("span", { children: "Raw JSON" })]
+			})
+		]
+	});
+}
+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 [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"]
+				})] }),
+				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,
+								onShowCommentaryChange: setShowCommentary,
+								onShowExtraEventsChange: setShowExtraEvents,
+								onShowRawJsonChange: setShowRawJson,
+								onShowToolCallsChange: setShowToolCalls
+							}),
+							transcript ? /* @__PURE__ */ jsx(TranscriptView, {
+								assistantModel: snapshot.thread.model,
+								events: transcript.events,
+								projectPath: snapshot.thread.cwd,
+								showCommentary,
+								showExtraEvents,
+								showRawJson: showRawJson && transcript.rawIncluded,
+								showToolCalls
+							}) : /* @__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",
+				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 };