);
}
function Gauge({value, size=96, color, label}){
const c = color || (value>=98?COL.green:value>=95?COL.cyan:value>=90?COL.amber:COL.red);
const R=42, C=2*Math.PI*R, off=C*(1-value/100);
return (
{value}{label||'%'}
);
}
/* tiny inline SVG sparkline */
function Spark({data, color=COL.green, w=120, h=34, fill=true}){
const max=Math.max(...data), min=Math.min(...data), rng=(max-min)||1;
const pts=data.map((v,i)=>[i/(data.length-1)*w, h-4-((v-min)/rng)*(h-8)]);
const d=pts.map((p,i)=>(i?'L':'M')+p[0].toFixed(1)+' '+p[1].toFixed(1)).join(' ');
const id='sp'+useMemo(()=>Math.random().toString(36).slice(2,7),[]);
return (
);
}
/* shared page header: context line + actions (title is in topbar) */
function PageHead({desc, children}){
return (
{desc}
{children &&
{children}
}
);
}
/* horizontal proportion bar used in tables */
function MiniBar({pct, color=COL.blue}){
return
;
}
function fmtUSD(n,d=2){return '$'+n.toLocaleString('en-US',{minimumFractionDigits:d,maximumFractionDigits:d});}
function fmtNum(n){return n.toLocaleString('en-US');}
function fmtTok(n){return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'K':n;}
/* ── Loading / Empty states ─────────────────────────────── */
function LoadingPage(){
return (
Loading…
);
}
function EmptyState({icon, title, desc, actions}){
return (
{title}
{desc &&
{desc}
}
{actions && actions.length > 0 &&
{actions.map((a,i)=>)}
}
);
}
/* ── Health sidebar component ──────────────────────────── */
function HealthSidebar({healthData}){
const providers = groupHealthByProvider(healthData);
if(providers.length===0) return (
No provider data available.
);
return (
{providers.map(h=>{
const c = h.status==='optimal'?COL.green:h.status==='degraded'?COL.amber:COL.red;
return (
{h.name}{h.healthy}/{h.total}
);
})}
);
}
function SectionCard({title, sub, action, children, pad=true}){
return (