{
  "id": "bbg-p0238-api-gateways-and-contracts-api",
  "title": "Cloud Application Stack Layers",
  "chapter": "cloud-infrastructure-and-iac",
  "batch": "05",
  "rank": 50,
  "sourcePage": 238,
  "sourcePointer": "p. 238",
  "status": "accepted",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0.9,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "architecture",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source page render inspected",
      "preserve cloud stack layers: frontend delivery, API layer, application compute, data, security identity, observability, CI/CD, and networking",
      "retargeted from API chapter to cloud-infrastructure-and-iac"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: frontend delivery",
      "concept: API layer",
      "concept: application compute",
      "concept: data layer",
      "concept: identity and observability"
    ],
    "labelSource": "curated",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "edge",
      "label": "Delivery and API",
      "x": 56,
      "y": 112,
      "w": 848,
      "h": 112
    },
    {
      "id": "runtime",
      "label": "Runtime and data",
      "x": 56,
      "y": 270,
      "w": 848,
      "h": 112
    },
    {
      "id": "ops",
      "label": "Operations",
      "x": 56,
      "y": 428,
      "w": 848,
      "h": 92
    }
  ],
  "shapes": [
    {
      "id": "frontend",
      "kind": "rect",
      "label": "Frontend",
      "detail": "static app CDN",
      "x": 106,
      "y": 140,
      "w": 132,
      "h": 58,
      "tone": "blue"
    },
    {
      "id": "api",
      "kind": "gateway",
      "label": "API layer",
      "detail": "REST GraphQL",
      "x": 414,
      "y": 128,
      "w": 132,
      "h": 82,
      "tone": "orange"
    },
    {
      "id": "edge",
      "kind": "gateway",
      "label": "Edge network",
      "detail": "latency",
      "x": 716,
      "y": 128,
      "w": 132,
      "h": 82,
      "tone": "purple"
    },
    {
      "id": "compute",
      "kind": "hex",
      "label": "Compute",
      "detail": "services jobs",
      "x": 144,
      "y": 284,
      "w": 132,
      "h": 78,
      "tone": "green"
    },
    {
      "id": "events",
      "kind": "queue",
      "label": "Events",
      "detail": "async",
      "x": 414,
      "y": 298,
      "w": 132,
      "h": 54,
      "tone": "teal"
    },
    {
      "id": "data",
      "kind": "cylinder",
      "label": "Data layer",
      "detail": "storage DB",
      "x": 704,
      "y": 282,
      "w": 132,
      "h": 78,
      "tone": "green"
    },
    {
      "id": "identity",
      "kind": "rect",
      "label": "Identity",
      "detail": "access",
      "x": 156,
      "y": 450,
      "w": 128,
      "h": 54,
      "tone": "red"
    },
    {
      "id": "observe",
      "kind": "rect",
      "label": "Observability",
      "detail": "logs metrics",
      "x": 416,
      "y": 450,
      "w": 128,
      "h": 54,
      "tone": "gray"
    },
    {
      "id": "cicd",
      "kind": "rect",
      "label": "CI/CD",
      "detail": "release",
      "x": 676,
      "y": 450,
      "w": 128,
      "h": 54,
      "tone": "orange"
    }
  ],
  "connectors": [
    {
      "from": "frontend",
      "to": "api",
      "label": "call",
      "flow": "main"
    },
    {
      "from": "api",
      "to": "edge",
      "label": "secure",
      "flow": "control"
    },
    {
      "from": "api",
      "to": "compute",
      "label": "invoke",
      "flow": "main"
    },
    {
      "from": "compute",
      "to": "events",
      "label": "emit",
      "flow": "async"
    },
    {
      "from": "compute",
      "to": "data",
      "label": "state",
      "flow": "data"
    },
    {
      "from": "identity",
      "to": "api",
      "label": "guard",
      "flow": "control",
      "dashed": true
    },
    {
      "from": "observe",
      "to": "compute",
      "label": "measure",
      "flow": "data",
      "dashed": true
    },
    {
      "from": "cicd",
      "to": "compute",
      "label": "deploy",
      "flow": "control"
    }
  ]
}