alex/headquarter
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4de312c1704c4e0ae455b513643fcd1caa80da2d
headquarter/openspec/changes/archive/2026-05-19-workspace-visual-overhaul/proposal.md
T
Fusion 84bf7e4aeb feat: move git toolbar to top bar with proper styling 
- Move GitToolbar from sidebar to top bar below workspace header
- Remove GitToolbar from sidebar layout
- Add comprehensive CSS styles for git toolbar:
  - Flex layout with proper spacing
  - Styled buttons with hover effects
  - Branch selector styling
  - Badge styling for ahead/behind counts
  - Status badges for modified/added/deleted/untracked
  - Error message styling
  - New branch form styling
- Quality gates: typecheck ✓ lint ✓ build ✓
2026-05-19 15:49:06 +02:00

1.8 KiB
Raw Blame History

Workspace Visual Overhaul

Problem

The current repository workspace layout has usability issues:

  1. Scattered navigation: Git toolbar buttons, repository management, and project actions are in different places
  2. No centralized project settings: Managing repositories requires leaving the workspace
  3. Cluttered sidebar: Too many elements competing for attention
  4. Inconsistent placement: Actions aren't where users expect them (GitHub-style top-right)

Solution

Redesign the workspace layout to follow GitHub-style conventions:

  1. Header actions on the right: All primary actions (History, Settings, etc.) in the top-right
  2. Project settings page: Centralized location for all project configuration
  3. Repository management in settings: Move "Manage Repositories" into project settings
  4. Cleaner sidebar: Focus on file tree and branch switching
  5. Consistent navigation patterns: Match familiar GitHub/GitLab layouts

Benefits

  • Familiar interface: Users already know GitHub's layout
  • Cleaner workspace: Less clutter in the main view
  • Centralized settings: All project config in one place
  • Better hierarchy: Clear separation between workspace and management

Scope

What's changing:

  • Workspace header layout (buttons moved to right)
  • New Project Settings page
  • Repository management moved to settings
  • Sidebar simplification
  • Navigation restructuring

What's staying:

  • File browser functionality
  • Git toolbar in workspace
  • File viewer/editor
  • Branch selector

Design Goals

  1. GitHub-like header: Project name left, actions right
  2. Settings as primary action: Gear icon in header
  3. Streamlined sidebar: Only file tree + branch selector
  4. Settings tabs: General, Repositories, Members (future), etc.
Reference in New Issue View Git Blame Copy Permalink