{collapsed ? : <>

Juan Cruz

Operación · Obispo Trejo

}

{open && ; } const INITIAL_NOTIFS = [ {id:1, tipo:'CRÍTICA', cat:'clinico', icon:'danger', unread:true, titulo:'Escalamiento urgente · P-0221 Roberto Tonini', desc:'HbA1c 9.2% + IC estadio B. Requiere llamada médica en las próximas 4 hs.', tiempo:'hace 8 min', go:['caso','P-0221']}, {id:2, tipo:'ADHERENCIA', cat:'adherencia', icon:'sun', unread:true, titulo:'Gap de adherencia detectado · P-0428 María Elena Fernández Rossi', desc:'22 días sin retirar Dulaglutida. WF-ADH iniciado automáticamente.', tiempo:'hace 42 min', go:['caso','P-0428']}, {id:3, tipo:'RECETA', cat:'adherencia', icon:'sun', unread:true, titulo:'3 recetas vencen en menos de 7 días', desc:'P-0517 Pedro Alvarado · P-0634 Javier Ramírez · P-0703 Verónica Colombo.', tiempo:'hace 1 hs', go:['adherencia']}, {id:4, tipo:'FACTURACIÓN', cat:'facturacion', icon:'danger', unread:true, titulo:'Diferencia de precio detectada · P-0189 Carolina Mazzanti', desc:'Insulina Glargina fuera de rango OSDE (+6.2%). Requiere revisión antes del cierre.', tiempo:'hace 2 hs', go:['facturacion']}, {id:5, tipo:'SISTEMA', cat:'sistema', icon:'danger', unread:true, titulo:'Integración caída · Droguería Nacional', desc:'Timeout en consulta de stock. Sin sincronización hace 2 hs. 5 dispensas Interior en riesgo.', tiempo:'hace 2 hs', go:['configuracion']}, {id:6, tipo:'ADHERENCIA', cat:'adherencia', icon:'sun', unread:true, titulo:'Sin respuesta tras 3 intentos · P-0811 Esteban Funes', desc:'WhatsApp + SMS sin respuesta. Considerar llamada directa o escalamiento.', tiempo:'hace 3 hs', go:['adherencia']}, {id:7, tipo:'FACTURACIÓN', cat:'facturacion', icon:'helios', unread:true, titulo:'8 días para el cierre mensual', desc:'18 casos con documentación incompleta. $1.180.000 ARS en riesgo.', tiempo:'hace 5 hs', go:['facturacion']}, {id:8, tipo:'SISTEMA', cat:'sistema', icon:'ok', unread:false, titulo:'WF-ADH resolvió 48 casos esta semana', desc:'Tasa de resolución automática: 78%. +4pp respecto a la semana anterior.', tiempo:'ayer', go:['workflows','WF-ADH']}, {id:9, tipo:'ADHERENCIA', cat:'adherencia', icon:'ok', unread:false, titulo:'Caso resuelto · P-0312 Jorge Benítez', desc:'Paciente confirmó retiro para hoy 15:00–18:00 · Farmacity Caballito.', tiempo:'ayer', go:['caso','P-0312']}, {id:10, tipo:'FACTURACIÓN', cat:'facturacion', icon:'ok', unread:false, titulo:'Legajo armado automáticamente · P-0402 Lucía Bravo', desc:'$186.400 ARS listos para facturar a OSDE 310.', tiempo:'ayer', go:['facturacion']}, {id:11, tipo:'SISTEMA', cat:'sistema', icon:'helios', unread:false, titulo:'Precios actualizados · 3 financiadores', desc:'OSDE, Swiss Medical y Galeno sincronizaron nuevos valores de referencia.', tiempo:'hace 2 días', go:['configuracion']}, {id:12, tipo:'SISTEMA', cat:'sistema', icon:'ok', unread:false, titulo:'Backup del sistema completado', desc:'Snapshot diario generado correctamente. 4.2 GB almacenados.', tiempo:'hace 2 días', go:['trazabilidad']}, ]; const NOTIF_ICON_STYLES = { danger: {bg:'bg-[#FBE8E8]', fg:'text-[#B93535]'}, sun: {bg:'bg-[#FDF0D9]', fg:'text-[#A06A12]'}, helios: {bg:'bg-helios-100', fg:'text-helios-700'}, ok: {bg:'bg-[#DDF1E4]', fg:'text-[#1E8057]'}, }; function NotifIcon({kind, c='w-4 h-4'}) { if (kind==='danger') return ; if (kind==='sun') return ; if (kind==='helios') return ; return ; } function NotificationsPanel({notifs, onClose, onMarkRead, onMarkAllRead, onNavigate}) { const [tab, setTab] = React.useState('todas'); const unreadCount = notifs.filter(n=>n.unread).length; const filtered = tab==='todas' ? notifs : tab==='noleidas' ? notifs.filter(n=>n.unread) : notifs.filter(n=>n.cat==='sistema'); return

Notificaciones

{unreadCount>0 && ({unreadCount})}

{[{k:'todas',l:'Todas'},{k:'noleidas',l:'No leídas'},{k:'sistema',l:'Sistema'}].map(t => )}

{filtered.length === 0 ?

Todo al día

No tenés notificaciones pendientes.

: filtered.map(n => { const st = NOTIF_ICON_STYLES[n.icon] || NOTIF_ICON_STYLES.helios; return ; })}

; } function TopBar({crumbs=[], onNav}) { const [notifs, setNotifs] = React.useState(INITIAL_NOTIFS); const [open, setOpen] = React.useState(false); const bellRef = React.useRef(null); const unreadCount = notifs.filter(n=>n.unread).length; React.useEffect(() => { if (!open) return; const onDoc = (e) => { if (bellRef.current && !bellRef.current.contains(e.target)) setOpen(false); }; const onKey = (e) => { if (e.key==='Escape') setOpen(false); }; document.addEventListener('mousedown', onDoc); document.addEventListener('keydown', onKey); return () => { document.removeEventListener('mousedown', onDoc); document.removeEventListener('keydown', onKey); }; }, [open]); const markRead = (id) => setNotifs(ns => ns.map(n => n.id===id ? {...n, unread:false} : n)); const markAllRead = () => setNotifs(ns => ns.map(n => ({...n, unread:false}))); const navigate = (args) => { if (onNav && args && args.length) onNav(...args); }; return

{crumbs.map((c,i) => { const label = typeof c === 'string' ? c : c.label; const route = typeof c === 'string' ? null : c.route; const last = i===crumbs.length-1; return {i>0 && } {route && !last ? : {label}} ; })}

{open && setOpen(false)} onMarkRead={markRead} onMarkAllRead={markAllRead} onNavigate={navigate}/>}

; } function PageHeader({titulo, subtitulo, chip, action}) { return

{chip &&

{chip}

}

{titulo}

{subtitulo &&

{subtitulo}

}

{action}

; } Object.assign(window, {Sidebar, TopBar, PageHeader, NAV});