Fusion
84bf7e4aeb
- 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 ✓
2.1 KiB
2.1 KiB
Workspace Visual Overhaul - Tasks
Phase 1: Workspace Header
- Task 1.1: Create WorkspaceHeader component
- Task 1.2: Integrate WorkspaceHeader into RepoWorkspace
Phase 2: Project Settings Page
- Task 2.1: Create SettingsTabLayout component
- Task 2.2: Create ProjectSettingsPage
- Task 2.3: Add API endpoint for project updates (already existed)
Phase 3: Move Repository Management
- Task 3.1: Create RepositoriesSettingsTab
- Task 3.2: Update routes
- Task 3.3: Update navigation
Phase 4: Sidebar Cleanup
-
Task 4.1: Simplify sidebar
- Remove management links from sidebar
- Keep only: Branch selector, File tree
- Adjust sidebar width if needed
- Update sidebar styles
-
Task 4.2: Update workspace layout
- Ensure clean separation between header, sidebar, and main content
- Fix any layout issues from header changes
- Ensure consistent spacing
Phase 5: Members Placeholder
- Task 5.1: Create Members tab placeholder
- Create
components/members-settings-tab.tsx - "Coming soon" message
- Brief feature description
- Add to settings tabs
- Create
Phase 6: Polish & Integration
-
Task 6.1: Add breadcrumbs
- Add breadcrumb navigation to settings page
- Format: Projects > My Project > Settings > General
- Make segments clickable
-
Task 6.2: Add mobile responsiveness
- Settings tabs become horizontal on mobile
- Header actions collapse to icons only
- Sidebar becomes toggleable overlay
-
Task 6.3: Add transitions
- Tab switching animations
- Page transition animations
- Button hover effects
-
Task 6.4: Test navigation flow
- Workspace → Settings → back
- Settings tabs switching
- Save changes flow
- Delete project flow
Phase 7: Quality Gates
-
Task 7.1: Run backend checks
- ruff check
- mypy
- pytest
-
Task 7.2: Run frontend checks
- TypeScript typecheck
- ESLint
- Build
-
Task 7.3: Manual testing
- Test all navigation flows
- Test responsive breakpoints
- Test form validation
- Verify no broken links