/* ============================================================ MUIY — Lab Results Import · LabImportSheet Upload → Process (enhance + OCR) → Review → Save Photos · screenshots · scanned reports · multi-page PDFs. Reads window.LABX (OCR engine) + window.MON (registry). ============================================================ */ /* ---- tiny presentational bits ---- */ function ConfBar({ v }) { const pct = Math.round((v || 0) * 100); const col = pct >= 85 ? 'var(--success)' : pct >= 60 ? 'var(--waiting)' : 'var(--orange)'; return (
{pct}%
); } function fmtSize(b) { if (b < 1024) return b + ' B'; if (b < 1048576) return Math.round(b / 1024) + ' KB'; return (b / 1048576).toFixed(1) + ' MB'; } function fileKind(f) { if (LABX.isPdf(f)) return 'PDF'; if (LABX.isHeic(f)) return 'HEIC'; return (f.type.split('/')[1] || 'image').toUpperCase(); } /* ---- assign / relabel a result to a registry test ---- */ function RemapPicker({ rawName, onPick, onClose }) { const [q, setQ] = React.useState(''); const list = React.useMemo(() => { if (q.trim()) return MON.REGISTRY.filter((t) => MON.searchTest(t, q)).slice(0, 14); return LABX.suggestions(rawName, 8).filter((s) => s.score > 0.18).map((s) => s.test); }, [q, rawName]); return (
setQ(e.target.value)} placeholder={'Match “' + (rawName || 'this result').slice(0, 22) + '” to…'} style={{ flex: 1 }} />
{list.map((t) => { const g = MON.groupOfCat(t.category); return ( ); })} {!list.length &&
No matching test — try another name.
}
); } /* ---- one editable result row ---- */ function ResultRow({ row, onChange, onRemove, onRemap }) { const [open, setOpen] = React.useState(false); const t = row.testId ? MON.testById(row.testId) : null; const flag = t && t.normal_range ? MON.valueFlag(t, row.value) : null; const hasErr = row.warnings.some((w) => w.level === 'error'); const hasWarn = row.warnings.some((w) => w.level === 'warn'); const lowConf = row.ocrConfidence < 0.6; const accent = row.status === 'unmatched' ? 'var(--ink-3)' : hasErr ? 'var(--orange)' : (hasWarn || lowConf) ? 'var(--waiting)' : 'var(--hairline)'; return (
onChange({ value: e.target.value })} placeholder="Value" style={{ flex: 1.2, borderColor: hasErr ? 'var(--orange)' : (flag && flag.dir !== 'normal' ? flag.color : undefined) }} /> onChange({ unit: e.target.value })} placeholder="Unit" style={{ flex: 1 }} />
onChange({ date: e.target.value })} style={{ flex: 1 }} /> {flag && flag.dir !== 'normal' && {flag.label}} {row.range && ref {row.range}}
{row.warnings.map((w, i) => (
{w.msg}
))}
{open && setOpen(false)} onPick={(t) => { onRemap(t); setOpen(false); }} />}
); } /* ---- thalassaemia-aware highlights ---- */ function ImportHighlights({ rows, store }) { const items = []; const keep = rows.filter((r) => r.include && r.testId && String(r.value).trim()); const get = (id) => keep.find((r) => r.testId === id); const fer = get('ferritin'); if (fer) { const v = LABX.numOf(fer.value); const tgt = (window.CLINICAL && CLINICAL.FERRITIN.target) || 1000; const mod = (window.CLINICAL && CLINICAL.FERRITIN.moderate) || 2500; // trend vs the most recent ferritin already on record const prior = (store.data.testLogs || []).filter((l) => l.testId === 'ferritin' && l.date < fer.date) .sort((a, b) => (a.date < b.date ? 1 : -1))[0]; let trend = ''; if (prior) { const pv = LABX.numOf(prior.value); if (!isNaN(pv) && !isNaN(v)) { const d = v - pv; trend = d === 0 ? 'unchanged' : (d < 0 ? '↓ ' + Math.abs(Math.round(d)) + ' from last' : '↑ ' + Math.round(d) + ' from last'); } } if (!isNaN(v)) { const over = v > mod ? 'high' : v > tgt ? 'warn' : 'good'; items.push({ icon: 'sparkle', tone: over, title: 'Ferritin ' + Math.round(v) + ' ng/mL', sub: (v > mod ? 'Above the ' + mod + ' risk threshold' : v > tgt ? 'Above the ' + tgt + ' target band' : 'Within target band') + (trend ? ' · ' + trend : ''), }); } } const liver = ['alt', 'ast', 'ggt'].map(get).filter(Boolean).filter((r) => { const t = MON.testById(r.testId); const f = t && MON.valueFlag(t, r.value); return f && f.dir !== 'normal'; }); if (liver.length) items.push({ icon: 'clipboard', tone: 'warn', title: 'Liver markers flagged', sub: liver.map((r) => MON.testById(r.testId).name + ' ' + r.value).join(' · ') }); const endo = ['tsh', 'free_t4', 'fsh', 'lh', 'testosterone', 'estradiol', 'cortisol', 'hba1c'].map(get).filter(Boolean); if (endo.length) items.push({ icon: 'shield', tone: 'info', title: 'Endocrine results captured', sub: endo.map((r) => MON.testById(r.testId).name).join(' · ') }); const renal = ['creatinine', 'egfr', 'urea'].map(get).filter(Boolean); if (renal.length) items.push({ icon: 'drop', tone: 'info', title: 'Renal results captured', sub: renal.map((r) => MON.testById(r.testId).name).join(' · ') }); if (!items.length) return null; const TONE = { high: ['var(--orange-wash)', 'var(--orange)'], warn: ['var(--yellow-wash)', 'var(--waiting)'], info: ['var(--sky-wash)', 'var(--sky-deep)'], good: ['var(--green-wash)', 'var(--success)'] }; return (
For your thalassaemia care
{items.map((it, i) => { const [bg, col] = TONE[it.tone] || TONE.info; return (
{it.title} {it.sub}
); })}
); } /* ============================================================ MAIN SHEET ============================================================ */ function LabImportSheet({ store, close, profile }) { const [stage, setStage] = React.useState('intake'); // intake | processing | review | saved | error const [files, setFiles] = React.useState([]); // {id,file,name,size,kind,status,err,pages} const [enhance, setEnhance] = React.useState(true); const [paste, setPaste] = React.useState(''); const [showPaste, setShowPaste] = React.useState(false); const [prog, setProg] = React.useState({ label: '', pct: 0 }); const [meta, setMeta] = React.useState({}); const [rows, setRows] = React.useState([]); const [err, setErr] = React.useState(''); const [readWarning, setReadWarning] = React.useState(''); const [savedInfo, setSavedInfo] = React.useState(null); const [addOpen, setAddOpen] = React.useState(false); const [saving, setSaving] = React.useState(false); const [keepOriginal, setKeepOriginal] = React.useState(false); // storage-opt: discard original by default const fileRef = React.useRef(null); const camRef = React.useRef(null); const dropRef = React.useRef(null); const addFiles = (list) => { const arr = Array.from(list || []); if (!arr.length) return; setFiles((cur) => cur.concat(arr.map((f) => ({ id: (window.TC && TC.uid) ? TC.uid() : Math.random().toString(36).slice(2, 10), file: f, name: f.name || 'report', size: f.size, kind: fileKind(f), status: 'queued', err: '', pages: [], thumb: null, })))); }; const onFile = (e) => { addFiles(e.target.files); e.target.value = ''; }; const removeFile = (id) => setFiles((cur) => cur.filter((f) => f.id !== id)); React.useEffect(() => { const el = dropRef.current; if (!el) return; const over = (e) => { e.preventDefault(); el.classList.add('drag'); }; const leave = () => el.classList.remove('drag'); const drop = (e) => { e.preventDefault(); el.classList.remove('drag'); addFiles(e.dataTransfer.files); }; el.addEventListener('dragover', over); el.addEventListener('dragleave', leave); el.addEventListener('drop', drop); return () => { el.removeEventListener('dragover', over); el.removeEventListener('dragleave', leave); el.removeEventListener('drop', drop); }; }, [stage]); const recompute = (list) => list.map((r) => ({ ...r, warnings: LABX.validateRow(r, store.data.testLogs || []) })); const run = async () => { if (!files.length && !paste.trim()) return; setStage('processing'); setErr(''); setReadWarning(''); try { // 1 · prepare every file. Born-digital PDFs yield their TEXT layer (no OCR // — exact + fast + bypasses the image path entirely); everything else // becomes enhanced page images for vision OCR. const pageUrls = []; let digitalText = ''; let anyDigital = false; let fi = 0; for (const f of files) { fi++; setFiles((cur) => cur.map((x) => x.id === f.id ? { ...x, status: 'processing' } : x)); setProg({ label: 'Preparing ' + f.name + (files.length > 1 ? ' (' + fi + '/' + files.length + ')' : ''), pct: Math.round((fi - 0.5) / (files.length + 1) * 40) }); try { const prepared = await LABX.prepareFile(f.file, { enhance, onPage: (p, n) => setProg({ label: 'Rendering page ' + p + ' of ' + n + ' · ' + f.name, pct: 10 + Math.round(p / n * 25) }), onText: (p, n) => setProg({ label: 'Reading text · page ' + p + ' of ' + n + ' · ' + f.name, pct: 10 + Math.round(p / n * 25) }), }); if (prepared.mode === 'text') { digitalText += '\n\n' + prepared.text; anyDigital = true; setFiles((cur) => cur.map((x) => x.id === f.id ? { ...x, status: 'done', source: 'pdf-text', pages: [] } : x)); } else { prepared.pages.forEach((pg) => pageUrls.push(pg.dataUrl)); setFiles((cur) => cur.map((x) => x.id === f.id ? { ...x, status: 'done', source: prepared.source, pages: prepared.pages, thumb: prepared.pages[0] && prepared.pages[0].thumb } : x)); } } catch (e) { setFiles((cur) => cur.map((x) => x.id === f.id ? { ...x, status: 'error', err: (e && e.friendly) || 'Couldn’t read this file.' } : x)); } } const extraText = (digitalText + '\n' + paste).trim(); if (!pageUrls.length && !extraText) { setErr(LABX.classifyError({ allFailed: true }).message); setStage('error'); return; } // 2 · extract + map const onP = (p) => { if (p.phase === 'reading') setProg({ label: 'Reading report' + (p.pages > 1 ? ' · page ' + p.page + '/' + p.pages : '') + '…', pct: 45 + Math.round((p.page / Math.max(1, p.pages)) * 40) }); else if (p.phase === 'matching') setProg({ label: 'Matching to your tests…', pct: 92 }); }; const res = pageUrls.length ? await LABX.extractFromPages(pageUrls, extraText, onP) : await LABX.extractFromTextOnly(extraText, onP, anyDigital ? 'pdf-text' : 'text'); setMeta(res.meta || {}); setRows(recompute(res.rows)); if (!res.rows.length) { // SOFT path — never a dead end. Land on review so the user can confirm or // add values by hand, with the page image alongside for reference. setReadWarning('We couldn’t automatically pull values from this report — the layout may be unusual. Add results by hand below, or paste the text. The page is shown here for reference.'); } setStage('review'); } catch (e) { setErr(LABX.classifyError(e).message); setStage('error'); } }; const patchRow = (id, patch) => setRows((cur) => recompute(cur.map((r) => r._id === id ? { ...r, ...patch } : r))); const remapRow = (id, t) => setRows((cur) => recompute(cur.map((r) => r._id === id ? { ...r, testId: t.id, status: 'matched', matchScore: 1, matchMethod: 'manual', include: true, unit: r.unit || t.unit || null } : r))); const removeRow = (id) => setRows((cur) => cur.filter((r) => r._id !== id)); const addRow = (t) => { setRows((cur) => recompute(cur.concat([LABX.buildRow({ n: t.name, v: '', u: t.unit, c: 100, d: anchorDate() }, meta)].map((r) => ({ ...r, testId: t.id, status: 'matched', matchScore: 1, include: true }))))); setAddOpen(false); }; const anchorDate = () => rows[0] ? rows[0].date : (LABX.todayStr()); const applyDateAll = (d) => setRows((cur) => recompute(cur.map((r) => ({ ...r, date: d })))); const hasError = (r) => r.warnings && r.warnings.some((w) => w.level === 'error'); const kept = rows.filter((r) => r.include && r.testId && String(r.value).trim() && !hasError(r)); const blockedRows = rows.filter((r) => r.include && r.testId && String(r.value).trim() && hasError(r)); const needsReview = rows.filter((r) => r.include && (r.status !== 'matched' || r.ocrConfidence < 0.6 || r.warnings.some((w) => w.level !== 'info'))); const unmatched = rows.filter((r) => r.status === 'unmatched'); const save = async () => { if (!kept.length) { close(); return; } if (saving) return; const importId = (window.TC && TC.uid) ? TC.uid() : Math.random().toString(36).slice(2, 10); const stamp = new Date().toISOString(); const avgConf = Math.round(kept.reduce((s, r) => s + r.ocrConfidence, 0) / kept.length * 100); // STORAGE OPTIMISATION — by default we retain ONLY the structured values // below; the original photo/PDF (and its thumbnail) is discarded the moment // the user saves. They opt in via “Keep the original report”, which uploads // it to the private lab-reports bucket for future reference. setSaving(true); const fileMeta = []; if (keepOriginal) { for (const f of files) { let ref = null; try { ref = await window.TCFiles.putOriginal(f.file, { bucket: 'lab-reports', folder: importId, kind: 'lab_report', refId: importId, name: f.name }); } catch (e) { ref = null; } fileMeta.push({ name: f.name, kind: f.kind, size: f.size, thumb: f.thumb || null, ref: ref }); } } setSaving(false); store.mutate((d) => { d.testLogs = d.testLogs || []; d.imports = d.imports || []; d.imports.push({ id: importId, importedAt: stamp, method: 'ocr', lab: meta.lab || null, patient: meta.patient || null, reportDate: meta.reportDate || null, collected: meta.collected || null, resultCount: kept.length, avgConfidence: avgConf, keptOriginal: !!keepOriginal, files: fileMeta, }); kept.forEach((r) => { const vid = MON.ensureVisit(d, r.date, r.testId); d.testLogs.push({ id: (window.TC && TC.uid) ? TC.uid() : Math.random().toString(36).slice(2, 10), testId: r.testId, date: r.date, value: String(r.value).trim(), unit: r.unit || null, method: 'scan', visitId: vid, notes: null, createdAt: stamp, importId, confidence: Math.round(r.ocrConfidence * 100), matchScore: r.matchScore, originalName: r.rawName || null, originalUnit: r.unit || null, }); // mirror Hb + ferritin into their dedicated logs so Today/Health trends refresh const nv = LABX.numOf(r.value); if (r.testId === 'haemoglobin' && !isNaN(nv)) { d.hbLog = d.hbLog || []; d.hbLog.push({ id: TC.uid(), date: r.date, value: nv, source: 'lab_report', importId }); } if (r.testId === 'ferritin' && !isNaN(nv)) { d.ferritinLog = d.ferritinLog || []; d.ferritinLog.push({ id: TC.uid(), date: r.date, value: nv, source: 'lab_report', importId }); } }); }); const dates = Array.from(new Set(kept.map((r) => r.date))); setSavedInfo({ count: kept.length, dates: dates.length, avgConf, kept: !!keepOriginal && files.length > 0 }); setStage('saved'); }; /* ---------- render ---------- */ const title = stage === 'review' ? 'Review extracted results' : stage === 'saved' ? 'Results imported' : stage === 'processing' ? 'Reading your report' : 'Import lab results'; return ( {stage === 'intake' && (
fileRef.current && fileRef.current.click()}> …or drag files here · multiple welcome · JPG · PNG · HEIC · WEBP · PDF
{/* capture="environment" opens the rear camera straight away on phones */} {files.length > 0 && (
{files.map((f) => (
{f.kind} {f.name} {fmtSize(f.size)}
))}
)} {showPaste ? (