fix: highlight plugin and theme cards in settings search

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(
+    <div
-      'rounded-lg border transition-colors',
+      data-search-label={plugin.name}
-      plugin.status === 'error' ? 'border-destructive/40' : 'border-border',
+      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}>

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}