singularity-forge/web/components/gsd
Tom Boucher 5b0c24a92c feat(web): make web UI mobile responsive (#2354)
* feat(web): make web UI mobile responsive

Fixes #2274

Add mobile-first responsive design to the GSD web UI:
- Viewport meta tag via Next.js Viewport export
- Collapsible sidebar as slide-out drawer on mobile with hamburger menu
- Milestone explorer as right-side drawer on mobile with bottom bar toggle
- Responsive header: hide project label, scope badge, beta badge on small screens
- Dashboard: responsive grid (1col mobile -> 2col sm -> 4col xl), responsive padding
- Status bar: hide secondary info on small screens, responsive text sizing
- Touch-friendly 44px minimum tap targets on mobile nav items
- Mobile CSS utilities in globals.css (overlay, drawer transitions)
- 19 structural tests verifying responsive classes exist in key components

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* ci: retrigger after stale check

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-25 00:07:39 -06:00
..
onboarding feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
activity-view.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
app-shell.tsx feat(web): make web UI mobile responsive (#2354) 2026-03-25 00:07:39 -06:00
chat-mode.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
code-editor.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
command-surface.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
dashboard.tsx feat(web): make web UI mobile responsive (#2354) 2026-03-25 00:07:39 -06:00
diagnostics-panels.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
dual-terminal.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
file-content-viewer.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
files-view.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
focused-panel.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
guided-dialog.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
knowledge-captures-panel.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
loading-skeletons.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
main-session-terminal.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
onboarding-gate.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
project-welcome.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
projects-view.tsx feat(web): add "Change project root" button to web UI (#2355) 2026-03-24 07:18:05 -06:00
remaining-command-panels.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
roadmap.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
scope-badge.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
settings-panels.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
shell-terminal.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
sidebar.tsx feat(web): make web UI mobile responsive (#2354) 2026-03-25 00:07:39 -06:00
status-bar.tsx feat(web): make web UI mobile responsive (#2354) 2026-03-25 00:07:39 -06:00
terminal.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
update-banner.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00
visualizer-view.tsx feat(web): browser-based web interface (#1717) 2026-03-21 12:16:54 -06:00