{
  "id": "bbg-p0092-frontend-architecture-performance-frontend-architecture",
  "title": "Frontend Architecture And Performance: Cache + Port Map",
  "chapter": "frontend-architecture-performance",
  "batch": "35",
  "rank": 341,
  "sourcePage": 92,
  "sourcePointer": "p. 92",
  "status": "non-signal",
  "reviewerStatus": "reviewed",
  "fidelityScore": 0,
  "canvas": {
    "width": 960,
    "height": 640
  },
  "fireworksTechGraph": {
    "style": "style-1-flat-icon",
    "diagramType": "architecture",
    "topologyNotes": [
      "source page render inspected",
      "extracted page text inspected",
      "source render/text reviewed: page continues the frontend performance checklist text from the prior visual page, not a separate durable diagram signal"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: Cache",
      "concept: Port",
      "concept: Cheat Sheet",
      "concept: Architecture",
      "concept: Frontend Architecture and Performance"
    ],
    "labelSource": "source-summary",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "entry",
      "label": "Entry",
      "x": 42,
      "y": 124,
      "w": 178,
      "h": 324
    },
    {
      "id": "control",
      "label": "Control",
      "x": 280,
      "y": 104,
      "w": 380,
      "h": 364
    },
    {
      "id": "state",
      "label": "State",
      "x": 720,
      "y": 124,
      "w": 190,
      "h": 324
    }
  ],
  "shapes": [
    {
      "id": "client",
      "kind": "actor",
      "label": "Cache",
      "x": 84,
      "y": 244,
      "w": 82,
      "h": 90,
      "tone": "blue"
    },
    {
      "id": "edge",
      "kind": "gateway",
      "label": "Port",
      "detail": "boundary",
      "x": 308,
      "y": 160,
      "w": 124,
      "h": 88,
      "tone": "orange"
    },
    {
      "id": "policy",
      "kind": "diamond",
      "label": "Cheat Sheet",
      "detail": "checks",
      "x": 496,
      "y": 160,
      "w": 124,
      "h": 88,
      "tone": "red"
    },
    {
      "id": "service",
      "kind": "rect",
      "label": "Architecture",
      "detail": "handler",
      "x": 398,
      "y": 324,
      "w": 132,
      "h": 72,
      "tone": "green"
    },
    {
      "id": "store",
      "kind": "cylinder",
      "label": "Frontend Architecture And Performance",
      "detail": "state",
      "x": 758,
      "y": 176,
      "w": 112,
      "h": 86,
      "tone": "teal"
    },
    {
      "id": "signals",
      "kind": "rect",
      "label": "Signals",
      "detail": "logs",
      "x": 758,
      "y": 342,
      "w": 112,
      "h": 68,
      "tone": "gray"
    }
  ],
  "connectors": [
    {
      "from": "client",
      "to": "edge",
      "label": "request",
      "flow": "main"
    },
    {
      "from": "edge",
      "to": "policy",
      "label": "validate",
      "flow": "control"
    },
    {
      "from": "policy",
      "to": "service",
      "label": "allow",
      "flow": "main"
    },
    {
      "from": "service",
      "to": "store",
      "label": "state",
      "flow": "data"
    },
    {
      "from": "service",
      "to": "signals",
      "label": "emit",
      "flow": "data",
      "dashed": true
    },
    {
      "from": "signals",
      "to": "policy",
      "label": "tune",
      "flow": "control",
      "dashed": true
    }
  ]
}