spiracha 2.0.0 → 2.1.0

package/apps/ui/src/components/transcript-view.tsx

@@ -1,16 +1,20 @@
 import type { ThreadEvent } from '@spiracha/lib/codex-browser-types';
+import { shouldShowCodexTranscriptEvent } from '@spiracha/lib/codex-transcript-filter';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Check, Copy } from 'lucide-react';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Badge } from '#/components/ui/badge';
 import { Button } from '#/components/ui/button';
 import { Checkbox } from '#/components/ui/checkbox';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '#/components/ui/select';
 import { formatDateTime, formatModelLabel } from '#/lib/formatters';
 import { applyPathTransforms } from '#/lib/path-utils';
 import { useSettings } from '#/lib/settings-store';
 import { cn } from '#/lib/utils';
 
 type TranscriptViewProps = {
+    activeEventJumpSignal?: number;
+    activeEventKey?: string | null;
     assistantModel: string | null;
     events: ThreadEvent[];
     projectPath: string | null;
@@ -19,36 +23,27 @@ type TranscriptViewProps = {
     showRawJson: boolean;
     showToolCalls: boolean;
     showUserMessages?: boolean;
+    sortOrder?: TranscriptSortOrder;
+    onSortOrderChange?: (value: TranscriptSortOrder) => void;
 };
 
-const isCommentaryMessage = (event: ThreadEvent) =>
-    event.kind === 'message' && event.role === 'assistant' && event.phase === 'commentary';
+export type TranscriptSortOrder = 'earliest' | 'latest';
 
-const shouldShowEvent = (
+export const DEFAULT_SHOW_USER_MESSAGES = false;
+
+export const shouldShowEvent = (
     event: ThreadEvent,
     showToolCalls: boolean,
     showExtraEvents: boolean,
     showCommentary: boolean,
     showUserMessages: boolean,
-) => {
-    if (isCommentaryMessage(event) && !showCommentary) {
-        return false;
-    }
-
-    if (event.kind === 'message') {
-        if (event.role === 'user' && !showUserMessages) {
-            return false;
-        }
-
-        return !event.isHiddenByDefault || showExtraEvents;
-    }
-
-    if (event.kind === 'tool_call' || event.kind === 'tool_output') {
-        return showToolCalls;
-    }
-
-    return showExtraEvents;
-};
+) =>
+    shouldShowCodexTranscriptEvent(event, {
+        showCommentary,
+        showExtraEvents,
+        showToolCalls,
+        showUserMessages,
+    });
 
 const getEventTone = (event: ThreadEvent) => {
     if (event.kind === 'message' && event.role === 'assistant') {
@@ -153,7 +148,7 @@ const getEventMarkdownBody = (event: ThreadEvent, transform: Transform) => {
 const getEventMarkdown = (event: ThreadEvent, assistantModel: string | null, transform: Transform) =>
     `## ${getEventTitle(event, assistantModel)}\n\n${getEventMarkdownBody(event, transform)}`;
 
-const buildEventKey = (event: ThreadEvent, index: number) => {
+export const getTranscriptEventKey = (event: ThreadEvent, index: number) => {
     if (event.kind === 'tool_call') {
         return `${event.kind}-${event.sequence}-${event.callId ?? event.timestamp ?? event.name}-${index}`;
     }
@@ -248,36 +243,81 @@ type TranscriptEventCardProps = {
     assistantModel: string | null;
     copied: boolean;
     event: ThreadEvent;
+    eventKey: string;
+    isActive: boolean;
     isSelected: boolean;
     showRawJson: boolean;
     transform: Transform;
+    onCardElement: (eventKey: string, element: HTMLElement | null) => void;
     onCopy: (event: ThreadEvent) => void;
     onSelectionChange: (event: ThreadEvent, checked: boolean) => void;
 };
 
+function TranscriptSortSelect({
+    sortOrder,
+    onSortOrderChange,
+}: {
+    sortOrder: TranscriptSortOrder;
+    onSortOrderChange?: (value: TranscriptSortOrder) => void;
+}) {
+    return (
+        <div className="flex items-center gap-2 text-sm">
+            <label className="text-[var(--muted-foreground)]" htmlFor="transcript-sort-order">
+                Sort by
+            </label>
+            <Select value={sortOrder} onValueChange={(value) => onSortOrderChange?.(value as TranscriptSortOrder)}>
+                <SelectTrigger
+                    aria-label="Sort transcript messages"
+                    className="h-8 w-[10.5rem] rounded-full border-[var(--border)] bg-[var(--panel)] text-xs"
+                    id="transcript-sort-order"
+                >
+                    <SelectValue />
+                </SelectTrigger>
+                <SelectContent className="border-[var(--border)] bg-[var(--panel)] text-[var(--foreground)]">
+                    <SelectItem value="earliest">Earliest first</SelectItem>
+                    <SelectItem value="latest">Latest first</SelectItem>
+                </SelectContent>
+            </Select>
+        </div>
+    );
+}
+
 function TranscriptEventCard({
     assistantModel,
     copied,
     event,
+    eventKey,
+    isActive,
     isSelected,
     showRawJson,
     transform,
+    onCardElement,
     onCopy,
     onSelectionChange,
 }: TranscriptEventCardProps) {
+    const handleElement = useCallback(
+        (element: HTMLElement | null) => onCardElement(eventKey, element),
+        [eventKey, onCardElement],
+    );
+
     return (
         <article
+            ref={handleElement}
+            aria-current={isActive ? 'location' : undefined}
             className={cn(
-                'min-w-0 overflow-hidden rounded-xl border p-3.5 shadow-[var(--panel-shadow)]',
+                'min-w-0 scroll-mt-24 overflow-hidden rounded-xl border p-3.5 shadow-[var(--panel-shadow)]',
                 isSelected && 'ring-2 ring-[var(--accent)]/35',
+                isActive && 'ring-2 ring-[var(--accent)]',
                 getEventTone(event),
             )}
+            data-transcript-event-key={eventKey}
         >
             <div className="flex flex-wrap items-start justify-between gap-2">
                 <div className="flex min-w-0 flex-1 flex-wrap items-center gap-2">
                     <Checkbox
                         aria-label={`Select ${getEventTitle(event, assistantModel)}`}
                         checked={isSelected}
+                        className="size-5 cursor-pointer"
                         onCheckedChange={(checked) => onSelectionChange(event, checked === true)}
                     />
                     <h3 className="min-w-0 break-words font-semibold text-sm [overflow-wrap:anywhere]">
@@ -316,6 +356,8 @@ function TranscriptEventCard({
 }
 
 export function TranscriptView({
+    activeEventJumpSignal = 0,
+    activeEventKey = null,
     assistantModel,
     events,
     projectPath,
@@ -324,33 +366,45 @@ export function TranscriptView({
     showRawJson,
     showToolCalls,
     showUserMessages = true,
+    sortOrder = 'earliest',
+    onSortOrderChange,
 }: TranscriptViewProps) {
     const { settings } = useSettings();
-    const visibleEvents = useMemo(
+    const filteredEvents = useMemo(
         () =>
             events.filter((event) =>
                 shouldShowEvent(event, showToolCalls, showExtraEvents, showCommentary, showUserMessages),
             ),
         [events, showCommentary, showExtraEvents, showToolCalls, showUserMessages],
     );
+    const visibleEvents = useMemo(
+        () => (sortOrder === 'latest' ? [...filteredEvents].reverse() : filteredEvents),
+        [filteredEvents, sortOrder],
+    );
     const [copiedEventKeys, setCopiedEventKeys] = useState<string[]>([]);
     const [copiedSelection, setCopiedSelection] = useState(false);
     const [copyErrorMessage, setCopyErrorMessage] = useState<string | null>(null);
     const [selectedEventKeys, setSelectedEventKeys] = useState<string[]>([]);
+    const eventElementByKeyRef = useRef(new Map<string, HTMLElement>());
+    const lastHandledJumpRef = useRef<{ eventKey: string; signal: number } | null>(null);
     const parentRef = useRef<HTMLDivElement | null>(null);
     const timeoutIdsRef = useRef<number[]>([]);
     const useVirtualList = visibleEvents.length > 40;
     const eventKeyByEvent = useMemo(
-        () => new Map(events.map((event, index) => [event, buildEventKey(event, index)])),
+        () => new Map(events.map((event, index) => [event, getTranscriptEventKey(event, index)])),
         [events],
     );
-    const getEventKey = (event: ThreadEvent) => eventKeyByEvent.get(event) ?? buildEventKey(event, -1);
+    const getEventKey = (event: ThreadEvent) => eventKeyByEvent.get(event) ?? getTranscriptEventKey(event, -1);
     const transform = (text: string) => applyPathTransforms(text, settings, projectPath);
     const visibleEventKeys = useMemo(
-        () => visibleEvents.map((event) => eventKeyByEvent.get(event) ?? buildEventKey(event, -1)),
+        () => visibleEvents.map((event) => eventKeyByEvent.get(event) ?? getTranscriptEventKey(event, -1)),
         [visibleEvents, eventKeyByEvent],
     );
     const visibleEventKeySet = useMemo(() => new Set(visibleEventKeys), [visibleEventKeys]);
+    const activeVisibleEventIndex = useMemo(
+        () => (activeEventKey ? visibleEventKeys.indexOf(activeEventKey) : -1),
+        [activeEventKey, visibleEventKeys],
+    );
     const selectedEventKeySet = useMemo(() => new Set(selectedEventKeys), [selectedEventKeys]);
     const virtualizer = useVirtualizer({
         count: useVirtualList ? visibleEvents.length : 0,
@@ -361,6 +415,15 @@ export function TranscriptView({
         overscan: 8,
     });
 
+    const handleCardElement = useCallback((eventKey: string, element: HTMLElement | null) => {
+        if (element) {
+            eventElementByKeyRef.current.set(eventKey, element);
+            return;
+        }
+
+        eventElementByKeyRef.current.delete(eventKey);
+    }, []);
+
     useEffect(() => {
         return () => {
             for (const timeoutId of timeoutIdsRef.current) {
@@ -377,6 +440,27 @@ export function TranscriptView({
         });
     }, [visibleEventKeySet]);
 
+    useEffect(() => {
+        if (!Number.isFinite(activeEventJumpSignal) || !activeEventKey || activeVisibleEventIndex < 0) {
+            return;
+        }
+
+        if (
+            lastHandledJumpRef.current?.signal === activeEventJumpSignal &&
+            lastHandledJumpRef.current.eventKey === activeEventKey
+        ) {
+            return;
+        }
+        lastHandledJumpRef.current = { eventKey: activeEventKey, signal: activeEventJumpSignal };
+
+        if (useVirtualList) {
+            virtualizer.scrollToIndex(activeVisibleEventIndex, { align: 'start' });
+            return;
+        }
+
+        eventElementByKeyRef.current.get(activeEventKey)?.scrollIntoView({ behavior: 'auto', block: 'start' });
+    }, [activeEventJumpSignal, activeEventKey, activeVisibleEventIndex, useVirtualList, virtualizer]);
+
     const scheduleTimeout = (callback: () => void, delayMs: number) => {
         const timeoutId = window.setTimeout(() => {
             timeoutIdsRef.current = timeoutIdsRef.current.filter((entry) => entry !== timeoutId);
@@ -468,17 +552,20 @@ export function TranscriptView({
                             <span className="text-[var(--destructive)] text-sm">{copyErrorMessage}</span>
                         ) : null}
                     </div>
-                    <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()}
-                    >
-                        {copiedSelection ? <Check className="text-[var(--accent)]" /> : <Copy />}
-                        {copiedSelection ? 'Copied' : 'Copy'}
-                    </Button>
+                    <div className="flex items-center gap-2">
+                        <TranscriptSortSelect sortOrder={sortOrder} onSortOrderChange={onSortOrderChange} />
+                        <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()}
+                        >
+                            {copiedSelection ? <Check className="text-[var(--accent)]" /> : <Copy />}
+                            {copiedSelection ? 'Copied' : 'Copy'}
+                        </Button>
+                    </div>
                 </div>
                 <div className="relative w-full" style={{ height: `${virtualizer.getTotalSize()}px` }}>
                     {virtualizer.getVirtualItems().map((item) => (
@@ -493,9 +580,12 @@ export function TranscriptView({
                                 assistantModel={assistantModel}
                                 copied={copiedEventKeys.includes(getEventKey(visibleEvents[item.index]!))}
                                 event={visibleEvents[item.index]!}
+                                eventKey={getEventKey(visibleEvents[item.index]!)}
+                                isActive={activeEventKey === getEventKey(visibleEvents[item.index]!)}
                                 isSelected={selectedEventKeySet.has(getEventKey(visibleEvents[item.index]!))}
                                 showRawJson={showRawJson}
                                 transform={transform}
+                                onCardElement={handleCardElement}
                                 onCopy={(event) => void handleCopyEvent(event)}
                                 onSelectionChange={handleSelectionChange}
                             />
@@ -522,27 +612,33 @@ export function TranscriptView({
                         <span className="text-[var(--destructive)] text-sm">{copyErrorMessage}</span>
                     ) : null}
                 </div>
-                <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()}
-                >
-                    {copiedSelection ? <Check className="text-[var(--accent)]" /> : <Copy />}
-                    {copiedSelection ? 'Copied' : 'Copy'}
-                </Button>
+                <div className="flex items-center gap-2">
+                    <TranscriptSortSelect sortOrder={sortOrder} onSortOrderChange={onSortOrderChange} />
+                    <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()}
+                    >
+                        {copiedSelection ? <Check className="text-[var(--accent)]" /> : <Copy />}
+                        {copiedSelection ? 'Copied' : 'Copy'}
+                    </Button>
+                </div>
             </div>
             {visibleEvents.map((event) => (
                 <TranscriptEventCard
                     assistantModel={assistantModel}
                     copied={copiedEventKeys.includes(getEventKey(event))}
-                    key={getEventKey(event)}
                     event={event}
+                    eventKey={getEventKey(event)}
+                    key={getEventKey(event)}
+                    isActive={activeEventKey === getEventKey(event)}
                     isSelected={selectedEventKeySet.has(getEventKey(event))}
                     showRawJson={showRawJson}
                     transform={transform}
+                    onCardElement={handleCardElement}
                     onCopy={(selectedEvent) => void handleCopyEvent(selectedEvent)}
                     onSelectionChange={handleSelectionChange}
                 />

package/apps/ui/src/components/ui/select.tsx

@@ -94,7 +94,7 @@ function SelectItem({ className, children, ...props }: React.ComponentProps<type
         <SelectPrimitive.Item
             data-slot="select-item"
             className={cn(
-                "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+                "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-[var(--accent-muted)] focus:text-[var(--foreground)] data-[disabled]:pointer-events-none data-[highlighted]:bg-[var(--accent-muted)] data-[highlighted]:text-[var(--foreground)] data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-[var(--muted-foreground)] [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
                 className,
             )}
             {...props}

package/apps/ui/src/lib/antigravity-conversation-state.ts

@@ -10,6 +10,14 @@ export const hasEncryptedAntigravityConversation = (conversation: AntigravityCon
     return conversation.transcriptSource === 'safe-storage';
 };
 
+export const hasSummaryAntigravityConversation = (conversation: AntigravityConversation): boolean => {
+    return (
+        conversation.artifactCount === 0 &&
+        conversation.transcriptSource === null &&
+        (conversation.summaryPath !== null || conversation.indexedItemCount !== null)
+    );
+};
+
 export const isAntigravityConversationLocked = (
     conversation: AntigravityConversation,
     hasKeychainSecret: boolean,
@@ -21,8 +29,13 @@ export const canExportAntigravityConversation = (
     conversation: AntigravityConversation,
     hasKeychainSecret: boolean,
 ): boolean => {
-    return (
-        hasReadableAntigravityConversation(conversation) ||
-        (hasEncryptedAntigravityConversation(conversation) && hasKeychainSecret)
-    );
+    if (hasReadableAntigravityConversation(conversation)) {
+        return true;
+    }
+
+    if (hasEncryptedAntigravityConversation(conversation)) {
+        return hasKeychainSecret;
+    }
+
+    return hasSummaryAntigravityConversation(conversation);
 };

package/apps/ui/src/lib/antigravity-server.ts

@@ -1,3 +1,4 @@
+import { buildConversationExportBaseName } from '@spiracha/lib/ui-export-archive';
 import { createServerFn } from '@tanstack/react-start';
 import { z } from 'zod';
 import { canExportAntigravityConversation, isAntigravityConversationLocked } from './antigravity-conversation-state';
@@ -14,6 +15,16 @@ const exportSchema = z.object({
     conversationId: z.string().min(1),
 });
 
+const exportConversationsSchema = z.object({
+    conversationIds: z.array(z.string().min(1)).min(1),
+    outputFormat: z.enum(['md', 'txt']).default('md'),
+    zipArchive: z.boolean().default(true),
+});
+
+const deleteConversationsSchema = z.object({
+    conversationIds: z.array(z.string().min(1)).min(1),
+});
+
 export const listAntigravityWorkspacesFn = createServerFn({ method: 'GET' }).handler(async () => {
     const { listAntigravityWorkspaceGroups } = await import('@spiracha/lib/antigravity-db');
     return listAntigravityWorkspaceGroups();
@@ -48,7 +59,24 @@ const findAntigravityConversationById = async (conversationId: string) => {
     return conversation;
 };
 
+const resolveAntigravityConversationGroup = async (
+    conversation: Awaited<ReturnType<typeof findAntigravityConversationById>>,
+) => {
+    const fallback = {
+        key: conversation.projectId ? `project:${conversation.projectId}` : conversation.workspaceKey,
+        label: conversation.workspaceLabel,
+    };
+    if (!conversation.projectId) {
+        return fallback;
+    }
+
+    const { listAntigravityWorkspaceGroups } = await import('@spiracha/lib/antigravity-db');
+    const group = (await listAntigravityWorkspaceGroups()).find((candidate) => candidate.key === fallback.key);
+    return group ? { key: group.key, label: group.label } : fallback;
+};
+
 export const loadAntigravityConversationDetail = async (conversationId: string) => {
+    const { runWithTranscriptLoadLimit } = await import('@spiracha/lib/transcript-load-limiter');
     const { renderAntigravityArtifactsMarkdown, renderAntigravityConversationMarkdown } = await import(
         '@spiracha/lib/antigravity-db'
     );
@@ -57,15 +85,26 @@ export const loadAntigravityConversationDetail = async (conversationId: string)
     const keychainSecret = getCachedAntigravityKeychainSecret();
     const hasKeychainSecret = Boolean(keychainSecret);
     const transcriptLocked = isAntigravityConversationLocked(conversation, hasKeychainSecret);
-    const conversationMarkdown = transcriptLocked
-        ? null
-        : await renderAntigravityConversationMarkdown(conversation, { keychainSecret });
-    const artifactsMarkdown =
-        conversation.artifactCount > 0 ? await renderAntigravityArtifactsMarkdown(conversation) : null;
+    const [[conversationMarkdown, artifactsMarkdown], conversationGroup] = await Promise.all([
+        runWithTranscriptLoadLimit(
+            async () =>
+                Promise.all([
+                    transcriptLocked ? null : renderAntigravityConversationMarkdown(conversation, { keychainSecret }),
+                    conversation.artifactCount > 0 ? renderAntigravityArtifactsMarkdown(conversation) : null,
+                ]),
+            {
+                id: conversation.conversationId,
+                path: conversation.transcriptPath ?? conversation.conversationPath ?? undefined,
+                source: 'antigravity-ui-detail',
+            },
+        ),
+        resolveAntigravityConversationGroup(conversation),
+    ]);
 
     return {
         artifactsMarkdown,
         conversation,
+        conversationGroup,
         // Suppress the duplicate panel when artifactsMarkdown and conversationMarkdown are identical.
         conversationMarkdown: conversationMarkdown === artifactsMarkdown ? null : conversationMarkdown,
         transcriptLocked,
@@ -73,6 +112,7 @@ export const loadAntigravityConversationDetail = async (conversationId: string)
 };
 
 export const loadAntigravityConversationExport = async (conversationId: string) => {
+    const { runWithTranscriptLoadLimit } = await import('@spiracha/lib/transcript-load-limiter');
     const { renderAntigravityConversationMarkdown } = await import('@spiracha/lib/antigravity-db');
     const { getCachedAntigravityKeychainSecret } = await import('@spiracha/lib/antigravity-keychain');
     const conversation = await findAntigravityConversationById(conversationId);
@@ -87,14 +127,61 @@ export const loadAntigravityConversationExport = async (conversationId: string)
         throw new Error(`No exportable Antigravity transcript found for conversation: ${conversationId}`);
     }
 
-    const content = await renderAntigravityConversationMarkdown(conversation, { keychainSecret });
+    const content = await runWithTranscriptLoadLimit(
+        () =>
+            renderAntigravityConversationMarkdown(conversation, {
+                keychainSecret,
+            }),
+        {
+            id: conversation.conversationId,
+            path: conversation.transcriptPath ?? conversation.conversationPath ?? undefined,
+            source: 'antigravity-ui-export',
+        },
+    );
     if (!content) {
         throw new Error(`No exportable Antigravity transcript found for conversation: ${conversationId}`);
     }
 
     return {
         content,
-        filename: `${conversationId}.md`,
+        conversation,
+        filename: `${buildConversationExportBaseName(
+            {
+                cwd: conversation.workspaceFolder,
+                id: conversation.conversationId,
+                updatedAtMs: conversation.lastUpdatedAtMs ?? conversation.conversationMtimeMs,
+            },
+            'antigravity-conversation',
+        )}.md`,
+    };
+};
+
+export const deleteAntigravityConversationById = async (conversationId: string) => {
+    const { deleteAntigravityConversation } = await import('@spiracha/lib/antigravity-db');
+    const { resolveAntigravityRoots } = await import('@spiracha/lib/antigravity-exporter-types');
+    const result = await deleteAntigravityConversation(resolveAntigravityRoots(), conversationId);
+    if (result.deletedConversationIds.length === 0) {
+        throw new Error(`Antigravity conversation not found: ${conversationId}`);
+    }
+
+    return result;
+};
+
+export const deleteAntigravityConversationsById = async (conversationIds: string[]) => {
+    const { deleteAntigravityConversation } = await import('@spiracha/lib/antigravity-db');
+    const { resolveAntigravityRoots } = await import('@spiracha/lib/antigravity-exporter-types');
+    const roots = resolveAntigravityRoots();
+    const results = await Promise.all(
+        conversationIds.map((conversationId) => deleteAntigravityConversation(roots, conversationId)),
+    );
+    const deletedConversationIds = results.flatMap((result) => result.deletedConversationIds);
+    if (deletedConversationIds.length === 0) {
+        throw new Error('No Antigravity conversations were deleted');
+    }
+
+    return {
+        deletedConversationIds,
+        deletedPaths: results.flatMap((result) => result.deletedPaths),
     };
 };
 
@@ -126,3 +213,61 @@ export const exportAntigravityConversationFn = createServerFn({ method: 'POST' }
     .handler(async ({ data }) => {
         return loadAntigravityConversationExport(data.conversationId);
     });
+
+export const exportAntigravityConversations = async (data: z.infer<typeof exportConversationsSchema>) => {
+    const { renderSourceSessionsDownload } = await import('./source-session-export-server');
+    const { listAntigravityWorkspaceGroups } = await import('@spiracha/lib/antigravity-db');
+    const groups = await listAntigravityWorkspaceGroups();
+    const groupsByKey = new Map(groups.map((group) => [group.key, group]));
+    const entries = await Promise.all(
+        data.conversationIds.map(async (conversationId) => {
+            const result = await loadAntigravityConversationExport(conversationId);
+            const conversation = result.conversation;
+            const projectGroup = conversation.projectId
+                ? groupsByKey.get(`project:${conversation.projectId}`)
+                : undefined;
+            const exportCwd = projectGroup?.label ?? conversation.workspaceFolder;
+            const updatedAtMs = conversation.lastUpdatedAtMs ?? conversation.conversationMtimeMs;
+            return {
+                content: result.content,
+                cwd: exportCwd,
+                fallbackBaseName: 'antigravity-conversation',
+                fileBaseName: buildConversationExportBaseName(
+                    {
+                        cwd: exportCwd,
+                        id: conversation.conversationId,
+                        updatedAtMs,
+                    },
+                    'antigravity-conversation',
+                ),
+                sessionId: conversation.conversationId,
+                updatedAtMs,
+            };
+        }),
+    );
+
+    return renderSourceSessionsDownload({
+        entries,
+        fallbackBaseName: 'antigravity-conversations',
+        outputFormat: data.outputFormat,
+        zipArchive: data.zipArchive,
+    });
+};
+
+export const exportAntigravityConversationsFn = createServerFn({ method: 'POST' })
+    .validator(exportConversationsSchema)
+    .handler(async ({ data }) => {
+        return exportAntigravityConversations(data);
+    });
+
+export const deleteAntigravityConversationFn = createServerFn({ method: 'POST' })
+    .validator(conversationSchema)
+    .handler(async ({ data }) => {
+        return deleteAntigravityConversationById(data.conversationId);
+    });
+
+export const deleteAntigravityConversationsFn = createServerFn({ method: 'POST' })
+    .validator(deleteConversationsSchema)
+    .handler(async ({ data }) => {
+        return deleteAntigravityConversationsById(data.conversationIds);
+    });

package/apps/ui/src/lib/antigravity-transcript-events.ts

@@ -18,9 +18,10 @@ type ParsedToolCall = {
     name: string;
 };
 
-const HEADING_PATTERN = /^##\s+(.+)$/u;
+const HEADING_PATTERN = /^##\s+((?:User|Assistant|System|Event)|Tool:\s*.+)$/iu;
 const TIMESTAMP_PATTERN = /^_Timestamp:\s*(.+?)_$/u;
 const TOOL_HEADING_PATTERN = /^tool:\s*(.+)$/iu;
+const CONTROL_SUBHEADING_PATTERN = /^###\s+(Thinking|Tool Calls)\s*$/iu;
 
 const splitMarkdownSections = (markdown: string | null): MarkdownSection[] => {
     if (!markdown?.trim()) {
@@ -72,7 +73,12 @@ const extractTimestamp = (body: string): { body: string; timestamp: string | nul
 };
 
 const sectionBodyBeforeSubheading = (body: string): string => {
-    return body.split(/^###\s+/mu)[0]?.trim() ?? '';
+    const lines = body.split(/\r?\n/u);
+    const controlIndex = lines.findIndex((line) => CONTROL_SUBHEADING_PATTERN.test(line.trim()));
+    return lines
+        .slice(0, controlIndex === -1 ? undefined : controlIndex)
+        .join('\n')
+        .trim();
 };
 
 const extractSubheadingBlock = (body: string, title: string): string => {
@@ -82,7 +88,9 @@ const extractSubheadingBlock = (body: string, title: string): string => {
         return '';
     }
 
-    const nextSubheadingIndex = lines.findIndex((line, index) => index > startIndex && line.startsWith('### '));
+    const nextSubheadingIndex = lines.findIndex(
+        (line, index) => index > startIndex && CONTROL_SUBHEADING_PATTERN.test(line.trim()),
+    );
     return lines
         .slice(startIndex + 1, nextSubheadingIndex === -1 ? undefined : nextSubheadingIndex)
         .join('\n')

package/apps/ui/src/lib/claude-code-queries.ts

@@ -1,6 +1,7 @@
 import { queryOptions } from '@tanstack/react-query';
 import {
     getClaudeCodeSessionDetailFn,
+    getClaudeCodeSessionTranscriptFn,
     listClaudeCodeSessionsFn,
     listClaudeCodeWorkspacesFn,
 } from './claude-code-server';
@@ -24,3 +25,10 @@ export const claudeCodeSessionDetailQueryOptions = (sessionId: string | null) =>
         queryFn: () => getClaudeCodeSessionDetailFn({ data: { sessionId: sessionId ?? '' } }),
         queryKey: ['claude-code-session', sessionId ?? 'none'],
     });
+
+export const claudeCodeSessionTranscriptQueryOptions = (sessionId: string | null) =>
+    queryOptions({
+        enabled: sessionId !== null,
+        queryFn: () => getClaudeCodeSessionTranscriptFn({ data: { sessionId: sessionId ?? '' } }),
+        queryKey: ['claude-code-session-transcript', sessionId ?? 'none'],
+    });