diff --git a/.story_kit/stories/upcoming/47_fix_collect_coverage_button_error.md b/.story_kit/stories/bugs/47_fix_collect_coverage_button_error.md similarity index 100% rename from .story_kit/stories/upcoming/47_fix_collect_coverage_button_error.md rename to .story_kit/stories/bugs/47_fix_collect_coverage_button_error.md diff --git a/.story_kit/stories/upcoming/48_two_column_layout.md b/.story_kit/stories/upcoming/48_two_column_layout.md new file mode 100644 index 0000000..a0933de --- /dev/null +++ b/.story_kit/stories/upcoming/48_two_column_layout.md @@ -0,0 +1,26 @@ +--- +name: Two-Column Layout — Chat Left, Panels Right +test_plan: pending +--- + +# 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