# WetSlip Web v0.4.1 – Avatar: geprüfte getrennte Ebenen

Die alte \`avatar-clean.png\` enthielt weiterhin eingebrannte Bereiche des Neonrings und grünen Statuspunktes. Sie ist keine korrekte Quelle.

- \`avatar-portrait-v041.png\`: ausschließlich zentraler Porträtbereich des vorhandenen fiktiven Demo-Fotos; außerhalb der Bildfläche transparent. Die alten Ring- und Dot-Pixel sind nicht mehr enthalten.
- \`avatar-ring.svg\`: separater Ring mit transparentem Innenbereich, oberhalb des Fotos.
- \`online-dot\`: eigenständige Status-Schaltfläche, Mittelpunkt auf dem Ring bei 45 Grad unter rechts (83.234% / 83.234%). Durch Mittelpunktkoordinaten bleibt die Position bei 60, 72 und 175px konsistent.
- Demo-Status: Online / Abwesend / Offline, nur lokal. Produktiv folgt eine vom Backend autorisierte Presence-API.
- Service-Worker-Cache: Version 0.4.1, aktualisierter Foto-Pfad.

Tests: \`python3 frontend/tests/verify_files.py\` und \`python3 frontend/tests/test_v041_avatar.py\`. Browser- und Service-Worker-Ergebnis auf dem Zielgerät separat prüfen.

**Hinweis:** Das Demo-Foto ist aus bestehenden Pixeln zugeschnitten. Bei realen Profilbildern erfolgen Portrait-Upload, Crop und Ring als getrennte Ressourcen.