anomalyco/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-07-22 02:05:26 -04:00
Code Issues 5.9k Packages Projects Releases 19 Wiki Activity

TUI has too much padding everywhere and unnecessary large height elements #7152

New Issue
Open
opened 2026-02-16 18:06:19 -05:00 by yindo · 5 comments
yindo commented 2026-02-16 18:06:19 -05:00
Owner
Copy Link
Copy Source

Originally created by @nitg16 on GitHub (Jan 22, 2026).

Originally assigned to: @kommander on GitHub.

Description

TUI has poor optimization of vertical space on desktops and laptops.

There are too many elements with too much spacing. The top line and bottom line can be consolidated into one. It is being done by all other cli agents.

The actual message chat log with scrollbar is rendered in only half of the vertical space.

Please give us an alternate condensed layout for desktops or ability to use custom CSS/styling files.

Plugins

No response

OpenCode version

No response

Steps to reproduce

No response

Screenshot and/or share link

No response

Operating System

No response

Terminal

No response

Originally created by @nitg16 on GitHub (Jan 22, 2026). Originally assigned to: @kommander on GitHub. ### Description TUI has poor optimization of vertical space on desktops and laptops. There are too many elements with too much spacing. The top line and bottom line can be consolidated into one. It is being done by all other cli agents. The actual message chat log with scrollbar is rendered in only half of the vertical space. Please give us an alternate condensed layout for desktops or ability to use custom CSS/styling files. ### Plugins _No response_ ### OpenCode version _No response_ ### Steps to reproduce _No response_ ### Screenshot and/or share link _No response_ ### Operating System _No response_ ### Terminal _No response_
yindo added the opentuibug labels 2026-02-16 18:06:19 -05:00
yindo commented 2026-02-16 18:06:19 -05:00
Author
Owner
Copy Link
Copy Source

@github-actions[bot] commented on GitHub (Jan 22, 2026):

This issue might be a duplicate of existing issues. Please check:

  • #1107: Create more vertical space by using first line - Same concern about wasted space and vertical space optimization
  • #4786: Focus mode to toggle off all the decorations - Similar request for removing UI decorations to save space
  • #3547: Small screen compatibility - Related issues about TUI vertical space optimization on smaller screens and terminal windows
  • #9899: The TUI is merging lines of text when the terminal window is small - Related layout and rendering issues with small terminal heights

Feel free to ignore if none of these address your specific case.

@github-actions[bot] commented on GitHub (Jan 22, 2026): This issue might be a duplicate of existing issues. Please check: - #1107: Create more vertical space by using first line - Same concern about wasted space and vertical space optimization - #4786: Focus mode to toggle off all the decorations - Similar request for removing UI decorations to save space - #3547: Small screen compatibility - Related issues about TUI vertical space optimization on smaller screens and terminal windows - #9899: The TUI is merging lines of text when the terminal window is small - Related layout and rendering issues with small terminal heights Feel free to ignore if none of these address your specific case.
yindo commented 2026-02-16 18:06:19 -05:00
Author
Owner
Copy Link
Copy Source

@berenar commented on GitHub (Jan 22, 2026):

I agree; it could be improved for smaller screens. It looks fine on a 27" display, but on my 14" laptop screen, I miss more content vertically.

@berenar commented on GitHub (Jan 22, 2026): I agree; it could be improved for smaller screens. It looks fine on a 27" display, but on my 14" laptop screen, I miss more content vertically.
yindo commented 2026-02-16 18:06:19 -05:00
Author
Owner
Copy Link
Copy Source

@pierrecorsini commented on GitHub (Jan 30, 2026):

Image

That's what you'll get on a small terminal, plenty of wasted place and a broken input layout.

@pierrecorsini commented on GitHub (Jan 30, 2026): <img width="1306" height="252" alt="Image" src="https://github.com/user-attachments/assets/9dcbe0fe-0be4-412a-91a5-180ced35fc01" /> That's what you'll get on a small terminal, plenty of wasted place and a broken input layout.
yindo commented 2026-02-16 18:06:19 -05:00
Author
Owner
Copy Link
Copy Source

@jrunning commented on GitHub (Feb 1, 2026):

This is definitely needed. Another use case: I’ve been trying to use OpenCode from my phone (iPhone 16) over ssh.

Image

I have about 23 lines of vertical space to work with and 11 of those—almost half—are whitespace. Horizontally it’s not as bad, but it still looks like 9 of 49 columns—18%—are padding.

I can improve this somewhat by using a smaller font, but frankly I’d rather not strain my eyes every time I use OpenCode.

I think OpenCode looks great on a big screen, but I really hope a “compact” mode can be added for those times when a big viewport isn’t an option.

@jrunning commented on GitHub (Feb 1, 2026): This is definitely needed. Another use case: I’ve been trying to use OpenCode from my phone (iPhone 16) over ssh. <img width="590" height="1278" alt="Image" src="https://github.com/user-attachments/assets/d5ac6fd3-d484-4436-a2bb-2573423aba31" /> I have about 23 lines of vertical space to work with and 11 of those—almost _half_—are whitespace. Horizontally it’s not as bad, but it still looks like 9 of 49 columns—18%—are padding. I can improve this somewhat by using a smaller font, but frankly I’d rather not strain my eyes every time I use OpenCode. I think OpenCode looks great on a big screen, but I really hope a “compact” mode can be added for those times when a big viewport isn’t an option.
yindo commented 2026-02-16 18:06:19 -05:00
Author
Owner
Copy Link
Copy Source

@encodexdev commented on GitHub (Feb 13, 2026):

I've implemented this feature as a boolean config option tui.no_terminal_padding_x that removes horizontal padding in the terminal interface.

Implementation approach:

  • Added config schema option in config.ts under the tui namespace (consistent with existing tui.diff_style pattern)
  • Created CSS rules in no-padding-x.css that target terminal containers via data attribute
  • Integrated config value with TUI rendering to apply data-no-terminal-padding-x attribute and conditionally remove padding

Before design review approval, I'd like feedback on:

  1. Should this be a boolean, or support different padding values (e.g., 0, 1, 2)?
  2. Is the tui namespace the right location for this setting?
  3. Any concerns about removing padding entirely vs. just reducing it?

Example config:

{
  "tui": {
    "no_terminal_padding_x": true
  }
}

I'm working on local testing with bun dev and will provide screenshots once verified.

@encodexdev commented on GitHub (Feb 13, 2026): I've implemented this feature as a boolean config option `tui.no_terminal_padding_x` that removes horizontal padding in the terminal interface. **Implementation approach:** - Added config schema option in `config.ts` under the `tui` namespace (consistent with existing `tui.diff_style` pattern) - Created CSS rules in `no-padding-x.css` that target terminal containers via data attribute - Integrated config value with TUI rendering to apply `data-no-terminal-padding-x` attribute and conditionally remove padding **Before design review approval, I'd like feedback on:** 1. Should this be a boolean, or support different padding values (e.g., 0, 1, 2)? 2. Is the `tui` namespace the right location for this setting? 3. Any concerns about removing padding entirely vs. just reducing it? **Example config:** ```json { "tui": { "no_terminal_padding_x": true } } ``` I'm working on local testing with `bun dev` and will provide screenshots once verified.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
acp
bad
bug
discussion
docs
documentation
enhancement
extension
good first issue
growth
help-wanted
mcp
model-problem
needs:compliance
nix
opentui
perf
pull-request
Mirrored from GitHub Pull Request
 tui
web
windows
zen
No Label bug opentui
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#7152
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?