// Dashboard — results cards (ALG1, jobs, courses, next steps) function Dashboard({ persona, onNav }) { const { t, f } = useTheme(); const alg = computeAlg1(persona); const market = MARKET[persona.branche]; const courses = COURSES[persona.branche] || []; const topJobs = market.top.slice(0, 3); return (
{/* masthead */}
Ihr Dossier · {new Date().toLocaleDateString('de-DE', { day: '2-digit', month: 'long', year: 'numeric' })} Guten Tag, {persona.name.split(' ')[0]}. Wir haben Ihre Antworten mit den Daten der Bundesagentur abgeglichen. Das Wichtigste zuerst: Sie haben Anspruch auf Arbeitslosengeld, der Arbeitsmarkt in Ihrer Branche ist {market.trendDir === 'up' ? ' aufnahmefähig' : ' angespannt, aber nicht aussichtslos'}, und es gibt {courses.length} passende Umschulungen mit Bildungsgutschein.
{/* ALG1 primary card */}
I — Was Ihnen zusteht Arbeitslosengeld 1 Bei {persona.years} Beitragsjahren und Ihrem Alter haben Sie Anspruch auf ~{alg.months} Monate ALG1 zum Satz von {Math.round(alg.rate * 100)} %.
Pro Monat
{fmtEUR(alg.algMonat)}
Summe über {alg.months} Monate
{fmtEUR(alg.total)}
{/* alg timeline */}
{alg.sperr > 0 && (
Sperrzeit {alg.sperr} Wo.
)}
ALG1-Bezug · {alg.months} Monate
heute +{alg.months} Monate
{/* sub-facts */}
0 ? `${alg.sperr} Wochen` : 'keine'} tone={alg.sperr > 0 ? 'warn' : 'good'} hint={alg.sperr > 0 ? 'Wegen Aufhebungsvertrag' : 'Betriebsbedingte Kündigung'} />
onNav('plan')}>Antrag Schritt für Schritt → Berechnung im Detail Annahmen anpassen
{/* Two-column: jobs + courses */}
II — Arbeitsmarkt für {persona.branche} {market.trendDir === 'up' ? 'Der Markt nimmt auf.' : 'Der Markt ist eng.'}
} />
Passende Berufe — sortiert nach Match
{topJobs.map((j, i) => (
{j.title}
{fmtNum(j.n)} offene Stellen bundesweit
median {fmtEUR(j.medianSalary)}
{j.match}
))}
onNav('market')}>Vollständige Marktdaten →
III — Wenn Sie umdenken möchten Umschulungen mit Bildungsgutschein. Drei Kurse, bei denen Ihr Profil zu ≥ 75 % passt. Kosten und Lebensunterhalt werden bei Bewilligung übernommen.
{courses.map((c, i) => )}
onNav('courses')}>Alle Kurse für Ihr Profil →
{/* Next steps */}
IV — Die nächsten 14 Tage Ein Plan, keine Panik.
{[ { n: '01', due: 'binnen 3 Tagen', t: 'Arbeitssuchend melden', s: 'Persönlich, online oder telefonisch bei der Agentur.' }, { n: '02', due: 'bis letzter Tag', t: 'Arbeitslos melden', s: 'Am ersten Tag ohne Job, sonst Anspruchsverlust.' }, { n: '03', due: 'Woche 1', t: 'ALG1 beantragen', s: 'Online mit E-ID oder schriftlich. Wir haben das Formular für Sie befüllt.' }, { n: '04', due: 'Woche 2', t: 'Bildungsgutschein besprechen', s: 'Vermittlungsgespräch vorbereiten — mit klarem Kurswunsch.' }, ].map(s => (
{s.n} {s.due}
{s.t}
{s.s}
))}
); } function Fact({ label, value, hint, tone }) { const { t, f } = useTheme(); const color = tone === 'warn' ? t.warn : tone === 'good' ? t.good : t.ink; return (
{label}
{value}
{hint}
); } function MiniStat({ label, value, sub, tone }) { const { t, f } = useTheme(); const color = tone === 'warn' ? t.warn : tone === 'good' ? t.good : t.ink; return (
{label}
{value}
{sub &&
{sub}
}
); } function CourseCard({ c, num }) { const { t, f } = useTheme(); return (
№{String(num).padStart(2, '0')} {c.funded && Bildungsgutschein}
{c.title}
{c.provider} · {c.weeks} Wo. · {c.format}
{c.match}
Match
); } Object.assign(window, { Dashboard, Fact, MiniStat, CourseCard });