spiracha 2.0.0 → 2.2.0

package/apps/ui/src/routes/antigravity.$workspaceKey.tsx

@@ -1,21 +1,43 @@
 import type { AntigravityConversation, AntigravityWorkspaceGroup } from '@spiracha/lib/antigravity-exporter-types';
-import { useMutation, useSuspenseQuery } from '@tanstack/react-query';
-import { createFileRoute } from '@tanstack/react-router';
-import { useDeferredValue, useState } from 'react';
+import { useMutation, useQueryClient, useSuspenseQuery } from '@tanstack/react-query';
+import { createFileRoute, useNavigate } from '@tanstack/react-router';
+import { Trash2 } from 'lucide-react';
+import { useDeferredValue, useMemo, useState } from 'react';
 import { AntigravityConversationsTable } from '#/components/antigravity-conversations-table';
 import { AntigravityKeychainPanel } from '#/components/antigravity-keychain-panel';
+import { DeleteConfirmDialog } from '#/components/delete-confirm-dialog';
+import { ExportDialog } from '#/components/export-dialog';
 import { ListSearchInput } from '#/components/list-search-input';
 import { LoadingPanel } from '#/components/loading-panel';
 import { PageHeader } from '#/components/page-header';
-import { ReloadErrorPanel } from '#/components/reload-error-panel';
+import { RouteErrorPanel } from '#/components/route-error-panel';
+import { Button } from '#/components/ui/button';
 import {
     antigravityConversationsQueryOptions,
     antigravityDecryptionQueryOptions,
     antigravityWorkspacesQueryOptions,
 } from '#/lib/antigravity-queries';
-import { exportAntigravityArtifactsFn, exportAntigravityConversationFn } from '#/lib/antigravity-server';
-import { downloadTextFile } from '#/lib/download';
+import {
+    deleteAntigravityConversationFn,
+    deleteAntigravityConversationsFn,
+    exportAntigravityArtifactsFn,
+    exportAntigravityConversationsFn,
+} from '#/lib/antigravity-server';
+import { downloadTextFile, downloadUrlFile } from '#/lib/download';
+import { createExportSelectionMutationInput, type ExportSelectionMutationInput } from '#/lib/export-mutation';
 import { matchesTextQuery } from '#/lib/text-filter';
+import { isWorkspaceEmptiedByDelete } from '#/lib/workspace-delete-navigation';
+
+type PendingConversationDelete = {
+    conversations: AntigravityConversation[];
+    scope: 'all' | 'selected';
+};
+
+type PendingConversationExport = {
+    conversationIds: string[];
+    label: string;
+    supportsTranscriptFilters: boolean;
+};
 
 const findWorkspaceOrThrow = (workspaces: AntigravityWorkspaceGroup[], workspaceKey: string) => {
     const workspace = workspaces.find((candidate) => candidate.key === workspaceKey);
@@ -26,6 +48,63 @@ const findWorkspaceOrThrow = (workspaces: AntigravityWorkspaceGroup[], workspace
     return workspace;
 };
 
+const buildConversationExport = (selectedConversations: AntigravityConversation[]): PendingConversationExport => ({
+    conversationIds: selectedConversations.map((conversation) => conversation.conversationId),
+    label:
+        selectedConversations.length === 1
+            ? selectedConversations[0]!.title
+            : `${selectedConversations.length} selected conversations`,
+    supportsTranscriptFilters: selectedConversations.every(
+        (conversation) => conversation.transcriptSource !== 'safe-storage',
+    ),
+});
+
+const getDeleteConfirmLabel = (pendingDelete: PendingConversationDelete | null, isPending: boolean) => {
+    if (isPending) {
+        return 'Deleting...';
+    }
+
+    if (pendingDelete?.scope === 'all') {
+        return 'Delete all';
+    }
+
+    return pendingDelete && pendingDelete.conversations.length > 1 ? 'Delete conversations' : 'Delete conversation';
+};
+
+const getDeleteDescription = (pendingDelete: PendingConversationDelete | null) => {
+    if (!pendingDelete) {
+        return 'Permanently delete the selected Antigravity conversations from disk.';
+    }
+
+    if (pendingDelete.scope === 'all') {
+        return `Permanently delete all ${pendingDelete.conversations.length} Antigravity conversations in this workspace from disk. This removes their summaries, conversation files, transcript logs, and generated artifacts.`;
+    }
+
+    if (pendingDelete.conversations.length === 1) {
+        return `Permanently delete "${pendingDelete.conversations[0]!.title}" from Antigravity history. This removes the summary entry, conversation file, transcript logs, and generated artifacts that belong to this conversation.`;
+    }
+
+    return `Permanently delete ${pendingDelete.conversations.length} selected Antigravity conversations from disk. This removes their summaries, conversation files, transcript logs, and generated artifacts.`;
+};
+
+const getDeleteTitle = (pendingDelete: PendingConversationDelete | null) => {
+    if (pendingDelete?.scope === 'all') {
+        return `Delete all ${pendingDelete.conversations.length} Antigravity conversations?`;
+    }
+
+    return pendingDelete && pendingDelete.conversations.length > 1
+        ? `Delete ${pendingDelete.conversations.length} Antigravity conversations?`
+        : 'Delete this Antigravity conversation?';
+};
+
+const AntigravityWorkspaceErrors = ({ artifactError }: { artifactError: Error | null }) => {
+    if (!artifactError) {
+        return null;
+    }
+
+    return <p className="text-[var(--destructive)] text-sm">{artifactError.message}</p>;
+};
+
 export const Route = createFileRoute('/antigravity/$workspaceKey')({
     component: AntigravityWorkspacePage,
     errorComponent: AntigravityWorkspaceErrorComponent,
@@ -46,52 +125,142 @@ export const Route = createFileRoute('/antigravity/$workspaceKey')({
 });
 
 function AntigravityWorkspaceErrorComponent({ error }: { error: Error }) {
-    return <ReloadErrorPanel description={error.message} title="Failed to load Antigravity workspace" />;
+    return <RouteErrorPanel error={error} title="Failed to load Antigravity workspace" />;
 }
 
 function AntigravityWorkspacePage() {
+    const navigate = useNavigate({ from: Route.fullPath });
     const params = Route.useParams();
+    const queryClient = useQueryClient();
     const workspaces = useSuspenseQuery(antigravityWorkspacesQueryOptions()).data;
     const workspace = findWorkspaceOrThrow(workspaces, params.workspaceKey);
     const conversations = useSuspenseQuery(antigravityConversationsQueryOptions(workspace.key)).data;
     const decryptionState = useSuspenseQuery(antigravityDecryptionQueryOptions()).data ?? null;
     const [searchInput, setSearchInput] = useState('');
+    const [pendingDelete, setPendingDelete] = useState<PendingConversationDelete | null>(null);
+    const [pendingExport, setPendingExport] = useState<PendingConversationExport | null>(null);
     const deferredSearch = useDeferredValue(searchInput);
 
-    const exportConversationMutation = useMutation({
+    const exportArtifactsMutation = useMutation({
         mutationFn: (conversation: AntigravityConversation) =>
-            exportAntigravityConversationFn({ data: { conversationId: conversation.conversationId } }),
+            exportAntigravityArtifactsFn({ data: { conversationId: conversation.conversationId } }),
         onSuccess: (result) => {
             downloadTextFile(result.filename, result.content, 'text/markdown; charset=utf-8');
         },
     });
 
-    const exportArtifactsMutation = useMutation({
-        mutationFn: (conversation: AntigravityConversation) =>
-            exportAntigravityArtifactsFn({ data: { conversationId: conversation.conversationId } }),
-        onSuccess: (result) => {
-            downloadTextFile(result.filename, result.content, 'text/markdown; charset=utf-8');
+    const exportConversationsMutation = useMutation({
+        mutationFn: async ({ ids, options }: ExportSelectionMutationInput) => {
+            const download = await exportAntigravityConversationsFn({
+                data: {
+                    conversationIds: [...ids],
+                    includeCommentary: options.includeCommentary,
+                    includeMetadata: options.includeMetadata,
+                    includeTools: options.includeTools,
+                    outputFormat: options.outputFormat,
+                    zipArchive: options.zipArchive,
+                },
+            });
+
+            if (download.mode === 'download') {
+                downloadTextFile(download.fileName, download.content, download.mimeType);
+                return;
+            }
+
+            await downloadUrlFile(download.fileName, download.downloadUrl);
+        },
+        onSuccess: () => {
+            setPendingExport(null);
         },
     });
 
-    const visibleConversations = conversations.filter((conversation) =>
-        matchesTextQuery(deferredSearch, [
-            conversation.title,
-            conversation.conversationId,
-            conversation.transcriptSource,
-            conversation.workspaceLabel,
-        ]),
+    const deleteMutation = useMutation({
+        mutationFn: async (conversationIds: string[]) =>
+            conversationIds.length === 1
+                ? deleteAntigravityConversationFn({ data: { conversationId: conversationIds[0]! } })
+                : deleteAntigravityConversationsFn({ data: { conversationIds } }),
+        onSettled: async (_result, _error, conversationIds) => {
+            await Promise.all([
+                queryClient.invalidateQueries({ queryKey: ['antigravity-workspaces'] }),
+                queryClient.invalidateQueries({ queryKey: ['antigravity-conversations', workspace.key] }),
+                ...conversationIds.map((conversationId) =>
+                    queryClient.invalidateQueries({
+                        queryKey: ['antigravity-conversation', conversationId],
+                    }),
+                ),
+            ]);
+        },
+        onSuccess: async (result) => {
+            const conversationIds = result.deletedConversationIds;
+            const workspaceEmptied = isWorkspaceEmptiedByDelete(
+                conversations,
+                conversationIds,
+                (conversation) => conversation.conversationId,
+            );
+            setPendingDelete(null);
+            if (workspaceEmptied) {
+                await navigate({ to: '/antigravity' });
+            }
+        },
+    });
+
+    const visibleConversations = useMemo(
+        () =>
+            conversations.filter((conversation) =>
+                matchesTextQuery(deferredSearch, [
+                    conversation.title,
+                    conversation.conversationId,
+                    conversation.transcriptSource,
+                    conversation.workspaceLabel,
+                ]),
+            ),
+        [conversations, deferredSearch],
     );
+    const visibleConversationsById = useMemo(
+        () => new Map(visibleConversations.map((conversation) => [conversation.conversationId, conversation])),
+        [visibleConversations],
+    );
+    const lookupSelectedConversations = (conversationIds: string[]) =>
+        conversationIds
+            .map((conversationId) => visibleConversationsById.get(conversationId) ?? null)
+            .filter((conversation): conversation is AntigravityConversation => conversation !== null);
+    const openExportForConversations = (selectedConversations: AntigravityConversation[]) => {
+        if (selectedConversations.length === 0) {
+            return;
+        }
+
+        setPendingExport(buildConversationExport(selectedConversations));
+    };
+    const openDeleteForConversations = (
+        selectedConversations: AntigravityConversation[],
+        scope: PendingConversationDelete['scope'],
+    ) => {
+        if (selectedConversations.length > 0) {
+            setPendingDelete({ conversations: selectedConversations, scope });
+        }
+    };
 
     return (
         <div className="space-y-6">
             <PageHeader
                 actions={
-                    <ListSearchInput
-                        placeholder="Search title, id, or transcript source"
-                        value={searchInput}
-                        onValueChange={setSearchInput}
-                    />
+                    <div className="flex flex-col gap-2 sm:flex-row">
+                        <Button
+                            className="rounded-full"
+                            disabled={deleteMutation.isPending || conversations.length === 0}
+                            type="button"
+                            variant="destructive"
+                            onClick={() => openDeleteForConversations(conversations, 'all')}
+                        >
+                            <Trash2 className="size-4" />
+                            Delete all
+                        </Button>
+                        <ListSearchInput
+                            placeholder="Search title, id, or transcript source"
+                            value={searchInput}
+                            onValueChange={setSearchInput}
+                        />
+                    </div>
                 }
                 eyebrow="Antigravity workspace"
                 subtitle="Inspect conversation coverage across Antigravity transcripts, raw payloads, and generated artifacts."
@@ -103,25 +272,76 @@ function AntigravityWorkspacePage() {
             <AntigravityConversationsTable
                 conversations={visibleConversations}
                 decryptionState={decryptionState}
+                onDeleteConversation={(conversation) => openDeleteForConversations([conversation], 'selected')}
+                onDeleteConversations={(conversationIds) =>
+                    openDeleteForConversations(lookupSelectedConversations(conversationIds), 'selected')
+                }
                 onExportArtifacts={(conversation) => exportArtifactsMutation.mutate(conversation)}
-                onExportConversation={(conversation) => exportConversationMutation.mutate(conversation)}
+                onExportConversation={(conversation) => openExportForConversations([conversation])}
+                onExportConversations={(conversationIds) =>
+                    openExportForConversations(lookupSelectedConversations(conversationIds))
+                }
             />
 
-            {exportConversationMutation.isError ? (
-                <p className="text-[var(--destructive)] text-sm">
-                    {exportConversationMutation.error instanceof Error
-                        ? exportConversationMutation.error.message
-                        : 'Conversation export failed'}
-                </p>
-            ) : null}
-
-            {exportArtifactsMutation.isError ? (
-                <p className="text-[var(--destructive)] text-sm">
-                    {exportArtifactsMutation.error instanceof Error
-                        ? exportArtifactsMutation.error.message
-                        : 'Artifact export failed'}
-                </p>
-            ) : null}
+            <AntigravityWorkspaceErrors
+                artifactError={exportArtifactsMutation.isError ? exportArtifactsMutation.error : null}
+            />
+
+            <ExportDialog
+                errorMessage={
+                    exportConversationsMutation.isError
+                        ? exportConversationsMutation.error instanceof Error
+                            ? exportConversationsMutation.error.message
+                            : 'Conversation export failed'
+                        : null
+                }
+                forceZipArchive={pendingExport ? pendingExport.conversationIds.length > 1 : false}
+                open={pendingExport !== null}
+                pending={exportConversationsMutation.isPending}
+                showCommentaryOption={pendingExport?.supportsTranscriptFilters ?? true}
+                showToolsOption={pendingExport?.supportsTranscriptFilters ?? true}
+                title={pendingExport ? `Export ${pendingExport.label}` : 'Export conversation'}
+                onExport={(options) => {
+                    if (pendingExport) {
+                        exportConversationsMutation.mutate(
+                            createExportSelectionMutationInput(pendingExport.conversationIds, options),
+                        );
+                    }
+                }}
+                onOpenChange={(open) => {
+                    if (!open) {
+                        setPendingExport(null);
+                        exportConversationsMutation.reset();
+                    }
+                }}
+            />
+
+            <DeleteConfirmDialog
+                confirmLabel={getDeleteConfirmLabel(pendingDelete, deleteMutation.isPending)}
+                description={getDeleteDescription(pendingDelete)}
+                errorMessage={
+                    deleteMutation.isError
+                        ? deleteMutation.error instanceof Error
+                            ? deleteMutation.error.message
+                            : 'Conversation delete failed'
+                        : null
+                }
+                open={pendingDelete !== null}
+                title={getDeleteTitle(pendingDelete)}
+                onConfirm={() => {
+                    if (pendingDelete) {
+                        deleteMutation.mutate(
+                            pendingDelete.conversations.map((conversation) => conversation.conversationId),
+                        );
+                    }
+                }}
+                onOpenChange={(open) => {
+                    if (!open) {
+                        setPendingDelete(null);
+                        deleteMutation.reset();
+                    }
+                }}
+            />
         </div>
     );
 }

package/apps/ui/src/routes/antigravity.index.tsx

@@ -5,7 +5,7 @@ import { AntigravityKeychainPanel } from '#/components/antigravity-keychain-pane
 import { AntigravityWorkspacesTable } from '#/components/antigravity-workspaces-table';
 import { ListSearchInput } from '#/components/list-search-input';
 import { PageHeader } from '#/components/page-header';
-import { ReloadErrorPanel } from '#/components/reload-error-panel';
+import { RouteErrorPanel } from '#/components/route-error-panel';
 import { antigravityWorkspacesQueryOptions } from '#/lib/antigravity-queries';
 import { matchesTextQuery } from '#/lib/text-filter';
 
@@ -16,7 +16,7 @@ export const Route = createFileRoute('/antigravity/')({
 });
 
 function AntigravityErrorComponent({ error }: { error: Error }) {
-    return <ReloadErrorPanel description={error.message} title="Failed to load Antigravity workspaces" />;
+    return <RouteErrorPanel error={error} title="Failed to load Antigravity workspaces" />;
 }
 
 function AntigravityPage() {

package/apps/ui/src/routes/api.v1.conversations.$source.$id.ts

@@ -3,6 +3,10 @@ import { createFileRoute } from '@tanstack/react-router';
 export const Route = createFileRoute('/api/v1/conversations/$source/$id')({
     server: {
         handlers: {
+            DELETE: async ({ request }) => {
+                const { handleConversationApiRequest } = await import('@spiracha/lib/conversation-api');
+                return handleConversationApiRequest(request);
+            },
             GET: async ({ request }) => {
                 const { handleConversationApiRequest } = await import('@spiracha/lib/conversation-api');
                 return handleConversationApiRequest(request);

package/apps/ui/src/routes/api.v1.conversations.delete.ts

@@ -0,0 +1,12 @@
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/api/v1/conversations/delete')({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                const { handleConversationApiRequest } = await import('@spiracha/lib/conversation-api');
+                return handleConversationApiRequest(request);
+            },
+        },
+    },
+});

package/apps/ui/src/routes/api.v1.conversations.export.ts

@@ -0,0 +1,12 @@
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/api/v1/conversations/export')({
+    server: {
+        handlers: {
+            POST: async ({ request }) => {
+                const { handleConversationApiRequest } = await import('@spiracha/lib/conversation-api');
+                return handleConversationApiRequest(request);
+            },
+        },
+    },
+});