Snow LeeandClaude Fable 5 036faa149c feat(webapp): [mobile] round 1 — close the 761-900px breakpoint gap, touch-size controls ...

Designer round 1 scored layout 5 / readability 7 / tap-targets 6 /
navigation 8 / polish 7, one high finding:

- HIGH: tablet 768 and phone-landscape 844 fell between breakpoints —
  full desktop topbar + fixed 264px sidebar overflowed the page
  (scrollWidth 849 vs 768). The mobile media query now covers
  max-width 900px, giving those widths the off-canvas sidebar and
  collapsed topbar.
- MED: admin-row selects (28px) and .ai-btn/.ai-del (27px) bumped to
  40px targets on mobile, rows wrap; modal buttons to 44px; share
  dialog's destructive Revoke pushed away from Done; Escape now
  dismisses the share dialog.
- MED: <=430px drops the verbose .dl-meta so filenames stop truncating.
- LOW: gd-copy gets an opaque backing over scrolling code; compact
  nowrap history timestamps; invite/pbtn/palette rows to 44px.

42 e2e specs green.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P5cxPQdSGJnjXCYY9GeWXt

2026-07-13 20:46:02 -07:00

..

design

feat(web): layered Insights dashboard — treemap, dense scatter, hot path

2026-07-12 07:36:37 -07:00

mobile-quality-prd.md

feat(webapp): [mobile] round 1 — close the 761-900px breakpoint gap, touch-size controls

2026-07-13 20:46:02 -07:00

react-migration-prd.md

feat(webapp): [phase 5] parity gate — docs, layout fix, migration complete

2026-07-13 10:57:21 -07:00