{kpis.map((k, i) => (

{k.label}

{KPI_ICONS[k.icon]}

{k.val}

{k.trend} {k.bench}

{k.spark.map((v, j) => { const max = Math.max(...k.spark); return

; })}

))}

); } // ============================================================ // PIPELINE / KANBAN // ============================================================ function CandidateCard({ c, lang, onOpen }) { return (

onOpen(c)}>

{c.av}

{lang === 'bn' ? c.name_bn : c.name_en}

{lang === 'bn' ? c.role_bn : c.role_en}

= 90 ? 'is-high' : ''}`}>{c.match}% {lang === 'bn' ? 'ম্যাচ' : 'match'} {c.source} {c.flags.map(f => {f})}

{c.aiNote &&

{c.aiNote}

}

); } function Pipeline({ lang, onOpen }) { const [filter, setFilter] = rS('all'); return (

{lang === 'bn' ? 'লাইভ পাইপলাইন' : 'Live Pipeline'}

{lang === 'bn' ? '১,২৪৭ আবেদনকারী, ৫ স্টেজ · drag করে এগিয়ে নিন' : '1,247 applicants, 5 stages · drag to advance'}

{lang === 'bn' ? 'পদ' : 'Role'}

{lang === 'bn' ? 'সিনিয়র প্রোডাক্ট ডিজাইনার' : 'Senior Product Designer'} ⇅

142 {lang === 'bn' ? 'আবেদন' : 'applied'} 38 {lang === 'bn' ? 'স্ক্রিন্ড' : 'screened'} 6 {lang === 'bn' ? 'দিন বাকি' : 'days left'}

{STAGES.map(s => { const cands = CANDIDATES.filter(c => c.stage === s.id && (filter === 'all' || (filter === 'top' && c.match >= 90) || (filter === 'new' && c.stage === 'applied'))); return (

{lang === 'bn' ? s.label_bn : s.label_en}

{cands.length}

{cands.map(c => )}

); })}

); } // ============================================================ // SIDE COL // ============================================================ function SideCol({ lang }) { const brief = lang === 'bn' ? AI_BRIEF_BN : AI_BRIEF_EN; const funnel = lang === 'bn' ? FUNNEL_BN : FUNNEL_EN; const upcoming = lang === 'bn' ? UPCOMING_BN : UPCOMING_EN; const activity = lang === 'bn' ? ACTIVITY_BN : ACTIVITY_EN; return (

{lang === 'bn' ? 'NOBBYO AI · আজকের ব্রিফ' : 'NOBBYO AI · Today\'s Brief'}

{lang === 'bn' ? 'আপনার মনোযোগ লাগবে' : 'Needs your attention'}

{brief.map((b, i) => (

{b.n}

{b.t}{b.s}

))}

{lang === 'bn' ? 'AI কমান্ড সেন্টার খুলুন →' : 'Open AI Command Center →'}

{lang === 'bn' ? 'ফানেল' : 'Funnel'} →

{funnel.map((f, i) => (

{f.l}

{f.p}%

{lang === 'bn' ? f.n.toString().replace(/\d/g, d => '০১২৩৪৫৬৭৮৯'[d]) : f.n.toLocaleString()}

))}

{lang === 'bn' ? 'এই সপ্তাহে' : 'This Week'}

{upcoming.map((u, i) => (

{u.d}

{u.m}

{u.t}

{u.sub}

))}

{lang === 'bn' ? 'সাম্প্রতিক' : 'Recent Activity'}

{activity.map((a, i) => (

{a.i}

{a.m}

))}

); } // ============================================================ // JOBS TABLE // ============================================================ function JobsTable({ lang }) { const jobs = lang === 'bn' ? JOBS_BN : JOBS_EN; return (

{lang === 'bn' ? 'খোলা পদসমূহ' : 'Active Roles'}

{lang === 'bn' ? '১২ active · ৪ closing soon' : '12 active · 4 closing soon'}

{jobs.map((j, i) => ( ))}

{lang === 'bn' ? 'পদ' : 'Role'}	{lang === 'bn' ? 'স্ট্যাটাস' : 'Status'}	{lang === 'bn' ? 'আবেদন' : 'Applied'}	{lang === 'bn' ? 'ফানেল' : 'Funnel'}	{lang === 'bn' ? 'পোস্টেড' : 'Posted'}
{j.title} {j.dept}	{j.status === 'active' ? (lang === 'bn' ? 'সক্রিয়' : 'Active') : j.status === 'closing' ? (lang === 'bn' ? 'শেষ পর্যায়' : 'Closing') : j.status === 'paused' ? (lang === 'bn' ? 'বিরতি' : 'Paused') : (lang === 'bn' ? 'ড্রাফট' : 'Draft')}	{j.applied}	{j.screened} {j.interview} {j.offer}	{j.posted}

); } // ============================================================ // ANALYTICS — Trend Chart // ============================================================ function TrendChart({ lang }) { const W = 600, H = 220, P = 30; const max = Math.max(...TREND_APPS) * 1.1; const x = (i) => P + ((W - P * 2) * i) / (TREND_APPS.length - 1); const y = (v) => H - P - ((H - P * 2) * v) / max; const line = (data) => data.map((v, i) => `${i ? 'L' : 'M'}${x(i)},${y(v)}`).join(' '); const area = (data) => `${line(data)} L${x(data.length - 1)},${H - P} L${P},${H - P} Z`; return (

{lang === 'bn' ? 'অ্যাপ্লিকেশন ট্রেন্ড' : 'Application Trend'}

{lang === 'bn' ? '৩০ দিনের আবেদন ও ইন্টারভিউ' : '30 days · applications and interviews'}

{lang === 'bn' ? 'আবেদন' : 'Applications'} {lang === 'bn' ? 'ইন্টারভিউ' : 'Interviews'}

); } function SourcesCard({ lang }) { const sources = lang === 'bn' ? SOURCES_BN : SOURCES_EN; return (

{lang === 'bn' ? 'সোর্স ব্রেকডাউন' : 'Source Breakdown'}

{lang === 'bn' ? 'কোথা থেকে আবেদন আসছে' : 'Where applications come from'}

{sources.map((s, i) => (

{s.l}

{s.n}

))}

); } // ============================================================ // CANDIDATE DRAWER // ============================================================ function CandidateDrawer({ c, onClose, lang }) { if (!c) return null; const skills = [ { n: 'Figma', v: 95 }, { n: 'User Research', v: 88 }, { n: 'Design Systems', v: 92 }, { n: 'Mobile UX', v: 90 }, { n: 'Prototyping', v: 85 }, { n: 'Fintech', v: 78 }, ]; return ( <>

{c.av}

{lang === 'bn' ? c.name_bn : c.name_en}

{lang === 'bn' ? c.role_bn : c.role_en} · 📍 {lang === 'bn' ? 'ঢাকা' : 'Dhaka'}

{c.match}%

{lang === 'bn' ? 'AI ম্যাচ স্কোর' : 'AI Match Score'} {lang === 'bn' ? 'এই পদের জন্য top ৫% candidates এর মধ্যে। Strong fintech experience এবং design systems expertise।' : 'In top 5% for this role. Strong fintech experience and design systems expertise.'}

{lang === 'bn' ? 'দক্ষতা ম্যাচ' : 'Skill Match'}

{skills.map(s => (

{s.n}

{s.v}%

))}

{lang === 'bn' ? 'অভিজ্ঞতা' : 'Experience'}

{lang === 'bn' ? 'সিনিয়র প্রোডাক্ট ডিজাইনার' : 'Senior Product Designer'} · Pathao

2022 — {lang === 'bn' ? 'বর্তমান' : 'Present'}

{lang === 'bn' ? 'প্রোডাক্ট ডিজাইনার' : 'Product Designer'} · Chaldal

2020 — 2022

{lang === 'bn' ? 'AI স্ক্রিনিং নোট' : 'AI Screening Notes'}

{lang === 'bn' ? '✦ Pathao Pay-তে digital wallet onboarding ৪১% → ৭৮% improve করার hands-on experience। bKash এর USSD-to-app transition strategy এর সাথে directly aligns। Portfolio quality top 5%।' : '✦ Hands-on experience improving digital wallet onboarding from 41% → 78% at Pathao Pay. Directly aligned with bKash\'s USSD-to-app transition. Portfolio quality in top 5%.'}

{lang === 'bn' ? 'ফুল প্রোফাইল' : 'Full Profile'}

); } // ============================================================ // PAGE — VIEWS // ============================================================ function OverviewView({ lang, onOpen }) { return ( <>

{lang === 'bn' ? 'ওভারভিউ · ৩০ দিন' : 'Overview · 30 days'}

{lang === 'bn' ? 'হ্যালো ফারিহা, আজ ৭ জন top match আছে' : 'Hello Fariha — 7 top matches today'}

{lang === 'bn' ? 'আপনার team-এর performance আজ track করুন' : 'Track your team\'s performance today'}

); } function JobsView({ lang }) { return ( <>

{lang === 'bn' ? 'জব পোস্ট' : 'Job Posts'}

{lang === 'bn' ? 'সব পদ ম্যানেজ করুন' : 'Manage all roles'}

{lang === 'bn' ? '১২টি active · ১,২৪৭ মোট আবেদন' : '12 active · 1,247 total applications'}

); } function PipelineView({ lang, onOpen }) { return ( <>

{lang === 'bn' ? 'পাইপলাইন' : 'Pipeline'}

{lang === 'bn' ? 'প্রার্থী পাইপলাইন' : 'Candidate Pipeline'}

{lang === 'bn' ? 'কার্ড drag করে stages-এর মধ্যে move করুন' : 'Drag cards between stages to advance candidates'}

); } function AnalyticsView({ lang }) { return ( <>

{lang === 'bn' ? 'এনালিটিক্স' : 'Analytics'}

{lang === 'bn' ? 'হায়ারিং পারফরম্যান্স' : 'Hiring Performance'}

{lang === 'bn' ? 'গত ৩০ দিনের বিস্তারিত' : 'Detailed view of last 30 days'}

); } // ============================================================ // APP // ============================================================ function RecruiterApp() { const [lang, setLang] = rS('bn'); const [active, setActive] = rS('overview'); const [openCand, setOpenCand] = rS(null); rE(() => { document.body.classList.toggle('lang-bn', lang === 'bn'); document.body.classList.toggle('lang-en', lang === 'en'); }, [lang]); return (

alert(lang === 'bn' ? 'নতুন জব পোস্ট ফর্ম খোলবে' : 'Open new job post form')} />

{active === 'overview' && } {active === 'pipeline' && } {active === 'jobs' && } {active === 'analytics' && } {!['overview','pipeline','jobs','analytics'].includes(active) && }

{openCand && setOpenCand(null)} lang={lang} />}

); } ReactDOM.createRoot(document.getElementById('root')).render();