Message Scroller

import { MessageScroller } from '@/components/ui/message-scroller';

<MessageScroller>
  {messages.map((m) => (
    <Message key={m.id} role={m.role}>
      <MessageContent role={m.role}>{m.text}</MessageContent>
    </Message>
  ))}
</MessageScroller>