From 1cd6cde77cde063822f26c8c2dbd1fb5d8a144ee Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Wed, 6 May 2026 19:10:12 +0200
Subject: [PATCH] fix: highlight plugin and theme cards in settings search

---
 components/settings/plugins-settings.tsx | 11 +++++++----
 components/settings/themes-settings.tsx  |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/settings/plugins-settings.tsx b/components/settings/plugins-settings.tsx
index cc3a4519..812bddb1 100644
--- a/components/settings/plugins-settings.tsx
+++ b/components/settings/plugins-settings.tsx
@@ -189,10 +189,13 @@ interface PluginCardProps {
 
 function PluginCard({ plugin, isExpanded, isForceEnabled, isManaged, needsApproval, controlsDisabled, onToggleExpand, onToggle, onUninstall, onUpdateSettings }: PluginCardProps) {
   return (
-    <div className={cn(
-      'rounded-lg border transition-colors',
-      plugin.status === 'error' ? 'border-destructive/40' : 'border-border',
-    )}>
+    <div
+      data-search-label={plugin.name}
+      className={cn(
+        'rounded-lg border transition-colors',
+        plugin.status === 'error' ? 'border-destructive/40' : 'border-border',
+      )}
+    >
       {/* Header */}
       <div className="flex items-center gap-3 p-3">
         <div className="flex-1 min-w-0 cursor-pointer" onClick={onToggleExpand}>
diff --git a/components/settings/themes-settings.tsx b/components/settings/themes-settings.tsx
index 9c74ea1a..096f57d5 100644
--- a/components/settings/themes-settings.tsx
+++ b/components/settings/themes-settings.tsx
@@ -174,7 +174,7 @@ interface ThemeCardProps {
 
 function ThemeCard({ name, author, preview, isActive, isDefault, isForceEnabled, disabled, variants, onActivate, onRemove }: ThemeCardProps) {
   return (
-    <div className="relative">
+    <div data-search-label={name} className="relative">
       <button
         type="button"
         onClick={onActivate}