// LPR Platform — Doctor screens (Dashboard, Patients list, Patient overview, Domains, Alerts, Evolution) // ───────────────────────────────────────────────────────────── // 1. Login // ───────────────────────────────────────────────────────────── function LoginScreen({ T, onLogin }) { const [role, setRole] = React.useState('doctor'); const [email, setEmail] = React.useState('helena.marques@longevium.com.br'); const [password, setPassword] = React.useState('••••••••••••'); const roles = [ { id: 'doctor', label: 'Médico', icon: , sub: 'Acesso clínico completo' }, { id: 'clinic', label: 'Clínica', icon: , sub: 'Gestão e governança' }, { id: 'patient', label: 'Paciente', icon: , sub: 'Acompanhamento do protocolo' }, ]; return (
{/* Left — form */}
Entrar na plataforma
Plataforma clínica do protocolo LPR — Lifestyle Precision Reset.
{roles.map((r) => { const on = role === r.id; return ( ); })}
} value={email} onChange={setEmail} full/>
} type="password" value={password} onChange={setPassword} full/>
Sistema em conformidade com LGPD e HIPAA. Dados clínicos criptografados em trânsito e em repouso. Auditoria completa de acessos.
© 2026 Longevium · LPR Platform v1.4.2 Suporte clínico · suporte@longevium.com.br
{/* Right — visual side */}
{/* Decorative concentric rings */} {[1,2,3,4,5,6,7,8].map((i) => ( ))} {[1,2,3,4,5,6].map((i) => ( ))}
Plataforma clínica · Precisão por padrões
O sistema não responde ao dado.
Responde ao padrão ao longo do tempo.
Orquestração de protocolos clínicos longitudinais com Safety Engine integrado, análise interdomínios e governança médica.
8
Domínios clínicos
120+
Marcadores rastreados
24/7
Monitoramento contínuo
); } // ───────────────────────────────────────────────────────────── // 2. Dashboard do médico // ───────────────────────────────────────────────────────────── function DashboardScreen({ T, onOpenPatient, onNavigate }) { const [filter, setFilter] = React.useState('all'); const filters = [ { id: 'all', label: 'Todos', count: 47 }, { id: 'red', label: 'Alerta vermelho', count: 4 }, { id: 'pending', label: 'Exames pendentes', count: 11 }, { id: 'low', label: 'Baixa adesão', count: 6 }, { id: 'block', label: 'Bloqueado pelo Safety', count: 3 }, ]; const priority = PATIENTS.slice().sort((a, b) => { const order = { red: 0, yellow: 1, green: 2 }; return order[a.semaphore] - order[b.semaphore] || (a.adherence - b.adherence); }); return (
{/* Hero KPI strip */}
em 3 protocolos} icon={} tone="primary" onClick={() => setFilter('all')} active={filter === 'all'} trend={}/> } tone="error" onClick={() => setFilter('red')} active={filter === 'red'} trend={}/> } tone="warning" onClick={() => setFilter('pending')} active={filter === 'pending'}/> } tone="warning" onClick={() => setFilter('low')} active={filter === 'low'}/> } tone="error" onClick={() => setFilter('block')} active={filter === 'block'}/>
{/* Priority list */}
}>
{filters.map((f) => { const on = filter === f.id; return ( ); })}
{priority.slice(0, 7).map((p, i) => ( onOpenPatient && onOpenPatient(p.id)}/> ))}
{/* Right column — activity + insights */}
Plantão Dr. Helena}>
}/>
}>3 padrões}> {[ { p: ['Mariana Corrêa'], pat: 'Sono → Glicemia → Adesão', sev: 'high', delta: 'piorando' }, { p: ['Eduardo Pacheco'], pat: 'Inflamação + Metabólico', sev: 'high', delta: 'piorando' }, { p: ['Sofia Mendonça'], pat: 'Hormonal + Comportamental', sev: 'medium', delta: 'estável' }, ].map((row, i) => (
{row.pat}
{row.p[0]} · {row.delta}
))}
); } function Stat({ T, label, value, sub }) { return (
{label}
{value}
{sub != null ?
{sub}
: null}
); } function PatientRow({ p, T, divider, compact, onClick }) { const sem = STATUS_COLOR(T)[p.semaphore]; return (
e.currentTarget.style.background = T.surfaceAlt} onMouseLeave={(e) => e.currentTarget.style.background = 'transparent'}>
{p.name} {p.age}a · {p.sex} {p.safety === 'block' ? }>Safety bloqueia : null} {p.safety === 'caution' ? }>Cautela : null}
{p.cycle} · Check-in {p.lastCheckin} {p.alerts > 0 ? <>·{p.alerts} alertas : null}
{/* Domain dots */} {!compact ? null : (
{LPR_DOMAINS.map((d) => { let s = 'green'; if ((p.redDomains || []).includes(d.id)) s = 'red'; else if ((p.yellowDomains || []).includes(d.id)) s = 'yellow'; const c = STATUS_COLOR(T)[s]; return ; })}
)}
Score LPR
{p.scoreGlobal}
); } // ───────────────────────────────────────────────────────────── // 3. Lista de pacientes (tabela) // ───────────────────────────────────────────────────────────── function PatientsListScreen({ T, onOpenPatient }) { const [search, setSearch] = React.useState(''); const [sort, setSort] = React.useState('priority'); return (
} placeholder="Buscar por nome, MRN, e-mail" value={search} onChange={setSearch} style={{ flex: 1, maxWidth: 360 }} full/>
{['Paciente', 'Protocolo', 'Score LPR', 'Semáforo', 'Domínios em vermelho', 'Último check-in', 'Alertas', 'Exames', ''].map((h, i) => ( ))} {PATIENTS.map((p, i) => { const sem = STATUS_COLOR(T)[p.semaphore]; return ( onOpenPatient && onOpenPatient(p.id)} style={{ borderBottom: i < PATIENTS.length - 1 ? `1px solid ${T.border}` : 0, cursor: 'pointer' }} onMouseEnter={(e) => e.currentTarget.style.background = T.surface} onMouseLeave={(e) => e.currentTarget.style.background = 'transparent'}> ); })}
{h}
{p.name}
{p.age}a · {p.sex} · {p.mrn}
{p.protocolShort}
{p.cycle}
{p.scoreGlobal}
{(p.redDomains || []).length === 0 ? — : (p.redDomains || []).map((d) => ( {LPR_DOMAINS.find((x) => x.id === d)?.short} ))}
{p.lastCheckin} {p.alerts > 0 ? ( = 3 ? 'error' : 'warning'} icon={}>{p.alerts} ) : —} {p.examsStatus === 'pending' && Pendentes} {p.examsStatus === 'lowConfidence' && Baixa confiança} {p.examsStatus === 'validated' && }>Validados}
Mostrando 1–8 de 47 pacientes
); } Object.assign(window, { LoginScreen, DashboardScreen, PatientsListScreen, Stat, PatientRow });