/* screen_comercial_daily_briefing_carteira_v2.jsx
Daily Briefing Carteira V2 — Desvios ERP (consumíveis).
Expõe window.ScreenDailyBriefingCarteiraV2. */
// ── Helpers ───────────────────────────────────────────────────────────────────
const bcv2FmtK = v => {
const n = Number(v) || 0;
if (Math.abs(n) >= 1000) return (n / 1000).toFixed(1).replace('.', ',') + 'k';
return n.toFixed(0);
};
const bcv2FmtEur = v => `${bcv2FmtK(v)}€`;
const bcv2VarPct = (v26, v25) => v25 > 0 ? ((v26 - v25) / v25 * 100) : (v26 > 0 ? 100 : 0);
const MESES = ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'];
// Cores semânticas
const C = {
green: 'var(--dgd-green-700,#1F8A52)',
red: 'var(--dgd-red-700,#B53B3B)',
amber: 'var(--dgd-pumpkin-500,#FF9A40)',
blue: 'var(--dgd-primary-500,#61A9FF)',
fg1: 'var(--dgd-fg-1)',
fg2: 'var(--dgd-fg-2)',
fg3: 'var(--dgd-fg-3)',
border: 'var(--dgd-border-1)',
surf: 'var(--dgd-bg-surface)',
app: 'var(--dgd-bg-app)',
};
// ── CV Badge ──────────────────────────────────────────────────────────────────
const CvBadge = ({ label }) => {
if (!label || label === 'Sem historial') return null;
const color = label === 'Regular' ? C.green : label === 'Sazonal' ? C.amber : C.red;
return (
● {label}
);
};
// ── Urgência Badge ────────────────────────────────────────────────────────────
const UrgBadge = ({ u }) => {
const cfg = {
hoje: { color: C.red, label: 'HOJE' },
semana: { color: C.amber, label: 'SEMANA' },
monitorizar: { color: C.fg3, label: 'MONITOR' },
}[u] || { color: C.fg3, label: u || '—' };
return (
{cfg.label}
);
};
// ── Bloco badge numerado ──────────────────────────────────────────────────────
const BlocoBadge = ({ n, color = C.blue }) => (
{n}
);
// ── AcaoBadge ─────────────────────────────────────────────────────────────────
const acaoColors = [C.green, C.blue, C.amber, C.red];
const AcaoBadge = ({ n }) => {
const color = acaoColors[(n - 1) % acaoColors.length];
return (
{n}
);
};
// ── Cabeçalho de tabela ───────────────────────────────────────────────────────
const TH = { textAlign: 'left', padding: '6px 8px', fontSize: 10, color: C.fg3, fontFamily: 'var(--dgd-font-mono)', fontWeight: 600, textTransform: 'uppercase' };
// ── Hero ──────────────────────────────────────────────────────────────────────
const BriefV2Hero = ({ date, onRegenerate, loading, brief, userName }) => {
const firstName = (userName || '').split(' ')[0] || '';
const titulo = brief?.hero?.titulo || 'análise de desvios da carteira.';
const subtitulo = brief?.hero?.subtitulo || null;
return (
COMERCIAL · CONSUMÍVEIS · CARTEIRA V2 · DESVIOS ERP
{firstName ? `${firstName}, ` : ''}{titulo}
{subtitulo && (
{subtitulo}
)}
⚡ DIGI · AGENTE AI DIGIDELTA
{date}
);
};
// ── KPI Cards ─────────────────────────────────────────────────────────────────
const BriefV2KPIs = ({ metricas }) => {
if (!metricas) return null;
const { total_2025, total_2026, var_pct_total, valor_em_risco, n_ausentes, n_em_queda, fat_ytd, bp_acum, gap_bp, mes_corrente } = metricas;
const mesCorrStr = MESES[(mes_corrente || 1) - 1];
const cards = [
{
label: `Carteira YTD Jan–${mesCorrStr} 2026`,
value: bcv2FmtEur(total_2026),
sub: `${bcv2FmtEur(total_2025)} em 2025 · ${var_pct_total >= 0 ? '+' : ''}${var_pct_total?.toFixed(1)}%`,
color: (var_pct_total || 0) >= 0 ? C.green : C.red,
},
{
label: 'Faturado YTD vs BP',
value: `${(gap_bp || 0) >= 0 ? '+' : ''}${bcv2FmtEur(gap_bp)}`,
sub: `${bcv2FmtEur(fat_ytd)} faturados · obj ${bcv2FmtEur(bp_acum)}`,
color: (gap_bp || 0) >= 0 ? C.green : C.red,
},
{
label: 'Valor em Risco',
value: bcv2FmtEur(valor_em_risco),
sub: `${n_ausentes || 0} ausentes + ${n_em_queda || 0} em queda`,
color: (valor_em_risco || 0) > 0 ? C.red : C.fg3,
},
{
label: 'Clientes Ausentes',
value: n_ausentes || 0,
sub: 'compraram em 2025, zero em 2026',
color: (n_ausentes || 0) > 0 ? C.red : C.green,
},
];
return (
{cards.map((c, i) => (
{c.label}
{c.value}
{c.sub}
))}
CLIENTES AUSENTES — ZERO EM 2026
{bloco1.narrativa &&
{bloco1.narrativa}
}
{ausentes.length > 0 && (
{['Cliente', '2025 (ref.)', '2026', 'CV', 'Famílias', 'Urgência', 'Coaching'].map(h => (
| {h} |
))}
{ausentes.map((a, i) => (
| onClienteClick && onClienteClick(a.cliente)}>{a.cliente} |
{bcv2FmtEur(a.val_2025)} |
0€ |
|
{(a.familias || []).slice(0, 2).join(', ')} |
|
{a.coaching} |
))}
)}
{bloco1.acoes?.length > 0 && (
{bloco1.acoes.map(a => (
))}
)}
);
};
// ── Bloco 2 — Em Queda ────────────────────────────────────────────────────────
const BriefV2Bloco2 = ({ bloco2, onClienteClick }) => {
if (!bloco2) return null;
const em_queda = bloco2.em_queda || [];
return (
CLIENTES EM QUEDA — DESVIO NEGATIVO SIGNIFICATIVO
{bloco2.narrativa &&
{bloco2.narrativa}
}
{em_queda.length > 0 && (
{['Cliente', '2025 (ref.)', '2026', 'Desvio %', 'Desvio €', 'CV', 'Famílias em queda', 'Urgência', 'Coaching'].map(h => (
| {h} |
))}
{em_queda.map((q, i) => (
| onClienteClick && onClienteClick(q.cliente)}>{q.cliente} |
{bcv2FmtEur(q.val_2025)} |
{bcv2FmtEur(q.val_2026)} |
{q.var_pct?.toFixed(1)}% |
{bcv2FmtEur(q.desvio_eur)} |
|
{(q.familias_queda || []).slice(0, 2).join(', ')} |
|
{q.coaching} |
))}
)}
{bloco2.acoes?.length > 0 && (
{bloco2.acoes.map(a => (
))}
)}
);
};
// ── Bloco 3 — Crescimento ─────────────────────────────────────────────────────
const BriefV2Bloco3 = ({ bloco3, onClienteClick }) => {
if (!bloco3) return null;
const crescimento = bloco3.crescimento || [];
return (
CLIENTES EM CRESCIMENTO — CONSOLIDAR E EXPANDIR
{bloco3.narrativa &&
{bloco3.narrativa}
}
{crescimento.length > 0 && (
{['Cliente', '2025 (ref.)', '2026', 'Crescimento %', 'Upside €', 'Famílias em alta', 'Oportunidade'].map(h => (
| {h} |
))}
{crescimento.map((c, i) => (
| onClienteClick && onClienteClick(c.cliente)}>{c.cliente} |
{bcv2FmtEur(c.val_2025)} |
{bcv2FmtEur(c.val_2026)} |
+{c.var_pct?.toFixed(1)}% |
{bcv2FmtEur(c.val_2026 - c.val_2025)} |
{(c.familias_crescimento || []).slice(0, 2).join(', ')} |
{c.oportunidade} |
))}
)}
);
};
// ── Bloco 4 — Acções AI + Conclusão ──────────────────────────────────────────
const BriefV2Bloco4 = ({ bloco4, onClienteClick }) => {
if (!bloco4) return null;
const tipoColor = { ausente: C.red, queda: C.amber, crescimento: C.green };
return (
ACÇÕES PRIORITÁRIAS & COACHING
{bloco4.regra_do_dia && (
{bloco4.regra_do_dia}
)}
{bloco4.acoes_prioritarias?.length > 0 && (
{bloco4.acoes_prioritarias.map(a => (
onClienteClick && onClienteClick(a.cliente)}>{a.cliente}
{a.tipo && (
{a.tipo}
)}
{a.acao}
))}
)}
{bloco4.conclusao && (
{bloco4.conclusao}
)}
);
};
// ── Loading / Error states ────────────────────────────────────────────────────
const V2Loading = () => (
A analisar desvios ERP da carteira…
⚡ Digi AI · a calcular
);
// ── Screen principal ──────────────────────────────────────────────────────────
function ScreenDailyBriefingCarteiraV2({ vendedorId, userName }) {
const [state, setState] = React.useState({ data: null, loading: false, error: null });
const [selectedCliente, setSelectedCliente] = React.useState(null);
const onClienteClick = (nome) => nome && setSelectedCliente(nome);
const fetchBrief = React.useCallback((force = false) => {
if (!vendedorId) return;
setState(s => ({ ...s, loading: true, error: null }));
fetch(`/api/comercial/brief-carteira-v2/${encodeURIComponent(vendedorId)}${force ? '?force=true' : ''}`)
.then(r => r.json())
.then(json => {
if (json.error) throw new Error(json.error);
setState({ data: json, loading: false, error: null });
})
.catch(err => setState({ data: null, loading: false, error: err.message }));
}, [vendedorId]);
React.useEffect(() => { fetchBrief(false); }, [fetchBrief]);
const { data, loading, error } = state;
const brief = data?.brief || null;
const metricas = data?.metricas || null;
const today = new Date().toLocaleDateString('pt-PT', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
if (!vendedorId) return (
Sem vendedor seleccionado.
);
return (
{(() => { const M = window.ProspectClienteModal; return M && selectedCliente ?
setSelectedCliente(null)} /> : null; })()}
fetchBrief(true)}
loading={loading}
brief={brief}
userName={userName}
/>
{loading && !data && }
{error && (
Erro ao gerar brief: {error}
)}
{brief?._parse_error && (
Aviso: resposta AI com erro de parsing. A tentar regenerar automaticamente.
)}
{metricas && }
{brief?.bloco1 && }
{brief?.bloco2 && }
{brief?.bloco3 && }
{brief?.bloco4 && }
{data && (
{data.cached ? 'Cache' : 'Gerado agora'} · fonte: ERP Primavera (comercial_ytd_snap)
)}