---
name: Two-Column Layout — Chat Left, Panels Right
---

# Story 48: Two-Column Layout — Chat Left, Panels Right

## User Story

As a user, I want the chat and panels to sit side by side so that the panels don't crowd out the chat history.

## Acceptance Criteria

- [ ] Chat header spans the full width across the top
- [ ] Below the header, the layout splits into two columns:
  - **Left column**: Chat messages (scrollable) with chat input pinned at the bottom
  - **Right column**: All panels (Agent, Review, Gate, Todo, Upcoming) stacked vertically, independently scrollable
- [ ] The left column takes roughly 60% width, right column 40%
- [ ] On narrow screens (below ~900px), the layout falls back to a single column with panels stacking below the chat
- [ ] Chat input is no longer affected by panel height — it stays pinned at the bottom of the left column regardless of how many panels are expanded

## Out of Scope

- Resizable/draggable column divider
- Collapsible right panel sidebar toggle
- Removing or consolidating panels
