Skip to content

UX: Add clear indicator for conversation end state #12237

@Lcccocoa

Description

@Lcccocoa

Question

Issue Description

During conversation interactions, users cannot clearly tell when the AI response has finished. This leads to users potentially:

  • Being unsure whether they can type the next message
  • Mistakenly waiting, thinking the AI is still generating content
  • Affected overall user experience

Expected Behavior

The conversation should have clear visual or interactive indicators to let users know:

  • The AI is generating a response (loading state)
  • The AI has completed the response
  • The user can start a new input

Current Behavior

  • No clear end marker or indicator
  • Users cannot intuitively determine if the conversation is complete
  • Lack of visual feedback to distinguish between "generating" and "completed" states

Suggested Solutions

Consider implementing one or more of the following approaches:

  1. Visual Indicators

    • Add typing animation or progress indicator showing AI is responding
    • Add special markers at the end of AI responses (e.g., horizontal line, end symbol)
    • Use different colors or styles to distinguish AI response boundaries
  2. Interactive Feedback

    • Input box state changes (e.g., disabled/enabled)
    • Cursor state changes
  3. Timestamps or Markers

    • Add timestamps at the end of each message
    • Add a "completed" status marker

Environment Info

  • Operating System: macOS
  • Usage Method: Terminal/Desktop App

Additional Notes

This is a UX/UI improvement suggestion to enhance user interaction experience.


Suggested Labels: enhancement, ux, ui

Metadata

Metadata

Assignees

Labels

webRelates to opencode on web / desktop

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions