{
  "id": "bbg-p0028-frontend-architecture-performance-frontend-architecture",
  "title": "Large Frontend Monorepo Topology",
  "chapter": "frontend-architecture-performance",
  "batch": "29",
  "rank": 289,
  "sourcePage": 28,
  "sourcePointer": "p. 28",
  "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 monorepo topology: many frontend apps/packages share code, tooling, ownership boundaries, build/test graph, and deployment outputs",
      "omit company branding, logos, screenshot details, and copied source labels"
    ],
    "publicBoundary": [
      "original vector output",
      "no source pixels",
      "no source mark or long wording"
    ]
  },
  "callouts": [],
  "sourceReview": {
    "conceptAnchors": [
      "concept: monorepo",
      "concept: code sharing",
      "concept: shared packages",
      "concept: build graph",
      "concept: frontend deployment"
    ],
    "labelSource": "curated",
    "semanticStatus": "reviewed"
  },
  "groups": [
    {
      "id": "repo",
      "label": "Single repository",
      "x": 54,
      "y": 112,
      "w": 852,
      "h": 116
    },
    {
      "id": "packages",
      "label": "Shared packages",
      "x": 54,
      "y": 266,
      "w": 400,
      "h": 166
    },
    {
      "id": "delivery",
      "label": "Build and delivery",
      "x": 508,
      "y": 266,
      "w": 398,
      "h": 166
    }
  ],
  "shapes": [
    {
      "id": "apps",
      "kind": "rect",
      "label": "Many apps",
      "detail": "frontend surfaces",
      "x": 98,
      "y": 140,
      "w": 126,
      "h": 58,
      "tone": "blue"
    },
    {
      "id": "libs",
      "kind": "rect",
      "label": "Libraries",
      "detail": "shared UI logic",
      "x": 292,
      "y": 140,
      "w": 126,
      "h": 58,
      "tone": "green"
    },
    {
      "id": "owners",
      "kind": "rect",
      "label": "Teams",
      "detail": "boundaries",
      "x": 486,
      "y": 140,
      "w": 126,
      "h": 58,
      "tone": "orange"
    },
    {
      "id": "repo",
      "kind": "cylinder",
      "label": "Monorepo",
      "detail": "one source graph",
      "x": 680,
      "y": 126,
      "w": 126,
      "h": 82,
      "tone": "purple"
    },
    {
      "id": "ui",
      "kind": "rect",
      "label": "UI kit",
      "detail": "components",
      "x": 110,
      "y": 306,
      "w": 112,
      "h": 58,
      "tone": "teal"
    },
    {
      "id": "contracts",
      "kind": "rect",
      "label": "Contracts",
      "detail": "types APIs",
      "x": 286,
      "y": 306,
      "w": 112,
      "h": 58,
      "tone": "gray"
    },
    {
      "id": "build",
      "kind": "hex",
      "label": "Build graph",
      "detail": "affected tasks",
      "x": 570,
      "y": 292,
      "w": 126,
      "h": 78,
      "tone": "orange"
    },
    {
      "id": "deploy",
      "kind": "rect",
      "label": "Deploy",
      "detail": "apps packages",
      "x": 752,
      "y": 306,
      "w": 112,
      "h": 58,
      "tone": "green"
    }
  ],
  "connectors": [
    {
      "from": "apps",
      "to": "repo",
      "label": "live in",
      "flow": "main"
    },
    {
      "from": "libs",
      "to": "repo",
      "label": "share",
      "flow": "data"
    },
    {
      "from": "owners",
      "to": "repo",
      "label": "own",
      "flow": "control"
    },
    {
      "from": "repo",
      "to": "ui",
      "label": "reuse",
      "flow": "data"
    },
    {
      "from": "repo",
      "to": "contracts",
      "label": "type",
      "flow": "data"
    },
    {
      "from": "ui",
      "to": "build",
      "label": "changed",
      "flow": "control"
    },
    {
      "from": "contracts",
      "to": "build",
      "label": "changed",
      "flow": "control"
    },
    {
      "from": "build",
      "to": "deploy",
      "label": "publish",
      "flow": "main"
    }
  ]
}