batch clear history

Author: aheizi

src/core/webview/ClineProvider.ts

@@ -1020,6 +1020,15 @@ export class ClineProvider implements vscode.WebviewViewProvider {
 					case "deleteTaskWithId":
 						this.deleteTaskWithId(message.text!)
 						break
+					case "deleteMultipleTasksWithIds": {
+						const ids = message.ids
+						if (Array.isArray(ids)) {
+							for (const id of ids) {
+								await this.deleteTaskWithId(id)
+							}
+						}
+						break
+					}
 					case "exportTaskWithId":
 						this.exportTaskWithId(message.text!)
 						break

src/shared/WebviewMessage.ts

@@ -11,6 +11,7 @@ export type AudioType = "notification" | "celebration" | "progress_loop"
 export interface WebviewMessage {
 	type:
 		| "apiConfiguration"
+		| "deleteMultipleTasksWithIds"
 		| "currentApiConfigName"
 		| "saveApiConfiguration"
 		| "upsertApiConfiguration"
@@ -126,6 +127,7 @@ export interface WebviewMessage {
 	payload?: WebViewMessagePayload
 	source?: "global" | "project"
 	requestId?: string
+	ids?: string[]
 }
 
 // Human relay related message types

webview-ui/src/components/history/BatchDeleteTaskDialog.tsx

@@ -0,0 +1,58 @@
+import { useCallback } from "react"
+import {
+	AlertDialog,
+	AlertDialogAction,
+	AlertDialogCancel,
+	AlertDialogContent,
+	AlertDialogDescription,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogTitle,
+	Button,
+} from "@/components/ui"
+import { vscode } from "@/utils/vscode"
+import { AlertDialogProps } from "@radix-ui/react-alert-dialog"
+
+interface BatchDeleteTaskDialogProps extends AlertDialogProps {
+	taskIds: string[]
+}
+
+export const BatchDeleteTaskDialog = ({ taskIds, ...props }: BatchDeleteTaskDialogProps) => {
+	const { onOpenChange } = props
+
+	const onDelete = useCallback(() => {
+		if (taskIds.length > 0) {
+			vscode.postMessage({ type: "deleteMultipleTasksWithIds", ids: taskIds })
+			onOpenChange?.(false)
+		}
+	}, [taskIds, onOpenChange])
+
+	return (
+		<AlertDialog {...props}>
+			<AlertDialogContent className="max-w-md">
+				<AlertDialogHeader>
+					<AlertDialogTitle>Delete Tasks</AlertDialogTitle>
+					<AlertDialogDescription className="text-vscode-foreground">
+						<div className="mb-2">
+							Are you sure you want to delete <strong>{taskIds.length}</strong> selected tasks?
+						</div>
+						<div className="text-vscode-editor-foreground bg-vscode-editor-background p-2 rounded text-sm">
+							This action cannot be undone. All selected tasks will be permanently deleted.
+						</div>
+					</AlertDialogDescription>
+				</AlertDialogHeader>
+				<AlertDialogFooter>
+					<AlertDialogCancel asChild>
+						<Button variant="secondary">Cancel</Button>
+					</AlertDialogCancel>
+					<AlertDialogAction asChild>
+						<Button variant="destructive" onClick={onDelete}>
+							<span className="codicon codicon-trash mr-1"></span>
+							Delete {taskIds.length} items
+						</Button>
+					</AlertDialogAction>
+				</AlertDialogFooter>
+			</AlertDialogContent>
+		</AlertDialog>
+	)
+}