# Training screenshot catalog

**Viewport:** 1280×800 · **Brand:** SAG green `#2D6A4F`  
**Regenerate:** `npm run screenshots` (API `:4000` + public `:3000` + portals `:3001`)  
**Gallery:** [screenshots.html](./screenshots.html) · **Credentials:** [DEMO-USERS.md](./DEMO-USERS.md)

All files live in [screenshots/](./screenshots/). Embed these filenames even if some PNGs are still capturing.

---

## Public marketing (01–08)

| File | Route (public :3000) | Used in |
|------|----------------------|---------|
| `01-home.png` | `/` | public-sponsor, facilitator-guide, gallery |
| `02-themes.png` | `/themes` | public-sponsor, gallery |
| `03-host-nodes.png` | `/host-nodes` | public-host, gallery |
| `04-donate.png` | `/donate` | public-sponsor, gallery |
| `05-csr.png` | `/csr` | public-csr, gallery |
| `06-partners-register.png` | `/partners/register` | public-host, public-csr, gallery |
| `07-need-support.png` | `/need-support` | need-support, gallery (**ops/families only**) |
| `08-about.png` | `/about` | gallery, facilitator-guide |

---

## Portals auth (10)

| File | Route (portals :3001) | Used in |
|------|----------------------|---------|
| `10-portals-login.png` | `/login` | ops-admin, csr-sponsor, host-node, facilitator-guide |

---

## Ops admin (11–19)

| File | Route | Used in |
|------|-------|---------|
| `11-admin-home.png` | `/admin` | ops-admin |
| `12-admin-inbox.png` | `/admin/inbox` | ops-admin |
| `13-admin-support.png` | `/admin/support` | ops-admin (**not** Host/CSR manuals) |
| `14-admin-engagements.png` | `/admin/engagements` | ops-admin |
| `15-admin-nodes.png` | `/admin/nodes` | ops-admin |
| `16-admin-organisations.png` | `/admin/organisations` | ops-admin |
| `17-admin-users.png` | `/admin/users` | ops-admin |
| `18-admin-audit.png` | `/admin/audit` | ops-admin |
| `19-admin-inbox-detail.png` | `/admin/inbox/:id` | ops-admin (optional — captured if a submission link exists) |

---

## CSR portal (20–23)

| File | Route | Used in |
|------|-------|---------|
| `20-csr-home.png` | `/csr` | csr-sponsor |
| `21-csr-profile.png` | `/csr/profile` | csr-sponsor |
| `22-csr-team.png` | `/csr/team` | csr-sponsor |
| `23-csr-engagement.png` | `/csr/engagements/:id` | csr-sponsor (optional — if seed engagement link exists) |

---

## Host portal (24–30)

| File | Route | Used in |
|------|-------|---------|
| `24-host-safeguarding.png` | `/host/safeguarding` | host-node (**always first**) |
| `25-host-home.png` | `/host` | host-node |
| `26-host-profile.png` | `/host/profile` | host-node |
| `27-host-activities.png` | `/host/activities` | host-node |
| `28-host-mou.png` | `/host/mou` | host-node |
| `29-host-themes.png` | `/host/themes` | host-node |
| `30-host-team.png` | `/host/team` | host-node |

---

## Capture notes

- Optional shots (`19`, `23`) are skipped by the script when no detail link is present — manuals still reference the filenames.
- Host capture acknowledges safeguarding when a confirm button is found, then walks remaining host routes.
- Never project `07-need-support` or `13-admin-support` in Host or CSR workshop rooms.