ai_ml_operations/chat_web_app
2
0
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile Conversations toggle in header + theme-aware agent bubbles (#87, #88) #89

Merged
westfarn merged 1 commits from fix/mobile-conversations-toggle-and-agent-bubble-theme into master 2026-08-02 03:39:35 -07:00
Conversation 0 Commits 1 Files Changed 5
+171 -54
westfarn commented 2026-08-02 03:38:48 -07:00
Owner
Copy Link
Copy Source

Summary

  • Closes #87 — move mobile Conversations toggle inline beside the Hesychia logo in the header (no overlay over chat bubbles)
  • Closes #88 — agent message bubbles follow light/dark theme with correct text contrast; user bubbles unchanged

Changes

  • Header2: optional onOpenConversations renders compact mobile toggle next to brand; label hides on very narrow screens to avoid crowding the nav hamburger
  • AsyncDashboard2: wire drawer open via header callback; remove floating MobileSidebarToggle
  • ConversationDetailCard: light-mode agent bubble uses light background + theme text color; dark mode keeps dark translucent bubble + light text

Test plan

  • Mobile: Conversations control appears beside Hesychia logo; opens/closes drawer as before
  • Mobile: chat message text no longer obscured by floating Conversations chip
  • Narrow phone width: header usable with logo + toggle + hamburger (no overflow)
  • Light mode: agent bubbles light with dark text; user bubbles still gradient
  • Dark mode: agent bubbles dark with light text; readability OK on long replies
  • Unit: Header2 + ConversationDetailCard tests pass
## Summary - Closes [#87](https://git.aimloperations.com/ai_ml_operations/chat_web_app/issues/87) — move mobile Conversations toggle inline beside the Hesychia logo in the header (no overlay over chat bubbles) - Closes [#88](https://git.aimloperations.com/ai_ml_operations/chat_web_app/issues/88) — agent message bubbles follow light/dark theme with correct text contrast; user bubbles unchanged ## Changes - `Header2`: optional `onOpenConversations` renders compact mobile toggle next to brand; label hides on very narrow screens to avoid crowding the nav hamburger - `AsyncDashboard2`: wire drawer open via header callback; remove floating `MobileSidebarToggle` - `ConversationDetailCard`: light-mode agent bubble uses light background + theme text color; dark mode keeps dark translucent bubble + light text ## Test plan - [ ] Mobile: Conversations control appears beside Hesychia logo; opens/closes drawer as before - [ ] Mobile: chat message text no longer obscured by floating Conversations chip - [ ] Narrow phone width: header usable with logo + toggle + hamburger (no overflow) - [ ] Light mode: agent bubbles light with dark text; user bubbles still gradient - [ ] Dark mode: agent bubbles dark with light text; readability OK on long replies - [ ] Unit: `Header2` + `ConversationDetailCard` tests pass
westfarn added 1 commit 2026-08-02 03:38:48 -07:00
Move mobile Conversations toggle into header; theme agent bubbles (#87, #88)
Unit Tests / test (pull_request) Successful in 11s
Details
1785846f23 
Put the conversations drawer control inline beside the Hesychia logo so it no longer overlays chat text, and make agent message bubbles follow light/dark theme with readable contrast.
westfarn merged commit d5a885f42e into master 2026-08-02 03:39:35 -07:00
westfarn deleted branch fix/mobile-conversations-toggle-and-agent-bubble-theme 2026-08-02 03:39:35 -07:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
twestfall westfarn (Ryan Westfall)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: ai_ml_operations/chat_web_app#89