From d8829356a4e7cd7678ae64427d3b4cdcfd11a19a Mon Sep 17 00:00:00 2001
From: Mitchell Scott <mitchell@scottlabs.io>
Date: Wed, 11 Feb 2026 07:43:22 -0700
Subject: [PATCH] feat: filter by developer. Closes#18

---
 frontend/src/App.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 462c754..9262349 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -405,6 +405,7 @@ export default function App() {
 
   const [search, setSearch] = useState('')
   const [categoryFilter, setCategoryFilter] = useState('all')
+  const [developerFilter, setDeveloperFilter] = useState('all')
   const [viewMode, setViewMode] = useState<'full' | 'compact'>(() => {
     const saved = localStorage.getItem('packageViewMode')
     return saved === 'compact' ? 'compact' : 'full'
@@ -424,6 +425,11 @@ export default function App() {
     return Array.from(cats).sort()
   }, [packages])
 
+  const developers = useMemo(() => {
+    const devs = new Set(packages.map(p => p.upstreamAuthor).filter(Boolean))
+    return Array.from(devs).sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }))
+  }, [packages])
+
   const resolvedAppTheme = useMemo((): 'dark' | 'light' => {
     if (theme === 'system') {
       return systemPrefersDark ? 'dark' : 'light'
@@ -480,9 +486,12 @@ export default function App() {
         if (categoryFilter !== 'all' && !(pkg.categories || []).includes(categoryFilter)) {
           return false
         }
+        if (developerFilter !== 'all' && pkg.upstreamAuthor !== developerFilter) {
+          return false
+        }
         return true
       })
-  }, [packages, search, categoryFilter, deviceInfo.firmware])
+  }, [packages, search, categoryFilter, developerFilter, deviceInfo.firmware])
 
   const installedFiltered = useMemo(() =>
     filteredPackages.filter(pkg => installedPackages.has(pkg.name)),
@@ -2218,6 +2227,17 @@ export default function App() {
                         ))}
                       </SelectContent>
                     </Select>
+                    <Select value={developerFilter} onValueChange={setDeveloperFilter}>
+                      <SelectTrigger className="w-[160px]">
+                        <SelectValue placeholder="Developer" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="all">All Developers</SelectItem>
+                        {developers.map((dev) => (
+                          <SelectItem key={dev} value={dev}>{dev}</SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
                     <Select value={viewMode} onValueChange={(v) => setViewMode(v as 'full' | 'compact')}>
                       <SelectTrigger className="w-[120px]">
                         <SelectValue />