/* global React */
const { useState, useMemo, useEffect } = React;
const Icon = ({ name, size = 14 }) => {
const paths = {
play: ,
pause: <>,
stop: ,
restart: <>,
trash: <>,
refresh: <>,
settings: <>,
close: <>,
chevronRight: ,
plus: <>,
sun: <>,
moon: ,
bell: <>,
activity: ,
server: <>,
layers: <>,
alert: <>,
filter: ,
download: <>,
link: <>,
code: <>,
users: <>,
'log-out': <>,
};
return (
);
};
const fmtNum = (n) => {
if (n == null) return '—';
if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M';
if (n >= 1_000) return (n / 1_000).toFixed(1) + 'k';
return String(n);
};
const fmtMs = (ms) => {
if (ms == null) return '—';
if (ms < 1000) return ms + 'ms';
return (ms / 1000).toFixed(2) + 's';
};
const fmtTime = (t) => new Date(t).toTimeString().slice(0, 8);
const fmtRelTime = (t) => {
const s = Math.floor((Date.now() - t) / 1000);
if (s < 60) return s + 's ago';
if (s < 3600) return Math.floor(s / 60) + 'm ago';
return Math.floor(s / 3600) + 'h ago';
};
const STATUS_LABELS = { running:'running', idle:'idle', paused:'paused', stopped:'stopped', error:'error', restarting:'restarting', waiting:'waiting', unreachable:'unreachable' };
const StatusBadge = ({ status }) => (
{STATUS_LABELS[status] || status}
);
const Sparkline = ({ data, width = 80, height = 22, color = 'var(--info)', fill = false }) => {
if (!data || data.length === 0) return null;
const max = Math.max(...data, 1);
const min = Math.min(...data, 0);
const range = max - min || 1;
const step = width / (data.length - 1);
const points = data.map((v, i) => `${(i * step).toFixed(1)},${(height - ((v - min) / range) * height).toFixed(1)}`);
const pathD = 'M ' + points.join(' L ');
const fillD = pathD + ` L ${width},${height} L 0,${height} Z`;
return (
);
};
const MiniBar = ({ value, max = 100, warn = 70, danger = 90 }) => {
const pct = Math.min(100, (value / max) * 100);
const cls = pct >= danger ? 'danger' : pct >= warn ? 'warn' : '';
return ;
};
window.Icon = Icon;
window.fmtNum = fmtNum;
window.fmtMs = fmtMs;
window.fmtTime = fmtTime;
window.fmtRelTime = fmtRelTime;
window.StatusBadge = StatusBadge;
window.Sparkline = Sparkline;
window.MiniBar = MiniBar;