CRM Design References

Standalone HTML mockups of every teacher- and guardian-facing CRM surface, built on the same design system as dashboard-reference.html. Open any card to view the page. Status badges map each mockup to what's actually shipped in the web crate today.

Live pagerendered by maud today Partial / stubroute exists, sections empty Core gapnot built — important Placeholdertext-only "coming soon"

Teacher CRM

The /app/* studio-management surfaces.

Studio Dashboard

Live page

Studio metrics, today's roster, student profile snapshot. /app

Students (Roster)

Live page

Active / pending / archived roster, search & filters, share-code CTA. /app/students

Student Detail

Partial / stub

Consent state, guardians, assignments, takes + listen player, Phase-2 signal seam. /app/students/:id

Enrollment Requests

Live page

Guardian-initiated requests; approve / decline. /app/requests

Reference Library

Core gap

Record / import references, library, review-trim editor with audio bar-grid. /app/references

Assignment

Core gap

Composer (title, reference, focus points, BPM) + lifecycle detail. /app/assignments

Share / Join Code

Live page

Join code, rotate, QR, public-profile seam. /app/share

Schedule

Placeholder

Week calendar + today's agenda. /app/schedule

Billing & Invoices

Placeholder

MRR stats, invoice list, paid / unpaid / overdue. /app/billing

Rehearsals & Recitals

Placeholder

Recital events, program ordering, performers. /app/rehearsals

Guardian / Family

Parent-facing surfaces (guardian session).

Family Dashboard

Live page

Children, teacher links, consent, request enrollment. /app/dashboard

Practice Activity

Placeholder

Take feed, voice-redaction + per-take approval, participation rewards. /app/practice

Auth

Sign-in and onboarding (centered Firebase shell).

Sign In & Onboarding

Live page

Firebase sign-in + role selection (teacher / guardian). /app/sign-in · /app/onboarding