// ============================================================ // hifi-shells.jsx — reusable chrome: WebShell, DesktopShell, // ScreenHead, SubNav, form atoms. (depends on hifi-kit) // ============================================================ const CUI = ({short}) => (
{short?'CONTROLLED UNCLASSIFIED INFORMATION // ITAR':'CONTROLLED UNCLASSIFIED INFORMATION // ITAR — DISTRIBUTION LIMITED'}
); const WEB_NAV = [ ['group','Monitor'], ['grid','Dashboard'],['map','Fleet Map'],['device','Devices'],['pulse','Events'],['bell','Alerts'], ['group','Manage'], ['report','Reports'],['admin','Admin'], ]; const DESK_NAV = [['grid','Dashboard'],['device','Devices'],['cal','Calibration'],['chip','Firmware'],['flask','Diagnostics'],['gear','Configuration'],['list','Test Suites'],['pulse','Activity Log']]; function Brand({sub='COMMAND & MONITORING', size=21}){ return
Aegis Cognis{sub}
; } function NavUser({role='Ops Analyst'}){ return (
Settings
MO
M. Operator
{role}
); } function WebShell({active, alerts=3, children}){ return (
{WEB_NAV.map((n,i)=> n[0]==='group' ?
{n[1]}
:
{n[1]}{n[1]==='Alerts'&&alerts?{alerts}:null}
)}
JSOC Task Force Alpha
Signals Division
Search devices, events, serials…
MO
{children}
); } function DesktopShell({active, conn='USB Connected', children}){ return (
Aegis Cognis — Hardware Operations Suite
{conn&&}
{DESK_NAV.map((n,i)=>
{n[1]}
)}
{children}
); } function ScreenHead({eyebrow, title, size=34, right, style={}}){ return (
{eyebrow&&{eyebrow}}{title}
{right} ); } /* secondary sub-nav (admin / settings) */ function SubNav({items, active, width=190, label='Section'}){ return (
{label}
{items.map((s,i)=>(
{s}
))}
); } /* form atoms */ const Field = ({label, value, ph, w, focus, error}) => (
{label&&
{label}
}
{value||ph}
); const Toggle = ({on, s='ok'}) => (
); const Seg = ({items, active}) =>
{items.map((t,i)=>
{t}
)}
; Object.assign(window, { CUI, WebShell, DesktopShell, ScreenHead, SubNav, Field, Toggle, Seg, Brand });