add screenshots (#1968)

Author: ethanpalm

ai/agent.mdx

@@ -27,6 +27,11 @@ The agent panel includes:
 - **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
@@ -37,7 +42,12 @@ You can also use the agent in Slack to collaborate with your team on documentati
   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.