spiracha 1.3.3 → 1.5.0

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

@@ -0,0 +1,648 @@
+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-CtgeZ7VL.js";
+import { t as Route } from "./threads._threadId-Ci0S4mKU.js";
+import { t as Checkbox } from "./checkbox-C0hovF41.js";
+import { t as MetricCard } from "./metric-card-ByEeLu0r.js";
+import { t as PageHeader } from "./page-header-VNSaM3xd.js";
+import { i as formatList, n as formatBytes, r as formatDateTime, s as formatTokens, t as formatBooleanLabel } from "./formatters-FJaGZgJk.js";
+import { a as TranscriptView, c as Breadcrumbs, i as TabsTrigger, n as TabsContent, o as MetadataSection, r as TabsList, s as JsonPanel, t as Tabs } from "./tabs-DkaChNVg.js";
+import { t as Badge } from "./badge-EvdhKK_Z.js";
+import { n as downloadUrlFile, t as downloadTextFile } from "./download-DMmiy1xf.js";
+import { t as ExportDialog } from "./export-dialog-D88ze9Gy.js";
+import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-BcBNCxWB.js";
+import { 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 { Download, Trash2 } from "lucide-react";
+//#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, {
+					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, {
+					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, {
+					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, {
+					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, {
+					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"
+				})
+			})
+		]
+	});
+}
+var getThreadExportErrorMessage = (transcriptMissing, error) => {
+	if (transcriptMissing) return "The rollout JSONL file is missing from disk, so this thread cannot be exported right now.";
+	return error instanceof Error ? error.message : null;
+};
+function ThreadDetailPage() {
+	const navigate = useNavigate();
+	const queryClient = useQueryClient();
+	const params = Route.useParams();
+	const snapshot = useSuspenseQuery(threadSnapshotQueryOptions(params.threadId)).data;
+	const { settings } = useSettings();
+	const transcriptMissing = snapshot.transcriptState === "missing";
+	const [shouldLoadTranscript, setShouldLoadTranscript] = useState(!snapshot.rollout.shouldDeferTranscriptLoad && !transcriptMissing);
+	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 && !transcriptMissing
+	});
+	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],
+				zipArchive: options.zipArchive
+			});
+			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, {
+				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, {
+				disabled: transcriptMissing,
+				errorMessage: getThreadExportErrorMessage(transcriptMissing, exportThreadMutation.error),
+				open: exportOpen,
+				pending: exportThreadMutation.isPending,
+				onExport: (options) => {
+					if (!transcriptMissing) exportThreadMutation.mutate(options);
+				},
+				onOpenChange: setExportOpen
+			})
+		]
+	});
+}
+//#endregion
+export { ThreadDetailPage as component };

package/apps/ui/dist/server/assets/{threads._threadId-BLCkGW--.js → threads._threadId-Ci0S4mKU.js}

@@ -1,10 +1,10 @@
-import { a as threadSnapshotQueryOptions } from "./codex-queries-ev_mRUzr.js";
+import { a as threadSnapshotQueryOptions } from "./codex-queries-CtgeZ7VL.js";
 import { t as LoadingPanel } from "./loading-panel-BGFnWseS.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 import { jsx } from "react/jsx-runtime";
 //#region src/routes/threads.$threadId.tsx
 var $$splitErrorComponentImporter = () => import("./threads._threadId-BSSK4nkI.js");
-var $$splitComponentImporter = () => import("./threads._threadId-LjgsGUh-.js");
+var $$splitComponentImporter = () => import("./threads._threadId-BeXEc4Lo.js");
 var Route = createFileRoute("/threads/$threadId")({
 	component: lazyRouteComponent($$splitComponentImporter, "component"),
 	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),