fix: remove desktop translucency to reduce macOS compositing cost

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

@@ -2214,7 +2214,7 @@ export const FilesView: React.FC<FilesViewProps> = ({ mode = 'full' }) => {
     }
 
     return (
-      <div className="pointer-events-auto flex items-center gap-1 rounded-lg border border-[var(--interactive-border)] bg-[var(--surface-elevated)]/95 p-1 shadow-sm backdrop-blur-sm">
+      <div className="pointer-events-auto flex items-center gap-1 rounded-lg border border-[var(--interactive-border)] bg-[var(--surface-elevated)] p-1 shadow-sm">
         {canEdit && textViewMode === 'edit' && (
           isSaving ? (
             <span className="flex items-center gap-1 px-1 text-muted-foreground typography-meta">

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

@@ -1941,7 +1941,7 @@ export const GitView: React.FC = () => {
   }
 
   return (
-    <div className={cn('flex h-full flex-col overflow-hidden', 'bg-transparent')} data-keyboard-avoid="true">
+    <div className={cn('flex h-full flex-col overflow-hidden', 'bg-sidebar')} data-keyboard-avoid="true">
       <GitHeader
         status={status}
         localBranches={localBranches}
@@ -1983,7 +1983,7 @@ export const GitView: React.FC = () => {
 
       <div className="flex-1 min-h-0 overflow-hidden">
         <div className="h-full min-h-0 flex flex-col">
-          <div className={cn('min-w-0 min-h-0 h-full flex flex-col', 'bg-transparent')}>
+          <div className={cn('min-w-0 min-h-0 h-full flex flex-col', 'bg-sidebar')}>
             <div className={cn(isMobile ? 'h-10 px-1.5' : 'h-8 px-2')}>
               <SortableTabsStrip
                 items={actionTabItems}

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

@@ -31,7 +31,7 @@ export const MultiRunWindow: React.FC<MultiRunWindowProps> = ({
     <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>
       <DialogPrimitive.Portal>
         <DialogPrimitive.Overlay
-          className="fixed inset-0 z-50 bg-black/50 backdrop-blur-md"
+          className="fixed inset-0 z-50 bg-black/50 dark:bg-black/75"
         />
         <DialogPrimitive.Content
           aria-describedby={descriptionId}

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

@@ -648,7 +648,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
         <div
           className={cn(
             'flex items-center gap-2 px-3 py-2 border-b',
-            'bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80'
+            'bg-background'
           )}
           style={{ borderColor: 'var(--interactive-border)' }}
         >
@@ -730,7 +730,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
               className={cn(
                 'relative flex h-full min-h-0 flex-col overflow-hidden border-r',
                 isDesktopApp
-                  ? 'bg-[color:var(--sidebar-overlay-strong)] supports-[backdrop-filter]:bg-[color:var(--sidebar-overlay-soft)]'
+                  ? 'bg-sidebar'
                   : runtimeCtx.isVSCode
                     ? 'bg-background'
                     : 'bg-sidebar',

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

@@ -29,7 +29,7 @@ export const SettingsWindow: React.FC<SettingsWindowProps> = ({ open, onOpenChan
     <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>
       <DialogPrimitive.Portal>
         <DialogPrimitive.Overlay
-          className="fixed inset-0 z-50 bg-black/50 backdrop-blur-md"
+          className="fixed inset-0 z-50 bg-black/50 dark:bg-black/75"
         />
         <DialogPrimitive.Content
           aria-describedby={descriptionId}