fix: improve Settings search results

Adds Window transparency to Settings search
Keeps Settings search group headers in normal case

packages/ui/src/components/sections/openchamber/OpenChamberVisualSettings.tsx

@@ -806,7 +806,7 @@ export const OpenChamberVisualSettings: React.FC<OpenChamberVisualSettingsProps>
                                 </div>
 
                                 {macVibrancySupported && (
-                                    <div className="flex flex-col gap-1.5 border-t border-border/40 pt-3">
+                                    <div data-settings-item="appearance.window-transparency" className="flex flex-col gap-1.5 border-t border-border/40 pt-3">
                                         <div
                                             className="group flex cursor-pointer items-start gap-2 py-0.5"
                                             role="button"

packages/ui/src/components/views/SettingsView.tsx

@@ -962,7 +962,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
                 let resultIndex = 0;
                 return groupedSettingsSearchResults.map((group) => (
                   <div key={group.page} className="space-y-0.5">
-                    <div className="px-2 pb-0.5 pt-2 typography-micro font-medium uppercase tracking-wide text-muted-foreground/70">
+                    <div className="px-2 pb-0.5 pt-2 typography-micro font-medium text-muted-foreground/70">
                       {group.pageTitle}
                     </div>
                     {group.results.map((result) => {

packages/ui/src/lib/settings/search.ts

@@ -57,6 +57,14 @@ export const SETTINGS_SEARCH_ITEMS: readonly SettingsSearchItem[] = [
     keywords: ['theme', 'color', 'dark mode'],
     isAvailable: (ctx) => !ctx.isVSCode,
   },
+  {
+    id: 'appearance.window-transparency',
+    page: 'appearance',
+    titleKey: 'settings.openchamber.visual.field.macVibrancy',
+    descriptionKey: 'settings.openchamber.visual.field.macVibrancyHint',
+    keywords: ['transparent', 'transparency', 'vibrancy', 'blur', 'macos', 'opaque'],
+    isAvailable: (ctx) => ctx.isDesktopLocalOrigin,
+  },
   {
     id: 'appearance.pwa-install-name',
     page: 'appearance',