Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions guides/ai/cap-mcp.md
Original file line number Diff line number Diff line change
Expand Up @@ -377,7 +377,7 @@ npx @modelcontextprotocol/inspector

The inspector should automatically open in your browser.

![MCP Inspector start page](mcp-inspector.png){.ignore-dark}
![MCP Inspector start page](mcp-inspector.png)

Register your `@mcp`-enabled CAP services to the inspector using the _Add Servers_ \> _+ Add manually_ menu option, and in the dialog that appears, follow these steps:

Expand All @@ -387,7 +387,7 @@ Register your `@mcp`-enabled CAP services to the inspector using the _Add Server

A screenshot is shown below:

![MCP Inspector](mcp-inspector-add-server.png){.ignore-dark}
![MCP Inspector](mcp-inspector-add-server.png)

Then connect, and switch to the _Tools_ tab to the top of the inspector's window to inspect and try out the listed tools.

Expand Down
4 changes: 2 additions & 2 deletions guides/ai/xtravels-sample.md
Original file line number Diff line number Diff line change
Expand Up @@ -455,12 +455,12 @@ In this guide, we have walked through the process of setting up and interacting

First we had [_MCP Services_](#mcp-services) consumed directly from an AI client, like OpenCode, Claude Code, or Joule Work, as illustrated below.

![Diagram showing OpenCode connected as a generic agent via MCP to four backend services: Events Service, Hotels Service, Flights Service, and Travels Service, each labeled as an MCP Service](xtravels-mcp.drawio.svg)
![Diagram showing OpenCode connected as a generic agent via MCP to four backend services: Events Service, Hotels Service, Flights Service, and Travels Service, each labeled as an MCP Service](xtravels-mcp.drawio.svg?raw)
MCP only{style="font-family: serif; font-style:italic; text-align:center"}

Next, we turned our CAP Services into [_Custom Agents_](#custom-agents) consumed via A2A from Chat Preview, with sub tasks factored out into subagents, as illustrated below.

![Diagram showing a Travel Agent as the primary agent connected via A2A to two subagents, Events Service and Hotels Service, and via MCP to Flights Service, illustrating how the primary agent delegates tasks to subagents and a backend service](xtravels-subagents.drawio.svg)
![Diagram showing a Travel Agent as the primary agent connected via A2A to two subagents, Events Service and Hotels Service, and via MCP to Flights Service, illustrating how the primary agent delegates tasks to subagents and a backend service](xtravels-subagents.drawio.svg?raw)

The following table highlights some key differences between both approaches.

Expand Down
Loading