/* Comercial · Business Plan / Pipeline Completo * ======================================================================== * Pipeline Gestor (FM real) + BP Primavera (mock até task #25). * Quando vendedorId disponível, carrega dados reais do FM. * Métricas de vendas (VENDAS_YTD, BP, SPIN, etc.) ficam **** até Primavera. * ======================================================================== */ // ── Pipeline hook (servidor faz cache 10min) ────────────────────────────────── const usePipelineBP = (vendedorId) => { const [state, setState] = React.useState({ data: null, loading: false, error: null }); React.useEffect(() => { if (!vendedorId) return; setState(s => ({ ...s, loading: true, error: null })); fetch(`/api/pipeline/${vendedorId}`) .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]); return state; }; // ============================================================================ // DADOS (Mimaki PT · Daniel Silva · 2026) — extraídos do dashboard Primavera // ============================================================================ const BP_MESES = ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']; // null = mês futuro (ainda não aconteceu) const BP_MATRIZ = { spin: [47, 48, 90, 39, null, null, null, null, null, null, null, null], optmkt: [44, 21, 42, 9, null, null, null, null, null, null, null, null], optcom: [41, 38, 88, 36, null, null, null, null, null, null, null, null], opmanagerfs: [2138118, 1518148, 4031432, 1732890, null, null, null, null, null, null, null, null], bp: [260000, 265000, 305000, 320000, 330000, 325000, 325000, 220000, 325000, 330000, 330000, 325000], fsfacturar: [null, null, null, 302850, null, null, null, null, null, null, null, null], vendas: [204870, 211830, 418501, 88093, null, null, null, null, null, null, null, null], }; // Desvio mensal (vendas - BP) — só meses com vendas const BP_DESVIO = BP_MATRIZ.vendas.map((v, i) => v == null ? null : v - BP_MATRIZ.bp[i]); // Mês actual (Abr fechado, ou seja, estamos no fim de Abril) const BP_MES_ACTUAL = 4; // Abril = index 3 (1-indexed = 4) const BP_ANO = 2026; // ============================================================================ // HELPERS // ============================================================================ const fmtK = (n) => { if (n == null) return '—'; const abs = Math.abs(n); if (abs >= 1000000) return (n / 1000000).toFixed(2).replace('.', ',') + 'M'; if (abs >= 1000) return Math.round(n / 1000) + 'k'; return String(n); }; const fmtEur = (n) => n == null ? '—' : '€' + fmtK(n); const fmtN = (n) => n == null ? '—' : new Intl.NumberFormat('pt-PT').format(n); // Cor de desvio para as células vendas/bp const desvioColor = (v) => { if (v == null) return null; if (v >= 0) return 'var(--dgd-green-700)'; const pct = Math.min(Math.abs(v) / 300000, 1); // de âmbar a vermelho return `rgba(240, ${Math.round(120 - pct * 70)}, ${Math.round(80 - pct * 40)}, 1)`; }; // ============================================================================ // CÁLCULOS DERIVADOS // ============================================================================ const sumYTD = (arr) => arr.slice(0, BP_MES_ACTUAL).reduce((a, b) => a + (b || 0), 0); const sumFull = (arr) => arr.reduce((a, b) => a + (b || 0), 0); const VENDAS_YTD = sumYTD(BP_MATRIZ.vendas); // 923 294 const BP_YTD = sumYTD(BP_MATRIZ.bp); // 1 150 000 const BP_ANUAL = sumFull(BP_MATRIZ.bp); // 3 660 000 const DESVIO_YTD = VENDAS_YTD - BP_YTD; // -226 706 const PROJECTADO_ANO = (VENDAS_YTD / BP_MES_ACTUAL) * 12; // extrapolação linear const DESVIO_PROJECTADO = PROJECTADO_ANO - BP_ANUAL; // -2,7M const PCT_BP = VENDAS_YTD / BP_ANUAL; // ~25% const PCT_TEMPO = BP_MES_ACTUAL / 12; // 33% const OP_PIPELINE = BP_MATRIZ.opmanagerfs[BP_MES_ACTUAL - 1]; // 1,73M actual const OP_TOTAL_GERADO = sumYTD(BP_MATRIZ.optcom) + sumYTD(BP_MATRIZ.optmkt); // 319 OPs const VENDAS_CONTAGEM = 52; // ticket médio 18k → ~52 vendas const TICKET_MEDIO = VENDAS_YTD / VENDAS_CONTAGEM; // 17 755 const CONVERSAO = VENDAS_YTD / (OP_PIPELINE * 4); // grosseiro — contra pipeline médio const VELOCIDADE_DIAS = 47; // mock — dias médios OP → Venda const OPS_POR_MES = Math.round(OP_TOTAL_GERADO / BP_MES_ACTUAL); // 80 // Gap a recuperar em 8 meses restantes const GAP_RECUPERAR = Math.abs(DESVIO_PROJECTADO); // 2,7M const MESES_RESTANTES = 12 - BP_MES_ACTUAL; // 8 const VENDAS_POR_MES_NECESSARIO = GAP_RECUPERAR / MESES_RESTANTES; // ============================================================================ // HERO — números grandes + barra progresso anual // ============================================================================ const BPHero = ({ pipelineData }) => { const isLive = !!pipelineData?.byStage; const livePipelineTotal = isLive ? pipelineData.byStage.reduce((s, x) => s + x.value, 0) : null; const liveOpsTotal = isLive ? pipelineData.total : null; const liveActive = isLive ? pipelineData.active : null; const cell = (label, value, sub, color, note) => (
{label}{note && {note}}
{value}
{sub &&
{sub}
}
); return (
{/* cabeçalho compacto */}
COMERCIAL · PIPELINE {BP_ANO}

Pipeline Gestor {isLive && · dados reais}

BP PRIMAVERA PENDENTE
{/* strip de KPIs */}
{cell('PIPELINE TOTAL', isLive ? fmtEur(livePipelineTotal) : '****', isLive ? `${liveOpsTotal} OPs · Gestor` : 'a carregar…', isLive ? 'var(--dgd-primary-700)' : 'var(--dgd-fg-3)')} {cell('OPs ACTIVAS', isLive ? String(liveActive) : '****', isLive ? `de ${liveOpsTotal} total` : null, null)} {cell('VENDAS YTD', '****', 'Primavera — task #25', 'var(--dgd-fg-3)', 'PENDENTE')} {cell('BP YTD', '****', 'Primavera — task #25', 'var(--dgd-fg-3)', 'PENDENTE')}
GAP ANUAL
****
Primavera — task #25
{/* barra progresso anual */}
PROGRESSO ANUAL · {Math.round(PCT_TEMPO * 100)}% do ano decorrido Vendas vs BP ****% · aguarda Primavera
O marker preto = {Math.round(PCT_TEMPO * 100)}% do ano (Maio). Vendas reais em falta — aguarda integração Primavera (task #25).
); }; // ============================================================================ // MATRIZ 12m × 6 métricas — estilo Primavera mas com cor e hover // ============================================================================ const BPMatriz = () => { const linhas = [ { key: 'spin', label: 'SPIN', hint: 'Visitas comerciais', type: 'n' }, { key: 'optmkt', label: 'OPTMKT', hint: 'OPs geradas por Marketing', type: 'n' }, { key: 'optcom', label: 'OPTCOM', hint: 'OPs geradas por Comercial', type: 'n' }, { key: 'opmanagerfs', label: 'OPMANAGERFS', hint: 'Pipeline em gestão', type: 'e' }, { key: 'bp', label: 'BP', hint: 'Objectivo mensal', type: 'e', accent: true }, { key: 'fsfacturar', label: 'FSFACTURAR', hint: 'Em processamento', type: 'e' }, { key: 'vendas', label: 'VENDAS', hint: 'Vendas realizadas', type: 'e', accent: true }, ]; const cellStyle = (isCurrent, isFuture) => ({ padding: '8px 6px', textAlign: 'right', fontFamily: 'var(--dgd-font-mono)', fontSize: 11, borderLeft: '1px solid var(--dgd-border-2)', background: isCurrent ? 'color-mix(in oklch, var(--accent) 8%, transparent)' : isFuture ? 'color-mix(in oklch, var(--dgd-bg-surface) 50%, transparent)' : 'transparent', color: isFuture ? 'var(--dgd-fg-3)' : 'var(--dgd-fg-1)', }); return (
{BP_MESES.map((m, i) => ( ))} {linhas.map((l) => { const vals = BP_MATRIZ[l.key]; const total = sumFull(vals); return ( {vals.map((v, i) => { const isCurrent = (i + 1) === BP_MES_ACTUAL; const isFuture = i >= BP_MES_ACTUAL; return ( ); })} ); })} {/* Linha BP DESVIO calculada */} {(() => { // desvio acumulado: cada mês soma vendas-BP até aí; após mês actual, extrapola let acc = 0; return BP_DESVIO.map((d, i) => { const isCurrent = (i + 1) === BP_MES_ACTUAL; const isFuture = i >= BP_MES_ACTUAL; if (d != null) acc += d; else { // projecção: usar desvio médio YTD const medioMensal = DESVIO_YTD / BP_MES_ACTUAL; acc += medioMensal - BP_MATRIZ.bp[i] + (VENDAS_YTD / BP_MES_ACTUAL); } const val = acc; return ( ); }); })()}
MÉTRICA{m.toUpperCase()}TOTAL
{l.label}
{l.hint}
 {v == null ? '' : (l.type === 'e' ? fmtK(v) : fmtN(v))} {l.type === 'e' ? fmtK(total) : fmtN(total)}
BP DESVIO
Acumulado
= 0 ? 'var(--dgd-green-700)' : desvioColor(val), fontWeight: 600, }}> {fmtK(Math.round(val))} {fmtK(Math.round(DESVIO_PROJECTADO))}
); }; // ============================================================================ // KPIs DERIVADOS // ============================================================================ const BPKpisDerivados = () => { const kpis = [ { label: 'Conversão', value: '9,8%', sub: 'Média equipa: 14%', trend: 'down', detail: 'Vendas / Pipeline. Abaixo da média.' }, { label: 'Velocidade', value: `${VELOCIDADE_DIAS}d`, sub: 'OP → Venda', trend: 'flat', detail: 'Dias médios. Em linha.' }, { label: 'Ticket médio', value: fmtEur(Math.round(TICKET_MEDIO)), sub: '52 vendas YTD', trend: 'up', detail: 'Subiu €1.2k vs 2025.' }, { label: 'OPs / mês', value: OPS_POR_MES, sub: 'Meta: 100', trend: 'down', detail: 'OPTCOM + OPTMKT. Abaixo meta.' }, ]; const trendColor = { up: 'var(--dgd-green-700)', down: 'var(--dgd-red-700)', flat: 'var(--dgd-fg-2)' }; const trendGlyph = { up: '↗', down: '↘', flat: '→' }; return (
{kpis.map((k) => (
{k.label.toUpperCase()}
{trendGlyph[k.trend]}
{k.value}
{k.sub}
{k.detail}
))}
); }; // ============================================================================ // ANÁLISE DIGI — insights automáticos // ============================================================================ const BPAnaliseDigi = () => { const insights = [ { icon: '⚠', kind: 'warn', title: 'Anomalia detectada em Abril', body: 'SPIN caiu 57% (90→39), OPTMKT caiu 78% (42→9), vendas caíram 79% (€419k→€88k). Quebra simultânea em 4 métricas — normalmente significa férias, baixa ou licença. Queres que te diga o que explica?', action: 'Investigar Abril', }, { icon: '▽', kind: 'warn', title: 'Conversão pipeline → venda está em 9,8%', body: 'Média da equipa Mimaki Ibérica: 14%. Estás 40% abaixo. Não é problema de volume (319 OPs em 4 meses) — é de fecho. 47 OPs em "proposta enviada" há >30 dias precisam de follow-up já.', action: 'Ver OPs paradas', }, { icon: '●', kind: 'ok', title: 'Março foi o único mês acima do BP', body: '90 visitas SPIN em Março (vs média 45) → €419k vendas (vs BP €305k). Correlação directa: dobrar SPIN dobra vendas. Se manténs SPIN≥80/mês até Dezembro, recuperas €1.1M do gap.', action: 'Ver plano SPIN', }, ]; const kindColor = { warn: 'var(--dgd-pumpkin-700)', ok: 'var(--dgd-green-700)', info: 'var(--accent)' }; return (
Digi
Analisei os 12 meses. Encontrei 3 padrões relevantes.
{insights.map((it, i) => (
0 ? '1px solid var(--dgd-border-2)' : 'none', display: 'flex', gap: 12, alignItems: 'flex-start' }}>
{it.icon}
{it.title}
{it.body}
))}
); }; // ============================================================================ // PLANO RECUPERAÇÃO — 4 blocos somando ao gap // ============================================================================ const BP_PLANO_CARTEIRA = [ { nome: 'Gráfica Central, Lda', ultima: '11m', potencial: 95000, marca: 'Mimaki UCJV', razao: 'Ciclo médio 8m · vencido' }, { nome: 'Olimpo Print', ultima: '14m', potencial: 120000, marca: 'Mimaki CJV200', razao: 'Equipamento EOL previsto' }, { nome: 'Rótulos Norte, SA', ultima: '9m', potencial: 68000, marca: 'Mimaki UJV200', razao: 'Expansão sinalizada no LinkedIn' }, { nome: 'Digital Trends', ultima: '10m', potencial: 82000, marca: 'Mimaki JV330', razao: 'Contactou em Fev · sem follow-up' }, { nome: 'Artes Gráficas Lda', ultima: '13m', potencial: 55000, marca: 'Mimaki CJV150', razao: 'Ciclo médio 12m · vencido' }, { nome: 'Sinal+ Ibérica', ultima: '8m', potencial: 145000, marca: 'Mimaki UJF-7151', razao: 'Segunda máquina prevista' }, { nome: 'Tipografia Moderna', ultima: '12m', potencial: 70000, marca: 'Mimaki UCJV300', razao: 'Contrato manutenção expira Mai' }, { nome: '+ 5 clientes', ultima: '—', potencial: 45000, marca: '—', razao: 'Probabilidade >60%' }, ]; const BP_PLANO_OPS = [ { cliente: 'Printcolor SL', valor: 48000, diasParado: 52, fase: 'Proposta enviada', marca: 'Mimaki' }, { cliente: 'Gráfica do Sul', valor: 95000, diasParado: 41, fase: 'Proposta enviada', marca: 'Mimaki' }, { cliente: 'Adesivos Express', valor: 32000, diasParado: 38, fase: 'Proposta revista', marca: 'Mimaki' }, { cliente: 'Vinyl Lab', valor: 110000, diasParado: 33, fase: 'Proposta enviada', marca: 'Mimaki' }, { cliente: 'Comunicação Visual', valor: 58000, diasParado: 45, fase: 'Em negociação', marca: 'Mimaki' }, { cliente: '+ 42 OPs', valor: 77000, diasParado: 31, fase: 'Várias fases', marca: 'Mimaki' }, ]; const BP_PLANO_PROSPEC = [ { empresa: 'Rotulados Barcelona, SL', cidade: 'Barcelona', score: 9, capex: 85000 }, { empresa: 'Impresión Madrid Digital', cidade: 'Madrid', score: 9, capex: 120000 }, { empresa: 'Gráficas del Levante', cidade: 'Valência', score: 8, capex: 75000 }, { empresa: 'Serigrafía Andaluza', cidade: 'Sevilha', score: 8, capex: 95000 }, { empresa: 'Print Solutions Ibérica', cidade: 'Barcelona', score: 8, capex: 65000 }, { empresa: 'Diseño e Impresión Norte', cidade: 'Bilbau', score: 8, capex: 110000 }, ]; const PlanoBlocoCarteira = () => { const total = BP_PLANO_CARTEIRA.reduce((a, b) => a + b.potencial, 0); return (
1
Carteira · recompras prováveis
12 clientes com probabilidade recompra >70%
{fmtEur(total)}
RECUPERÁVEL
{BP_PLANO_CARTEIRA.map((c, i) => (
0 ? '1px solid var(--dgd-border-2)' : 'none', display: 'grid', gridTemplateColumns: '1.4fr 0.8fr 0.5fr 0.7fr', alignItems: 'center', gap: 10, fontSize: 11.5 }}>
{c.nome}
{c.razao}
{c.marca}
última {c.ultima}
{fmtEur(c.potencial)}
))}
); }; const PlanoBlocoOPs = () => { const total = BP_PLANO_OPS.reduce((a, b) => a + b.valor, 0); return (
2
OPs em risco · precisam de follow-up
47 OPs em "proposta enviada" há mais de 30 dias
{fmtEur(total)}
POR FECHAR
{BP_PLANO_OPS.map((o, i) => (
0 ? '1px solid var(--dgd-border-2)' : 'none', display: 'grid', gridTemplateColumns: '1.3fr 1fr 0.6fr 0.7fr', alignItems: 'center', gap: 10, fontSize: 11.5 }}>
{o.cliente}
{o.fase}
{o.diasParado}d parado
{fmtEur(o.valor)}
))}
); }; const PlanoBlocoProspec = () => { const total = BP_PLANO_PROSPEC.reduce((a, b) => a + b.capex, 0); return (
3
Prospecção ES · leads match directo
8 leads quentes (score 8–9) compatíveis com Mimaki
{fmtEur(total)}
POTENCIAL
{BP_PLANO_PROSPEC.map((p, i) => (
0 ? '1px solid var(--dgd-border-2)' : 'none', display: 'grid', gridTemplateColumns: '1.4fr 0.8fr 0.5fr 0.7fr', alignItems: 'center', gap: 10, fontSize: 11.5 }}>
{p.empresa}
{p.cidade}
{p.score}/10
{fmtEur(p.capex)}
))}
); }; const PlanoBlocoGap = () => { const recuperado = BP_PLANO_CARTEIRA.reduce((a, b) => a + b.potencial, 0) + BP_PLANO_OPS.reduce((a, b) => a + b.valor, 0) + BP_PLANO_PROSPEC.reduce((a, b) => a + b.capex, 0); const gap = GAP_RECUPERAR - recuperado; const pct = recuperado / GAP_RECUPERAR; return (
4
Gap residual
O que sobra depois dos 3 planos acima
0 ? 'var(--dgd-red-700)' : 'var(--dgd-green-700)' }}>{fmtEur(Math.abs(gap))}
{gap > 0 ? 'A ENCONTRAR' : 'EXCEDENTE'}
{/* barra visual */}
a+b.potencial,0)/GAP_RECUPERAR)*100}%`, background: 'var(--accent)', opacity: 0.8, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, fontWeight: 700, color: 'white' }}>Carteira
a+b.valor,0)/GAP_RECUPERAR)*100}%`, background: 'var(--dgd-pumpkin-700)', opacity: 0.8, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, fontWeight: 700, color: 'white' }}>OPs
a+b.capex,0)/GAP_RECUPERAR)*100}%`, background: 'var(--dgd-green-700)', opacity: 0.8, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, fontWeight: 700, color: 'white' }}>Prospec
Gap
Digi Identifiquei {fmtEur(recuperado)} de gap recuperável concreto. Os restantes {fmtEur(gap)} não têm plano definido ainda. Sugiro: campanha outbound para 32 clientes inactivos há >18m + aumentar SPIN para 80 visitas/mês (vs média actual {Math.round(sumYTD(BP_MATRIZ.spin)/BP_MES_ACTUAL)}). Queres que prepare?
); }; // ============================================================================ // PIPELINE COMPLETO — tabela de OPs reais do FM // ============================================================================ const FM_STAGE_COLORS_BP = { 'LEAD': '#6366f1', 'INTERESSE': '#8b5cf6', 'EVENTO': '#f97316', 'DEMO': '#ea580c', 'AG FINANCEIRO': '#16a34a', 'AG DECISAO': '#15803d', }; const FM_STAGE_CODES = { 'LEAD': '10', 'INTERESSE': '20', 'EVENTO': '50', 'DEMO': '65', 'AG DECISAO': '80', 'AG FINANCEIRO': '90', }; const BPPipelineCompleto = ({ pipelineData, initialStage }) => { const [stageFilter, setStageFilter] = React.useState(initialStage || 'todos'); const [sortBy, setSortBy] = React.useState('valor'); const records = pipelineData?.records || []; const activeRecords = records.filter(r => r.Status !== 'LOST' && r.Stage_Name); const wonRecords = records.filter(r => r.Status === 'WON'); const lostRecords = records.filter(r => r.Status === 'LOST' && r.Stage_Name); const stages = React.useMemo(() => { const s = new Set(activeRecords.filter(r => r.Status === 'OPEN').map(r => r.Stage_Name)); return ['todos', ...Array.from(s), ...(wonRecords.length ? ['__WON__'] : []), ...(lostRecords.length ? ['__LOST__'] : [])]; }, [activeRecords, wonRecords, lostRecords]); const filtered = React.useMemo(() => { let list = stageFilter === 'todos' ? activeRecords : stageFilter === '__WON__' ? wonRecords : stageFilter === '__LOST__' ? lostRecords : activeRecords.filter(r => r.Stage_Name === stageFilter && r.Status === 'OPEN'); if (sortBy === 'valor') list = [...list].sort((a, b) => (parseFloat(b.Produto_Valor_K) || 0) - (parseFloat(a.Produto_Valor_K) || 0)); if (sortBy === 'stage') list = [...list].sort((a, b) => (parseInt(FM_STAGE_CODES[a.Stage_Name] || 999) - parseInt(FM_STAGE_CODES[b.Stage_Name] || 999)) || (a.Stage_Name || '').localeCompare(b.Stage_Name || '')); if (sortBy === 'cliente') list = [...list].sort((a, b) => (a.Entidade_Nome || '').localeCompare(b.Entidade_Nome || '')); if (sortBy === 'data') list = [...list].sort((a, b) => { const dA = parseInt(a.Ano || 0) * 100 + parseInt(a.Mes || 0); const dB = parseInt(b.Ano || 0) * 100 + parseInt(b.Mes || 0); return dB - dA; }); return list; }, [activeRecords, stageFilter, sortBy]); const totalValue = filtered.reduce((s, r) => s + Math.round((parseFloat(r.Produto_Valor_K) || 0) * 1000), 0); const stageCounts = React.useMemo(() => { const c = {}; for (const r of activeRecords) c[r.Stage_Name] = (c[r.Stage_Name] || 0) + 1; return c; }, [activeRecords]); return (

Pipeline Completo · Gestor

dados reais
{filtered.length} OPs · {fmtEur(totalValue)}
Ordenar: {[{id:'valor',l:'Valor'},{id:'stage',l:'Stage'},{id:'cliente',l:'Cliente'},{id:'data',l:'Data'}].map(s => ( ))}
{/* Stage filter chips */}
{stages.map(s => { const color = s === '__WON__' ? 'var(--dgd-green-700)' : s === '__LOST__' ? 'var(--dgd-red-700)' : s === 'todos' ? 'var(--dgd-primary-500)' : (FM_STAGE_COLORS_BP[s] || 'var(--dgd-primary-500)'); const count = s === 'todos' ? activeRecords.length : s === '__WON__' ? wonRecords.length : s === '__LOST__' ? lostRecords.length : (stageCounts[s] || 0); return ( ); })}
{/* Tabela */}
{['Cliente', 'Produto', 'Stage', 'Status', 'Valor', 'Ano/Mês'].map((h, i) => ( ))} {filtered.map((r, i) => { const val = Math.round((parseFloat(r.Produto_Valor_K) || 0) * 1000); const stageColor = FM_STAGE_COLORS_BP[r.Stage_Name] || 'var(--dgd-primary-500)'; return ( e.currentTarget.style.background = 'var(--dgd-bg-app)'} onMouseLeave={e => e.currentTarget.style.background = 'transparent'}> ); })} {filtered.length === 0 && ( )}
3 ? 'right' : 'left', fontSize: 10.5, fontWeight: 600, color: 'var(--dgd-fg-2)', letterSpacing: '0.06em', textTransform: 'uppercase', fontFamily: 'var(--dgd-font-mono)' }}>{h}
{r.Entidade_Nome || '—'}
{r.Produto_Name || '—'}
 {r.Stage_Name} {r.Status === 'WON' && ✓ WON} {r.Status === 'LOST' && ✕ LOST} {val > 0 ? fmtEur(val) : '—'} {r.Ano || ''}{r.Mes ? ` · ${r.Mes}` : ''}
Sem OPs para este filtro.
); }; // ============================================================================ // SCREEN // ============================================================================ const ScreenComercialBP = ({ vendedorId, initialStage }) => { const { data: pipelineData, loading } = usePipelineBP(vendedorId); const isLive = !!pipelineData?.byStage; return (
{/* Pipeline Completo — dados reais FM */} {(isLive || loading) && (
{loading &&
A carregar pipeline do Gestor…
} {isLive && }
)} {/* Secções mock (BP Primavera pendente) */}
PRIMAVERA PENDENTE · task #25 Métricas abaixo são mock — ficarão reais após integração Primavera
{/* Secção plano recuperação */}

Plano de recuperação

3 alavancas concretas + gap residual · total a recuperar {fmtEur(GAP_RECUPERAR)}
); }; window.ScreenComercialBP = ScreenComercialBP;