[PR #9703] fix(tui): responsive layout for narrow screens #13201

Closed
opened 2026-02-16 18:18:04 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/anomalyco/opencode/pull/9703

State: closed
Merged: Yes


What does this PR do?

fixes #8938

fixes layout issues on narrow terminal screens (< 80 columns):

  • permission prompt: moves action buttons and hints to a second line on narrow screens instead of being cut off
  • session header: moves context info and version to a second line on narrow screens
  • subagent session header: always shows navigation buttons on a separate line, and moves context info to a second line on narrow screens (3 lines total)

How did you verify your code works?

there are no tui component tests, so i tested manually by resizing terminal to various widths

permission prompt
before:
Screenshot 2026-01-20 at 18 31 55

after:
Screenshot 2026-01-20 at 18 30 44

session header
before:
Screenshot 2026-01-20 at 18 11 34

after:
Screenshot 2026-01-20 at 18 11 49

subagent session header
before:
Screenshot 2026-01-20 at 17 43 05

after:
Screenshot 2026-01-20 at 18 05 36
or
Screenshot 2026-01-20 at 18 15 51

**Original Pull Request:** https://github.com/anomalyco/opencode/pull/9703 **State:** closed **Merged:** Yes --- ### What does this PR do? fixes #8938 fixes layout issues on narrow terminal screens (< 80 columns): - permission prompt: moves action buttons and hints to a second line on narrow screens instead of being cut off - session header: moves context info and version to a second line on narrow screens - subagent session header: always shows navigation buttons on a separate line, and moves context info to a second line on narrow screens (3 lines total) ### How did you verify your code works? there are no tui component tests, so i tested manually by resizing terminal to various widths **permission prompt** before: <img width="600" alt="Screenshot 2026-01-20 at 18 31 55" src="https://github.com/user-attachments/assets/75132457-7d6b-4c77-86a6-6bfe51be380f" /> after: <img width="600" alt="Screenshot 2026-01-20 at 18 30 44" src="https://github.com/user-attachments/assets/15863249-b16b-45df-88d9-8b68db2fe2ae" /> **session header** before: <img width="600" alt="Screenshot 2026-01-20 at 18 11 34" src="https://github.com/user-attachments/assets/4a1b591d-e1af-45bf-8f34-16fad73bd432" /> after: <img width="600" alt="Screenshot 2026-01-20 at 18 11 49" src="https://github.com/user-attachments/assets/06f64f3e-ec58-4553-a004-bbf790b11bc8" /> **subagent session header** before: <img width="600" alt="Screenshot 2026-01-20 at 17 43 05" src="https://github.com/user-attachments/assets/0c8b203a-7bcb-4ff6-9dbb-6ee8772edd12" /> after: <img width="600" alt="Screenshot 2026-01-20 at 18 05 36" src="https://github.com/user-attachments/assets/5a685bde-aeec-4bcf-b444-ac1dd7cbb7de" /> or <img width="600" alt="Screenshot 2026-01-20 at 18 15 51" src="https://github.com/user-attachments/assets/8b4409e7-a6ed-4498-a01f-69f50b0c9fce" />
yindo added the pull-request label 2026-02-16 18:18:04 -05:00
yindo closed this issue 2026-02-16 18:18:04 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#13201