## Overview [#overview] `Conversation` wraps the message feed area. It handles scroll positioning through `use-stick-to-bottom`, but it does not own messages or rendering. ## Usage [#usage] ```tsx import { Conversation, ConversationContent, ConversationDownload, ConversationEmptyState, ConversationScrollButton, Message, MessageContent, MessageResponse, messagesToMarkdown, } from "@tilt-legal/cubitt-components/chat-elements"; ``` ## Examples [#examples] ### Default [#default] ```tsx {messages.map((message) => ( {message.role === "assistant" ? ( {message.text} ) : ( message.text )} ))} ``` ### Download [#download] ```tsx

Lease review conversation

{messages.map(...)}

const markdown = messagesToMarkdown(messages); ``` ### Empty [#empty] ```tsx ```