// Series — Netflix-style list + detail matching Youniversity layout // Series screen reuses global SERIES/EPISODES/SKILLS from data.jsx. // Sections map from CATEGORIES; host/role/long copy enriched per series. const SERIES_CATEGORIES = CATEGORIES.filter(c => c.id !== "negotiation"); // leave all tlhat have series // Per-series extra presentation data. Core fields come from data.jsx SERIES. const SERIES_META = { "trudne-rozmowy": { hostRole: "Dyrektor Operacyjny · BioFeedback Foundation", duration: "43 min", watched: 128, date: "Marzec 2026", hue: "default", longDesc: "Empatyczna i asertywna komunikacja to fundament dobrego liderowania. W pięciu odcinkach Joanna Malinowska pokazuje jak prowadzić trudne rozmowy — od udzielania feedbacku po asertywną odmowę — bez naruszania relacji i szacunku.\n\nSerial jest dla liderów, HR-owców i menedżerów, którzy mają za sobą rozmowy które zakończyły się gorzej niż powinny. Poznasz modele (NVC, SOOP), ale też konkretne zwroty i scenariusze.", problems: ["Feedback który eskaluje w kłótnię", "Asertywna odmowa bez poczucia winy", "Trudne rozmowy oceniające", "Nazywanie emocji bez etykietowania"], shortHook: "Która rozmowa ostatnio skończyła się nie tak, jak chciałeś — i co mógłbyś zrobić inaczej?", }, "leadership-s4": { hostRole: "Executive Coach · ICF MCC", duration: "1h 14 min", watched: 210, date: "Luty 2026", hue: "teal", longDesc: "Czwarty sezon serii o liderowaniu skupia się na praktycznych narzędziach — delegowaniu, komunikacji, bezpieczeństwie psychologicznym i storytellingu. 10 odcinków, każdy z realnym przypadkiem z pracy z zespołami C-level.\n\nVivek Antonio pokazuje jak wyjść z pułapki mikromenedżmentu, jak budować odpowiedzialność w zespole, i jak komunikować się tak, żeby ludzie nie tylko słyszeli, ale zapamiętywali.", problems: ["Zespół który nie bierze odpowiedzialności", "Komunikacja ginąca w Slacku", "Obawy przed mówieniem prawdy w zespole", "Storytelling który brzmi sztucznie"], shortHook: "Kiedy ostatnio Twój zespół powiedział Ci coś, czego nie chciałeś usłyszeć?", }, "zarzadzanie-zmiana": { hostRole: "Change Management Consultant", duration: "1h 46 min", watched: 94, date: "Styczeń 2026", hue: "amber", longDesc: "Zmiana rozkłada zespoły. Tomasz Krajewski prowadzi przez 14 odcinków mapę emocji, typów osobowości i faz transformacji — od Fishera po Tuckmana. Każdy odcinek zakończony konkretną rozmową do przeprowadzenia.\n\nSerial jest dla menedżerów, którzy mają za sobą co najmniej jedną reorganizację i wiedzą, że samo ogłoszenie zmiany to dopiero początek.", problems: ["Opór zespołu po ogłoszeniu zmiany", "Zmęczenie kolejną reorganizacją", "Paktowanie z zespołem bez iluzji", "Podważanie autorytetu lidera"], shortHook: "Jaka zmiana w Twojej firmie utknęła na fazie oporu — i dlaczego?", }, "rozmowy-poglebione": { hostRole: "Dziennikarz · autor wywiadów", duration: "1h 2 min", watched: 64, date: "Grudzień 2025", hue: "default", longDesc: "Maciej Orłoś — dziennikarz, który rozmawiał z tysiącami ludzi — pokazuje techniki pogłębionej rozmowy. Jak słuchać, jak pytać, jak wywierać wpływ bez manipulacji. 10 odcinków, w każdym przykład z realnego wywiadu.\n\nSerial dla każdego, kto prowadzi rozmowy, w których stawka jest większa niż small talk — negocjacje, rekrutacja, 1:1, trudne decyzje biznesowe.", problems: ["Rozmowa która przeszła obok", "Trudne milczenia podczas spotkań", "Rozmowy o wynagrodzeniu", "Zastrzeżenia których nie umiesz obronić"], shortHook: "Która z Twoich ostatnich rozmów naprawdę coś zmieniła?", }, "zwinne-przywodztwo": { hostRole: "Leadership Consultant · ex-CPO", duration: "1h 28 min", watched: 41, date: "Listopad 2025", hue: "teal", longDesc: "Pięć filarów przywództwa na dziś: pragnienie zmiany, obraz siebie jako lidera, wyposażanie ludzi, koncentracja na wzroście i wartości. Anna Dąbrowska łączy perspektywę executive coacha z doświadczeniem CPO w szybko rosnących firmach.\n\nSerial dla liderów 1-2 poziomu od CEO, którzy chcą wyjść poza role management i budować kulturę odpowiedzialności.", problems: ["Lider wypalony mikromenedżmentem", "Brak wzrostu w zespole", "Sukces indywidualny zamiast zespołowego", "Koncentracja na metrykach zamiast wartości"], shortHook: "Co robisz codziennie, żeby Twój zespół rósł szybciej niż Ty?", }, "fundamenty-lidera": { hostRole: "CEO · autor programów leadership", duration: "1h 57 min", watched: 87, date: "Październik 2025", hue: "default", longDesc: "Andrzej Borcz tłumaczy, co faktycznie różni skutecznego CEO od przeciętnego menedżera. 15 odcinków: od oczekiwań pracowników, przez Killerów efektywności, po standard Leadership 734 i trzy kluczowe zadania CEO — Why, How, Who.\n\nSerial dla CEO, COO, i dyrektorów z ambicją wyjścia poza dzienne zarządzanie.", problems: ["Silosy „My i Oni” w organizacji", "Opinie mylone z faktami", "Brak fundamentów przywództwa", "Improwizacja zamiast systemu"], shortHook: "Co jest dziś Twoim największym Killerem efektywności jako lidera?", }, }; // Build extended series list on top of global SERIES const SERIES_EXT = SERIES.map(s => { const meta = SERIES_META[s.id] || {}; return { id: s.id, title: s.title, host: s.host, cat: s.category, episodes: s.episodes, hostRole: meta.hostRole || "Ekspert Youniversity", duration: meta.duration || "~1h", watched: meta.watched || 0, date: meta.date || "2026", hue: meta.hue || s.hue || "default", desc: s.desc, longDesc: meta.longDesc || s.desc, problems: meta.problems || [], shortHook: meta.shortHook || "", }; }); // Episodes grouped by series id const SERIES_EPISODES = EPISODES.reduce((acc, ep) => { (acc[ep.series] = acc[ep.series] || []).push({ n: ep.n, title: ep.title, duration: ep.duration, skills: ep.skills || [] }); return acc; }, {}); const getSeriesEpisodes_OLD = null; // kept to avoid accidental reference; see getSeriesEpisodes below const getSeriesEpisodes = (sid) => SERIES_EPISODES[sid] || SERIES_EPISODES[SERIES_EXT[0]?.id] || []; const SeriesList = ({setRoute, setActiveSeries, setActiveScenario}) => { const bySection = SERIES_CATEGORIES.map(c => ({...c, items: SERIES_EXT.filter(s=>s.cat===c.id)})).filter(s=>s.items.length); // Featured: first series (hero). User navigates to its detail on "Odtwórz" / "Dowiedz się więcej". const featured = SERIES_EXT[0]; return (
{/* HERO */}
{/* Background layers */}
{/* Base mesh as hero imagery stand-in */}
{/* Bokeh dots overlay for imagery feel */}
{/* Darkening from left */}
{/* Fade to bg at bottom */}
{/* Content */}

{featured.title}

{featured.desc}

{/* MOJE ZADANIA — continue-watching slider */} {bySection.map(sec => (

{sec.label}

{sec.items.length} seriali
{sec.items.map(s => { const scCount = (SERIES_EPISODES[s.id]||[]).reduce((sum,ep)=>sum + (ep.skills?.length||0), 0); return (
{setActiveSeries(s.id);setRoute("series-detail");}} style={{cursor:"pointer"}}>
{s.episodes} odc. {scCount>0 && ● {scCount} scenariusz{scCount===1?"":scCount<5?"e":"y"}}
{s.title}
{s.host}
{s.duration}·{s.watched} wyświetleń
); })}
))}
); }; // ——————————————————————————————————————————————————————————— // SeriesDetail — Youniversity-style: hero + two cols + similar rail // ——————————————————————————————————————————————————————————— const EpisodeRow = ({ep, open, onToggle, host, setActiveScenario, setRoute, last}) => { const exs = ep.skills.map(id => SKILLS.find(x=>x.id===id)).filter(Boolean); return (
{open && (
{/* Play row */}
{host}
{/* AI exercises */}
Scenariusze do przećwiczenia
{exs.map(sk => { const prog = USER_PROGRESS[sk.id] || {}; return (
{sk.name}
{sk.level} · {sk.time}
{prog.lastScore ? {prog.lastScore}% : NOWE}
); })}
)}
); }; const SeriesDetail = ({setRoute, seriesId, setActiveScenario, setActiveSeries}) => { const s = SERIES_EXT.find(x=>x.id===seriesId) || SERIES_EXT[0]; const eps = getSeriesEpisodes(s.id); const [openN, setOpenN] = React.useState(eps[0]?.n); const [saved, setSaved] = React.useState(false); const similar = SERIES_EXT.filter(x => x.id!==s.id && x.cat===s.cat).concat(SERIES_EXT.filter(x=>x.id!==s.id && x.cat!==s.cat)).slice(0,4); const initials = s.host.split(" ").map(w=>w[0]).slice(0,2).join(""); return (
{/* Back */}
{/* HERO */}
{/* host */}
{initials}
{s.host}
{s.hostRole}
{/* title */}

{s.title}

{s.desc}

{/* meta chips */}
{s.date}
{/* CTA */}
{/* TWO COLS */}
{/* Episodes */}
Odcinki z tej serii
{eps.map((ep,i) => ( setOpenN(openN===ep.n ? null : ep.n)} setActiveScenario={setActiveScenario} setRoute={setRoute} last={i===eps.length-1} /> ))}
{/* Right col — description */}
Opis serii
{s.longDesc}
„{s.shortHook}”
Jakie problemy rozwiązuje
{s.problems.map((p,i)=>(
{p}
))}
{/* SIMILAR */}
Podobne serie
{similar.map(x => { const scCount = (SERIES_EPISODES[x.id]||[]).reduce((sum,ep)=>sum + (ep.skills?.length||0), 0); return (
{setActiveSeries(x.id);window.scrollTo({top:0,behavior:"smooth"});}} style={{cursor:"pointer"}}>
{x.episodes} odc. {scCount>0 && ● {scCount} scen.}
{x.title}
{x.host}
); })}
); }; Object.assign(window, { SeriesList, SeriesDetail }); // ———————————————————————————————————————————————————————— // MyTasksSlider — "Continue watching" styled task row under hero // ———————————————————————————————————————————————————————— const MT_TASKS = [ {id:"t1", skill:"s-feedback-trudny", program:"Liderzy AI Q2", hr:"Marta W.", deadline:"28 kwi", days:7, mode:"required", status:"in-progress", progress:40, hue:"default"}, {id:"t3", skill:"s-change-opor", program:"Liderzy AI Q2", hr:"Marta W.", deadline:"28 kwi", days:7, mode:"required", status:"in-progress", progress:25, hue:"amber"}, {id:"t4", skill:"s-change-kom", program:"Onboarding PM", hr:"Piotr N.", deadline:"12 kwi", days:-2, mode:"required", status:"overdue", progress:60, hue:"teal"}, {id:"t2", skill:"s-struktura", program:"Liderzy AI Q2", hr:"Marta W.", deadline:"5 maj", days:14, mode:"required", status:"new", progress:0, hue:"default"}, {id:"t6", skill:"s-delegacja", program:"Rozwój 1:1", hr:"Marta W.", deadline:null, days:null,mode:"suggested", status:"new", progress:0, hue:"teal"}, ]; const MyTasksSlider = ({setRoute, setActiveScenario}) => { const tasks = MT_TASKS; return (

Moje zadania

Przypisane przez HR · wróć do tego, co zacząłeś
{tasks.map(t => { const s = SKILLS.find(x=>x.id===t.skill); const isOverdue = t.status==="overdue"; const isInProgress = t.status==="in-progress"; const badgeColor = isOverdue ? "#ef4444" : t.mode==="required" ? "#a78bfa" : "#64748b"; const badgeLabel = isOverdue ? "PRZETERMINOWANE" : t.mode==="required" ? "OBOWIĄZKOWE" : "SUGEROWANE"; return (
{ setActiveScenario(getScenarioForSkill(t.skill, s.name)); setRoute("briefing"); }} style={{ cursor:"pointer", background:"#151521", border:"1px solid rgba(255,255,255,.06)", borderRadius:10, overflow:"hidden", display:"flex",flexDirection:"column", transition:"border-color .15s, transform .15s", }} onMouseEnter={e=>{ e.currentTarget.style.borderColor="rgba(255,255,255,.15)"; e.currentTarget.style.transform="translateY(-2px)"; }} onMouseLeave={e=>{ e.currentTarget.style.borderColor="rgba(255,255,255,.06)"; e.currentTarget.style.transform="none"; }}> {/* Thumb strip */}
{/* Play overlay on hover could go here */}
{badgeLabel}
{/* Progress bar (if in progress) */} {t.progress > 0 && (
)}
{/* Body */}
{s?.name || t.skill}
{t.program} · od {t.hr}
{t.deadline ? ( t.days < 0 ? `${Math.abs(t.days)} dni po terminie` : t.days === 0 ? "dziś" : `za ${t.days} dni` ) : "bez terminu"}
{isInProgress ? "Kontynuuj" : "Zacznij"}
); })}
); };