From 8ce106d9fd917afa52aeb3a9ff9e3a085c62cd52 Mon Sep 17 00:00:00 2001
From: Karen Rasmussen <rasmussenkaren@outlook.com>
Date: Mon, 26 Jan 2026 17:25:58 -0300
Subject: [PATCH] Refactor FilterControls labels

---
 src/sidebar/components/search/FilterControls.tsx          | 8 ++++----
 src/sidebar/components/search/test/FilterControls-test.js | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/sidebar/components/search/FilterControls.tsx b/src/sidebar/components/search/FilterControls.tsx
index 2f8bbd05f27..e08bb3279ff 100644
--- a/src/sidebar/components/search/FilterControls.tsx
+++ b/src/sidebar/components/search/FilterControls.tsx
@@ -160,7 +160,7 @@ export default function FilterControls({
         <b>Filters</b>
         {hasSelection && (
           <FilterToggle
-            label={`Remove ${selectedCount} selected annotation filter`}
+            label={`Clear filter: ${selectedCount} selected`}
             description={`Show only the ${selectedCount} selected annotations. Press to clear this filter and show all annotations.`}
             active={true}
             setActive={() => store.clearSelection()}
@@ -170,7 +170,7 @@ export default function FilterControls({
         {focusFilters.user && (
           <FilterToggle
             icon={ProfileIcon}
-            label={`By ${focusFilters.user.display}`}
+            label={`Clear filter: by author ${focusFilters.user.display}`}
             description={`Show annotations by ${focusFilters.user.display}. Press to clear this filter.`}
             active={focusActive.has('user')}
             // When a selection exists, it replaces other filters.
@@ -182,7 +182,7 @@ export default function FilterControls({
         {focusFilters.page && (
           <FilterToggle
             icon={FileGenericIcon}
-            label={`Pages ${focusFilters.page.display}`}
+            label={`Clear filter: pages ${focusFilters.page.display}`}
             description={`Show annotations on pages ${focusFilters.page.display}. Press to clear this filter.`}
             active={focusActive.has('page')}
             disabled={hasSelection}
@@ -193,7 +193,7 @@ export default function FilterControls({
         {focusFilters.cfi && (
           <FilterToggle
             icon={FileGenericIcon}
-            label="Selected chapter"
+            label="Clear filter: selected chapter"
             description="Show annotations on selected book chapter(s). Press to clear this filter."
             active={focusActive.has('cfi')}
             disabled={hasSelection}
diff --git a/src/sidebar/components/search/test/FilterControls-test.js b/src/sidebar/components/search/test/FilterControls-test.js
index 5c1437294dc..61c7495d6f8 100644
--- a/src/sidebar/components/search/test/FilterControls-test.js
+++ b/src/sidebar/components/search/test/FilterControls-test.js
@@ -95,7 +95,7 @@ describe('FilterControls', () => {
           display: 'Some User',
         },
       },
-      label: 'By Some User',
+      label: 'Clear filter: by author Some User',
     },
     {
       filterType: 'page',
@@ -104,7 +104,7 @@ describe('FilterControls', () => {
           display: '10-30',
         },
       },
-      label: 'Pages 10-30',
+      label: 'Clear filter: pages 10-30',
     },
     {
       filterType: 'cfi',
@@ -113,7 +113,7 @@ describe('FilterControls', () => {
           display: 'Chapter One',
         },
       },
-      label: 'Selected chapter',
+      label: 'Clear filter: selected chapter',
     },
   ].forEach(({ filterType, focusFilters, label }) => {
     it(`displays ${filterType} toggle if there is a ${filterType} focus filter configured`, () => {