// HR Admin screens: Dashboard + Programs + Program creator const HrDashboard = ({setRoute, programId, setActiveSessionUser}) => { const p = HR_PROGRAMS.find(x=>x.id===programId) || HR_PROGRAMS[0]; const [teamFilter, setTeamFilter] = React.useState("all"); const [skillFilter, setSkillFilter] = React.useState("all"); const [statusFilter, setStatusFilter] = React.useState("all"); const openUser = (u) => { setActiveSessionUser(u); setRoute("hr-user-sessions"); }; const teamList = Array.from(new Set(HR_USERS.map(u=>u.team))); const filteredUsers = HR_USERS.filter(u => { if (statusFilter!=="all" && u.status!==statusFilter) return false; if (teamFilter!=="all" && u.team!==teamFilter) return false; return true; }); return (
setRoute("hr-programs")}>Programy / {p.name}
Program · {p.status==="live"?"live":p.status==="draft"?"draft":"zakończony"}

{p.name}

{p.skills} umiejętności · {p.scenarios} scenariuszy · deadline {p.deadlineShort}
Przypisani
{p.assigned}
w 6 zespołach
Aktywni
{p.active}
+5 w tym tygodniu
Ukończyli
{p.completed}
{Math.round(p.completed/p.assigned*100)}% zespołu
Przeterminowani
{p.overdue}
wymagają nudge
Rozkład wyników
Histogram % · wszystkie próby w programie · próg ukończenia 70%
{p.avgScore}%średnia
{(()=>{ const total = HISTO.reduce((a,b)=>a+b,0); const above = HISTO.slice(7).reduce((a,b)=>a+b,0); // 70%+ return ( <>
{HISTO.map((v,i)=>{ const lo = i*10, hi = (i+1)*10; const pct = total ? Math.round(v/total*100) : 0; const belowThreshold = i < 7; return (
); })} {/* threshold line at 70% (between bucket 6 and 7, so 70% of width) */}
70%
0%20%40%60%80%100%
{total} prób · {Math.round(above/total*100)}% powyżej progu
); })()}
Średni wynik per umiejętność
Sortowane od najsłabszych — tu warto wzmocnić team.
{[ {name:"Zamknięcie rozmowy wspierająco",v:54,n:18}, {name:"Rozmowa z oporującym zespołem",v:61,n:24}, {name:"Aktywne słuchanie",v:68,n:31}, {name:"Trudny feedback korygujący",v:74,n:42}, {name:"Delegowanie zadań AI-first",v:81,n:29}, ].map((r,i)=>(
{r.name} {r.v}% · {r.n} prób
))}
<60% 60–70% ≥70%
{/* Users table */}
Postępy uczestników
Kliknij aby zobaczyć sesje (bez transkryptu — zgodnie z polityką MVP)
Status {[{id:"all",l:"Wszyscy"},{id:"active",l:"Aktywni"},{id:"done",l:"Ukończeni"},{id:"overdue",l:"Przeterminowani"}].map(o=>( ))}
Zespół
Umiejętność
{filteredUsers.map((u,i)=>( openUser(u)} style={{cursor:"pointer"}}> ))}
OsobaZespółStatusPróbyOstatni wynikTrend
{u.name.split(" ").map(s=>s[0]).slice(0,2).join("")}
{u.name}
id:{(1000+i)}
 {u.team} {u.status==="done"? Ukończone: u.status==="overdue"?Przeterminowane: Aktywne} {u.attempts} {u.lastScore ? `${u.lastScore}%` : "—"} {u.trend==="up" && } {u.trend==="down" && } {u.trend==="flat" && — flat} {!u.trend && —}
); }; // Program creator wizard const HrProgramNew = ({setRoute}) => { const [step, setStep] = React.useState(0); const [data, setData] = React.useState({ name:"", desc:"", months:1, contentType:"series", series:"hr-chaos", seriesExpanded:false, audience:"team", teamName:"HR & People Ops (12 osób)", mode:"required", deadlineMode:"date", deadline:"2026-05-31", escalation:"manager", nudge:["7d","1d"], // multi-select completion:"threshold-and-attempts", threshold:70, minAttempts:2, }); const [publishOpen, setPublishOpen] = React.useState(false); const [csvOpen, setCsvOpen] = React.useState(false); const [toast, setToast] = React.useState(null); React.useEffect(()=>{ if (!toast) return; const t = setTimeout(()=>setToast(null), 4000); return ()=>clearTimeout(t); },[toast]); const set = (k,v)=>setData(d=>({...d,[k]:v})); const toggleNudge = (id) => { setData(d => { const has = d.nudge.includes(id); return { ...d, nudge: has ? d.nudge.filter(n=>n!==id) : [...d.nudge, id] }; }); }; const steps = [ {label:"Krok 01", ttl:"Podstawy"}, {label:"Krok 02", ttl:"Treść"}, {label:"Krok 03", ttl:"Odbiorcy"}, {label:"Krok 04", ttl:"Egzekwowanie"}, {label:"Krok 05", ttl:"Ukończenie"}, {label:"Krok 06", ttl:"Podsumowanie"}, ]; const nameValid = data.name.trim().length >= 3; const canAdvance = step !== 0 || nameValid; // Skills in selected series const seriesSkills = SKILLS.filter(k => EPISODES.find(e=>e.id===k.ep)?.series === data.series); // criteria copy for participant preview const criterionCopy = data.completion==="one-try" ? "jedna próba" : data.completion==="threshold" ? `próg ${data.threshold}%` : data.completion==="attempts" ? `min. ${data.minAttempts} próby` : `próg ${data.threshold}% · min. ${data.minAttempts} próby`; const handlePublish = () => { if (data.mode === "required") { setPublishOpen(true); } else { setRoute("hr-dashboard"); setTimeout(()=>setToast({ok:true, msg:"Program uruchomiony jako sugerowany. Widoczny na dashboardzie uczestników."}), 100); } }; const confirmPublish = () => { setPublishOpen(false); setRoute("hr-dashboard"); setTimeout(()=>setToast({ok:true, msg:"Program uruchomiony. 12 osób otrzymało powiadomienie (email + in-app)."}), 100); }; return (
setRoute("hr-programs")}>Programy / Nowy program

Nowy program rozwojowy

Kreator w 6 krokach. Możesz wrócić do dowolnego kroku w dowolnym momencie.
{steps.map((s,i)=>( ))}
{step===0 &&
Nazwa programu *
set("name",e.target.value)} placeholder="np. Liderzy AI · Q3 2026" autoFocus/> {!nameValid &&
Minimum 3 znaki. Uczestnicy zobaczą tę nazwę na swoim dashboardzie.
}
Opis opcjonalnie