docs(TSP-1111): add file viewer and conflict resolution docs to Chat

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
@@ -148,6 +148,23 @@
 2. Browse the results — files appear alongside agents, workforces, and saved prompts, showing the file name and path
 3. Select a file to insert its file path into your message
 
+When you open a file from your project, you can view and edit it directly in Chat. See [File viewer and editing](#file-viewer-and-editing) for details on handling conflicts when an agent modifies a file you're editing.
+
+---
+
+## File viewer and editing
+
+You can open files from your project directly in Chat to view and edit their contents. The file viewer displays alongside your conversation, letting you read or modify a file without switching to another tool.
+
+When an AI agent writes to a file you currently have open, Chat detects the conflict and responds based on whether you have unsaved changes:
+
+- **If you have unsaved changes**, a modal dialog appears with two options:
+  - **Save your edits** — overwrites the agent's version with your changes
+  - **Load agent's version** — discards your changes and loads what the agent wrote
+- **If you have no unsaved changes**, the file refreshes silently in the background with the agent's updated version.
+
+{/* TODO: Add screenshot of the conflict resolution modal dialog */}
+
 ---
 
 ## Providing Feedback on Responses
@@ -163,7 +180,7 @@
 3. Click thumbs up for helpful responses or thumbs down for responses that need improvement
 4. Optionally, add written feedback in the modal dialog that appears to provide more context
 
 ### When to provide feedback
 
 Feedback is most valuable when it helps identify patterns or specific issues:
 
@@ -196,7 +213,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 +347,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