From 1dada83e6ad67bd1baa4cf6beef19e94f5cbfff8 Mon Sep 17 00:00:00 2001
From: Neil <4138956+nwparker@users.noreply.github.com>
Date: Mon, 18 May 2026 17:54:36 -0700
Subject: [PATCH] Restore browser annotation clear action (#2288)

---
 .../components/browser-pane/BrowserPane.tsx   | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/src/renderer/src/components/browser-pane/BrowserPane.tsx b/src/renderer/src/components/browser-pane/BrowserPane.tsx
index 6086bc2c7..790fafab0 100644
--- a/src/renderer/src/components/browser-pane/BrowserPane.tsx
+++ b/src/renderer/src/components/browser-pane/BrowserPane.tsx
@@ -3960,6 +3960,12 @@ function BrowserPagePane({
     annotationCopyTimerRef.current = setTimeout(() => setBrowserAnnotationsCopied(false), 1400)
   }, [browserAnnotationsPrompt])
 
+  const handleClearBrowserAnnotations = useCallback((): void => {
+    clearTimeout(annotationCopyTimerRef.current)
+    setBrowserAnnotationsCopied(false)
+    clearBrowserPageAnnotations(browserTab.id)
+  }, [browserTab.id, clearBrowserPageAnnotations])
+
   const navigateToUrl = useCallback(
     (url: string): void => {
       const navigateBrowserUrl = (targetUrl: string): void => {
@@ -4555,6 +4561,22 @@ function BrowserPagePane({
                 )}
                 {browserAnnotationsCopied ? 'Copied' : 'Copy All'}
               </Button>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button
+                    size="icon-xs"
+                    variant="ghost"
+                    className="h-6 w-6 text-muted-foreground hover:text-foreground"
+                    onClick={handleClearBrowserAnnotations}
+                    aria-label="Clear browser annotations"
+                  >
+                    <Trash2 className="size-3" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent side="bottom" sideOffset={6}>
+                  Clear annotations
+                </TooltipContent>
+              </Tooltip>
             </>
           ) : null}
           <button
@@ -4725,6 +4747,22 @@ function BrowserPagePane({
                 )}
                 {browserAnnotationsCopied ? 'Copied' : 'Copy'}
               </Button>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button
+                    size="icon-xs"
+                    variant="ghost"
+                    className="text-muted-foreground hover:text-foreground"
+                    onClick={handleClearBrowserAnnotations}
+                    aria-label="Clear browser annotations"
+                  >
+                    <Trash2 className="size-3" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent side="bottom" sideOffset={6}>
+                  Clear annotations
+                </TooltipContent>
+              </Tooltip>
             </div>
             <div className="scrollbar-sleek min-h-0 flex-1 overflow-auto p-1.5">
               {browserAnnotations.map((annotation, index) => (