/* Comercial · Business Plan * ======================================================================== * Screen que leva a vista do Primavera (matriz 12m × 6 métricas) e põe por * cima a camada de inteligência da Digi: * - Hero com YTD vs BP vs desvio + barra progresso anual * - Matriz 12m × 6 métricas, células coloridas por desvio, hover com insight * - KPIs derivados (conversão, velocidade, ticket, OPs/mês) * - Análise Digi (anomalia Abril, gap conversão) * - Plano recuperação: Carteira + OPs em risco + Prospecção + Gap residual * ======================================================================== */ // ============================================================================ // 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(--success)'; 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 = () => { const cell = (label, value, sub, color) => (
{label}
{value}
{sub &&
{sub}
}
); return (
{/* cabeçalho compacto */}
COMERCIAL · BUSINESS PLAN {BP_ANO}

Daniel Silva · Mimaki PT

DESVIO CRÍTICO
{/* strip de KPIs */}
{cell('VENDAS YTD', fmtEur(VENDAS_YTD), `Jan–${BP_MESES[BP_MES_ACTUAL - 1]} · ${VENDAS_CONTAGEM} vendas`, null)} {cell('BP YTD', fmtEur(BP_YTD), `Objectivo até ${BP_MESES[BP_MES_ACTUAL - 1]}`, null)} {cell('DESVIO YTD', fmtEur(DESVIO_YTD), `${Math.round((DESVIO_YTD/BP_YTD)*100)}% abaixo`, 'var(--danger)')} {cell('PROJECTADO ANO', fmtEur(PROJECTADO_ANO), `vs BP ${fmtEur(BP_ANUAL)}`, null)}
GAP ANUAL
{fmtEur(DESVIO_PROJECTADO)}
+{fmtEur(VENDAS_POR_MES_NECESSARIO)}/mês p/ recuperar
{/* barra progresso anual */}
PROGRESSO ANUAL {Math.round(PCT_BP * 100)}% do BP · {Math.round(PCT_TEMPO * 100)}% do ano
{/* barra de vendas */}
{/* marker do tempo decorrido */}
A barra vermelha = vendas. O marker preto = tempo. Vendas estão 8 pontos atrás do tempo — gap de {fmtEur(BP_ANUAL * (PCT_TEMPO - PCT_BP))}.
); }; // ============================================================================ // 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(--font-mono)', fontSize: 11, borderLeft: '1px solid var(--border-subtle)', background: isCurrent ? 'color-mix(in oklch, var(--accent) 8%, transparent)' : isFuture ? 'color-mix(in oklch, var(--bg-elev) 50%, transparent)' : 'transparent', color: isFuture ? 'var(--text-dim)' : 'var(--text)', }); 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(--success)' : 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(--success)', down: 'var(--danger)', flat: 'var(--text-muted)' }; 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(--warning)', ok: 'var(--success)', info: 'var(--accent)' }; return (
Digi
Analisei os 12 meses. Encontrei 3 padrões relevantes.
{insights.map((it, i) => (
0 ? '1px solid var(--border-subtle)' : '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(--border-subtle)' : '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(--border-subtle)' : '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(--border-subtle)' : '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(--danger)' : 'var(--success)' }}>{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(--warning)', 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(--success)', 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?
); }; // ============================================================================ // SCREEN // ============================================================================ const ScreenComercialBP = () => { return (
{/* Secção plano recuperação */}

Plano de recuperação

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