diff --git a/ai/agent.mdx b/ai/agent.mdx
index 9058d903f..f8390c791 100644
--- a/ai/agent.mdx
+++ b/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.
diff --git a/images/agent/dashboard-dark.png b/images/agent/dashboard-dark.png
new file mode 100644
index 000000000..d1aab61f8
Binary files /dev/null and b/images/agent/dashboard-dark.png differ
diff --git a/images/agent/dashboard-light.png b/images/agent/dashboard-light.png
new file mode 100644
index 000000000..d025c8d6e
Binary files /dev/null and b/images/agent/dashboard-light.png differ
diff --git a/images/agent/dashboard-settings-dark.png b/images/agent/dashboard-settings-dark.png
new file mode 100644
index 000000000..d24b8a2a7
Binary files /dev/null and b/images/agent/dashboard-settings-dark.png differ
diff --git a/images/agent/dashboard-settings-light.png b/images/agent/dashboard-settings-light.png
new file mode 100644
index 000000000..4ed47f999
Binary files /dev/null and b/images/agent/dashboard-settings-light.png differ