Agent dashboard screenshots

ai/agent.mdx

@@ -27,6 +27,11 @@
 - **History**: View and continue previous conversations.
 - **Settings**: Configure GitHub App permissions and Slack integration.
 
+<Frame>
+<img src="/images/agent/dashboard-light.png" alt="The agent panel in light mode." className="block dark:hidden" style={{ maxHeight: '500px' }} />
+<img src="/images/agent/dashboard-dark.png" alt="The agent panel in dark mode." className="hidden dark:block" style={{ maxHeight: '500px' }} />
+</Frame>
+
 When the agent makes changes, you can view the pull request directly from the chat or open the changes in the web editor.
 
 ## Add the agent to your Slack workspace
@@ -34,10 +39,15 @@
 You can also use the agent in Slack to collaborate with your team on documentation updates.
 
 <Note>
   If your Slack Workspace Owner requires admin approval to install apps, ask them to approve the Mintlify app before you connect it.
 </Note>
 
-1. Open the agent panel in your dashboard and navigate to **Settings**.
+1. Open the agent panel in your dashboard. 
+2. Click the **Settings** button.
+    <Frame>
+    <img src="/images/agent/dashboard-settings-light.png" alt="The settings button in light mode." className="block dark:hidden" />
+    <img src="/images/agent/dashboard-settings-dark.png" alt="The settings button in dark mode." className="hidden dark:block" />
+    </Frame>
 2. Select the **Connect** button in the Slack integration section.
 3. Follow the Slack prompts to add the `mintlify` app to your workspace.
 4. Follow the Slack prompts to link your Mintlify account to your Slack workspace.