# Diagram sources

| File | Kind | Used in |
|---|---|---|
| `fig-system-context.mmd` | Mermaid flowchart | Ch. 3.3 |
| `fig-application-architecture.mmd` | Mermaid flowchart | Ch. 7.2 |
| `fig-package-dependency.mmd` | Mermaid flowchart | Ch. 4.4 |
| `fig-request-lifecycle.mmd` | Mermaid sequence | Ch. 7.3 |
| `fig-db-access.mmd` | Mermaid flowchart | Ch. 7.7 |
| `fig-auth-lifecycle.mmd` | Mermaid sequence | Ch. 21.1 |
| `fig-authz-model.svg` | Hand-laid-out SVG | Ch. 21.2 |
| `fig-pos-checkout.svg` | Hand-laid-out SVG | Ch. 15.1 |
| `fig-pos-payment.svg` | Hand-laid-out SVG | Ch. 15.1 |
| `fig-pos-flow.mmd` | Mermaid flowchart | Not embedded (superseded by the two POS SVGs) |
| `fig-b2b-order.mmd` | Mermaid flowchart | Ch. 15.2 |
| `fig-ci-cd.mmd` | Mermaid flowchart | Ch. 26.3, 27 |
| `fig-deployment.mmd` | Mermaid flowchart | Ch. 28.1 |
| `fig-observability.mmd` | Mermaid flowchart | Ch. 30 |
| `fig-backup.mmd` | Mermaid flowchart | Ch. 31 |
| `fig-error-handling.mmd` | Mermaid flowchart | Ch. 32 |
| `erd-full.mmd` | Mermaid erDiagram (92 tables) | Ch. 19 |
| `erd-<domain>.mmd` × 13 | Mermaid erDiagram per domain | Ch. 19.1-19.13 |

`gen_erd.py` regenerates every `erd-*.mmd` from `docs/audit/raw/`.
`gen_svg.py` regenerates the three hand-laid-out SVGs.

Rendering:

```bash
for f in *.mmd; do
  mmdc -i "$f" -o "rendered/${f%.mmd}.png" -b white -s 2 --size 1600
done
magick -background white -density 200 fig-pos-checkout.svg rendered/fig-pos-checkout.png
magick -background white -density 200 fig-pos-payment.svg  rendered/fig-pos-payment.png
magick -background white -density 200 fig-authz-model.svg  rendered/fig-authz-model.png
```

`--size` sets the long edge in CSS px before the 2x scale; the ERDs are rendered
at `--size 6000` because their labels are small relative to the canvas.