// ============================================================ // hifi-web.jsx — Web App: all core screens (uses WebShell) // HFWeb({screen}) — login|dashboard|fleetmap|devices|detail|events|alerts|reports|settings // ============================================================ function WebKPI({label, value, accent, trend, trendS='ok', spark='taupe'}){ return (
{label}
{value}
 {trend} vs last 24h
); } const TblBadge = ({s,label}) => ; /* ---------------- LOGIN ---------------- */ function WLogin(){ return (
Aegis Cognis
Command & Monitoring Console
Sign in with SSO
Sign in with credentials
Forgot passwordContact admin
); } /* ---------------- DASHBOARD ---------------- */ function WDashboard(){ return ( Last 24 hours Export}/> Fleet Health312 total {[['ok','Healthy',181],['warn','Warning',42],['crit','Critical',12],['off','Offline',57]].map((r,i)=>( {r[1]}{r[2]} ))} Alert Summary {[['crit','Critical',3],['warn','Warning',4],['maint','Informational',11]].map((r,i)=>(
{r[1]}{r[2]}
))} Fleet Map 6 sites Recent EventsAll severitiesLive feed {[['14:02:11','AC-9008','Diagnostic','crit','IMU self-test failed','agent'], ['13:58:40','AC-7741','Calibration','warn','Calibration window expiring','scheduler'], ['13:51:02','AC-3320','Firmware','maint','Updated to v2.4.1','ota'], ['13:40:17','AC-7740','Status','ok','Device came online','agent']].map((e,i)=>( ))}
TimeDeviceEventSeverityDescriptionSource
{e[0]}{e[1]}{e[2]}{e[4]}{e[5]}
); } /* ---------------- FLEET MAP ---------------- */ function WFleetMap(){ return ( Dark 6 sites · 312 devices}/> Filters {['Division','Team','Device Type','Status'].map((g,i)=>(
{g} {[0,1].map(j=>{g} {j+1})}
))} ApplyReset
AC-7741
Team Bravo · Sensor
Last event: calibration due
View detail →
{['＋','－','◳'].map((c,i)=>
{c}
)} ); } /* ---------------- DEVICES TABLE ---------------- */ function WDevices(){ const rows=[['AC-7740','7740-AC-22','Sensor','Bravo','ok',.9,'2m','34.0,-118.2'], ['AC-7741','7741-AC-09','Sensor','Bravo','warn',.62,'14m','34.1,-118.3'], ['AC-3320','3320-AC-77','Relay','Alpha','ok',.84,'1m','33.9,-118.1'], ['AC-9008','9008-AC-03','Beacon','Recon','crit',.21,'8m','34.2,-118.4'], ['AC-5512','5512-AC-41','Relay','Alpha','off',0,'3d','—'], ['AC-6620','6620-AC-18','Sensor','Echo','ok',.78,'5m','34.0,-118.0'], ['AC-7088','7088-AC-55','Beacon','Recon','maint',.5,'21m','34.3,-118.5']]; return ( Type ▾Team ▾Status ▾ Export}/>
3 selected ExportAssign to TeamTag
{rows.map((r,i)=>( ))}
☑NameSerialTypeTeamStatusHealthLast SeenLocation
{r[0]} {r[1]} {r[2]}{r[3]} {r[6]} {r[7]}
50 / page ▾ {['‹','1','2','3','›'].map((p,i)=>{p})} ); } /* ---------------- DEVICE DETAIL ---------------- */ function WDetail(){ return (
AC-7740
SN 7740-AC-22 · Sensor · Team Bravo · USB connected
 Push ConfigTrigger OTA View on Map Health Metrics {[['Battery','ok'],['Temperature','warn'],['Signal','maint'],['Error rate','crit']].map((c,i)=>(
{c[0]}
))} Event HistoryAll events → {[['14:02','Status','ok','Came online'],['12:48','Firmware','maint','OTA check'],['09:11','Calibration','ok','Passed'],['2d','Diagnostic','warn','Thermal marginal']].map((e,i)=>( ))}
TimeTypeSeverityDescription
{e[0]}{e[1]}{e[3]}
Location Trail
7d ▾Open in Fleet Map Assigned Team
Team Bravo · Signals Div
CalibrationPass · 12d ago
78d left
Firmwarev2.3.0 → v2.4.1
OTA ); } /* ---------------- EVENTS ---------------- */ function WEvents(){ return ( Last 24hDevice ▾Type ▾Severity ▾ Export CSV}/>
TimestampDeviceEvent TypeSeverityDescriptionSource
14:02:11AC-9008◬ DiagnosticIMU self-test failedagent
{/* expanded row */}
Payload
{['{"test":"imu_selftest",',' "axis":"gyro_z",',' "result":"FAIL","code":0x4C}'].map((l,i)=>{l})}
Related events
2 prior diagnostics flagged thermal drift on this unit in the last 48h.
Open device AC-9008 →
{[['13:58:40','AC-7741','⊹ Calibration','warn','Calibration window expiring','scheduler'], ['13:51:02','AC-3320','↻ Firmware','maint','Updated to v2.4.1','ota'], ['13:40:17','AC-7740','● Status','ok','Device came online','agent'], ['13:22:55','AC-5512','◍ Connectivity','off','Lost contact > 72h','monitor'], ['12:58:03','AC-6620','⊹ Calibration','ok','Calibration passed','tech']].map((e,i)=>( ))}
{e[0]}{e[1]}{e[2]}{e[4]}{e[5]}
); } /* ---------------- ALERTS ---------------- */ function WAlerts(){ return ( Alert Rules}/> {[['All',7,false],['Critical',3,true],['Warning',4,false],['Info',11,false]].map((t,i)=>(
{t[0]} · {t[1]}
))} {[['crit','AC-9008','IMU self-test failed — device unresponsive','2m','Active'], ['crit','AC-7741','Calibration expired (88 days)','14m','Active'], ['crit','AC-5512','Offline > 72h','3h','Acknowledged'], ['warn','AC-3320','Thermal range marginal','38m','Snoozed'], ['warn','AC-7740','Firmware update available','1h','Active'], ['warn','AC-6620','Battery below 20%','2h','Active']].map((a,i)=>( {a[1]} {a[2]} {a[3]} {a[4]} AckSnoozeResolve ))} ); } /* ---------------- REPORTS ---------------- */ function WReports(){ return ( ＋ New Report}/> Templates {[['Fleet Health','donut + table',true],['Calibration Compliance','% in-window',false],['Uptime','30-day trend',false],['Event Frequency','by type',false]].map((t,i)=>(
{t[0]}
{t[1]}
 ))} Parameters Fleet Health Summary · Preview⬇ PDF⬇ CSV
Uptime 30d
Calibration compliance
{[['Bravo',42,5,1,3],['Alpha',38,7,2,6],['Recon',29,3,4,2]].map((r,i)=>())}
TeamHealthyWarningCriticalOffline
{r[0]}{r[1]}{r[2]}{r[3]}{r[4]}
 ); } /* ---------------- SETTINGS ---------------- */ function WSettings(){ return ( Profile
MO
 Change PasswordConfigure MFA Notifications{[['Critical alerts','email + in-app',true],['Warnings','in-app',true],['Weekly digest','email',false]].map((r,i)=>(
{r[0]}
{r[1]}
))} DisplayTimezoneUTC ▾UnitsMetric ▾ API Keys＋ Generate {[['Fleet read-only','ak_•••• 4f2a','read','2h'],['Reports export','ak_•••• 9c11','read · export','1d']].map((r,i)=>())}
LabelKeyScopesLast used
{r[0]}{r[1]}{r[2]}{r[3]}Revoke
 ); } const WEB_SCREENS = {login:WLogin, dashboard:WDashboard, fleetmap:WFleetMap, devices:WDevices, detail:WDetail, events:WEvents, alerts:WAlerts, reports:WReports, settings:WSettings}; function HFWeb({screen='dashboard'}){ const C=WEB_SCREENS[screen]||WDashboard; return ; } window.HFWeb = HFWeb;