Fix stuck Celery tasks and add purge all tasks functionality

crawler/frontend/src/components/TaskIndicator.tsx

@@ -1,12 +1,12 @@
 import { getUser } from '@/auth/authService';
 import { POLLING_INTERVALS } from '@/constants';
-import { fetchTaskStatus, cancelTask } from '@/services';
+import { fetchTaskStatus, cancelTask, clearAllTasks } from '@/services';
 import { TaskStatus, type TaskResult } from '@/types';
 import type { User } from 'oidc-client-ts';
 import { useEffect, useState } from 'react';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
 import { Button } from './ui/button';
-import { Loader2, CheckCircle2, XCircle, X } from 'lucide-react';
+import { Loader2, CheckCircle2, XCircle, X, Trash2 } from 'lucide-react';
 
 interface TaskIndicatorProps {
     taskID: string | null;
@@ -20,6 +20,7 @@ export function TaskIndicator({ taskID, onTaskCancelled }: TaskIndicatorProps) {
     const [total, setTotal] = useState<number | null>(null);
     const [taskStatus, setTaskStatus] = useState<TaskStatus | null>(null);
     const [isCancelling, setIsCancelling] = useState(false);
+    const [isClearing, setIsClearing] = useState(false);
 
     useEffect(() => {
         getUser().then(setUser);
@@ -104,6 +105,23 @@ export function TaskIndicator({ taskID, onTaskCancelled }: TaskIndicatorProps) {
         }
     };
 
+    const handleClearAll = async () => {
+        if (!user || isClearing) return;
+
+        setIsClearing(true);
+        try {
+            const result = await clearAllTasks(user);
+            if (result.success) {
+                setTaskStatus(null);
+                onTaskCancelled?.();
+            }
+        } catch {
+            // Ignore clear errors
+        } finally {
+            setIsClearing(false);
+        }
+    };
+
     if (!taskID || !taskStatus) {
         return null;
     }
@@ -195,6 +213,22 @@ export function TaskIndicator({ taskID, onTaskCancelled }: TaskIndicatorProps) {
                         </TooltipContent>
                     </Tooltip>
                 )}
+                <Tooltip>
+                    <TooltipTrigger asChild>
+                        <Button
+                            variant="ghost"
+                            size="icon"
+                            onClick={handleClearAll}
+                            disabled={isClearing}
+                            className="h-6 w-6 text-muted-foreground hover:text-destructive"
+                        >
+                            <Trash2 className="h-3 w-3" />
+                        </Button>
+                    </TooltipTrigger>
+                    <TooltipContent side="bottom">
+                        <p>Clear all tasks</p>
+                    </TooltipContent>
+                </Tooltip>
             </div>
         </TooltipProvider>
     );