CBMS PRO · Kiosk Grader redesign

Mockups, round 1

There are four small files, one per area, so a change in one can't break the others. Grading is built first. Admin mode is set up so it can connect later. Each file shows 3+ options with ids you can reference, like "1a with 2b's table".

1a–1dGrading flow, queue and app shellSplit workspace, stage board, focus view, iPhone 17 Pro 12q–12bMobile (iPhone 17 Pro)Queue, Grading Hub, Send Feedback WiringINTEGRATIONS.mdHow to connect S3, Gamma, Bedrock, Slack and Asana without editing the designs 10a · NewHistoryEvery grade with Slack + Asana receipts 9a · NewLogicAnimated explainers for the flow, AI grading, Autopilot, feedback and PSC 8a · NewGrading HubAnswer key vs. student side by side, CBMS tabs, fails first 2a–3cGrade results, override and sendingTriage, full table and tab-grouped results, plus Slack and Asana previews sent separately 4a–5cPSC corrections and SettingsStatus cards, diff inbox, coaching heatmap, Connections and health 6a–6cAdmin mode: Creating and FilingAdmin home, step-by-step Create Kiosk, filing queue and hub

On phones and browsers

The iPhone layout (1d) is a separate single-column design, not a shrunk desktop. Fetching from CBMS stays desktop-only. Every layout uses standard flex/grid, so it renders the same in Chrome and Firefox on Mac and Windows.