feat(desktop): macOS vibrancy for the left sidebar with a toggle

Add native macOS vibrancy behind the left sidebar (the only translucent
surface; header/chat/right sidebar stay opaque), plus a setting to turn it off.

- Window created with vibrancy applied after first show (avoids the cold-launch
  no-composite quirk); minimize/restore suppress the frost during the genie
  animation. Renderer frosts the sidebar via --sidebar-vibrancy-overlay once
  data-oc-vibrancy[-ready] are set; project-actions pill matches when open.
- data-oc-vibrancy-ready defaults are set in cssGenerator (DOM guaranteed),
  not the preload (document-start race left the sidebar un-frosted on launch).
- prefers-reduced-transparency falls back to solid surfaces.
- Appearance settings (macOS desktop only): a checkbox to enable/disable
  vibrancy, persisted to settings.json and applied via a Save & restart button
  (vibrancy is a window-creation option, so it needs a relaunch).

This commit is contained in:

Bohdan Triapitsyn

2026-06-09 18:38:01 +03:00

parent f9acf68c8f

commit 3541bc63f9

19 changed files with 288 additions and 12 deletions

									
										packages/ui/src/lib/desktop.ts
									
		+2
		
												View File
												
				@@ -201,6 +201,8 @@ type DesktopBridgeGlobal = {

				type ElectronRuntimeGlobal = {

				  runtime?: string;

				  macVibrancy?: boolean;

				  macVibrancySupported?: boolean;

				};

				const getElectronRuntime = (): ElectronRuntimeGlobal | null => {