UI Improvement: Better visual distinction between User Input and AI Output

[ValadaresX]

What feature would you like to see?

Current Behavior
The visual distinction between user input and AI output is too subtle.

• User: Indicated by a small, dim grey > on the left.
• AI: Indicated by a bullet point •.
• Issue: Both use the same text color and font weight.

The Problem
When scrolling through the terminal history, it is difficult to quickly distinguish user prompts from AI responses. The current markers are low-contrast and hard to spot during a quick scan, requiring the user to focus intensely on the left margin to find context switches.

Visual Representation (Current State)
Everything looks uniform, like this:

> user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user
• ai response start, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response,...
> user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user, user
• ai response start, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response, ai response,...

(In the actual CLI, the icons > and • are very small and the text color is identical, making the separation invisible when scrolling)

Suggested Improvements
Please implement a better visual hierarchy. Possible solutions include:

1. Color Differentiation: Use a distinct color for the User Input (or the AI Output).
2. Separators: Add a horizontal line or divider between interactions.
3. Backgrounds: Use a slight background tint for one of the actors.

Goal
To allow users to identify "who is speaking" instantly while scrolling, without relying on small pixel markers.

Additional information

No response