feat(dashboard): mobile-first analytics compaction, milestones UX, and navbar cleanup

[romahawk]

Description

• Refactors dashboard UX for compact, mobile-first analytics while preserving product behavior.
• Adds milestone discoverability and achievement history access.
• Restores/admin-gates dev mode tooling.
• Optimizes frontend bundle and chart rendering performance.
• Updates docs for roadmap and session kickoff continuity.
• What Changed

Mobile log:
Added responsive mobile card list rendering for log entries.

Analytics:

• Compressed filters/KPIs for mobile.
• Default period set to 90d.
• Calendar streak defaults: 90d mobile, 365d desktop.
• Improved attempts-vs-made rendering stability.
• Best zone text compacted for small cards.
• Court heatmap zone visibility tuning (including opacity and corner sizing).
• Milestones/Badges:
• Added badge strip under milestone.
• Added clickable milestone modal listing achieved milestones.

Navbar:

• Removed obsolete/duplicative top-level onboarding/help actions.
• Unified button style.
• Mobile actions are icon-only.
• Neon accent updated to orange.
• Dev mode / roles:
• Admin-only dev mode visibility and role-based access handling.
• Added roles/dev-mode support files and docs.
• Performance:
• Route/analytics code-splitting.
• Firebase auth/firestore split.
• Replaced heavier chart usage with lightweight SVG implementations.

Docs:

• Updated ux-spec, added roadmap, added reusable session kickoff prompt.

Validation

• npm run lint
• npm run build

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
smartshooter	Ready	Preview, Comment	Feb 15, 2026 10:56am