ComponentsConversationMessage thread

Message thread

Intercom-style conversation thread with notes, events and a typing indicator.

1 filedepends on: avatar

Preview

message-thread/basic

Loading preview…

message-thread/document

Loading preview…

Install

$ pnpm dlx shadcn@latest add entropyui.pages.dev/r/message-thread.json

Usage

import { MessageThread, TypingIndicator } from "@/components/ui/message-thread"

Each component forwards className and sizes itself with the --density token, so it follows the appearance settings. See the Code tab of the preview for the full prop types.

Dependencies

Packages: None beyond clsx and tailwind-merge (via utils). Registry items: avatar.

Loading documentation…

Preview

message-thread/basic

Hi! Our CSV export keeps timing out for projects with more than 50k rows.

It worked fine last week, so I'm not sure what changed.

Priya Nair· 2:14 PM

Conversation assigned to Maya Chen

Thanks Priya, I can see the failing jobs on our side. Exports over 50k rows now run in the background.

You'll get an email with a download link in a few minutes. Want me to run it for you now?

Maya Chen· 2:16 PM· Seen

Internal note · Maya Chen2:17 PM

Export queue is backed up since the 2:00 deploy. Linked STR-214.

Yes please, that would be great.

Priya Nair· 2:18 PM

Loading preview…

message-thread/document

Why is the log viewer dropping lines when I scroll up?

You· 10:02

The buffer trims the oldest lines once it passes its limit, and follow-tail was still on while you scrolled, so each new batch pushed the visible window forward.

Pausing when the scroll position leaves the bottom fixes it. I would add that to LogViewer and expose it as a prop.

Claude· 10:02

Go ahead and make that change.

You· 10:03

Loading preview…

Install

$ pnpm dlx shadcn@latest add entropyui.pages.dev/r/message-thread.json

Usage

import { MessageThread, TypingIndicator } from "@/components/ui/message-thread"

Each component forwards className and sizes itself with the --density token, so it follows the appearance settings. See the Code tab of the preview for the full prop types.

Dependencies

Packages: None beyond clsx and tailwind-merge (via utils). Registry items: avatar.