From b1c3897cfd5c3aad9d9f59e6859dddd2d078f8a4 Mon Sep 17 00:00:00 2001
From: "christian.vidal" <christianvidalwolf@gmail.com>
Date: Thu, 29 Jan 2026 20:59:35 +0100
Subject: [PATCH] Implement Enter key support for quick filtering

---
 components/MultiSelectDropdown.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/components/MultiSelectDropdown.tsx b/components/MultiSelectDropdown.tsx
index 4938b76..3d9d1bd 100644
--- a/components/MultiSelectDropdown.tsx
+++ b/components/MultiSelectDropdown.tsx
@@ -155,6 +155,23 @@ const MultiSelectDropdown: React.FC<MultiSelectDropdownProps> = ({ label, select
                 className="w-full bg-slate-950 border border-slate-700 text-slate-200 text-sm rounded-md py-1.5 pl-9 pr-2 focus:outline-none focus:border-primary"
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter') {
+                    e.preventDefault();
+                    if (filteredOptions.length > 0) {
+                      const allSelected = filteredOptions.every(opt => selected.includes(opt));
+                      if (allSelected) {
+                        // Deselect all filtered
+                        onChange(selected.filter(item => !filteredOptions.includes(item)));
+                      } else {
+                        // Select all filtered
+                        onChange(Array.from(new Set([...selected, ...filteredOptions])));
+                      }
+                      setIsOpen(false);
+                      setSearchTerm('');
+                    }
+                  }
+                }}
               />
             </div>
           </div>