Screenshot Index
Last Updated: 2026-06-13
Last updated:
June 13, 2026
Reading time:
6 minutes
File size:
8.95 KB
This index catalogs all workflow screenshots used throughout the user guide documentation. Screenshots are automatically captured by the E2E test suite and organized by workflow phase.
Overview
Total Screenshots: 77 screenshots across 5 workflow phases (A-E)
Test Source: web-frontend/e2e/workflows/documentation/complete-event-workflow.spec.ts
Test Runner: web-frontend/run-phases-a-b-c-d-e-autologin.sh
Storage Location: docs/user-guide/assets/screenshots/workflow/
Phase A: Event Setup (21 screenshots)
Phase Directory: phase-a-setup/
| Screenshot | Filename | Description |
|---|---|---|
| a-01 | a-01-event-dashboard.png |
Event dashboard initial view |
| a-02 | a-02-event-creation-modal.png |
Create event modal opened |
| a-03 | a-03-event-form-filled.png |
Event form filled with data |
| a-04 | a-04-event-created-back-to-dashboard.png |
Dashboard after event creation |
| a-05 | a-05-event-detail-page-initial.png |
Event detail page initial state |
| a-06 | a-06-edit-modal-info-tab.png |
Event edit modal - Info tab |
| a-07 | a-07-edit-modal-tasks-tab-initial.png |
Event edit modal - Tasks tab initial |
| a-08 | a-08-tasks-assigned-1.png |
First task assigned |
| a-09 | a-09-tasks-assigned-2.png |
Second task assigned |
| a-10 | a-10-tasks-assigned-3.png |
Third task assigned |
| a-11 | a-11-all-tasks-assigned.png |
All tasks assigned |
| a-12 | a-12-event-detail-after-task-assignment.png |
Event detail after task assignment |
| a-13 | a-13-task-list-my-tasks-filter.png |
Task list - My Tasks filter |
| a-14 | a-14-task-list-all-tasks-filter.png |
Task list - All Tasks filter |
| a-15 | a-15-topic-selection-opened.png |
Topic selection modal opened |
| a-16 | a-16-topic-heatmap.png |
Topic heat map view |
| a-17 | a-17-topic-selected-from-heatmap.png |
Topic selected from heat map |
| a-18 | a-18-topic-selection-confirmed.png |
Topic selection confirmed |
| a-19 | a-19-speaker-brainstorming-form.png |
Speaker brainstorming form |
| a-20 | a-20-all-speakers-added.png |
All speakers added to brainstorming |
| a-21 | a-21-proceed-to-outreach.png |
Ready to proceed to outreach phase |
Phase B: Speaker Outreach (15 screenshots)
Phase Directory: phase-b-outreach/
| Screenshot | Filename | Description |
|---|---|---|
| b-01 | b-01-outreach-view-ready.png |
Outreach view ready with speaker candidates |
| b-02 | b-02-before-contact-speaker-1.png |
Before contacting first speaker |
| b-03 | b-03-after-contact-speaker-1.png |
After contacting first speaker |
| b-04 | b-04-before-contact-speaker-2.png |
Before contacting second speaker |
| b-05 | b-05-after-contact-speaker-2.png |
After contacting second speaker |
| b-06 | b-06-before-contact-speaker-3.png |
Before contacting third speaker |
| b-07 | b-07-after-contact-speaker-3.png |
After contacting third speaker |
| b-08 | b-08-before-contact-speaker-4.png |
Before contacting fourth speaker |
| b-09 | b-09-after-contact-speaker-4.png |
After contacting fourth speaker |
| b-10 | b-10-before-contact-speaker-5.png |
Before contacting fifth speaker |
| b-11 | b-11-after-contact-speaker-5.png |
After contacting fifth speaker |
| b-12 | b-12-kanban-contacted-state.png |
Kanban board with all speakers contacted |
| b-13 | b-13-all-speakers-ready.png |
All speakers ready for next phase |
| b-14 | b-14-before-drag-to-accepted.png |
Before dragging speaker to accepted |
| b-15 | b-15-all-speakers-accepted.png |
All speakers accepted |
Phase B.5: Content Submission (14 screenshots)
Phase Directory: phase-b5-content/
| Screenshot | Filename | Description |
|---|---|---|
| b5-01 | b5-01-publish-tab-before-topic.png |
Publishing tab before topic publish |
| b5-02 | b5-02-topic-published.png |
Topic published |
| b5-03 | b5-03-speakers-tab-after-publish-topic.png |
Speakers tab after topic publish |
| b5-04 | b5-04-content-submission-drawer-1-opened.png |
Content submission drawer for speaker 1 |
| b5-05 | b5-05-content-submission-1-filled.png |
Content form filled for speaker 1 |
| b5-06 | b5-06-content-submitted-1.png |
Content submitted for speaker 1 |
| b5-07 | b5-07-content-submission-drawer-2-opened.png |
Content submission drawer for speaker 2 |
| b5-08 | b5-08-content-submission-2-filled.png |
Content form filled for speaker 2 |
| b5-09 | b5-09-content-submitted-2.png |
Content submitted for speaker 2 |
| b5-10 | b5-10-content-submission-drawer-3-opened.png |
Content submission drawer for speaker 3 |
| b5-11 | b5-11-content-submission-3-speaker-selected.png |
Speaker selected for content 3 |
| b5-12 | b5-12-content-submission-3-filled.png |
Content form filled for speaker 3 |
| b5-13 | b5-13-content-submitted-3.png |
Content submitted for speaker 3 |
| b5-14 | b5-14-content-submitted-3.png |
All content submitted |
Phase C: Quality Review (9 screenshots)
Phase Directory: phase-c-quality/
| Screenshot | Filename | Description |
|---|---|---|
| c-01 | c-01-publish-tab-before-speakers.png |
Publishing tab before speakers publish |
| c-02 | c-02-speakers-published.png |
Speakers published |
| c-03 | c-03-speakers-tab-after-publish.png |
Speakers tab after publish |
| c-04 | c-04-quality-review-1-opened.png |
Quality review drawer for presentation 1 |
| c-05 | c-05-content-approved-1.png |
Content approved for presentation 1 |
| c-06 | c-06-quality-review-2-opened.png |
Quality review drawer for presentation 2 |
| c-07 | c-07-content-approved-2.png |
Content approved for presentation 2 |
| c-08 | c-08-quality-review-3-opened.png |
Quality review drawer for presentation 3 |
| c-09 | c-09-content-approved-3.png |
Content approved for presentation 3 |
Phase D: Slot Assignment & Publishing (10 screenshots)
Phase Directory: phase-d-publishing/
| Screenshot | Filename | Description |
|---|---|---|
| d-01 | d-01-speakers-tab-initial.png |
Speakers tab initial view |
| d-02 | d-02-sessions-view-loaded.png |
Sessions view loaded |
| d-03 | d-03-slot-assignment-page-loaded.png |
Slot assignment page loaded |
| d-04 | d-04-before-auto-assign.png |
Before auto-assign |
| d-05 | d-05-auto-assign-modal-opened.png |
Auto-assign confirmation modal |
| d-06 | d-06-after-auto-assign.png |
After auto-assign completed |
| d-07 | d-07-back-to-event-page.png |
Back to event page |
| d-08 | d-08-publishing-tab-loaded.png |
Publishing tab loaded |
| d-09 | d-09-before-publish-agenda.png |
Before publishing agenda |
| d-10 | d-10-agenda-published.png |
Agenda published |
Phase E: Archival (8 screenshots)
Phase Directory: phase-e-archival/
| Screenshot | Filename | Description |
|---|---|---|
| e-01 | e-01-overview-tab-before-archival.png |
Overview tab before archival |
| e-02 | e-02-edit-modal-opened.png |
Edit event modal opened |
| e-03 | e-03-status-dropdown-opened.png |
Status dropdown opened |
| e-04 | e-04-status-changed-to-archived.png |
Status changed to ARCHIVED |
| e-05 | e-05-validation-error-shown.png |
Validation error shown (expected) |
| e-06 | e-06-override-checkbox-checked.png |
Override workflow validation checked |
| e-07 | e-07-event-archived-successfully.png |
Event archived successfully |
| e-08 | e-08-archived-badge-visible.png |
ARCHIVED badge visible on event |
Maintenance
Regenerating Screenshots
Screenshots are automatically captured by running the E2E test suite:
bash
cd web-frontend
# Delete old screenshots
rm -rf ../docs/user-guide/assets/screenshots/workflow/phase-*/
# Run full test suite
./run-phases-a-b-c-d-e-autologin.sh
# Or with UI mode to watch
./run-phases-a-b-c-d-e-autologin.sh --ui
Screenshot Naming Convention
Format: {phase}-{sequence}-{description}.png
- phase: Single letter or letter+number (a, b, b5, c, d, e)
- sequence: Zero-padded 2-digit number (01, 02, 03, …)
- description: Kebab-case description of the screen state
Examples:
a-01-event-dashboard.pngb5-04-content-submission-drawer-1-opened.pnge-08-archived-badge-visible.png
When to Update
Screenshots should be regenerated when:
- UI components are redesigned
- Workflow steps are added/removed/modified
- Before major releases
- Quarterly for freshness (recommended)
Version Control
All screenshots are tracked in git to ensure documentation matches the codebase version.