From 7a18e79bdbd40b6fa132fac545edfc879ecdcdca Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Wed, 10 Jun 2026 14:11:13 +0300
Subject: [PATCH] fix: improve Settings search results

Adds Window transparency to Settings search
Keeps Settings search group headers in normal case
---
 .../sections/openchamber/OpenChamberVisualSettings.tsx    | 2 +-
 packages/ui/src/components/views/SettingsView.tsx         | 2 +-
 packages/ui/src/lib/settings/search.ts                    | 8 ++++++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/sections/openchamber/OpenChamberVisualSettings.tsx b/packages/ui/src/components/sections/openchamber/OpenChamberVisualSettings.tsx
index 19e7a103..ab20c6a5 100644
--- a/packages/ui/src/components/sections/openchamber/OpenChamberVisualSettings.tsx
+++ b/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"
diff --git a/packages/ui/src/components/views/SettingsView.tsx b/packages/ui/src/components/views/SettingsView.tsx
index e039e593..177cf119 100644
--- a/packages/ui/src/components/views/SettingsView.tsx
+++ b/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) => {
diff --git a/packages/ui/src/lib/settings/search.ts b/packages/ui/src/lib/settings/search.ts
index 97a601ec..73e77f3c 100644
--- a/packages/ui/src/lib/settings/search.ts
+++ b/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',