// CEO Dashboard v3 — کنترل مرکزی مدیرعامل · با داده واقعی
const CeoDashboard = () => {
const { fa } = window.SB_DATA;
// ─── State ────────────────────────────────────────────────
const [ceoTab, setCeoTab] = useState('command');
const [ceoLoading, setCeoLoading] = useState(true);
const [ceoLS, setCeoLS] = useState(null); // leads/stats/overview
const [ceoMS, setCeoMS] = useState(null); // market/stats
const [ceoSR, setCeoSR] = useState(null); // market/sales-report (overall)
const [ceoSellers, setCeoSellers] = useState([]); // market/sales-report sellers
const [ceoSellerDet, setCeoSellerDet] = useState([]); // market/sellers (detail)
const [ceoCamps, setCeoCamps] = useState([]); // campaigns
const [ceoScripts, setCeoScripts] = useState([]); // scripts
const [ceoFuSt, setCeoFuSt] = useState(null); // followup/stats
const [ceoFuRules, setCeoFuRules] = useState([]); // followup/rules
const ceoHdrs = { Authorization: `Bearer ${localStorage.getItem(window.TOKEN_KEY)}` };
// ─── CSS injection ────────────────────────────────────────
useEffect(() => {
const SID = 'ceo-v3-css';
if (document.getElementById(SID)) return;
const el = document.createElement('style');
el.id = SID;
el.textContent = `
.ceo-page{font-family:inherit;direction:rtl}
.ceo-nav{display:flex;gap:6px;flex-wrap:wrap;background:#101622;border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:6px;margin-bottom:20px}
.ceo-nav-btn{padding:9px 16px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:700;color:#8b95a7;background:transparent;border:1px solid transparent;transition:all .15s;white-space:nowrap;font-family:inherit}
.ceo-nav-btn:hover{color:#c4cbd8;background:rgba(255,255,255,0.04)}
.ceo-nav-btn.active{color:#fff;background:rgba(129,140,248,0.18);border-color:rgba(129,140,248,0.38)}
.ceo-tab{display:none}.ceo-tab.active{display:block}
.ceo-pnl{background:linear-gradient(180deg,#161d2b,#11161f);border:1px solid rgba(255,255,255,0.09);border-radius:18px;padding:22px 24px;margin-bottom:16px;position:relative;overflow:hidden}
.ceo-pnl::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#34d399,#818cf8,#f87171)}
.ceo-card{background:#121823;border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.ceo-card-sm{background:#141a24;border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:15px 18px}
.ceo-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.ceo-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.ceo-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.ceo-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.ceo-knum{font-size:26px;font-weight:800;margin:6px 0 3px}
.ceo-klbl{font-size:11px;color:#8b95a7}
.ceo-ksub{font-size:11px;margin-top:4px}
.ceo-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:8px;padding:4px 10px;white-space:nowrap}
.ceo-tag-g{color:#5ee9b5;background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.22)}
.ceo-tag-r{color:#fb9d9d;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.22)}
.ceo-tag-y{color:#fcd66b;background:rgba(251,191,36,0.12);border:1px solid rgba(251,191,36,0.22)}
.ceo-tag-p{color:#c7cdfa;background:rgba(129,140,248,0.12);border:1px solid rgba(129,140,248,0.22)}
.ceo-insight{display:flex;gap:9px;align-items:flex-start;background:rgba(129,140,248,0.07);border:1px solid rgba(129,140,248,0.16);border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.7;color:#c4cbd8;margin-top:14px}
.ceo-insight-r{background:rgba(248,113,113,0.07);border-color:rgba(248,113,113,0.16)}
.ceo-insight-g{background:rgba(52,211,153,0.07);border-color:rgba(52,211,153,0.16)}
.ceo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.ceo-row:last-child{border-bottom:none}
.ceo-bar-wrap{height:8px;border-radius:4px;background:rgba(255,255,255,0.06)}
.ceo-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}
.ceo-ondot{width:8px;height:8px;border-radius:50%;flex:none}
.ceo-divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:12px 0}
.ceo-section-title{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ceo-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none}
@media(max-width:900px){.ceo-grid5{grid-template-columns:repeat(3,1fr)}.ceo-grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ceo-grid5,.ceo-grid4,.ceo-grid3{grid-template-columns:repeat(2,1fr)}.ceo-grid2{grid-template-columns:1fr}}
`;
document.head.appendChild(el);
}, []);
// ─── Data fetch ───────────────────────────────────────────
useEffect(() => {
const h = ceoHdrs;
Promise.all([
fetch('/api/leads/stats/overview', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/market/stats', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/market/sales-report', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/market/sellers', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/campaigns/campaigns', { headers: h }).then(r => r.json()).catch(() => []),
fetch('/api/scripts', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/followup/stats', { headers: h }).then(r => r.json()).catch(() => ({})),
fetch('/api/followup/rules', { headers: h }).then(r => r.json()).catch(() => ({})),
]).then(([ls, ms, sr, selDet, camps, scripts, fuSt, fuRules]) => {
if (ls.success) setCeoLS(ls.data.stats);
if (ms.success) setCeoMS(ms.data.stats);
if (sr.success) {
setCeoSR(sr.data.overall);
setCeoSellers(sr.data.sellers || []);
}
if (selDet.success) setCeoSellerDet(selDet.data.sellers || []);
const cl = Array.isArray(camps) ? camps : [];
setCeoCamps(cl);
if (scripts.success) setCeoScripts(scripts.data.scripts || []);
if (fuSt.success) setCeoFuSt(fuSt.data);
if (fuRules.success) setCeoFuRules(fuRules.data || []);
}).finally(() => setCeoLoading(false));
}, []);
// ─── Helpers ──────────────────────────────────────────────
const fmon = (v) => {
if (!v && v !== 0) return '—';
if (v >= 1000000) return fa(+(v / 1000000).toFixed(1)) + 'M';
if (v >= 1000) return fa(+(v / 1000).toFixed(0)) + 'K';
return fa(v);
};
const fpc = (v) => v != null ? fa(Math.round(v)) + '٪' : '—';
const pbar = (pct, color, h=8) => (
);
const tagC = (cls, txt) => {txt} ;
// ─── Derived ──────────────────────────────────────────────
const ls = ceoLS || {};
const ms = ceoMS || {};
const sr = ceoSR || {};
const totalLeads = ls.total || 0;
const buyers = ls.buyer || 0;
const lostLeads = (ls.lost || 0) + (ls.cancelled || 0);
const convRate = totalLeads > 0 ? Math.round(buyers / totalLeads * 100) : 0;
const todayLeads = ls.today || 0;
const frozenLeads = ls.frozen || 0;
const slaOverdue = ms.overdue || 0;
const poolCount = ms.pool_count || 0;
const totalRev = sr.totalRevenue || 0;
// funnel drop %
const funnelSteps = [
{ label: 'ورود لید', val: totalLeads, color: '#818cf8' },
{ label: 'پیگیری', val: ls.follow_up || 0, color: '#7986e6' },
{ label: 'در دست فروش', val: ls.in_sales || 0, color: '#5dd0c0' },
{ label: 'تماس گرفته', val: ls.called || 0, color: '#fbbf24' },
{ label: 'خرید', val: buyers, color: '#34d399' },
];
const funnelMax = funnelSteps[0].val || 1;
// channel data
const chTg = ls.telegram || 0;
const chBale = ls.bale || 0;
const chOther = Math.max(0, totalLeads - chTg - chBale);
// seller merge: combine sales-report with detail
const selMerged = ceoSellers.map(s => {
const det = ceoSellerDet.find(d => d.id === s.id) || {};
return { ...s, ...det, overdue_leads: det.overdue_leads || 0 };
});
// seller diagnosis
const selDiag = (s) => {
if (!s.is_active) return { lbl: 'غیرفعال', cls: 'p' };
if (s.overdue_leads > 2) return { lbl: 'SLA منقضی', cls: 'r' };
if (s.conversionRate < 15) return { lbl: 'نرخ پایین', cls: 'r' };
if (s.conversionRate < 30) return { lbl: 'متوسط', cls: 'y' };
return { lbl: 'عملکرد خوب', cls: 'g' };
};
// campaign ROI (rough: buyer_count / lead_count * scalar)
const campRoi = (c) => {
if (!c.lead_count) return null;
return +(c.buyer_count / c.lead_count * 100).toFixed(0);
};
if (ceoLoading) return (
{[1,2,3,4,5].map(i => (
))}
{label}
{val}
{sub &&
{sub}
}
);
// ─── TAB: Command Center ──────────────────────────────────
const TabCommand = () => {
const biggestLeak = slaOverdue > 3
? `${fa(slaOverdue)} لید با SLA منقضی بدون پیگیری`
: frozenLeads > 5
? `${fa(frozenLeads)} لید فریز رهاشده`
: lostLeads > 10
? `${fa(lostLeads)} لید باختهشده این ماه`
: 'بدون هشدار بحرانی';
const funnelDrop = (curr, prev) => {
if (!prev) return null;
const d = Math.round((prev - curr) / prev * 100);
return d > 0 ? `−${fa(d)}٪` : null;
};
return (
{/* P&L Hero */}
تابلوی سود و زیان · پول کجاست؟
درآمد کل{' '}
{fmon(totalRev)}
·
خریداران{' '}
{fa(buyers)} نفر
·
نرخ تبدیل{' '}
= 30 ? '#34d399' : convRate >= 15 ? '#fbbf24' : '#f87171'}}>{fpc(convRate)}
▲ منابع درآمد
{[
{ n: 'تلگرام', v: fa(chTg) + ' لید' },
{ n: 'بله', v: fa(chBale) + ' لید' },
{ n: 'خریداران کل', v: fa(buyers) + ' نفر' },
{ n: 'درآمد ثبتشده', v: fmon(totalRev) },
].map((g, i) => (
{g.n}
{g.v}
))}
▼ نشتی و ریزش
{[
{ n: 'لیدهای باخته', v: fa(lostLeads) + ' نفر', warn: lostLeads > 20 },
{ n: 'SLA منقضی', v: fa(slaOverdue) + ' لید', warn: slaOverdue > 0 },
{ n: 'فریز رهاشده', v: fa(frozenLeads) + ' لید', warn: frozenLeads > 5 },
{ n: 'در استخر بلاتکلیف', v: fa(poolCount) + ' لید', warn: poolCount > 30 },
].map((g, i) => (
{g.n}
{g.v}
))}
✦
تحلیل:
{' '}بزرگترین نشتی: {biggestLeak} .
نرخ تبدیل کل = 20 ? '#34d399' : '#f87171'}}>{fpc(convRate)} است.
{convRate < 20 && ' بهینهسازی اسکریپت و پیگیری اولیه توصیه میشود.'}
{/* KPIs */}
= 20 ? '▲ در سطح هدف' : '▼ زیر هدف'} valColor={convRate >= 20 ? '#34d399' : '#f87171'} subColor={convRate >= 20 ? '#5ee9b5' : '#fb9d9d'} />
0 ? 'اقدام فوری' : 'همه در وقت'} valColor={slaOverdue > 0 ? '#fb9d9d' : '#34d399'} subColor={slaOverdue > 0 ? '#f87171' : '#5ee9b5'} />
5 ? '+۵ لید بیحرکت' : 'تحت کنترل'} valColor={frozenLeads > 5 ? '#fcd66b' : '#e6eaf2'} subColor={frozenLeads > 5 ? '#fbbf24' : '#8b95a7'} />
{/* Funnel */}
قیف فروش
{funnelSteps.map((f, i) => {
const h = Math.max(18, Math.round((f.val / funnelMax) * 100));
const drop = i > 0 ? funnelDrop(f.val, funnelSteps[i-1].val) : null;
return (
{drop && (
{drop}
)}
);
})}
⚠
نقطه بحران:
{' '}از {fa(totalLeads)} لید ورودی، تنها {fa(buyers)} خریدار شدند ({fpc(convRate)}).
{ls.in_sales > 0 && ` در حال حاضر ${fa(ls.in_sales)} لید در دست فروشندگان است.`}
{/* Quick Stats */}
20 ? '#fb9d9d' : '#e6eaf2'} subColor={lostLeads > 20 ? '#f87171' : '#8b95a7'} />
کمپینها و اسکریپتها
کدام کمپین سودده است؟ اسکریپتها چه وضعی دارند؟
a + (c.lead_count||0), 0))} sub="مجموع لیدها" />
a + (c.buyer_count||0), 0))} sub="مجموع خریداران" valColor="#34d399" />
{/* Campaigns List */}
📣 کمپینها
{ceoCamps.length === 0 ? (
هیچ کمپینی ثبت نشده
) : (
{ceoCamps.slice(0, 8).map((c, i) => {
const roi = campRoi(c);
const roiCls = roi == null ? 'p' : roi >= 30 ? 'g' : roi >= 10 ? 'y' : 'r';
return (
{c.name}
{roi != null ? fa(roi) + '٪ تبدیل' : '—'}
لید: {fa(c.lead_count||0)} · خریدار: {fa(c.buyer_count||0)}
{tagC(roiCls, roi >= 30 ? 'سودده' : roi >= 10 ? 'متوسط' : roi != null ? 'ضعیف' : 'بدون داده')}
{tagC(c.is_active ? 'g' : 'p', c.is_active ? 'فعال' : 'غیرفعال')}
);
})}
)}
{ceoCamps.length > 0 && (
✦
{activeCamps.length > 0
? <>{fa(activeCamps.length)} کمپین فعال. بهترین تبدیل: {(() => { const best = [...ceoCamps].sort((a,b) => campRoi(b)-campRoi(a))[0]; return best ? best.name + ' ' + fa(campRoi(best)||0) + '٪' : '—'; })()} .
: 'هیچ کمپین فعالی وجود ندارد.'
}
)}
{/* Scripts */}
📝 اسکریپتها
{ceoScripts.length === 0 ? (
هیچ اسکریپتی ثبت نشده
) : ceoScripts.map((sc, i) => (
{sc.name}
{sc.description || 'بدون توضیح'}
{tagC(sc.is_active ? 'g' : 'p', sc.is_active ? 'فعال' : 'غیرفعال')}
))}
);
};
// ─── TAB: Follow-up ───────────────────────────────────────
const TabFollowup = () => {
const fuSt = ceoFuSt || {};
const responseRate = fuSt.log_total > 0 ? Math.round(fuSt.response_count / fuSt.log_total * 100) : 0;
const activeRules = ceoFuRules.filter(r => r.is_active);
return (
فالوآپ
دنبالههای پیگیری · نرخ پاسخ · لید گیرکرده
50 ? '#fcd66b' : '#e6eaf2'} />
= 30 ? '#34d399' : responseRate >= 15 ? '#fbbf24' : '#f87171'} subColor={responseRate >= 30 ? '#5ee9b5' : responseRate >= 15 ? '#fbbf24' : '#f87171'} />
قوانین فالوآپ
{ceoFuRules.length === 0 ? (
هیچ قانونی تعریف نشده
) : ceoFuRules.map((r, i) => (
{r.name}
{r.step_count || 0} گام · رویداد: {r.trigger_event || '—'}
در صف
10 ? '#fcd66b' : '#e6eaf2'}}>{fa(r.pending_count||0)}
ارسال
{fa(r.sent_count||0)}
{tagC(r.is_active ? 'g' : 'p', r.is_active ? 'فعال' : 'غیرفعال')}
))}
✦
وضعیت فالوآپ:
{' '}{fa(fuSt.rules_active||0)} قانون فعال، {fa(fuSt.pending_count||0)} پیام در صف.
نرخ پاسخ = 30 ? '#34d399' : '#fbbf24'}}>{fpc(responseRate)} .
{fuSt.failed_count > 0 && <> {fa(fuSt.failed_count)} پیام ناموفق — بررسی شود.}
);
};
// ─── TAB: Distribution ────────────────────────────────────
const TabDistribution = () => {
const totalSellerLeads = selMerged.reduce((a, s) => a + (s.active_leads || 0), 0) || 1;
return (
توزیع خودکار
لیدها چطور توزیع میشوند؟ سهم هر فروشنده
10 ? '#fb9d9d' : '#e6eaf2'} subColor={poolCount > 10 ? '#f87171' : '#8b95a7'} />
0 ? '#fb9d9d' : '#34d399'} subColor={slaOverdue > 0 ? '#f87171' : '#5ee9b5'} />
5 ? '#fcd66b' : '#e6eaf2'} />
سهم لید هر فروشنده
{selMerged.length === 0 ? (
هیچ فروشندهای ثبت نشده
) : selMerged.filter(s => s.is_active).map((s, i) => {
const pct = Math.round((s.active_leads||0) / totalSellerLeads * 100);
const col = s.overdue_leads > 2 ? '#f87171' : pct > 40 ? '#f87171' : pct > 25 ? '#fbbf24' : '#818cf8';
return (
{s.name?.[0] || '؟'}
{s.name}
فعال: {fa(s.active_leads||0)}
سهم: {fa(pct)}٪
{s.overdue_leads > 0 && SLA: {fa(s.overdue_leads)} }
{pbar(pct, col)}
);
})}
{poolCount > 0 && (
⚠
هشدار: {fa(poolCount)} لید در استخر بدون انتساب ماندهاند — توزیع خودکار را فعال کنید.
)}
);
};
// ─── TAB: Media + Agents (merged) ────────────────────────
const TabMedia = () => {
const channels = [
{
name: 'تلگرام', leads: chTg, color: '#34d399',
status: chTg > 0 ? 'g' : 'p',
botNote: chTg > 0 ? 'بات فعال' : 'بدون داده',
convApprox: totalLeads > 0 && buyers > 0 ? Math.round(buyers * chTg / totalLeads) : 0,
},
{
name: 'بله', leads: chBale, color: chBale > 50 ? '#34d399' : '#fbbf24',
status: chBale > 50 ? 'g' : chBale > 0 ? 'y' : 'p',
botNote: chBale > 50 ? 'بات فعال' : chBale > 0 ? 'کمترافیک' : 'بدون داده',
convApprox: totalLeads > 0 && buyers > 0 ? Math.round(buyers * chBale / totalLeads) : 0,
},
{
name: 'دستی / سایر', leads: chOther, color: '#818cf8',
status: 'p',
botNote: 'ورود دستی',
convApprox: totalLeads > 0 && buyers > 0 ? Math.round(buyers * chOther / totalLeads) : 0,
},
].filter(m => m.leads > 0);
const chMax = Math.max(...channels.map(c => c.leads), 1);
const bestCh = [...channels].sort((a,b) => b.leads - a.leads)[0];
return (
رسانهها و باتها
وضعیت هر کانال · سهم لید · خریدار تخمینی · بودجه کجا برود؟
{/* KPIs — 5 card */}
0 ? fpc(chTg/totalLeads*100) + ' سهم' : '—'}
valColor="#34d399" subColor="#5ee9b5" />
0 ? fpc(chBale/totalLeads*100) + ' سهم' : '—'}
valColor="#5dd0c0" />
= 20 ? '▲ در سطح هدف' : '▼ زیر هدف'}
valColor={convRate >= 20 ? '#34d399' : '#f87171'}
subColor={convRate >= 20 ? '#5ee9b5' : '#fb9d9d'} />
{/* Channel detail table */}
عملکرد هر کانال / بات
{channels.length === 0 ? (
دادهای ثبت نشده
) : channels.map((ch, i) => (
{/* row top */}
سهم
{totalLeads > 0 ? fpc(ch.leads/totalLeads*100) : '—'}
خریدار تخمینی
{ch.convApprox > 0 ? fa(ch.convApprox) : '—'}
{ch.status === 'g' ? 'سودده' : ch.status === 'y' ? 'متوسط' : 'سایر'}
{/* volume bar */}
حجم لید
{fpc(ch.leads / chMax * 100)}
{pbar(ch.leads / chMax * 100, ch.color)}
))}
{/* Insight */}
✦
تحلیل رسانهها و باتها:
{' '}
{bestCh
? `قویترین کانال: ${bestCh.name} با ${fa(bestCh.leads)} لید (${totalLeads > 0 ? fpc(bestCh.leads/totalLeads*100) : '—'} سهم).`
: 'داده کانالی ثبت نشده.'}
{' '}نرخ تبدیل کل = 20 ? '#34d399' : '#fbbf24'}}>{fpc(convRate)} .
{slaOverdue > 0 && <> {fa(slaOverdue)} لید SLA منقضی — اقدام فوری.}
);
};
// ─── TAB: Sales Team ──────────────────────────────────────
const TabTeam = () => {
const activeSellers = selMerged.filter(s => s.is_active);
const totalSellerRev = selMerged.reduce((a,s) => a + (s.totalRevenue||0), 0);
const totalSrOverdue = selMerged.reduce((a,s) => a + (s.overdue_leads||0), 0);
const srMax = Math.max(...activeSellers.map(s => s.conversionRate||0), 1);
return (
تیم فروش
عملکرد هر فروشنده · نرخ تبدیل · SLA
0 ? '#fb9d9d' : '#34d399'} subColor={totalSrOverdue > 0 ? '#f87171' : '#5ee9b5'} />
فروشندگان
{activeSellers.length === 0 ? (
هیچ فروشنده فعالی ثبت نشده
) : activeSellers.map((s, i) => {
const diag = selDiag(s);
const col = diag.cls === 'g' ? '#34d399' : diag.cls === 'y' ? '#fbbf24' : diag.cls === 'r' ? '#f87171' : '#818cf8';
return (
{s.name?.[0] || '؟'}
{s.name}
{fa(s.totalLeads||0)} لید · {fa(s.buyers||0)} خریدار · SLA: {fa(s.overdue_leads||0)}
تبدیل {fpc(s.conversionRate)}
{pbar(s.conversionRate/srMax*100, col)}
{s.score != null && (
<>
امتیاز = 70 ? '#34d399' : s.score >= 40 ? '#fbbf24' : '#f87171'}}>{fa(s.score)}
{pbar(s.score, s.score >= 70 ? '#34d399' : s.score >= 40 ? '#fbbf24' : '#f87171')}
)}
{fmon(s.totalRevenue)}
{diag.lbl}
);
})}
{/* Manager alerts */}
{totalSrOverdue > 0 && (
⚠ هشدار مدیر فروش
⚠
{fa(totalSrOverdue)} لید SLA منقضی در تیم فروش وجود دارد.
{selMerged.filter(s => s.overdue_leads > 0).map(s => (
{s.name}: {fa(s.overdue_leads)} لید.
))}
)}
{ceoSellers.length > 0 && (
✦
تحلیل تیم:
{(() => {
const best = [...ceoSellers].sort((a,b) => (b.conversionRate||0)-(a.conversionRate||0))[0];
const worst = [...ceoSellers].filter(s=>s.is_active && (s.totalLeads||0)>5).sort((a,b) => (a.conversionRate||0)-(b.conversionRate||0))[0];
return <> بهترین عملکرد: {best?.name} ({fpc(best?.conversionRate)}) .
{worst && worst.id !== best?.id && <> ضعیفترین: {worst.name} ({fpc(worst.conversionRate)}) .}
;
})()}
)}
);
};
// ─── RENDER ───────────────────────────────────────────────
const tabs = [
{ id: 'command', label: '🏠 مرکز فرماندهی' },
{ id: 'campaigns', label: '📋 کمپین و اسکریپت' },
{ id: 'followup', label: '🔁 فالوآپ' },
{ id: 'distribution', label: '⚡ توزیع' },
{ id: 'media', label: '📡 رسانهها و باتها' },
{ id: 'team', label: '👥 تیم فروش' },
];
return (
{tabs.map(t => (
setCeoTab(t.id)}>
{t.label}
))}
);
};