Skip to content

fix(code): full-width chat messages, hide scrollbar, flush input bg - #4374

Merged
Mason Daugherty (mdrxy) merged 7 commits into
mainfrom
tui/chat-fullwidth-scrollbar
Jun 30, 2026
Merged

fix(code): full-width chat messages, hide scrollbar, flush input bg#4374
Mason Daugherty (mdrxy) merged 7 commits into
mainfrom
tui/chat-fullwidth-scrollbar

Conversation

@johannes117

@johannes117 Johannes du Plessis (johannes117) commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Closes #3548


The chat surface had two nits: message blocks didn't line up with the input box (the chat container had horizontal padding the input border didn't), and the vertical scrollbar was always on unless the terminal was in ASCII mode — with no way for a user to hide it on a capable terminal.

This makes the chat area flush with the input box and adds a user-toggleable scrollbar so people can choose whether the scrollbar is visible.

  • #chat drops its horizontal padding so message blocks span the same full width as the input box border below.
  • The input box and status bar switch from $surface to $background so they blend with the app background instead of reading as a separate band.
  • New /scrollbar slash command toggles the vertical scrollbar on or off for the current session and persists the choice to [ui].show_scrollbar (and DEEPAGENTS_CODE_SHOW_SCROLLBAR for an env-var override). It defaults to off, matching the look of other coding CLIs; wheel and keyboard scrolling still work when the scrollbar is hidden. ASCII-mode terminals keep the scrollbar hidden regardless of the preference, since they can't render the glyphs.

Screenshots

Before

Screenshot 2026-06-29 at 5 38 10 PM

After

Screenshot 2026-06-29 at 5 36 48 PM Screenshot 2026-06-29 at 5 37 19 PM

Drop #chat horizontal padding and hide its scrollbar so message blocks
span the same full width as the input box (wheel/keyboard scroll still
works). Match the input box background to the app background.
@github-actions github-actions Bot added dcode Related to `deepagents-code` fix A bug fix (PATCH) internal User is a member of the `langchain-ai` GitHub organization size: XS < 50 LOC labels Jun 30, 2026

@open-swe open-swe Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Open SWE Review: No issues found

Open SWE reviewed this PR and found no potential bugs to report.

Open in WebView Open SWE trace

@github-actions github-actions Bot added size: M 200-499 LOC and removed size: XS < 50 LOC labels Jun 30, 2026

@open-swe open-swe Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Open SWE Review found 1 potential issue.

Open in WebView Open SWE trace

Comment thread libs/code/tests/unit_tests/test_app.py Outdated
@github-actions github-actions Bot added the p3 Low priority / functionality or feature prevents a few users from using / minor QOL improvement label Jun 30, 2026
@github-actions github-actions Bot added size: L 500-999 LOC and removed size: M 200-499 LOC labels Jun 30, 2026
@mdrxy
Mason Daugherty (mdrxy) merged commit 1f8e8dc into main Jun 30, 2026
54 checks passed
@mdrxy
Mason Daugherty (mdrxy) deleted the tui/chat-fullwidth-scrollbar branch June 30, 2026 20:47
Mason Daugherty (mdrxy) added a commit that referenced this pull request Jul 1, 2026
> [!CAUTION]
> Merging this PR will automatically publish to **PyPI** and create a
**GitHub release**.

For the full release process, see
[`.github/RELEASING.md`](https://github.com/langchain-ai/deepagents/blob/main/.github/RELEASING.md).

---

_Everything below this line will be the GitHub release body._

---


##
[0.1.29](deepagents-code==0.1.28...deepagents-code==0.1.29)
(2026-07-01)

### Features

* Add rubric iteration controls
([#4405](#4405))
([d6692a7](d6692a7))
* Add Claude Sonnet 5 to model picker
([#4386](#4386))
([64758dd](64758dd))

### Bug Fixes

* Full-width chat messages, hide scrollbar, flush input bg
([#4374](#4374))
([1f8e8dc](1f8e8dc))
* Resolve editable SDK version metadata
([#4394](#4394))
([3239bf4](3239bf4))
* Unblock MCP force reconnect modal
([#4396](#4396))
([8b7eab0](8b7eab0))

---

_Everything above this line will be the GitHub release body._

---

> [!NOTE]
> A **New Contributors** section is appended to the GitHub release notes
automatically at publish time (see [Release
Pipeline](https://github.com/langchain-ai/deepagents/blob/main/.github/RELEASING.md#release-pipeline),
step 2).

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Mason Daugherty <github@mdrxy.com>
Marcelo5444 pushed a commit to Marcelo5444/deepagents that referenced this pull request Jul 30, 2026
…angchain-ai#4374)

Closes langchain-ai#3548

---

The chat surface had two nits: message blocks didn't line up with the
input box (the chat container had horizontal padding the input border
didn't), and the vertical scrollbar was always on unless the terminal
was in ASCII mode — with no way for a user to hide it on a capable
terminal.

This makes the chat area flush with the input box and adds a
user-toggleable scrollbar so people can choose whether the scrollbar is
visible.

- `#chat` drops its horizontal padding so message blocks span the same
full width as the input box border below.
- The input box and status bar switch from `$surface` to `$background`
so they blend with the app background instead of reading as a separate
band.
- New `/scrollbar` slash command toggles the vertical scrollbar on or
off for the current session and persists the choice to
`[ui].show_scrollbar` (and `DEEPAGENTS_CODE_SHOW_SCROLLBAR` for an
env-var override). It defaults to off, matching the look of other coding
CLIs; wheel and keyboard scrolling still work when the scrollbar is
hidden. ASCII-mode terminals keep the scrollbar hidden regardless of the
preference, since they can't render the glyphs.

## Screenshots
### Before
<img width="861" height="632" alt="Screenshot 2026-06-29 at 5 38 10 PM"
src="https://github.com/user-attachments/assets/4add48dd-f761-4edf-a2a1-aefa9c6e4697"
/>

### After
<img width="862" height="634" alt="Screenshot 2026-06-29 at 5 36 48 PM"
src="https://github.com/user-attachments/assets/d7ecb5b7-87b3-4122-8b28-bc61b248b670"
/>
<img width="857" height="634" alt="Screenshot 2026-06-29 at 5 37 19 PM"
src="https://github.com/user-attachments/assets/2f656c5b-5509-4326-a68a-ad2a3a59fd6a"
/>

---------

Co-authored-by: Mason Daugherty <github@mdrxy.com>
Co-authored-by: Mason Daugherty <mason@langchain.dev>
Marcelo5444 pushed a commit to Marcelo5444/deepagents that referenced this pull request Jul 30, 2026
> [!CAUTION]
> Merging this PR will automatically publish to **PyPI** and create a
**GitHub release**.

For the full release process, see
[`.github/RELEASING.md`](https://github.com/langchain-ai/deepagents/blob/main/.github/RELEASING.md).

---

_Everything below this line will be the GitHub release body._

---


##
[0.1.29](langchain-ai/deepagents@deepagents-code==0.1.28...deepagents-code==0.1.29)
(2026-07-01)

### Features

* Add rubric iteration controls
([langchain-ai#4405](langchain-ai#4405))
([d6692a7](langchain-ai@d6692a7))
* Add Claude Sonnet 5 to model picker
([langchain-ai#4386](langchain-ai#4386))
([64758dd](langchain-ai@64758dd))

### Bug Fixes

* Full-width chat messages, hide scrollbar, flush input bg
([langchain-ai#4374](langchain-ai#4374))
([1f8e8dc](langchain-ai@1f8e8dc))
* Resolve editable SDK version metadata
([langchain-ai#4394](langchain-ai#4394))
([3239bf4](langchain-ai@3239bf4))
* Unblock MCP force reconnect modal
([langchain-ai#4396](langchain-ai#4396))
([8b7eab0](langchain-ai@8b7eab0))

---

_Everything above this line will be the GitHub release body._

---

> [!NOTE]
> A **New Contributors** section is appended to the GitHub release notes
automatically at publish time (see [Release
Pipeline](https://github.com/langchain-ai/deepagents/blob/main/.github/RELEASING.md#release-pipeline),
step 2).

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Mason Daugherty <github@mdrxy.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dcode Related to `deepagents-code` fix A bug fix (PATCH) internal User is a member of the `langchain-ai` GitHub organization p3 Low priority / functionality or feature prevents a few users from using / minor QOL improvement size: L 500-999 LOC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Allow disabling the scroll bar

2 participants