[PR #515] [MERGED] Update User and Agent Messages Width and Alignment #9635

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

📋 Pull Request Information

Original PR: https://github.com/anomalyco/opencode/pull/515
Author: @timoclsn
Created: 6/28/2025
Status: Merged
Merged: 6/30/2025
Merged by: @adamdotdevin

Base: devHead: update-message-layout


📝 Commits (2)

  • 6b69f64 Update message layout to make user and assistent messages same width
  • a800a3e chore(tui): cleanup message rendering

📊 Changes

5 files changed (+422 additions, -483 deletions)

View changed files

📝 packages/opencode/src/provider/provider.ts (+4 -5)
📝 packages/tui/internal/app/app.go (+2 -0)
📝 packages/tui/internal/components/chat/message.go (+299 -369)
📝 packages/tui/internal/components/chat/messages.go (+116 -108)
📝 packages/tui/internal/util/util.go (+1 -1)

📄 Description

I didn't really like that the user and agent messages were left and right aligned and constrained in their width.

Especially the often longer form agent messages are hard to read with the very small width.

What I tried is:

  • No longer width constrained
  • Both left aligned
  • Colored border indicator always on the left

I think it is easier to read as we have a little more line width and the eye doesn't have to jump left and right anymore.

Take a look here:

Bildschirmfoto 2025-06-28 um 23 05 22

What do you think?


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/anomalyco/opencode/pull/515 **Author:** [@timoclsn](https://github.com/timoclsn) **Created:** 6/28/2025 **Status:** ✅ Merged **Merged:** 6/30/2025 **Merged by:** [@adamdotdevin](https://github.com/adamdotdevin) **Base:** `dev` ← **Head:** `update-message-layout` --- ### 📝 Commits (2) - [`6b69f64`](https://github.com/anomalyco/opencode/commit/6b69f64af944c1040c352ef2c19f2c590d1540f5) Update message layout to make user and assistent messages same width - [`a800a3e`](https://github.com/anomalyco/opencode/commit/a800a3ebd11b1406504764443e9d83c02a085cf6) chore(tui): cleanup message rendering ### 📊 Changes **5 files changed** (+422 additions, -483 deletions) <details> <summary>View changed files</summary> 📝 `packages/opencode/src/provider/provider.ts` (+4 -5) 📝 `packages/tui/internal/app/app.go` (+2 -0) 📝 `packages/tui/internal/components/chat/message.go` (+299 -369) 📝 `packages/tui/internal/components/chat/messages.go` (+116 -108) 📝 `packages/tui/internal/util/util.go` (+1 -1) </details> ### 📄 Description I didn't really like that the user and agent messages were left and right aligned and constrained in their width. Especially the often longer form agent messages are hard to read with the very small width. What I tried is: - No longer width constrained - Both left aligned - Colored border indicator always on the left I think it is easier to read as we have a little more line width and the eye doesn't have to jump left and right anymore. Take a look here: ![Bildschirmfoto 2025-06-28 um 23 05 22](https://github.com/user-attachments/assets/63b6b180-86d8-4719-b434-f810fb489389) What do you think? --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-16 18:13:54 -05:00
yindo closed this issue 2026-02-16 18:13:54 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#9635