v0.22.0 Alpha

[gaidheal1]

What's new

Tutorial modal

Users can access an in-app tutorial at any time via the help button in the navbar (desktop and mobile). Content-managed entirely through Django admin — no code changes needed to add, edit, or reorder steps.

• TutorialStep model with title, body, image, YouTube embed, and ordering; drag-and-drop reordering in admin
• Per-step seen tracking — progress persists across sessions; the modal reopens at the right point
• Image/video/text support, ← / → step navigation, aria-live step counter for screen readers
• Accessible from both the desktop navbar help button and the mobile account dropdown

Achievements

Players now see a live achievements panel on their Account page showing progress across three dimensions.

• 3 achievement types: player level, total focused time, and total activities completed
• 5 tiers per achievement (grey → green → blue → purple → gold) with progress bar
• Computed server-side and included in existing /me/player/ and /fetch-info/ responses — no extra API calls
• Completed tier-5 achievements show "Complete / Max tier"

---

Also included

• Modal component gains a size prop (sm / lg)
• "Unavailable" page with hard redirect if the server is unreachable
• Firefox audio fix for activity chimes
• Admin-created users are now auto-confirmed
• Playwright CI workflow and expanded accessibility test coverage

---

Deploy infrastructure

• scripts/pre-deploy.sh — pre-deploy now runs via a shell script
• collectstatic runs at Docker build time (baked into image; pre-deploy container filesystem doesn't persist)
• web stage moved last in Dockerfile so Render builds it by default
• SILENCED_SYSTEM_CHECKS = ["django_vite.W001"] in prod settings
• /app/staticfiles pre-created with correct ownership in Dockerfile
• render.yaml updated to use ./scripts/pre-deploy.sh

---

This discussion was created from the release v0.22.0 Alpha.