MCP Server support: VS Code extension, Anthropic [DOCS-12079] [DOCS-12111] (#31773)

* Update VS Code setup to include MCP Server support

* Update MCP Server setup with Cursor's new tab name

* Break up Claude apps into separate table rows

* lowercase agent mode

Author: joepeeples

content/en/bits_ai/mcp_server/setup/_index.md

@@ -51,7 +51,8 @@ The following AI clients are compatible with the Datadog MCP Server.
 | Client | Developer | Notes |
 |--------|------|------|
 | [Cursor][8] | Anysphere | Datadog [Cursor & VS Code extension](#connect-in-cursor-and-vs-code) recommended. |
-| [Claude Code][5]<br/>[Claude&nbsp;Desktop][6] | Anthropic | Claude Desktop: Limited support for remote authentication. Use [local binary authentication](?tab=localbinaryauthentication#connect-in-supported-ai-clients) as needed. |
+| [Claude Code][5] | Anthropic | |
+| [Claude&nbsp;Desktop][6] | Anthropic | Limited support for remote authentication. Use [local binary authentication](?tab=localbinaryauthentication#connect-in-supported-ai-clients) as needed. |
 | [Codex CLI][7] | OpenAI | |
 | [VS Code][11] | Microsoft | Datadog [Cursor & VS Code extension](#connect-in-cursor-and-vs-code) recommended. |
 | [Goose][9] | Block | |
@@ -73,15 +74,15 @@ Datadog's [Cursor and VS Code extension][12] includes built-in access to the man
 To install the extension:
 
 1. If you previously installed the Datadog MCP Server manually, remove it from the IDE's configuration to avoid conflicts. To find the MCP Server configuration:
-   - Cursor: Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`) and select the **Tools & Integrations** tab.
+   - Cursor: Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`) and select the **MCP** tab.
    - VS Code: Open the command palette (`Shift` + `Cmd/Ctrl` + `P`) and run `MCP: Open User Configuration`.
 2. Install the Datadog extension following [these instructions][14]. If you have the extension installed already, make sure it's the latest version, as new features are released regularly.
 3. Sign in to your Datadog account. If you have multiple accounts, use the account included in your Product Preview.
     {{< img src="bits_ai/mcp_server/ide_sign_in.png" alt="Sign in to Datadog from the IDE extension" style="width:70%;" >}}
 4. **Restart the IDE.**
 5. Confirm the Datadog MCP Server is available and the [tools](#available-tools) are listed in your IDE:
-    - Cursor: Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`), and select the **Tools & Integrations** tab.
-    - VS Code: Open the chat panel, select Agent mode, and click the **Configure Tools** button.
+    - Cursor: Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`), and select the **MCP** tab.
+    - VS Code: Open the chat panel, select agent mode, and click the **Configure Tools** button.
        {{< img src="bits_ai/mcp_server/vscode_configure_tools_button.png" alt="Configure Tools button in VS Code" style="width:70%;" >}}
 
 ## Connect in supported AI clients

content/en/developers/ide_plugins/vscode/_index.md

@@ -41,7 +41,7 @@ The Datadog extension for VS Code and Cursor brings Datadog to your code editor
 
 The extension includes these features:
 
-- [**Model Context Protocol (MCP) Server**](?tab=cursor#installation): (Cursor only) Connect Cursor's AI agent to production telemetry, tools, and contexts from Datadog.
+- [**Model Context Protocol (MCP) Server**](?tab=cursor#installation): Connect the editor's AI agent to production telemetry, tools, and contexts from Datadog.
 
 - [**Log Annotations**](#log-annotations): Gauge log volumes and search logs from your code.
 
@@ -77,7 +77,19 @@ Install the extension either directly in the IDE, or from the web:
 
 - **From the web**: Install from the extension's page on [Visual Studio Marketplace][1].
 
+### MCP Server setup
+
+<div class="alert alert-info">The Datadog MCP Server is in Preview. Complete <a href="https://www.datadoghq.com/product-preview/datadog-mcp-server">this form</a> to request access.</div>
+
+The extension includes access to the [Datadog Model Context Protocol (MCP) Server][3]. Ensure the MCP Server is enabled to enhance the editor's AI capabilities with your specific Datadog environment:
+
+1. Open the chat panel, select agent mode, and click the **Configure Tools** button.
+    {{< img src="bits_ai/mcp_server/vscode_configure_tools_button.png" alt="Configure Tools button in VS Code" style="width:60%;" >}}
+
+1. Find the Datadog server and tools in the list and check the boxes to enable them (expand or refresh if necessary).
+
 [1]: https://marketplace.visualstudio.com/items?itemName=Datadog.datadog-vscode
+[3]: /bits_ai/mcp_server/
 {{% /tab %}}
 
 {{% tab "Cursor" %}}
@@ -87,13 +99,13 @@ Install the extension either directly in the IDE, or from the web:
 
 - **From the web**: Download the VSIX file from [Open VSX Registry][2], and install with `Extensions: Install from VSIX` in the command palette (`Shift` + `Cmd/Ctrl` + `P`).
 
-### MCP Server setup (Cursor only)
+### MCP Server setup
 
 <div class="alert alert-info">The Datadog MCP Server is in Preview. Complete <a href="https://www.datadoghq.com/product-preview/datadog-mcp-server">this form</a> to request access.</div>
 
-In Cursor, the extension includes access to the [Datadog Model Context Protocol (MCP) Server][3]. Enable the MCP Server to enhance Cursor's AI capabilities with your specific Datadog environment.
+The extension includes access to the [Datadog Model Context Protocol (MCP) Server][3]. Ensure the MCP Server is enabled to enhance the editor's AI capabilities with your specific Datadog environment:
 
-1. Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`), and select the **MCP Tools** tab.
+1. Go to **Cursor Settings** (`Shift` + `Cmd/Ctrl` + `J`), and select the **MCP** tab.
 1. Find the Datadog server and turn on the toggle to enable it. A list of available tools is displayed (expand or refresh if necessary).
 
 [2]: https://open-vsx.org/extension/datadog/datadog-vscode