spiracha 1.3.3 → 1.5.0

package/apps/ui/dist/server/assets/opencode-queries-BeNYXnQv.js

@@ -0,0 +1,50 @@
+import { t as createServerFn } from "../server.js";
+import { t as isRetryableSqliteError } from "./sqlite-error-LZDrnxdd.js";
+import { t as createSsrRpc } from "./createSsrRpc-C754NPki.js";
+import { z } from "zod";
+import { queryOptions } from "@tanstack/react-query";
+//#region src/lib/opencode-server.ts
+var workspaceSchema = z.object({ workspaceKey: z.string().min(1) });
+var sessionSchema = z.object({ sessionId: z.string().min(1) });
+var exportSessionSchema = z.object({
+	includeCommentary: z.boolean().default(true),
+	includeMetadata: z.boolean().default(true),
+	includeTools: z.boolean().default(true),
+	outputFormat: z.enum(["md", "txt"]).default("md"),
+	sessionId: z.string().min(1),
+	zipArchive: z.boolean().default(false)
+});
+var listOpenCodeWorkspacesFn = createServerFn({ method: "GET" }).handler(createSsrRpc("1579290293aa3c05864abeb16b20e7fbe85fe73b2518d8ba75dbc536dfc02b88"));
+var listOpenCodeSessionsFn = createServerFn({ method: "GET" }).validator(workspaceSchema).handler(createSsrRpc("1d8e6aec1907ff012d654cbfaa89e559078a0c2d80a02f4b257d9a179a002e36"));
+var getOpenCodeSessionDetailFn = createServerFn({ method: "GET" }).validator(sessionSchema).handler(createSsrRpc("0fdecc913045cc27ae7462cd3c143af926650dece043ca1a111e0e83a3cd327b"));
+var exportOpenCodeSessionFn = createServerFn({ method: "POST" }).validator(exportSessionSchema).handler(createSsrRpc("c051a060ff7f4d39e308fd586d9f81f576b53e96f37bdc56dd80112679f01218"));
+//#endregion
+//#region src/lib/opencode-queries.ts
+var retrySqliteQuery = (failureCount, error) => {
+	return failureCount < 3 && isRetryableSqliteError(error);
+};
+var retryDelay = (attemptIndex) => {
+	return [150, 400][attemptIndex] ?? 800;
+};
+var openCodeWorkspacesQueryOptions = () => queryOptions({
+	queryFn: () => listOpenCodeWorkspacesFn(),
+	queryKey: ["opencode-workspaces"],
+	retry: retrySqliteQuery,
+	retryDelay
+});
+var openCodeSessionsQueryOptions = (workspaceKey) => queryOptions({
+	enabled: workspaceKey !== null,
+	queryFn: () => listOpenCodeSessionsFn({ data: { workspaceKey: workspaceKey ?? "" } }),
+	queryKey: ["opencode-sessions", workspaceKey ?? "none"],
+	retry: retrySqliteQuery,
+	retryDelay
+});
+var openCodeSessionDetailQueryOptions = (sessionId) => queryOptions({
+	enabled: sessionId !== null,
+	queryFn: () => getOpenCodeSessionDetailFn({ data: { sessionId: sessionId ?? "" } }),
+	queryKey: ["opencode-session", sessionId ?? "none"],
+	retry: retrySqliteQuery,
+	retryDelay
+});
+//#endregion
+export { exportOpenCodeSessionFn as i, openCodeSessionsQueryOptions as n, openCodeWorkspacesQueryOptions as r, openCodeSessionDetailQueryOptions as t };

package/apps/ui/dist/server/assets/opencode-server-BpQ_kRze.js

@@ -0,0 +1,72 @@
+import { t as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-CF_DEwnm.js";
+import { t as renderSourceSessionDownload } from "./source-session-export-server-DNutCawb.js";
+import { z } from "zod";
+//#region src/lib/opencode-server.ts?tss-serverfn-split
+var workspaceSchema = z.object({ workspaceKey: z.string().min(1) });
+var sessionSchema = z.object({ sessionId: z.string().min(1) });
+var exportSessionSchema = z.object({
+	includeCommentary: z.boolean().default(true),
+	includeMetadata: z.boolean().default(true),
+	includeTools: z.boolean().default(true),
+	outputFormat: z.enum(["md", "txt"]).default("md"),
+	sessionId: z.string().min(1),
+	zipArchive: z.boolean().default(false)
+});
+var listOpenCodeWorkspacesFn_createServerFn_handler = createServerRpc({
+	id: "1579290293aa3c05864abeb16b20e7fbe85fe73b2518d8ba75dbc536dfc02b88",
+	name: "listOpenCodeWorkspacesFn",
+	filename: "src/lib/opencode-server.ts"
+}, (opts) => listOpenCodeWorkspacesFn.__executeServer(opts));
+var listOpenCodeWorkspacesFn = createServerFn({ method: "GET" }).handler(listOpenCodeWorkspacesFn_createServerFn_handler, async () => {
+	const { listOpenCodeWorkspaceGroups } = await import("./opencode-db-BM7KjOzc.js");
+	return listOpenCodeWorkspaceGroups();
+});
+var listOpenCodeSessionsFn_createServerFn_handler = createServerRpc({
+	id: "1d8e6aec1907ff012d654cbfaa89e559078a0c2d80a02f4b257d9a179a002e36",
+	name: "listOpenCodeSessionsFn",
+	filename: "src/lib/opencode-server.ts"
+}, (opts) => listOpenCodeSessionsFn.__executeServer(opts));
+var listOpenCodeSessionsFn = createServerFn({ method: "GET" }).validator(workspaceSchema).handler(listOpenCodeSessionsFn_createServerFn_handler, async ({ data }) => {
+	const { listOpenCodeSessionsForGroup } = await import("./opencode-db-BM7KjOzc.js");
+	return listOpenCodeSessionsForGroup(data.workspaceKey);
+});
+var loadOpenCodeSessionTranscript = async (sessionId) => {
+	const { readOpenCodeSessionTranscript, resolveOpenCodeDbPath } = await import("./opencode-db-BM7KjOzc.js");
+	const transcript = await readOpenCodeSessionTranscript(resolveOpenCodeDbPath(), sessionId);
+	if (!transcript) throw new Error(`OpenCode session not found: ${sessionId}`);
+	return transcript;
+};
+var getOpenCodeSessionDetailFn_createServerFn_handler = createServerRpc({
+	id: "0fdecc913045cc27ae7462cd3c143af926650dece043ca1a111e0e83a3cd327b",
+	name: "getOpenCodeSessionDetailFn",
+	filename: "src/lib/opencode-server.ts"
+}, (opts) => getOpenCodeSessionDetailFn.__executeServer(opts));
+var getOpenCodeSessionDetailFn = createServerFn({ method: "GET" }).validator(sessionSchema).handler(getOpenCodeSessionDetailFn_createServerFn_handler, async ({ data }) => {
+	return loadOpenCodeSessionTranscript(data.sessionId);
+});
+var exportOpenCodeSessionFn_createServerFn_handler = createServerRpc({
+	id: "c051a060ff7f4d39e308fd586d9f81f576b53e96f37bdc56dd80112679f01218",
+	name: "exportOpenCodeSessionFn",
+	filename: "src/lib/opencode-server.ts"
+}, (opts) => exportOpenCodeSessionFn.__executeServer(opts));
+var exportOpenCodeSessionFn = createServerFn({ method: "POST" }).validator(exportSessionSchema).handler(exportOpenCodeSessionFn_createServerFn_handler, async ({ data }) => {
+	const { renderOpenCodeTranscript } = await import("./opencode-transcript-BNTcGNym.js");
+	const transcript = await loadOpenCodeSessionTranscript(data.sessionId);
+	const content = renderOpenCodeTranscript(transcript, {
+		includeCommentary: data.includeCommentary,
+		includeMetadata: data.includeMetadata,
+		includeTools: data.includeTools,
+		outputFormat: data.outputFormat
+	});
+	if (!content) throw new Error(`OpenCode session has no exportable content: ${data.sessionId}`);
+	return renderSourceSessionDownload({
+		content,
+		fallbackBaseName: "opencode-session",
+		fileBaseName: transcript.session.title || transcript.session.slug || transcript.session.sessionId,
+		outputFormat: data.outputFormat,
+		zipArchive: data.zipArchive
+	});
+});
+//#endregion
+export { exportOpenCodeSessionFn_createServerFn_handler, getOpenCodeSessionDetailFn_createServerFn_handler, listOpenCodeSessionsFn_createServerFn_handler, listOpenCodeWorkspacesFn_createServerFn_handler };

package/apps/ui/dist/server/assets/opencode-sessions._sessionId-CGQ-t0vD.js

@@ -0,0 +1,518 @@
+import { t as Button } from "./button-CmTDnzOn.js";
+import { i as exportOpenCodeSessionFn, t as openCodeSessionDetailQueryOptions } from "./opencode-queries-BeNYXnQv.js";
+import { t as Route } from "./opencode-sessions._sessionId-D8Q7in_Z.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, o as formatNumber, r as formatDateTime, s as formatTokens } 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 { n as downloadUrlFile, t as downloadTextFile } from "./download-DMmiy1xf.js";
+import { t as ExportDialog } from "./export-dialog-D88ze9Gy.js";
+import { t as getThreadTranscriptStats } from "./thread-transcript-stats-Dh34mt2u.js";
+import { t as splitOpenCodeThinkTaggedText } from "./opencode-think-tags-CAoD-EcZ.js";
+import { n as getOpenCodeTextPartPhase, t as getFinalOpenCodeAssistantTextPartIds } from "./opencode-transcript-phase-OqLkiQD0.js";
+import { useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useSuspenseQuery } from "@tanstack/react-query";
+import { Download } from "lucide-react";
+//#region src/lib/opencode-transcript-events.ts
+var toTimestamp = (value) => {
+	if (value === null || value === void 0 || !Number.isFinite(value)) return null;
+	return new Date(value).toISOString();
+};
+var buildRaw = (part, eventType) => ({
+	eventType,
+	messageId: part.messageId,
+	partId: part.partId,
+	role: part.role,
+	source: "opencode_part",
+	type: part.type,
+	...part.raw
+});
+var buildMessageEvent = (part, sequence, text, phase) => ({
+	isHiddenByDefault: part.role !== "assistant" && part.role !== "user",
+	kind: "message",
+	memoryCitation: null,
+	model: null,
+	phase,
+	raw: buildRaw(part, "message"),
+	role: part.role,
+	sequence,
+	text,
+	timestamp: toTimestamp(part.createdAtMs),
+	variant: part.role === "user" ? "user_message" : part.role === "assistant" ? "agent_message" : "message"
+});
+var buildReasoningEventFromText = (part, sequence, textValue) => {
+	const text = textValue?.trim();
+	if (!text) return null;
+	return {
+		content: text,
+		hasEncryptedContent: false,
+		kind: "reasoning",
+		raw: buildRaw(part, "reasoning"),
+		sequence,
+		summary: [text],
+		timestamp: toTimestamp(part.createdAtMs)
+	};
+};
+var buildReasoningEvent = (part, sequence) => {
+	const { reasoningBlocks, visibleText } = splitOpenCodeThinkTaggedText(part.text ?? "");
+	return buildReasoningEventFromText(part, sequence, [...reasoningBlocks, visibleText].filter(Boolean).join("\n\n"));
+};
+var buildToolCallCommand = (part) => {
+	const toolName = part.toolName ?? "unknown";
+	if (!part.argumentsText?.trim()) return toolName;
+	return `${toolName}\n${part.argumentsText}`;
+};
+var buildToolCallEvent = (part, sequence) => ({
+	argumentsParseFailed: false,
+	argumentsText: part.argumentsText ?? null,
+	callId: part.callId ?? null,
+	command: buildToolCallCommand(part),
+	kind: "tool_call",
+	name: part.toolName ?? "unknown",
+	raw: buildRaw(part, "tool_call"),
+	sequence,
+	timestamp: toTimestamp(part.createdAtMs),
+	workdir: null
+});
+var buildToolOutputEvent = (part, sequence) => {
+	const outputText = part.outputText?.trim();
+	if (!outputText) return null;
+	return {
+		callId: part.callId ?? null,
+		exitCode: null,
+		kind: "tool_output",
+		outputText,
+		raw: buildRaw(part, "tool_output"),
+		sequence,
+		summary: outputText,
+		timestamp: toTimestamp(part.createdAtMs),
+		wallTime: null
+	};
+};
+var buildStepStartedEvent = (part, sequence) => ({
+	collaborationModeKind: null,
+	kind: "task_started",
+	modelContextWindow: null,
+	raw: buildRaw(part, "step_start"),
+	sequence,
+	startedAt: part.startTimeMs ?? part.createdAtMs,
+	timestamp: toTimestamp(part.createdAtMs),
+	turnId: part.messageId
+});
+var buildStepCompleteEvent = (part, sequence) => ({
+	completedAt: part.endTimeMs ?? part.updatedAtMs,
+	durationMs: part.startTimeMs && part.endTimeMs ? part.endTimeMs - part.startTimeMs : null,
+	kind: "task_complete",
+	lastAgentMessage: part.reason ?? null,
+	raw: buildRaw(part, "step_finish"),
+	sequence,
+	timestamp: toTimestamp(part.updatedAtMs),
+	timeToFirstTokenMs: null,
+	turnId: part.messageId
+});
+var flattenParts = (transcript) => {
+	return transcript.messages.flatMap((message) => message.parts);
+};
+var textPartToEvents = (part, sequence, finalAssistantTextPartIds) => {
+	const { reasoningBlocks, visibleText } = part.role === "assistant" ? splitOpenCodeThinkTaggedText(part.text ?? "") : {
+		reasoningBlocks: [],
+		visibleText: part.text ?? ""
+	};
+	const events = [];
+	if (part.role === "assistant") events.push(...reasoningBlocks.map((block, index) => buildReasoningEventFromText(part, sequence + index, block)).filter((event) => event !== null));
+	const text = visibleText.trim();
+	if (!text) return events;
+	const messageSequence = sequence + events.length;
+	const phase = getOpenCodeTextPartPhase(part, finalAssistantTextPartIds);
+	events.push(buildMessageEvent(part, messageSequence, text, phase));
+	return events;
+};
+var toolPartToEvents = (part, sequence) => {
+	const output = buildToolOutputEvent(part, sequence + 1);
+	return [buildToolCallEvent(part, sequence), output].filter((event) => event !== null);
+};
+var partToEvents = (part, sequence, finalAssistantTextPartIds) => {
+	if (part.type === "text") return textPartToEvents(part, sequence, finalAssistantTextPartIds);
+	if (part.type === "reasoning") {
+		const event = buildReasoningEvent(part, sequence);
+		return event ? [event] : [];
+	}
+	if (part.type === "tool") return toolPartToEvents(part, sequence);
+	if (part.type === "step-start") return [buildStepStartedEvent(part, sequence)];
+	if (part.type === "step-finish") return [buildStepCompleteEvent(part, sequence)];
+	return [];
+};
+var openCodeTranscriptToThreadEvents = (transcript) => {
+	const parts = flattenParts(transcript);
+	const finalAssistantTextPartIds = getFinalOpenCodeAssistantTextPartIds(parts);
+	const events = [];
+	let sequence = 0;
+	for (const part of parts) {
+		const partEvents = partToEvents(part, sequence, finalAssistantTextPartIds);
+		events.push(...partEvents);
+		sequence += Math.max(partEvents.length, 1);
+	}
+	return events;
+};
+var getOpenCodeThreadTranscriptStats = (events) => {
+	return getThreadTranscriptStats(events);
+};
+//#endregion
+//#region src/routes/opencode-sessions.$sessionId.tsx?tsr-split=component
+var buildSessionMetadata = (detail) => [
+	{
+		label: "Session ID",
+		value: /* @__PURE__ */ jsx("span", {
+			"data-mono": "true",
+			children: detail.session.sessionId
+		})
+	},
+	{
+		label: "Workspace",
+		value: /* @__PURE__ */ jsx(Link, {
+			className: "text-[var(--accent)]",
+			params: { workspaceKey: detail.session.workspaceKey },
+			to: "/opencode/$workspaceKey",
+			children: detail.session.workspaceLabel
+		})
+	},
+	{
+		label: "Worktree",
+		value: detail.session.worktree
+	},
+	{
+		label: "Directory",
+		value: detail.session.directory
+	},
+	{
+		label: "Slug",
+		value: detail.session.slug
+	},
+	{
+		label: "Agent",
+		value: detail.session.agent ?? "unknown"
+	},
+	{
+		label: "Model",
+		value: detail.session.modelLabel ?? "unknown"
+	},
+	{
+		label: "Created",
+		value: /* @__PURE__ */ jsx("span", {
+			suppressHydrationWarning: true,
+			children: formatDateTime(detail.session.createdAtMs)
+		})
+	},
+	{
+		label: "Updated",
+		value: /* @__PURE__ */ jsx("span", {
+			suppressHydrationWarning: true,
+			children: formatDateTime(detail.session.lastUpdatedAtMs)
+		})
+	},
+	{
+		label: "Archived",
+		value: /* @__PURE__ */ jsx("span", {
+			suppressHydrationWarning: true,
+			children: formatDateTime(detail.session.archivedAtMs)
+		})
+	}
+];
+var buildTranscriptStatsItems = (detail, events, stats) => [
+	{
+		label: "Event kinds",
+		value: formatList([...new Set(events.map((event) => event.kind))])
+	},
+	{
+		label: "Messages",
+		value: formatNumber(stats.messageCount)
+	},
+	{
+		label: "User messages",
+		value: formatNumber(stats.userMessageCount)
+	},
+	{
+		label: "Assistant messages",
+		value: formatNumber(stats.assistantMessageCount)
+	},
+	{
+		label: "Reasoning events",
+		value: formatNumber(events.filter((event) => event.kind === "reasoning").length)
+	},
+	{
+		label: "Final answers",
+		value: formatNumber(stats.finalAnswerCount)
+	},
+	{
+		label: "Tool calls",
+		value: formatNumber(stats.toolCallCount)
+	},
+	{
+		label: "Tool outputs",
+		value: formatNumber(stats.toolOutputCount)
+	},
+	{
+		label: "Renderable parts",
+		value: formatNumber(detail.renderablePartCount)
+	}
+];
+var OpenCodeTranscriptControls = ({ 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: "opencode-transcript-show-tool-calls",
+					onCheckedChange: (checked) => onShowToolCallsChange(checked === true)
+				}), /* @__PURE__ */ jsx("label", {
+					htmlFor: "opencode-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: "opencode-transcript-show-commentary",
+					onCheckedChange: (checked) => onShowCommentaryChange(checked === true)
+				}), /* @__PURE__ */ jsx("label", {
+					htmlFor: "opencode-transcript-show-commentary",
+					children: "Show commentary"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					checked: showExtraEvents,
+					id: "opencode-transcript-show-extra-events",
+					onCheckedChange: (checked) => onShowExtraEventsChange(checked === true)
+				}), /* @__PURE__ */ jsx("label", {
+					htmlFor: "opencode-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: "opencode-transcript-show-raw-json",
+					onCheckedChange: (checked) => onShowRawJsonChange(checked === true)
+				}), /* @__PURE__ */ jsx("label", {
+					htmlFor: "opencode-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: "opencode-transcript-show-user-messages",
+					onCheckedChange: (checked) => onShowUserMessagesChange(checked === true)
+				}), /* @__PURE__ */ jsx("label", {
+					htmlFor: "opencode-transcript-show-user-messages",
+					children: "User"
+				})]
+			})
+		]
+	});
+};
+var OpenCodeRawPanels = ({ detail, events }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx(JsonPanel, {
+				title: "Session summary",
+				value: detail.session
+			}),
+			/* @__PURE__ */ jsx(JsonPanel, {
+				title: "OpenCode messages",
+				value: detail.messages
+			}),
+			/* @__PURE__ */ jsx(JsonPanel, {
+				title: "Transcript events",
+				value: events
+			})
+		]
+	});
+};
+var OpenCodeSessionDetailPage = () => {
+	const detail = useSuspenseQuery(openCodeSessionDetailQueryOptions(Route.useParams().sessionId)).data;
+	const [pendingExport, setPendingExport] = useState(false);
+	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 transcriptEvents = useMemo(() => openCodeTranscriptToThreadEvents(detail), [detail]);
+	const transcriptStats = useMemo(() => getOpenCodeThreadTranscriptStats(transcriptEvents), [transcriptEvents]);
+	const exportSessionMutation = useMutation({
+		mutationFn: async (options) => {
+			const download = await exportOpenCodeSessionFn({ data: {
+				includeCommentary: options.includeCommentary,
+				includeMetadata: options.includeMetadata,
+				includeTools: options.includeTools,
+				outputFormat: options.outputFormat,
+				sessionId: detail.session.sessionId,
+				zipArchive: options.zipArchive
+			} });
+			if (download.mode === "download") {
+				downloadTextFile(download.fileName, download.content, download.mimeType);
+				return;
+			}
+			await downloadUrlFile(download.fileName, download.downloadUrl);
+		},
+		onSuccess: () => {
+			setPendingExport(false);
+		}
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				actions: /* @__PURE__ */ jsxs(Button, {
+					className: "rounded-full",
+					type: "button",
+					variant: "outline",
+					onClick: () => setPendingExport(true),
+					children: [/* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }), "Export"]
+				}),
+				breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+					{
+						label: "OpenCode",
+						to: "/opencode"
+					},
+					{
+						label: detail.session.workspaceLabel,
+						params: { workspaceKey: detail.session.workspaceKey },
+						to: "/opencode/$workspaceKey"
+					},
+					{ label: detail.session.title }
+				] }),
+				eyebrow: "OpenCode session",
+				subtitle: "Session detail for the selected OpenCode project conversation.",
+				title: detail.session.title
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Messages",
+						value: formatNumber(detail.session.messageCount)
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Parts",
+						value: formatNumber(detail.partCount)
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Tool calls",
+						value: formatNumber(detail.session.toolPartCount)
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						label: "Tokens",
+						value: formatTokens(detail.session.totalTokens)
+					})
+				]
+			}),
+			/* @__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(OpenCodeTranscriptControls, {
+							rawJsonDisabled: transcriptEvents.length === 0,
+							showCommentary,
+							showExtraEvents,
+							showRawJson,
+							showToolCalls,
+							showUserMessages,
+							onShowCommentaryChange: setShowCommentary,
+							onShowExtraEventsChange: setShowExtraEvents,
+							onShowRawJsonChange: setShowRawJson,
+							onShowToolCallsChange: setShowToolCalls,
+							onShowUserMessagesChange: setShowUserMessages
+						}), transcriptEvents.length > 0 ? /* @__PURE__ */ jsx(TranscriptView, {
+							assistantModel: detail.session.modelLabel,
+							events: transcriptEvents,
+							projectPath: detail.session.worktree,
+							showCommentary,
+							showExtraEvents,
+							showRawJson,
+							showToolCalls,
+							showUserMessages
+						}) : /* @__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: "Transcript"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "mt-4 text-[var(--muted-foreground)] text-sm",
+								children: "No renderable OpenCode transcript content was found for this session."
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsx(TabsContent, {
+						value: "metadata",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 xl:grid-cols-[0.95fr_1.05fr]",
+							children: [/* @__PURE__ */ jsx(MetadataSection, {
+								items: buildSessionMetadata(detail),
+								title: "Session metadata"
+							}), /* @__PURE__ */ jsx(MetadataSection, {
+								items: buildTranscriptStatsItems(detail, transcriptEvents, transcriptStats),
+								title: "Transcript stats"
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx(TabsContent, {
+						value: "raw",
+						children: /* @__PURE__ */ jsx(OpenCodeRawPanels, {
+							detail,
+							events: transcriptEvents
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(ExportDialog, {
+				errorMessage: exportSessionMutation.isError ? exportSessionMutation.error instanceof Error ? exportSessionMutation.error.message : "Export failed" : null,
+				open: pendingExport,
+				pending: exportSessionMutation.isPending,
+				title: `Export ${detail.session.title}`,
+				onExport: (options) => exportSessionMutation.mutate(options),
+				onOpenChange: (open) => {
+					setPendingExport(open);
+					if (!open) exportSessionMutation.reset();
+				}
+			})
+		]
+	});
+};
+//#endregion
+export { OpenCodeSessionDetailPage as component };

package/apps/ui/dist/server/assets/opencode-sessions._sessionId-D8Q7in_Z.js

@@ -0,0 +1,18 @@
+import { t as openCodeSessionDetailQueryOptions } from "./opencode-queries-BeNYXnQv.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/opencode-sessions.$sessionId.tsx
+var $$splitErrorComponentImporter = () => import("./opencode-sessions._sessionId-DKOvi0lV.js");
+var $$splitComponentImporter = () => import("./opencode-sessions._sessionId-CGQ-t0vD.js");
+var Route = createFileRoute("/opencode-sessions/$sessionId")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),
+	loader: ({ context, params }) => context.queryClient.ensureQueryData(openCodeSessionDetailQueryOptions(params.sessionId)),
+	pendingComponent: () => /* @__PURE__ */ jsx(LoadingPanel, {
+		description: "Loading the OpenCode transcript, parts, and session metadata.",
+		title: "Loading session"
+	})
+});
+//#endregion
+export { Route as t };

package/apps/ui/dist/server/assets/opencode-sessions._sessionId-DKOvi0lV.js

@@ -0,0 +1,11 @@
+import { t as ReloadErrorPanel } from "./reload-error-panel-BJMxY3U1.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/opencode-sessions.$sessionId.tsx?tsr-split=errorComponent
+var OpenCodeSessionDetailErrorComponent = ({ error }) => {
+	return /* @__PURE__ */ jsx(ReloadErrorPanel, {
+		description: error.message,
+		title: "Failed to load OpenCode session"
+	});
+};
+//#endregion
+export { OpenCodeSessionDetailErrorComponent as errorComponent };