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).

packages/ui/src/components/layout/Sidebar.tsx

@@ -127,7 +127,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ isOpen, isMobile, children, cl
             ref={sidebarRef}
             className={cn(
                 'relative flex h-full overflow-hidden border-r border-border/40 will-change-[width] motion-reduce:transition-none',
-                'bg-sidebar',
+                'bg-sidebar oc-vibrancy-surface',
                 !isOpen && 'border-r-0',
                 className,
             )}

packages/ui/src/components/layout/TitlebarLeftControls.tsx

@@ -25,6 +25,7 @@ const ICON_BUTTON_CLASS =
 export const TitlebarLeftControls: React.FC = () => {
   const { t } = useI18n();
   const toggleSidebar = useUIStore((state) => state.toggleSidebar);
+  const isSidebarOpen = useUIStore((state) => state.isSidebarOpen);
   const shortcutOverrides = useUIStore((state) => state.shortcutOverrides);
   const projectActionsContext = useProjectActionsContext();
   const clusterRef = React.useRef<HTMLDivElement | null>(null);
@@ -90,6 +91,10 @@ export const TitlebarLeftControls: React.FC = () => {
           <ProjectActionsButton
             projectRef={projectActionsContext.projectRef}
             directory={projectActionsContext.directory}
+            // While the sidebar is open the controls sit over the frosted
+            // sidebar — let the pill share its translucency instead of painting
+            // an opaque surface (handled under [data-oc-vibrancy] in CSS).
+            className={isSidebarOpen ? 'oc-vibrancy-pill' : undefined}
           />
         ) : null}
       </div>