Skip to component standard
Components

ConversationVisual draft 0.1

Message Scroller

Keeps a growing message history readable while new content arrives.

SpecializedDemand-led extensionHTML first
01 / Preview

The current Angle direction.

A

The import contains 284 members.

Y

Check the file for anything that needs attention.

New messages
A

Three email addresses need review.

02 / Decision

What this component must preserve.

Angle component decision

Preserve the reader’s position, reveal new-message state, and scroll only when they are already following the latest turn.

03 / Anatomy

Parts with a specific job.

History01
Scroll viewport02
New marker03
Jump action04
04 / States

The happy path is only one state.

01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance

Use the contract, not the screenshot.

Do

Preserve the reader’s position, reveal new-message state, and scroll only when they are already following the latest turn.

Avoid

Do not introduce this surface without a real product need, complete states, and an accessible non-pointer path.