feat: mobile navigation overhaul with bottom tab bar and swipe gestures#189
Merged
chriswritescode-dev merged 20 commits intomainfrom Apr 19, 2026
Merged
feat: mobile navigation overhaul with bottom tab bar and swipe gestures#189chriswritescode-dev merged 20 commits intomainfrom
chriswritescode-dev merged 20 commits intomainfrom
Conversation
…ed after 4 iterations
- Add runtime permission fix in docker-entrypoint.sh to ensure /app/data volume has correct ownership before app starts - Remove build-time chown for /app/data from Dockerfile since Docker volumes are mounted at runtime, not build time - This resolves SQLITE_READONLY error when upgrading to OpenCode 1.4.0 The database volume may have incorrect ownership when mounted by Docker, causing the SQLite database to be read-only. The entrypoint script now fixes permissions before starting the backend (runs as root before USER node).
…sions Entrypoint ran as USER node (inherited from Dockerfile) so chown silently failed with EPERM. SQLite needs write access to the directory to create WAL/journal files alongside the database. - Remove USER node from Dockerfile so entrypoint runs as root - Restore mkdir /app/data + chown for fresh volume initialization - Entrypoint now fixes ownership then drops to node via runuser before exec
Major Features: - Add mobile bottom tab navigation with swipe gestures - Implement MobileTabBar component with navigation store - Add RepoQuickSwitchSheet and NotificationsSheet components - Add OpenCode server authentication with Basic Auth support - Add OpenCode models editor UI Improvements: - Add side-drawer and bottom-sheet UI components - Implement useMobileTabBar and useNavigationDirection hooks - Add useAutoPlayLastResponse hook for TTS - Improve OAuth dialog UX with copy buttons and toast notifications - Add floating TTS button with better state management - Add model fallback logic and validation Fixes: - Correctly handle modelIDs containing slashes - Fix OAuth dialog state management - Clean up stale models from recentModels - Fix SQLite readonly issues in Docker - Fix mobile repo controls event bubbling Refactoring: - Remove custom title generation, use OpenCode API - Merge RepoSelectionBar into RepoListControls - Replace radio buttons with Tabs in AddRepoDialog - Remove title.ts route and tests Infrastructure: - Add cache and opencode directories to Docker setup - Fix Docker volume permissions for SQLite database - Add migration for repo last accessed timestamp Testing: - Add comprehensive tests for mobile navigation components - Add tests for bottom-sheet, side-drawer, and MobileTabBar - Add model fallback tests - Add proxy service tests
- Remove navigation store, useNavigationDirection, and useSwipeBack hook - Add vertical swipe-to-close direction support to useSwipeToClose - Add stable callback identities to useMobileTabBar and useScheduleTab - Add error boundary wrapper around app root - Replace ListToolbar with inline manage mode UI in SessionList - Memoize AuthContext value and remove location dependency from EventContext - Add production start scripts and preview host config - Adjust safe-area padding across mobile pages
…eDismiss with nav context
- Prevent mobile tab bar from appearing on session detail pages - Add bottom padding to Memories page for iPhone home indicator
Restore dev versions of files that were corrupted by the merge, and remove unused PageTransition, useNavigationDirection, and navigationStore files replaced by dev's SwipeNavigationContext-based approach.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes
frontend/src/components/navigation/MobileTabBar.tsx: Bottom tab navigation for mobile with route-aware tabsfrontend/src/components/navigation/MoreDrawer.tsx: Route-aware menu with URL-based dialog statefrontend/src/components/navigation/NotificationsSheet.tsx,RepoQuickSwitchSheet.tsx,MobileSheetHost.tsx: Mobile sheet componentsfrontend/src/hooks/useMobileTabBar.ts,useSwipeNavigationContext.tsx: Mobile navigation hooksfrontend/src/components/ui/bottom-sheet.tsx,side-drawer.tsx: Mobile UI componentsfrontend/src/hooks/useMobile.ts: Rebuilt mobile detection and safe area handlingfrontend/src/components/session/SessionList.tsx: Various improvementsbackend/src/services/opencode-single-server.ts: Service improvementsshared/src/config/env.ts: Environment configFull diff: 71 files changed, ~4000 insertions, ~1000 deletions
Type of Change
Checklist
pnpm lintpasses locallypnpm typecheckpasses locally