feat(mobile): refactor drawer system and session status bar (#494)

* feat(mobile): refactor drawer system with swipe gestures and improved status bar

- Add DrawerContext for centralized drawer state management
- Implement swipe gesture support for left/right drawers
- Refactor MobileSessionStatusBar with token usage indicator
- Update Header component with drawer toggle props
- Improve RightSidebar touch handling
- Add mobile-specific styling improvements
- Update UI store for drawer state management

* feat(mobile): update empty session hint text to clarify swipe gesture area

* fix(mobile): restore MobileAgentButton tap-to-cycle and long-press behavior

- Revert removal of tap-to-cycle agent switching functionality
- Re-add onCycleAgent prop and long-press detection (500ms)
- Click now cycles through primary agents, long-press opens selector panel
- Fixes regression from commit 569cc411

* feat(mobile): add project switcher bar and fix button interactions

- Add ProjectBar component to MobileSessionStatusBar for quick project switching
- Add useProjectStatus hook to track project-level session indicators
- Integrate project store with directory store for project management
- Add project status indicators (running/unread) to session status bar
- Fix MobileAgentButton pointer event handling with preventDefault
- Support horizontal scroll in project bar with touch gesture isolation

* feat(mobile): add long-press to remove projects and filter sessions by project

* fix: improve mobile agent switching UX

* fix: move drawer swipe hook to dedicated file

* refactor(mobile): simplify session status bar, remove More/Less toggle button

* fix: git diff navigation on mobile in sidebar mode

* feat(mobile): add configurable status bar and refine mobile chat controls

---------

Co-authored-by: Jovines <jovines@qq.com>
Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/components/views/GitView.tsx

@@ -246,6 +246,10 @@ export const GitView: React.FC<GitViewProps> = ({ mode = 'full' }) => {
     fetchIdentity,
     setLogMaxCount,
   } = useGitStore();
+  const isMobile = useUIStore((state) => state.isMobile);
+  const openContextDiff = useUIStore((state) => state.openContextDiff);
+  const navigateToDiff = useUIStore((state) => state.navigateToDiff);
+  const setRightSidebarOpen = useUIStore((state) => state.setRightSidebarOpen);
 
   const initialSnapshot = React.useMemo(() => {
     if (!currentDirectory) return null;
@@ -1713,11 +1717,14 @@ export const GitView: React.FC<GitViewProps> = ({ mode = 'full' }) => {
                         onSelectAll={selectAll}
                         onClearSelection={clearSelection}
                         onViewDiff={(path) => {
-                          if (isSidebarMode && currentDirectory) {
-                            useUIStore.getState().openContextDiff(currentDirectory, path);
+                          if (isSidebarMode && currentDirectory && !isMobile) {
+                            openContextDiff(currentDirectory, path);
                             return;
                           }
-                          useUIStore.getState().navigateToDiff(path);
+                          navigateToDiff(path);
+                          if (isSidebarMode && isMobile) {
+                            setRightSidebarOpen(false);
+                          }
                         }}
                         onRevertFile={handleRevertFile}
                       />

packages/ui/src/components/views/SettingsView.tsx

@@ -335,6 +335,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
 
   const openPage = React.useCallback((slug: SettingsPageSlug) => {
     setSettingsPage(slug);
+    autoNavSlugRef.current = slug;
     if (!isMobile) {
       return;
     }