- Created ElectronWindowControls component for reusable window controls
- Integrated window controls into Header and ChatHeader components
- Removed separate CustomTitleBar from _index.tsx
- Maintains platform-specific control placement (macOS left, Windows/Linux right)
- Preserves drag region functionality and all window operations
- Compatible with both Electron and web modes (auto-detects environment)
- Reduces total header height from 88px to 48px in Electron mode
- Fixed missing api-keys tab entries in settings constants

- Use absolute positioning for window controls to avoid disrupting layout
- macOS: Controls positioned at left with content margin
- Windows/Linux: Controls positioned at right
- Maintains exact same visual layout as browser version
- Window controls overlay without affecting main content flow

- Removed border-b from unified header container
- Chat header and workbench now flow together as one
- Creates clean, unified visual appearance

- Created ElectronTitleBar component with VSCode-inspired design
- macOS: Traffic light buttons (red/yellow/green) on left with hover states
- Windows/Linux: Minimize/maximize/close icons on right
- Centered app branding with icon and name
- Height: 36px (h-9) for compact design
- Removed window controls from Header and ChatHeader (now in title bar)
- Integrated title bar at top of app layout in Electron mode only

- Reduced height to 32px (h-8) for more compact design
- Enhanced background with depth-2 and subtle shadow
- Improved button visibility and hover states
- macOS: Traffic lights with smooth opacity transitions on hover
- Windows/Linux: Larger, clearer icons with better hover feedback
- Perfectly centered app branding
- Sleek, professional appearance matching modern desktop apps