Review in order
Prototypes
Each prototype inherits its shell from #01. Click a card to open in this tab — use back to return.
01 · Foundation
App Shell
Canonical chrome — two-layer rail (52px Module Rail + 200px Section Nav), 7 modules with working Layer 2,
AttentionIndicator in topbar, floating Ask button, mobile bottom nav. 3 bridge variants (Standalone / TGX / Workplaze).
Open prototype
02 · Foundation
Component Library
Live component showcase — tier labels (Healthy / Monitor / Action needed), live module switcher, AttentionStack,
Ask button, contextual Consult CTAs, Triage card, Mental Weekly check-in entry card.
Open prototype
03 · Physical pillar
Biomarkers Surface
The deep dive. Canvas 2D ring score, Status / Category toggle, bidirectional zone-aware range bars per biomarker,
modal drill-down with historical trend chart, KTAXA tier transparency. Absorbed Trends in Chunk 7.
Open prototype
04 · Adjacent pillar
Mental Pillar
Violet accent. WHO-5 weekly check-in entry, per-question dot breakdown, 9-week history, Chart.js line, full
interactive 5-question survey. Phase 3 placeholders for Stress signals + Get support.
Open prototype
05 · HRIS-entitled pillar
Workplace Pillar
Readiness from HRIS signals — time tracked, OT, leave, rest. Hidden entirely for non-HRIS clients.
Forward-looking surface; Phase 2 build CUT to protect Q3 launch.
Open prototype
06 · Cross-pillar action
Consult Flow
Both variants behind a prototype toggle. KTAXA 4-step (with invisible Triage spinner + recommendation card)
and non-KTAXA 3-step direct. Variant determined at runtime by insurance provider.
Open prototype
07 · Upload flow · UNIFIED 2026-06-04
Upload Checkup Flow — unified
Consolidated: former screens 07–12 are now ONE state-switched file. States: empty → uploading → analyzing → review → manual + devices. Switch via the dev switcher bar (or
Open: unified flow
↳ state: uploading
?state=).
New: Review & Manual now ask for Date of health checkup (required) + Session name (optional). Saved values route to Biomarkers (#03).
Uploading files
File-row pattern with done / uploading / error states + status bar. Animates one file to completion.
Open: uploading state
↳ state: pending
Analyzing (extraction)
Honest 4-step extraction — no booklet animation, no fake detection overlays. "You can close this tab" notify-style copy. Auto-routes to Review.
Open: pending state
↳ state: review
Review extracted values
checkupDate (required) + sessionLabel (optional) at top. 3-bucket OCR confidence (Needs review / Missing / Confirmed). Source viewer = file list + page strip + quoted text excerpt.
Open: review state
↳ state: manual
Manual entry fallback
checkupDate (required) + sessionLabel (optional) at top. No booklet? Enter values by category. Auto-saves as you type. Per-category progress + sticky CTA.
Open: manual state
↳ state: devices
Device integrations
Connect Apple Health, Garmin, WHOOP, and CGM devices via OAuth. Includes data scope preview modal, how-it-works steps, privacy note, and coming-soon grid.
Open prototype
Report · Phase 2.2
Biomarker History Report
PDF-grade doctor pre-read — dual time-window (Recent 12mo + Long-term 5yr), clinical zone bands + personal range overlay + AVG line, bilingual above-fold disclaimer, full @page print CSS. One canonical artifact shared between PharmCare consult handoff and Health Passport export.
Open report
Reference
Specs & design foundation
Background reading — open in a separate tab.
- Design system extracted v2 — verbatim CSS tokens, components, do/don't rules design-system.md →
- Bilingual glossary v2 — TH / EN paired strings (~230 entries) glossary.md →
- v5.1 Handoff doc — full prototype set narrative + dev guidance handoff.md →
- Pre-v5.1 spec markdowns (WB-2 Trends · WB-3 PharmCare · WB-4 Hardware) specs/ →
Archived prototypes — superseded, kept for audit
Pre-v5.1 work and the retired Trends prototype live under _archive/. Not part of active review — open only for historical context.
- Pre-v5.1:
_archive/pre-v5-1/— earlier app-shell + component-library iterations - Retired Chunk 7:
_archive/retired-chunk-7/wellnest-trends-v5-1.html— Trends merged into Biomarkers (#03) - Pre-v5.1 feature prototypes:
_archive/pre-v5-1-feature-prototypes/— original WB-2 / WB-3 / WB-4 standalone drafts (Apr 2026) - OCR Upload bespoke v1:
_archive/2026-05-14-ocr-bespoke/— first-build (same-day archived) of the Upload Checkup flow. Bespoke chrome violated Gotcha #56; replaced by canonical-shell rebuild #07–11. See README inside.