From ea4511ad7c2fdc22f62657885fb499d71b633636 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 20 Jan 2026 23:29:59 +0000
Subject: [PATCH] Fix search not displaying when no tags exist

Previously the TagFilters component returned null when there were no tags,
hiding both the search input and tag filtering controls. Now search is always
displayed, and only the tag filtering toggle/badges are hidden when no tags
exist.

Fixes #10
---
 .../sidepanel/components/TagFilters.tsx       | 41 ++++++++++---------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/entrypoints/sidepanel/components/TagFilters.tsx b/entrypoints/sidepanel/components/TagFilters.tsx
index 23933af..d3055e9 100644
--- a/entrypoints/sidepanel/components/TagFilters.tsx
+++ b/entrypoints/sidepanel/components/TagFilters.tsx
@@ -76,29 +76,31 @@ export default function TagFilters({ tags, filtersEnabled, searchQuery, fetcher
         };
     }, []);
 
-    if (tags.length === 0) return null;
+    const hasTags = tags.length > 0;
 
     return (
         <Box>
             <fetcher.Form action="/filtered-accounts">
                 <Stack gap="md" align="flex-start">
                     <Group gap="sm" align="center" wrap="nowrap" style={{ width: '100%' }}>
-                        <Switch
-                            withThumbIndicator={false}
-                            labelPosition="left"
-                            label="Enable tag filtering"
-                            size="md"
-                            name='enableFilters'
-                            id='enableFilters'
-                            value='enabled'
-                            defaultChecked={filtersEnabled}
-                            color="blue.5"
-                            styles={{
-                                label: { whiteSpace: 'pre-wrap', maxWidth: '120px' },
-                                body: { alignItems: 'center' },
-                            }}
-                            onChange={handleNonSearchChange}
-                        />
+                        {hasTags && (
+                            <Switch
+                                withThumbIndicator={false}
+                                labelPosition="left"
+                                label="Enable tag filtering"
+                                size="md"
+                                name='enableFilters'
+                                id='enableFilters'
+                                value='enabled'
+                                defaultChecked={filtersEnabled}
+                                color="blue.5"
+                                styles={{
+                                    label: { whiteSpace: 'pre-wrap', maxWidth: '120px' },
+                                    body: { alignItems: 'center' },
+                                }}
+                                onChange={handleNonSearchChange}
+                            />
+                        )}
 
                         <TextInput
                             type='search'
@@ -117,7 +119,7 @@ export default function TagFilters({ tags, filtersEnabled, searchQuery, fetcher
                             }}
                         />
                     </Group>
-                    {filtersEnabled ?
+                    {filtersEnabled && hasTags && (
                         <Group gap="xs">
                             {tags.map(tag =>
                                 <TagCheckbox
@@ -130,8 +132,7 @@ export default function TagFilters({ tags, filtersEnabled, searchQuery, fetcher
                                 >{tag.tagName}</TagCheckbox>
                             )}
                         </Group>
-                        : null
-                    }
+                    )}
                 </Stack>
             </fetcher.Form>
         </Box>