Overhaul mobile conversation drawer UX on dashboard #59

New Issue

2026-07-29T05:03:30-07:00

westfarn commented

2026-07-29 05:03:30 -07:00

Problem

On mobile, the dashboard conversation sidebar is hard to use and easy to misread as a blank/white screen:

Drawer stacking/layering is weak vs header/content
No explicit close control in the drawer
Empty conversation list shows a blank panel with no guidance

This is separate from the #54 / #56 Outlet remount white-screen bug, but contributes to poor mobile UX after login.

Expected behavior

Mobile conversation drawer behaves as a clear fixed sheet with overlay
Drawer has an explicit close (X) control
Empty state explains how to start a chat
Selecting a conversation / New Chat still closes the drawer

Proposed fix

Update AsyncDashboard2 mobile sidebar:

position: fixed sheet with stronger z-index
Raise overlay above page content
Add mobile header + close button
Show empty-state copy when there are no conversations

Test plan

Mobile: open Conversations drawer — sheet + overlay appear
Tap X / overlay — drawer closes
Empty account — empty-state copy visible
Select conversation / New Chat — drawer closes and chat works
Desktop sidebar layout unchanged

## Problem On mobile, the dashboard conversation sidebar is hard to use and easy to misread as a blank/white screen: - Drawer stacking/layering is weak vs header/content - No explicit close control in the drawer - Empty conversation list shows a blank panel with no guidance This is separate from the `#54` / `#56` Outlet remount white-screen bug, but contributes to poor mobile UX after login. ## Expected behavior - Mobile conversation drawer behaves as a clear fixed sheet with overlay - Drawer has an explicit close (X) control - Empty state explains how to start a chat - Selecting a conversation / New Chat still closes the drawer ## Proposed fix Update `AsyncDashboard2` mobile sidebar: - `position: fixed` sheet with stronger z-index - Raise overlay above page content - Add mobile header + close button - Show empty-state copy when there are no conversations ## Test plan - [ ] Mobile: open Conversations drawer — sheet + overlay appear - [ ] Tap X / overlay — drawer closes - [ ] Empty account — empty-state copy visible - [ ] Select conversation / New Chat — drawer closes and chat works - [ ] Desktop sidebar layout unchanged

westfarn referenced this issue from a commit

2026-07-29 05:03:44 -07:00

Improve mobile conversation drawer layering and empty state (#59)

westfarn referenced a pull request that will close this issue

2026-07-29 05:03:46 -07:00

Mobile chat UX: error boundary + viewport-safe responsive layout (#59) #60

westfarn closed this issue

2026-07-29 05:04:34 -07:00

westfarn referenced this issue from a commit

2026-07-29 05:04:34 -07:00

Improve mobile conversation drawer layering and empty state (#59) (#60)

westfarn referenced this issue from a commit