);
}
// ────────── AI Insight block ──────────
function InsightBlock({ kpis, period }) {
const [text, setText] = useState('');
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const fallback = useMemo(() => buildFallback(kpis, period), [kpis, period]);
const fetchInsight = async () => {
// Sur le site public, pas d'accès direct à Claude.
// Le bouton "Régénérer" rejoue simplement le fallback déterministe.
setLoading(true); setError(null);
setTimeout(() => { setText(fallback); setLoading(false); }, 200);
};
useEffect(() => { setText(fallback); }, [fallback]);
return (
Ce qui se passe — {period}
{text}
{error && Hors ligne — texte par défaut affiché.}
);
}
function buildFallback(k, period) {
const dV = k.views.delta, dS = k.subsGained.delta;
const drop = dV < -10;
return drop
? `Les vues baissent de ${Math.abs(dV)}% cette période — ${k.views.value} vues, contre une base plus haute la semaine d'avant. Le watch time tient (${k.watchHours.value}h, ${k.watchHours.delta>0?'+':''}${k.watchHours.delta}%), donc l'audience qui regarde est toujours engagée ; c'est l'acquisition qui ralentit. À regarder côté CTR et thumbnails sur les 3 dernières publications.`
: `${window.DATA.fmtNum(k.views.value)} vues sur ${period.toLowerCase()}, ${dV>0?'+':''}${dV}% vs précéd. ${k.subsGained.value>0?'+':''}${k.subsGained.value} abos nets — ${k.cumulSubs.value} au total. ${dS<0?`L'abonnement net ralentit (${dS}%) malgré l'audience stable.`:`Croissance régulière, rien à signaler côté red flags.`}`;
}
// ────────── Categories ──────────
function CategoriesSection({ data, accent }) {
const colors = {
short: accent === 'amber' ? 'var(--amber)' : 'var(--teal)',
mid: 'var(--navy)',
long: accent === 'amber' ? 'var(--teal)' : 'var(--amber)',
};
const slices = data.map(d => ({ value: d.views, color: colors[d.key] }));
return (
