Remove on-screen example-data notices, tidy spacing, match Work header pill to Clinical

Merged
BI
1mo ago
+123-474

User description

Requested by Josh 路 project thread

Summary

Before: while example data showed, every work area carried an "EXAMPLE 路 Made-up data to look around. Nothing is saved. Sign in / Turn off" strip under the header, plus amber Example tags, "Example data. Changes stay on this page" notes, "Example only. Sign in to add your own shifts" notices and "Example 路" prefixes on rows. The Work header's area pill was shorter than the Clinical "Answer" pill, with empty space before its chevron, and its round buttons were 44px glass against Clinical's 48px.

After: none of those notices draw. The example data switch, the export/share/copy block and its explaining sheet all stay, and example data is turned off, and signed in to, from Settings. The Work and Clinical area pills are both 48px tall and both hug their name, with the chevron right after it and no empty space (Josh, 10 Oct 2026), up to a width limit. Round glass buttons are 48px. Roster's outline buttons (Who is on, Phone numbers and the rest) use semibold text with a little vertical padding, and On Call phone rows keep a 16px right gutter instead of 8px.

Kept on purpose: notices that explain why a tapped action did nothing, On Call's fake phone numbers and "these crisis lines are real" line (safety), the safety plan's non-working numbers, First Nations governance labels, the printed CPD summary's "not a personal CPD record" line, "Roster is showing example shifts only, so your shifts aren't shown" (explains hidden real data), and the always-example Assessments and Workforce prototypes.

Areas touched: Personal practice, App experience, Design system, Prototypes

Verification

  • npm run test:focused over the notice changes: 144 files, 1899 tests passed. Over the CSS and button changes: 18 files, 303 tests passed. Over the final pill change: 4 files, 61 tests passed.
  • tsc --noEmit clean, eslint clean on changed files.
  • Local screenshots at 440, 390 and 320 px of Roster My shifts, Clinical Answer, On Call People and Teaching. Browser suite left to CI.

Risk and rollout

  • Risk: people could mistake example shifts for real ones now the label is gone. This is the owner's decision (10 Oct 2026); the example switch in Settings and the export block remain. Header change touches every work area.
  • Rollback: revert this PR.
  • Provider or production effects: None.

Notes

  • No migration, no RAG surface.

馃 Generated with Claude Code

https://claude.ai/code/session_013DB4o6bJhwnnpqTcrVdcC4

Summary by Gitar

  • Personal search:
    • Search now excludes example records from roster, teaching and CPD results
    • Search lists only real On Call entries, so example entries no longer appear

This will update automatically on new commits.