# XWUIThread

A scrollable conversation thread that renders an array of `messages` as stacked `XWUIMessageBubble`s, resolving each message's sender from the `contributors` list (by matching `senderId` to a contributor `id` for name and avatar). Messages whose `senderId` equals the configured `viewerId` are aligned as the viewer's own outgoing bubbles, and when `autoScroll` is enabled the thread scrolls to the newest message on render. `addMessage()` appends and re-renders, `getMessages()` returns a copy, and `scrollToBottom()` jumps to the latest entry.

## Basic Usage

A thread mounted with `contributors` and `messages`, rendering the supplied messages as a scrollable column of bubbles.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Scrollable thread rendering a set of messages as message bubbles resolved against the contributors list.
```

## Group Conversation With Avatars

A three-person thread viewed as "You", resolving each sender's name and avatar from the contributors.

```example
file: examples/GroupConversation.ts
title: Group Conversation With Avatars
description: A three-contributor thread with avatars, with the viewer's own messages right-aligned.
```

## Support Thread, No Auto-scroll

A two-party support exchange viewed as the customer, with auto-scroll disabled.

```example
file: examples/SupportThread.ts
title: Support Thread, No Auto-scroll
description: A customer/agent support thread rendered with autoScroll off.
```

```api
```