Separate tool controls from the header into a dedicated adjustments bar,
following the classic Photoshop pattern with:
- Header bar: application controls (file, undo/redo, zoom, new layer)
- Tool adjustments bar: context-sensitive tool options
Changes:
- **Header Bar** (48px): Simplified to two sections
* Left: Title + File Menu
* Right: Undo/Redo + Zoom controls + New Layer button
* Removed tool options from center
- **Tool Adjustments Bar** (40px): New dedicated bar below header
* Full-width bar for tool-specific controls
* Context-sensitive: shows options for active tool only
* Slightly darker background (bg-card/50) for visual separation
* Contains all tool options (size, opacity, color, shape type, etc.)
Benefits:
- Cleaner header without crowding
- More space for tool controls to expand
- Better visual separation of concerns
- Matches professional image editor conventions
- Header remains clean and consistent
Build Status: ✓ Successful (1313ms)
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
Sebastian Krüger
c8efb1a88e