Screenshot spec: Meeting help & connection problems

Last updated: June 2026
Language: Deutsch
Used in: Meeting connection problems, Parallel meeting apps

This document defines screenshots for in-app help (Vistameet-Teams phases 1–2): Pre-Join hints, join errors, in-meeting help banner, recovery overlay, and connection status dialog.

App reference: MeetingHelpPanel, MeetingMediaRecoveryOverlay, MeetingConnectionStatusDialog in Vistameet-Teams.

---

General capture rules

Rule	Value
Resolution	1920×1080 (same as screenshot-config.json)
Browser	Current Chrome or Edge
Tenant / login	dev03, User 1 (E2E_USER1) — see SETUP.md
Locales	DE and EN (SCREENSHOT_LOCALES=de,en or manual language switch)
Output	docs/screenshots/de/ and docs/screenshots/en/
Privacy	Demo mode or test users; no real meeting IDs or tokens in the address bar

Most scenarios need two browser profiles or User 1 + User 2 because help banners appear only after a real LiveKit session.

---

Overview

Filename	UI element	Article
prejoin-parallel-apps-warning.png	Blue Pre-Join note (parallel apps)	Parallel meeting apps
prejoin-join-error-device.png	Red join error (device in use)	Connection problems, Parallel apps
meeting-health-help-banner.png	Amber help banner at top of meeting	Connection problems
meeting-media-recovery-overlay.png	Centered recovery overlay	Connection problems, Parallel apps
meeting-more-menu-connection-status.png	⋯ More menu with Connection status	Connection problems
meeting-connection-status-dialog.png	Connection status dialog + Report problem	Connection problems

Detailed step-by-step instructions (German, with acceptance criteria): MEETING_HELP_SCREENSHOTS.md.

---

Contributor checklist

See screenshot-checklist.en.md → Meeting help & connection.

• prejoin-parallel-apps-warning (DE + EN)
• prejoin-join-error-device (DE + EN)
• meeting-health-help-banner (DE + EN)
• meeting-media-recovery-overlay (DE + EN)
• meeting-more-menu-connection-status (DE + EN)
• meeting-connection-status-dialog (DE + EN)