<div class="w-full">
  <.dm_chat_scroll
    id="chat-scroll-single-conversation"
    label="Travel planning"
    class="h-96 w-full"
    indicator_label="Assistant responses"
  >
    <.dm_chat author="You" align="end">Help me plan a relaxed weekend.</.dm_chat>
    <.dm_chat author="Assistant" avatar="AI" timeline={1} color="primary">
      Start with a morning walk, leave the afternoon open, and choose one neighborhood for dinner.
    </.dm_chat>
    <.dm_chat author="You" align="end">What if it rains?</.dm_chat>
    <.dm_chat author="Assistant" avatar="AI" timeline={2} color="tertiary">
      Keep a museum or bookstore as your backup, with a nearby café for a quiet break.
    </.dm_chat>
    <.dm_chat author="You" align="end">Make Sunday even quieter.</.dm_chat>
    <.dm_chat author="Assistant" avatar="AI" timeline={3} color="primary">
      Have a slow breakfast, visit a local market, and finish early enough to rest before Monday.
    </.dm_chat>
  </.dm_chat_scroll>
</div>