Skip to content

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jul 28, 2025

Summary

Implements #6287 - Adds the ability to queue chat messages while the AI is taking its turn, allowing users to steer the output without interrupting it.

Changes

  • ChatTextArea Component:

    • Updated send button to show a queue icon (ListPlus) when sending is disabled
    • Modified button behavior to queue messages instead of being disabled
    • Added appropriate tooltips and aria-labels for accessibility
  • QueuedMessages Component:

    • Enhanced UI with truncated message previews (50 char limit)
    • Added inline edit functionality with Edit2 icon
    • Improved styling with borders, hover effects, and better visual hierarchy
    • Added support for showing image count in queued messages
  • Translations:

    • Added new translation keys for queue-related UI text
    • Updated existing keys to support message count display

Testing

  • All existing tests pass (850 tests)
  • Updated ChatView test suite to cover new queueing behavior
  • Fixed mock component props to match actual implementation

Screenshots

The queue icon appears when AI is processing:

  • Send button shows ListPlus icon instead of Send icon
  • Tooltip changes to "Queue message"
  • Messages are added to queue and displayed with truncated previews

Closes #6287


Important

Adds message queueing functionality to the chat interface, allowing users to queue messages while the AI is processing, with UI and test updates.

  • Behavior:
    • ChatTextArea now shows a queue icon (ListPlus) when sending is disabled, allowing messages to be queued.
    • QueuedMessages component displays queued messages with truncated previews and allows inline editing.
  • UI Components:
    • Updated ChatTextArea.tsx to modify button behavior and tooltips for queueing.
    • Enhanced QueuedMessages.tsx with styling improvements and image count display.
  • Translations:
    • Added translation keys for queue-related UI text in chat.json.
  • Testing:
    • Updated ChatView.spec.tsx to include tests for message queueing behavior.
    • Ensured all existing tests pass and mock components are updated.

This description was created by Ellipsis for 7470c57. You can customize this summary. It will automatically update as commits are pushed.

- Updated ChatTextArea to show queue icon when sending is disabled
- Modified send button behavior to queue messages instead of being disabled
- Enhanced QueuedMessages component UI with truncated previews
- Added translation keys for queue-related UI text
- Updated tests to cover new queueing behavior

Closes #6287
@roomote roomote bot requested review from cte, jr and mrubens as code owners July 28, 2025 08:30
@dosubot dosubot bot added size:L This PR changes 100-499 lines, ignoring generated files. enhancement New feature or request UI/UX UI/UX related or focused labels Jul 28, 2025
@hannesrudolph hannesrudolph added the Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. label Jul 28, 2025
@daniel-lxs
Copy link
Member

This is already implemented

@daniel-lxs daniel-lxs closed this Jul 29, 2025
@github-project-automation github-project-automation bot moved this from New to Done in Roo Code Roadmap Jul 29, 2025
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Jul 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. size:L This PR changes 100-499 lines, ignoring generated files. UI/UX UI/UX related or focused

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

[feat] Add ability to queue chat message while AI is taking turn.

4 participants