docs(TSP-1113): add markdown editor formatting features to Chat intro

get-started/chat/introduction.mdx

@@ -13,12 +13,12 @@
   Start chatting now at chat.relevanceai.com — works on desktop and mobile
 </Card>
 
 ## Using different LLMs in Chat
 
 You can select the LLM you want to use in Chat:
 
 <div style={{ width:"100%",position:"relative","padding-top":"56.75%"}}>
 <iframe src="https://app.supademo.com/embed/cmfgfi5x0bz4239ozw2fj4het" frameBorder="0" title="How to set up Google Drive as a source of Knowledge" allow="clipboard-write; fullscreen" webkitAllowFullscreen="true" mozAllowFullscreen="true" allowFullscreen style={{ position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"3px solid #5E43CE",borderRadius:"10px" }} />
 </div>
 
 1. Click the name of the LLM you're currently on (or Auto if you've selected 'Auto' previously) in the top right of Chat
@@ -101,7 +101,7 @@
 Save any prompt from your Chat conversations to make it available to all users in your project through the @ menu.
 
 <div style={{ width:"100%",position:"relative","padding-top":"56.75%" }}>
 <iframe src="https://app.supademo.com/embed/cminu37g60bizgxadmuzniah7" frameBorder="0" title="How to save a prompt" allow="clipboard-write; fullscreen" webkitAllowFullscreen="true" mozAllowFullscreen="true" allowFullscreen style={{ position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"3px solid #5E43CE",borderRadius:"10px" }} />
 </div>
 
 1. Start a new conversation and enter the prompt you want to save
@@ -150,6 +150,29 @@
 
 ---
 
+## Formatting your messages
+
+The Chat input supports a markdown editor with formatting tools to help you structure longer messages and prompts.
+
+### Slash command menu
+
+Type `/` in the chat input to open a searchable formatting menu. The menu includes 9 options:
+
+- Headings (H1, H2, H3)
+- Bulleted and numbered lists
+- Blockquotes
+- Code blocks
+- Dividers
+- Table of contents
+
+Start typing after `/` to filter the list and quickly find the format you need. Select an option to insert the corresponding block at your cursor position.
+
+### Table of contents block
+
+The table of contents block creates a live, clickable outline of all headings in your message. It updates automatically as you add or change headings, making it useful for long-form content like detailed briefs, structured prompts, or documentation drafts. Insert it via the slash command menu by typing `/` and selecting **Table of contents**.
+
+---
+
 ## Providing Feedback on Responses
 
 Help improve your AI agents by rating their responses with thumbs up or thumbs down. Your feedback helps identify what's working well and what needs improvement, making agents more effective over time.
@@ -196,7 +219,7 @@
 
 ## Supported file types in Chat
 
 Chat empowers you to work with a wide range of file types, both for input and output. Upload documents, images, and data files to provide context to your conversations, and generate new files based on your Agent's responses or built-in Agent outputs. Whether you're analyzing spreadsheets, processing PDFs, or creating presentations, Chat seamlessly handles file operations across different model providers.
 
 Here's a comprehensive breakdown of supported file types by model provider:
 
@@ -330,7 +353,7 @@
         To monitor your Chat credit usage, navigate to **Settings > Plan & Billing** to see a detailed breakdown of your credit expenses. Learn more about [Plans and credits](/admin/subscriptions/plans).
         </Tip>
     </Accordion>
     <Accordion title="Can I use different LLMs in Chat?">
     Yes, you can select the LLM you want to use in Chat by following these steps:
 
     1. Click on the cog icon in the top right of your screen