);
}
// ──────────────────────────────────────────────────────────────
// Portrait — static (no animations on face)
// ──────────────────────────────────────────────────────────────
function Portrait({ id, portrait, size = 64, working, T }) {
return (
{working && (
<>
)}
{working && (
)}
);
}
// ──────────────────────────────────────────────────────────────
// Live "writing" text
// ──────────────────────────────────────────────────────────────
function LiveText({ text, T }) {
const [shown, setShown] = React.useState('');
React.useEffect(() => {
let i = 0; setShown('');
const id = setInterval(() => {
i++; setShown(text.slice(0, i));
if (i >= text.length) clearInterval(id);
}, 40);
return () => clearInterval(id);
}, [text]);
return (
{shown}
);
}
// ──────────────────────────────────────────────────────────────
// Progress bar
// ──────────────────────────────────────────────────────────────
function MiniProgress({ pct, T, height = 4 }) {
return (
);
}
// ──────────────────────────────────────────────────────────────
// Employee card
// ──────────────────────────────────────────────────────────────
function EmployeeCard({ p, T }) {
const working = !!p.task;
const phase = working ? PHASES.find(ph => ph.key === p.task.phase) : null;
const phaseIdx = working ? PHASES.findIndex(ph => ph.key === p.task.phase) : -1;
// #4 — живой спринт даёт реальный прогресс (livePct); иначе оценка по фазе
const pct = working
? (typeof p.task.livePct === 'number' ? p.task.livePct : Math.round(((phaseIdx + 0.7) / PHASES.length) * 100))
: 0;
return (
{p.name}
{p.role}
{working ? (
{phase.label}
{pct}%
) : (
Свободен
{p.short}
Готов к задаче
)}
);
}
// ──────────────────────────────────────────────────────────────
// Global status bar
// ──────────────────────────────────────────────────────────────
function GlobalStatusBar({ working, T, onClick }) {
if (working.length === 0) {
return (