feat: Reposition Add Image button inside ChatTextArea #7989
Conversation
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
- Moved Add Image button from bottom toolbar to top-right inside text area - Repositioned Enhance Prompt button to be above Send button (bottom-right) - Both buttons now follow similar positioning pattern as Send button - Maintains consistent button styling and transitions
![roomote[bot]](https://avatars.githubusercontent.com/in/1546624?s=60&v=4){kind=small}
| <button | ||
| aria-label={t("chat:addImages")} | ||
| disabled={shouldDisableImages} | ||
| onClick={!shouldDisableImages ? onSelectImages : undefined} |
Contributor
Author
There was a problem hiding this comment.
Is this redundant disabled state handling intentional? The disabled prop is set to shouldDisableImages, but the onClick handler also checks the same condition. Could we simplify this to:
Suggested change
| onClick={!shouldDisableImages ? onSelectImages : undefined} | |
| onClick={onSelectImages} |
and let the disabled prop handle preventing clicks?
hannesrudolph
added
the
Issue/PR - Triage
hannesrudolph
added
PR - Draft / In Progress
and removed
Issue/PR - Triage
…ability (#7988) Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com> Co-authored-by: Roo Code <roomote@roocode.com> Co-authored-by: Bruno Bergher <me@brunobergher.com> Co-authored-by: Mubeen Zulfiqar <mubeen_zulfiqar@yahoo.com> Co-authored-by: Matt Rubens <mrubens@users.noreply.github.com>
Bumps [axios](https://github.com/axios/axios) from 1.9.0 to 1.12.0. - [Release notes](https://github.com/axios/axios/releases) - [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md) - [Commits](axios/axios@v1.9.0...v1.12.0) --- updated-dependencies: - dependency-name: axios dependency-version: 1.12.0 dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: daniel-lxs <ricciodaniel98@gmail.com> Co-authored-by: Matt Rubens <mrubens@users.noreply.github.com>
* main: CONTRIBUTING.md tweaks and issue template rewrite (#8014) fix: handle ByteString conversion errors in OpenAI embedders (#8008) feat: add keyboard shortcut for "Add to Context" action (#7908) Fix context menu is obscured when edit message. (#7951) chore(deps): bump axios from 1.9.0 to 1.12.0 (#7963) Add Z.ai coding plan support (#8003) feat: Move slash commands to Settings tab with gear icon for discoverability (#7988) fix: corrected C# tree-sitter query (#7813)
dosubot
bot
added
size:M
mrubens
approved these changes
Sep 16, 2025
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.
Summary
This PR repositions the Add Image button to improve the UI layout of the ChatTextArea component based on user feedback.
Changes
Visual Changes
The button layout has been reorganized:
Technical Details
Testing
Related
Based on Slack feedback requesting improved button positioning within the ChatTextArea component.
Important
Repositioned Add Image and Enhance Prompt buttons in
ChatTextAreafor improved UI layout and adjusted button size inIndexingStatusBadge.ChatTextArea.tsx:IndexingStatusBadge.tsx:IndexingStatusBadgecomponent.This description was created by
for b47dc0c. You can customize this summary. It will automatically update as commits are pushed.