hidden shit, and online status bars, search settings

src/app/features/settings/plugins/Plugins.tsx

@@ -10,6 +10,7 @@ import { SettingTile } from '../../../components/setting-tile';
 import { SequenceCardStyle } from '../styles.css';
 import { pluginMarketplaceManager, pluginRegistry, SettingDefinition } from './PluginAPI';
 import { stopPropagation } from '../../../utils/keyboard';
+import { fuzzyFilter } from '../../../utils/fuzzy';
 
 /**
  * Renders settings UI for a plugin based on its settings schema
@@ -320,13 +321,6 @@ export function Plugins({ requestClose }: PluginsProps) {
     [installedPlugins]
   );
 
-  const fuzzySearch = (query: string, text: string): boolean => {
-    if (!query) return true;
-    const searchLower = query.toLowerCase();
-    const textLower = text.toLowerCase();
-    return textLower.includes(searchLower);
-  };
-
   const PluginAvatar = ({ thumbnail, name }: { thumbnail: string; name: string }) => {
     const [imageError, setImageError] = useState(false);
 
@@ -365,22 +359,22 @@ export function Plugins({ requestClose }: PluginsProps) {
   };
 
   const filteredMarketplacePlugins = useMemo(() => {
-    if (!searchQuery) return marketplacePlugins;
-    return marketplacePlugins.filter((plugin) =>
-      fuzzySearch(searchQuery, plugin.name) ||
-      fuzzySearch(searchQuery, plugin.description) ||
-      fuzzySearch(searchQuery, plugin.author) ||
-      plugin.tags.some((tag) => fuzzySearch(searchQuery, tag))
-    );
+    if (!searchQuery.trim()) return marketplacePlugins;
+    return fuzzyFilter(marketplacePlugins, searchQuery, (plugin) => [
+      plugin.name,
+      plugin.description,
+      plugin.author,
+      ...plugin.tags,
+    ]).map(({ item }) => item);
   }, [marketplacePlugins, searchQuery]);
 
   const filteredInstalledPlugins = useMemo(() => {
-    if (!searchQuery) return installedPlugins;
-    return installedPlugins.filter((plugin) =>
-      fuzzySearch(searchQuery, plugin.name) ||
-      fuzzySearch(searchQuery, plugin.description) ||
-      fuzzySearch(searchQuery, plugin.author)
-    );
+    if (!searchQuery.trim()) return installedPlugins;
+    return fuzzyFilter(installedPlugins, searchQuery, (plugin) => [
+      plugin.name,
+      plugin.description,
+      plugin.author,
+    ]).map(({ item }) => item);
   }, [installedPlugins, searchQuery]);
 
   return (