{
  "id": "bbg-p0332-api-gateways-and-contracts-api",
  "title": "MCP and API Integration Difference",
  "chapter": "api-gateways-and-contracts",
  "batch": "08",
  "rank": 79,
  "sourcePage": 332,
  "sourcePointer": "p. 332",
  "status": "accepted",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0.9,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "comparison",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source page render inspected",
      "preserve side-by-side comparison: API as application-to-application contract and MCP as agent-to-tool context protocol",
      "omit source branding, mascot art, and copied table prose"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: API software communication",
      "concept: documentation-based discovery",
      "concept: MCP agent-native tool context",
      "concept: host-server-tool path"
    ],
    "labelSource": "curated",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "api",
      "label": "API path",
      "x": 70,
      "y": 126,
      "w": 360,
      "h": 300
    },
    {
      "id": "mcp",
      "label": "MCP path",
      "x": 530,
      "y": 126,
      "w": 360,
      "h": 300
    }
  ],
  "shapes": [
    {
      "id": "appA",
      "kind": "rect",
      "label": "Application A",
      "detail": "caller",
      "x": 112,
      "y": 172,
      "w": 126,
      "h": 58,
      "tone": "blue"
    },
    {
      "id": "api",
      "kind": "gateway",
      "label": "API contract",
      "detail": "docs endpoint",
      "x": 270,
      "y": 160,
      "w": 126,
      "h": 82,
      "tone": "orange"
    },
    {
      "id": "appB",
      "kind": "rect",
      "label": "Application B",
      "detail": "service",
      "x": 190,
      "y": 314,
      "w": 126,
      "h": 58,
      "tone": "green"
    },
    {
      "id": "agent",
      "kind": "hex",
      "label": "AI agent",
      "detail": "host",
      "x": 574,
      "y": 160,
      "w": 126,
      "h": 78,
      "tone": "purple"
    },
    {
      "id": "server",
      "kind": "rect",
      "label": "MCP server",
      "detail": "tool context",
      "x": 730,
      "y": 170,
      "w": 126,
      "h": 58,
      "tone": "teal"
    },
    {
      "id": "tool",
      "kind": "rect",
      "label": "Tools data",
      "detail": "resources",
      "x": 652,
      "y": 314,
      "w": 126,
      "h": 58,
      "tone": "gray"
    }
  ],
  "connectors": [
    {
      "from": "appA",
      "to": "api",
      "label": "request",
      "flow": "main"
    },
    {
      "from": "api",
      "to": "appB",
      "label": "response",
      "flow": "data"
    },
    {
      "from": "agent",
      "to": "server",
      "label": "tool call",
      "flow": "async"
    },
    {
      "from": "server",
      "to": "tool",
      "label": "context",
      "flow": "data"
    },
    {
      "from": "tool",
      "to": "agent",
      "label": "result",
      "flow": "data"
    }
  ]
}