{/* large title */}

47 records · 12 conditions

Records

{/* search */}

Search records, conditions, witnesses…

{/* filters */}

{filters.map(f => { const sel = filter === f; return ( ); })}

{/* list */}

{Object.entries(groups).map(([date, rows]) => (

{date}

{rows.length}

{rows.map(r => ( ))}

))}

filter pills · navy = selected

); } // ─── 5. RECORD DETAIL ─────────────────────────────────────────────── function DetailScreen({ go }) { const [chainOpen, setChainOpen] = React.useState(false); const [playing, setPlaying] = React.useState(false); return (

go('records')}>} right={} title="Record · 9 May, 14:32" subtitle="r-2026-05-09-1432-a4f" />

{/* header strip */}

symptom MSK-back · 7/10 off

{/* audio player */}

00:34 01:24

{/* transcript */}

Transcript · v2 (edited)

Loading stores at Holsworthy this morning, lifting a 25kg crate onto the rack. Felt it go in the lower back, right side. Pain came on quickly, sharp, then settling to a dull ache. About a 7. Same spot as the 2019 incident. Did not report it on the spot — finished the shift.

{/* metadata block */}

Metadata

{[ ['note type', 'symptom'], ['condition', 'MSK-back'], ['severity', '7 / 10'], ['reported to', 'no-one'], ['medical attn.', 'not yet'], ['witnesses', 'CPL-A · CPL-B (coded)'], ['linked', '3 records · MSK-back chain'], ].map(([k, v], i, arr) => (

{k} {v}

))}

{/* chain of custody — folded */}

{chainOpen && (

captured-at 2026-05-09T14:32:14+10:00

sha-256 a4f9c2…7e1b8d4f02c1ab9d5e3f64a9c2b71f8

device iPhone 16 · iOS 26.1.1

device-fp 7c:42:9a:b1 (rotated, anonymous)

au-region syd-1 · stored 14:32:18

edit history

· v1 14:32:18 — original

· v2 16:08:42 — transcript correction (3 chars)

)}

teal play · monospace timer forensic page · zero adornment

); } // ─── 6. EXPORT COMPOSER ───────────────────────────────────────────── function ExportScreen({ go }) { const [shape, setShape] = React.useState('cornelius'); const [selectedIds, setSelectedIds] = React.useState(new Set(['r1','r2','r4','r6','r7'])); const toggle = (id) => { const s = new Set(selectedIds); s.has(id) ? s.delete(id) : s.add(id); setSelectedIds(s); }; const count = selectedIds.size; return (

Export · brief

New export

{/* shape selector */}

{[ { id: 'cornelius', name: 'Cornelius pack', sub: 'For your treating doctor' }, { id: 'advocate', name: 'Advocate brief', sub: 'For ESORT or paid advocate' }, ].map(s => { const sel = shape === s.id; return ( ); })}

{/* filters */}

Filters

{[ ['date range', 'Mar 2026 — May 2026'], ['conditions', 'MSK-back · PTSD · sleep'], ['severity ≥', '4'], ].map(([k, v]) => (

{k} {v}

))}

matching {count} of 47 selected

{/* consistency check */}

Consistency check · 1 issue

Onset date for MSK-back differs between r-2024-08-12 (“Aug 2019”) and r-2025-03-04 (“early 2020”).

{/* records checklist */}

Records · {count} included

{SAMPLE_RECORDS.map(r => { const sel = selectedIds.has(r.id); return ( ); })}

{/* Generate button */}

navy border = warning · no red

); } // ─── Settings (light, just for completeness) ───────────────────────── function SettingsScreen({ go }) { return (

Settings

{[ { head: 'Storage', items: [['Australian region', 'syd-1'], ['Local cache', '142 MB'], ['Hashing', 'SHA-256 on-device']]}, { head: 'Capture', items: [['Location stamp', 'Off'], ['Record gesture', 'Press and hold'], ['Auto-transcribe', 'On']]}, { head: 'Account', items: [['Recovery key', '··· ···· ···· printed'], ['Biometric unlock', 'Face ID']]}, ].map(g => (

{g.head}

{g.items.map(([k, v], i, arr) => (

{k} {v}

))}

); } Object.assign(window, { RecordsScreen, DetailScreen, ExportScreen, SettingsScreen, SAMPLE_RECORDS });