fix: reserve Windows titlebar chrome space for Code actions

src/components/layout/TitleBar.tsx

@@ -14,12 +14,10 @@ import { useCodingWorkspaceStore } from '@/stores/coding-workspace';
 import { useSettingsStore } from '@/stores/settings';
 import logoWordmarkSource from '@/assets/makelore-wordmark-source.png';
 import type { SidebarPeekSource } from './sidebar-peek';
+import { TITLEBAR_LOGO_WIDTH, WINDOWS_TITLEBAR_CONTROLS_WIDTH } from './titlebar-metrics';
 
 type SidebarPeekChange = (open: boolean, source: SidebarPeekSource) => void;
 
-// Three 44px buttons plus the control container's 8px padding on each side.
-const WINDOWS_TITLEBAR_CONTROLS_WIDTH = 148;
-
 type TitleBarProps = {
   integrated?: boolean;
   workspaceLayout?: boolean;
@@ -123,10 +121,11 @@ function ProductTitleBar({
     <div
       data-testid="titlebar-logo"
       className={cn(
-        'pointer-events-none absolute top-1/2 z-10 h-6 w-24 -translate-y-1/2 overflow-hidden',
+        'pointer-events-none absolute top-1/2 z-10 h-6 -translate-y-1/2 overflow-hidden',
         overlay ? 'bg-transparent' : 'bg-background',
       )}
       style={{
+        width: TITLEBAR_LOGO_WIDTH,
         right: `${windowControlsWidth}px`,
       }}
     >

src/components/layout/titlebar-metrics.ts

@@ -0,0 +1,4 @@
+export const TITLEBAR_LOGO_WIDTH = 96;
+
+// Three 44px buttons plus the control container's 8px padding on each side.
+export const WINDOWS_TITLEBAR_CONTROLS_WIDTH = 148;