Fusion
92c8dfe986
- Add mobile responsive styles for settings page - Stack sidebar tabs horizontally on small screens - Adjust workspace header for mobile - Quality gates: typecheck ✓ lint ✓ build ✓
1.7 KiB
1.7 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 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