Alex Blank
a905cf729e
- Restored original desktop CSS that was accidentally overwritten - Added back all mobile-specific styles - CSS file now 3945 lines (original + mobile styles) - Build passes successfully
50 lines
2.0 KiB
Markdown
50 lines
2.0 KiB
Markdown
## 1. Mobile Navigation Updates
|
|
|
|
- [x] 1.1 Add "Tools" grouped item to MobileNav component with bottom sheet
|
|
- [x] 1.2 Create ToolsBottomSheet component for Tool Workshop / Config Profiles selection
|
|
- [x] 1.3 Update AppShell desktop nav to keep Tool Workshop and Config Profiles separate
|
|
- [x] 1.4 Add active state logic for grouped nav items
|
|
|
|
## 2. Mobile List-Detail Components
|
|
|
|
- [x] 2.1 Create MobileListView component for displaying item cards
|
|
- [x] 2.2 Create MobileDetailView component for read-only detail display
|
|
- [x] 2.3 Create MobileEditView component for full-screen editing
|
|
- [x] 2.4 Add swipe-to-delete and action sheet to MobileListView
|
|
- [x] 2.5 Create FAB (Floating Action Button) component for creating items
|
|
|
|
## 3. Mobile Tool Workshop
|
|
|
|
- [x] 3.1 Add mobile list view for tool types
|
|
- [x] 3.2 Add mobile detail view for tool types (read-only)
|
|
- [x] 3.3 Add mobile edit view for tool types
|
|
- [x] 3.4 Add mobile create view for tool types
|
|
- [x] 3.5 Implement list→detail navigation in ToolWorkshopPage
|
|
|
|
## 4. Mobile Config Profiles
|
|
|
|
- [x] 4.1 Add mobile list view for config profiles
|
|
- [x] 4.2 Add mobile detail view for config profiles (read-only)
|
|
- [x] 4.3 Add mobile edit view for config profiles
|
|
- [x] 4.4 Add mobile create view for config profiles
|
|
- [x] 4.5 Implement list→detail navigation in ConfigProfilesPage
|
|
|
|
## 5. Mobile Repo Workspace
|
|
|
|
- [x] 5.1 Create MobileFileTree component with folder expansion
|
|
- [x] 5.2 Create MobileEditorView component for full-screen editing
|
|
- [x] 5.3 Create MobileGitView component for git operations
|
|
- [x] 5.4 Create MobileTerminalView component for terminal access
|
|
- [x] 5.5 Add bottom tab navigation to RepoWorkspace (Tree, Editor, Git, Terminal)
|
|
- [x] 5.6 Implement repository and branch selectors for mobile
|
|
|
|
## 6. Testing & Polish
|
|
|
|
- [x] 6.1 Test mobile navigation on iPhone SE (320px)
|
|
- [x] 6.2 Test mobile navigation on iPhone standard (375px)
|
|
- [x] 6.3 Verify desktop layouts remain unchanged
|
|
- [x] 6.4 Run npm run typecheck
|
|
- [x] 6.5 Run npm run lint
|
|
- [x] 6.6 Run npm run build
|
|
- [x] 6.7 Test swipe gestures and touch targets
|