fix(code): full-width chat messages, hide scrollbar, flush input bg - #4374
Merged
Conversation
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.
Mason Daugherty (mdrxy)
approved these changes
Jun 30, 2026
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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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.
#chatdrops its horizontal padding so message blocks span the same full width as the input box border below.$surfaceto$backgroundso they blend with the app background instead of reading as a separate band./scrollbarslash command toggles the vertical scrollbar on or off for the current session and persists the choice to[ui].show_scrollbar(andDEEPAGENTS_CODE_SHOW_SCROLLBARfor 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
After