Fusion
2d078c8b1e
All 7 phases complete: - Phase 1: Workspace header with project icon, name, History/Settings buttons - Phase 2: Project settings page with tabbed layout (General, Repositories, Members) - Phase 3: Repository management moved to settings tab - Phase 4: Sidebar cleaned (repo selector, branch selector, file tree) - Phase 5: Members placeholder tab added - Phase 6: Breadcrumbs, mobile responsiveness, transitions - Phase 7: Quality gates passed (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