No desktop/tablet layout — session content is fixed at 760px with large empty gutters

[aasis21]

↻ Code moved — RTK refactor (#143). The mobile app was restructured into CORE (session/) / EDGE (session/runtime/ + services/) / SHELL (ui/ + app/). Behavior was preserved, so this finding still applies; line numbers in the body below are pre-refactor. Updated pointers:

• chat.css → mobile/src/ui/styles/chat.css

---

Problem

The chat surface (chat.css) has no width media queries; everything is centered at max-width: 760px. On a wide screen (confirmed at 1280px) the status bar, thread, approval banner, and composer sit in a narrow column with large empty side gutters and a floating status-bar divider — it looks unfinished on desktop/tablet, even though the hosted web app is openable there.

Suggested fix

Add responsive breakpoints for tablet/desktop (e.g. wider thread, a persistent sessions sidebar instead of the slide-in drawer, full-width chrome).

---

Filed from a UI research sweep of the Helm mobile app (landing + live demo session) using Playwright + full source review, cross-referenced against Claude, ChatGPT, GitHub Copilot Chat, and Codex/Claude Code UIs.

[aasis21]

Fixed in b3e86c1. Added responsive breakpoints — tablet (>=768px) and desktop (>=1100px) widen the shared chat chrome/thread (max-width up to 1040px) so wide screens no longer show large empty side gutters; phone layout unchanged.