Staff performance views

Open Staff in the sidebar and look just below the page title. There are four tabs that switch the page between different views of the same staff list. They're linked via the ?view= query param so each one is shareable.

The four tabs:

• Roster (default) — the editable list. Search, segment filter, pagination.
• Floor — who's working today, with check-in / no-show / complete states.
• Performance — per-staff KPIs across a date range.
• Heatmap — when each staff member is busiest, day-by-hour.

Roster (?view= empty)

The classic staff list. Across the top:

• KPI strip — quick rollup of headline staff metrics for the current salon (active staff, average utilization, top performer, etc.).
• Segment tabs — filter by status (e.g. All / Active / Pending / Inactive).
• Search — by name.
• Add Staff button — gated by your plan's per-location staff cap. If you've hit the cap, this opens the upgrade prompt instead.

Each row shows the staff member's name, role / title, status badge, and quick actions. Click the row to open their detail page.

If you have more than 10 staff, pagination kicks in at the bottom (page size = 10).

Floor (?view=floor)

A live view of what's happening on the salon floor right now. Each staff member shows:

• Their current booking (if any) — client and service.
• The status of that booking — Scheduled, Checked in, In progress, Complete, No-show.
• The next booking queued for them.

Best for the front desk during business hours — you can see at a glance who's free, who's late, and who's about to roll over to the next client. This view is the Live floor strip on the Operational dashboard, rendered with more detail.

Performance (?view=performance)

Per-staff numbers across a date range:

• Bookings completed
• Revenue
• Average ticket
• Utilization (% of working hours actually booked)
• Rebook rate (how often that staff member's clients return)

The Performance tab pulls from the same underlying data as Reports → Staff, but laid out as a single-page comparison rather than a detail report.

Heatmap (?view=heatmap)

A day-of-week × hour-of-day grid for each staff member, coloured by how booked they are. Hot squares = busy slots; cold squares = idle slots.

Use this to spot:

• Staff who are over-booked at peak hours — a cue to add coverage or smooth pricing.
• Staff with quiet pockets mid-day — a cue to push promotions or shift their hours.
• Day-of-week patterns — Tuesdays are dead for everyone? Maybe close.

Per-staff detail

Clicking a staff row from any tab opens /staff/[id] — the staff detail page. From there you can edit the same data the Add Staff form holds, plus tooling specific to that one person:

• Public profile preview — opens the Stylists tab card for this staff member exactly as clients see it. Quick way to verify the display name / title / photo / bio are clean before saving.
• Schedule — the per-day hours editor (same modal the Staff schedule page uses).
• Permissions — the same five-group permission panel from the Add Staff form.